/**
 * margin-[type]: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
 */
/**
 * margin-[type]: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
 */
/**
 * font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
 */
 /* @font-face {
  font-family: 'Roboto';
  src: url('Roboto.ttf'); 
  src: url('Roboto.ttf')  format('truetype'), 
} */
/* @font-face {
  font-family: 'Roboto';
  src: url('Roboto.otf');
  src: url('Roboto.otf')  format('truetype'),
} */
body {
  font-family: Roboto !important; }

a:hover {
  text-decoration: none;
  color: #ffffff; }

.custom-row-for-text {
  padding-bottom: 10px; }
  @media (min-width: 100px) and (max-width: 767px) {
    .custom-row-for-text {
      padding-bottom: 10px; } }

.small-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  color: #000000; }

.bold-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: justify;
  color: #000000; }

.location-margin {
  margin-bottom: 40px; }

.container-information {
  text-align: center;
  padding-top: 20px;	
 }

.text-information {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: 0.25em;
  color: #000201; }
  .text-information {
    font-size: 25px; }
    @media screen and (min-width: 100px) {
      .text-information {
        font-size: calc(25px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .text-information {
        font-size: 30px; } }

.text-description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  margin-top: 32px;
  margin-bottom: 51px; }

.center-text {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.container-information .vertical-line {
  margin: 18px 0;
  width: 100%; }

.custom-title-for-page .vertical-line {
  margin: 18px 0;
  width: 3px; }

.img-vertical-line {
  margin: 18px 0; }

.container-hotel .vertical-line {
  margin: 0 auto;
  z-index: 100;
  height: 25px;
  width: 2px; }

.custom-col-for-text {
  padding-top: 20px; }
  @media screen and (min-width: 100px) {
    .custom-col-for-text {
      padding-top: calc(20px + 42 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .custom-col-for-text {
      padding-top: 20px; } }

@media (min-width: 100px) and (max-width: 991px) {
  .font-wait-for-mobile-text {
    font-weight: 300; } }

@media (min-width: 992px) {
  .custom-margin-for-col-left {
    padding-right: 23px; }
    .custom-margin-for-col-left {
      padding-left: 30px; } }
    @media screen and (min-width: 992px) and (min-width: 100px) {
      .custom-margin-for-col-left {
        padding-left: calc(30px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 992px) and (min-width: 1280px) {
      .custom-margin-for-col-left {
        padding-left: 40px; } }

@media (min-width: 992px) {
  .custom-margin-for-col-right {
    padding-left: 23px; }
    .custom-margin-for-col-right {
      padding-right: 30px; } }
    @media screen and (min-width: 992px) and (min-width: 100px) {
      .custom-margin-for-col-right {
        padding-right: calc(30px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 992px) and (min-width: 1280px) {
      .custom-margin-for-col-right {
        padding-right: 40px; } }

@media (min-width: 100px) and (max-width: 991px) {
  .container-for-text-information {
    margin-left: 30px;
    margin-right: 30px; } }

.container-for-text {
  height: 250px;
  overflow-y: auto; }
  @media (min-width: 100px) and (max-width: 991px) {
    .container-for-text {
      margin-left: 30px;
      margin-right: 30px;
      height: 300px; } }

.stay-img {
  background-image: url("./../img/Rectangle36.png");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.stay-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.stay-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.background-img {
  visibility: hidden; }

.dine-img {
  background-image: url("./../img/Rectangle35.png");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.dine-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.dine-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.spa-img {
  background-image: url("./../img/Rectangle43.png");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.spa-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.spa-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.actavities-img {
  background-image: url("./../img/Rectangle39.png");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.actavities-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.actavities-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.conferences-img {
  background-image: url("./../img/Taor conference.JPG");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.conferences-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.conferences-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.children-img {
  background-image: url("./../img/Rectangle48.png");
  background-repeat: no-repeat;
  height: 100%;
  background-size: cover;
  z-index: 1;
  position: relative; }

.children-img::before {
  background: #000000;
  opacity: 0.35;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.children-img:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.custom-height {
  height: 100%; }

.container-stay-dine-img-text-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 0.25em;
  color: #FFFFFF; }
  .container-stay-dine-img-text-center {
    text-align: center;
    font-size: 25px; }
    @media screen and (min-width: 100px) {
      .container-stay-dine-img-text-center {
        font-size: calc(25px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-stay-dine-img-text-center {
        font-size: 30px; } }

.container-stay-dine-center-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.25em;
  color: #000201;
  align-items: center; }

.style-text-for-dine-stay {
  margin-top: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000; }

.vertical-line {
  margin: 24px 0;
  height: 25px;
  width: 2px; }

.container-location-contact {
  padding-bottom: 40px; }
  @media screen and (min-width: 100px) {
    .container-location-contact {
      padding-bottom: calc(40px + 60 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .container-location-contact {
      padding-bottom: 100px; } }

.container-see-you-soon,
.container-video,
.container-hotel {
  position: relative; }

.container-video {
  width: 100%; }

.container-see-you-soon-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.3em;
  color: #FFFFFF; }
  .container-see-you-soon-text {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .container-see-you-soon-text {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-see-you-soon-text {
        font-size: 16px; } }

.container-video-text {
  position: absolute;
  left: 50%;
  top: 46%;
  margin-right: -50%;
  transform: translate(-50%);
  z-index: 2; }
  @media (min-width: 700px) and (max-width: 991px) {
    .container-video-text {
      top: 39%; } }
  @media (min-width: 100px) and (max-width: 599px) {
    .container-video-text {
      top: 32%; } }

.container-see-you-soon-container-text {
  position: absolute;
  left: 50%;
  top: 46%;
  margin-right: -50%;
  transform: translate(-50%);
  z-index: 2; }
  @media (min-width: 700px) and (max-width: 991px) {
    .container-see-you-soon-container-text {
      top: 39%; } }
  @media (min-width: 100px) and (max-width: 599px) {
    .container-see-you-soon-container-text {
      top: 45%; } }

.container-hotel-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: 0.25em;
  color: #FFFFFF; }
  .container-hotel-title {
    font-size: 22px; }
    @media screen and (min-width: 100px) {
      .container-hotel-title {
        font-size: calc(22px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-hotel-title {
        font-size: 32px; } }

.container-video-hotel-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.3em;
  color: #FFFFFF; }
  .container-video-hotel-text {
    font-size: 17px; }
    @media screen and (min-width: 100px) {
      .container-video-hotel-text {
        font-size: calc(17px + 1 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-video-hotel-text {
        font-size: 18px; } }
  @media (min-width: 100px) and (max-width: 700px) {
    .container-video-hotel-text {
      margin: 0 5%; } }

@media (min-width: 100px) and (max-width: 999px) {
  .header-titles,
  .mobile-nav-toggle {
    display: none !important; } }

.title-text-header {
  display: none; }
  @media (min-width: 100px) and (max-width: 999px) {
    .title-text-header {
      display: block;
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 16px;
      color: #FFFFFF;
      padding-top: 27px;
      padding-left: 15px; } }

.title-text-header > a {
  text-decoration: none !important;
  color: inherit !important; }

.title-text-header > a:hover {
  text-decoration: none !important;
  color: inherit !important; }

.primary-menu li.current-menu-item > a {
  color: red; }

.container-video-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0.25em;
  color: #FFFFFF; }
  .container-video-title {
    font-size: 19px; }
    @media screen and (min-width: 100px) {
      .container-video-title {
        font-size: calc(19px + 9 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-video-title {
        font-size: 28px; } }
  .container-video-title {
    padding-bottom: 23px; }
    @media screen and (min-width: 100px) {
      .container-video-title {
        padding-bottom: calc(23px + 13 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-video-title {
        padding-bottom: 36px; } }
@media (max-width: 576px) {
  .container-video-title {
    text-align: center;
  }
  #month-1-hotelier-datepicker-select {
    margin-left: 0 !important;
  }
}

.container-video-play-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.3em;
  color: #FFFFFF; }
  .container-video-play-text {
    font-size: 12px; }
    @media screen and (min-width: 100px) {
      .container-video-play-text {
        font-size: calc(12px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .container-video-play-text {
        font-size: 18px; } }

.container-video-play {
  display: flex;
  justify-content: center;
  cursor: pointer; }

.container-video-play-img {
  margin-left: 16px; }

.img-see-soon {
  background: url("./../img/seeyousoon.jpg") no-repeat;
  min-height: 350px;
  max-height: 500px;
  background-size: cover;
  background-position: 50%;
  z-index: 1;
  position: relative; }
  @media (min-width: 100px) and (max-width: 991px) {
    .img-see-soon {
      background-size: cover; } }

.img-see-soon::before {
  background: #000000;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.img-see-soon::before {
  background: #000000;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.img-video {
  max-width: 100%;
  max-height: 100%;
  min-height: 225px !important;
  height: 500px; }

.full-height-video {
  height: auto;
  object-fit: cover; }

ul.primary-menu > li:not(.pll-parent-menu-item) .sub-menu, .sub-menu {
	width: 16vw;
}
.img-hotel {
  background: url("https://taor.com.ua/wp-content/uploads/2025/08/taorbeck.webp") no-repeat;
  min-height: 643px;
  background-size: cover;
  background-position: 50%;
  z-index: 1;
  position: relative; }
  @media (min-width: 100px) and (max-width: 991px) {
    .img-hotel {
      background-size: cover; } }

.custom-title-for-page {
  display: flex;
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  justify-items: center;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 100px) and (max-width: 991px) {
    .custom-title-for-page {
      top: 30%; } }

.singular .entry-header {
  padding: 0 !important; }

.entry-header {
  height: 100% !important;
  min-height: 687px !important;
  z-index: 1;
  position: relative; }
  @media (min-width: 100px) and (max-width: 991px) {
    .entry-header {
      background-size: cover !important;
      min-height: 643px !important; } }

.entry-header-contact::before {
  background: #000000;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.entry-header-contact {
  height: 100% !important;
  max-height: 687px !important; }
  @media (min-width: 100px) and (max-width: 991px) {
    .entry-header-contact {
      background-size: cover !important;
      max-height: 643px !important; } }

.entry-header::before {
  background: #000000;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.page-title {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  margin: 0;
  text-transform: uppercase; }

@media (min-width: 100px) and (max-width: 991px) {
  
 .single-room .page-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  margin: 0;
  text-transform: uppercase;
  text-align: center; }
}
.container-hotel-text {
  text-align: center;
  position: absolute;
  left: 50%;
  /* top: 41%; */
  top: 25%;
  margin-right: -50%;
  transform: translate(-50%); }

.img-hotel::before {
  background: #161616;
  opacity: 0.7;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hide-img {
  visibility: hidden; }

.vertical-line-white {
  margin: 0 auto;
  margin-bottom: 22px;
  height: 25px;
  width: 2px; }

.footer-btn {
  background: #76bc21 !important;
  border: 3px solid #76bc21;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #FFFFFF;
  margin-bottom: 20px; }
  .footer-btn a{
    color: #FFFFFF;
    text-decoration: none;
  }

.footer-btn:hover,
.footer-btn:focus {
  text-decoration: none; }

.footer {
  background: #110B1C;
  padding-top: 39px;
  padding-bottom: 54px;
  padding-right: 42px; }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer {
      padding-right: 0;
      padding-left: 0; } }

.footer-first-col {
  text-align: center; }

.footer-location-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.3em;
  color: #FFFFFF;
  margin-bottom: 46px; }
  .footer-location-name {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .footer-location-name {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .footer-location-name {
        font-size: 16px; } }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-location-name {
      margin: 24px 0; } }

.footer-location-address {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration-line: underline;
  color: #FFFFFF; }

.footer-second-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-second-col {
      display: none; } }

.footer-second-col-img {
  margin-top: 25px;
  display: flex;
  cursor: pointer; }

@media (min-width: 100px) and (max-width: 991px) {
  .container-footer {
    margin: 0 12%; } }

.footer-second-col-for-mobile {
  display: none; }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-second-col-for-mobile {
      display: flex;
      justify-content: center; } }

.footer-third-col-contact {
  text-align: right;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  color: #FFFFFF; }
  .footer-third-col-contact {
    font-size: 13px; }
    @media screen and (min-width: 100px) {
      .footer-third-col-contact {
        font-size: calc(13px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .footer-third-col-contact {
        font-size: 15px; } }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-third-col-contact {
      text-align: center; } }

@media (min-width: 100px) and (max-width: 991px) {
  .footer-third-col-contact > div {
    margin-bottom: 10px; } }

.footer-third-col-contact a {
  text-align: right;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: underline; }

.footer-contact {
  margin-bottom: 46px;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.3em;
  color: #FFFFFF; }
  .footer-contact {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .footer-contact {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .footer-contact {
        font-size: 16px; } }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-contact {
      margin-top: 30px;
      margin-bottom: 26px; } }

.footer-social-for-mobile {
  display: none; }
  @media (min-width: 100px) and (max-width: 991px) {
    .footer-social-for-mobile {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; } }

.footer .line {
  display: inline-block;
  padding: 0 10px; }

.footer-social-text {
  margin-top: 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF; }

@media (min-width: 100px) and (max-width: 472px) {
  .footer .footer-reception span.line:nth-child(2) {
    opacity: 0; } }

@media (min-width: 100px) and (max-width: 555px) {
  .footer .footer-booking span.line:nth-child(4) {
    opacity: 0; } }

@media (min-width: 100px) and (max-width: 571px) {
  .booking-tel {
    margin-left: 24px; } }

@media (min-width: 100px) and (max-width: 555px) {
  .footer .footer-reception a:not(first-child) {
    margin-top: 10px; } }

@media (min-width: 100px) and (max-width: 555px) {
  .footer-booking-tel {
    margin-left: 23px; } }

.container-location-contact .line {
  display: inline-block;
  padding: 0 10px; }

.container-location-contact .custom-col-for-contact a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
  color: #000000;
  font-size: 15px; }

.container-location-contact .custom-col-for-contact a:hover {
  color: #000000; }

@media (min-width: 100px) and (max-width: 571px) {
  .department span.line:nth-child(4) {
    opacity: 0; } }

@media (min-width: 100px) and (max-width: 411px) {
  .department span.line:nth-child(4) {
    opacity: 0; } }

@media (min-width: 100px) and (max-width: 366px) {
  .department span.line:nth-child(2) {
    opacity: 0; } }

.department a {
  white-space: nowrap; }

@media (min-width: 992px) and (max-width: 1223px) {
  .custom-margin-for-col-right .department span.line:nth-child(4) {
    opacity: 0 !important; } }

@media (min-width: 100px) and (max-width: 991px) {
  .reception span.line {
    display: none; }
  .reception {
    display: flex;
    flex-direction: column; } }

@media (min-width: 992px) {
  .container-location-contact-custom-row {
    padding-left: 41px; } }

.custom-col-for-contact {
  padding-top: 38px; }
  @media screen and (min-width: 100px) {
    .custom-col-for-contact {
      padding-top: calc(38px + 10 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .custom-col-for-contact {
      padding-top: 48px; } }

@media (min-width: 100px) and (max-width: 991px) {
  .custom-col-for-contact {
    margin: 0 5%; } }

@media (min-width: 100px) and (max-width: 991px) {
  .custom-text-center {
    text-align: center; } }

.img-for-social-networks {
  padding: 7px;
  border: 2px solid #FFFFFF; }

.img-for-social-networks:not(:first-child) {
  margin-left: 5px; }

.img-for-social-networks img {
  height: 15px;
  width: 15px; }

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
  color: inherit; }

.custom-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.25em;
  color: #000201; }
  .custom-title {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .custom-title {
        font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .custom-title {
        font-size: 25px; } }

.entry-content .entry-text-for-post,
.entry-content-for-stay .entry-text-for-post {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000; }
  .entry-content .entry-text-for-post,
  .entry-content-for-stay .entry-text-for-post {
    padding-top: 40px; }
    @media screen and (min-width: 100px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-top: calc(40px + 25 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-top: 65px; } }
  .entry-content .entry-text-for-post,
  .entry-content-for-stay .entry-text-for-post {
    padding-left: 100px; }
    @media screen and (min-width: 768px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
    @media screen and (min-width: 1280px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-left: 275px; } }
  .entry-content .entry-text-for-post,
  .entry-content-for-stay .entry-text-for-post {
    padding-right: 100px; }
    @media screen and (min-width: 768px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
    @media screen and (min-width: 1280px) {
      .entry-content .entry-text-for-post,
      .entry-content-for-stay .entry-text-for-post {
        padding-right: 275px; } }
  @media (min-width: 100px) and (max-width: 767px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-left: 40px; } }
  @media (min-width: 100px) and (max-width: 767px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .entry-content .entry-text-for-post,
    .entry-content-for-stay .entry-text-for-post {
      padding-right: 40px; } }

.type-page {
  height: 100%; }

.modula-gallery {
  padding-left: 25px; }
  @media screen and (min-width: 100px) {
    .modula-gallery {
      padding-left: calc(25px + 7 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .modula-gallery {
      padding-left: 32px; } }

.modula-gallery {
  padding-right: 25px; }
  @media screen and (min-width: 100px) {
    .modula-gallery {
      padding-right: calc(25px + 7 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .modula-gallery {
      padding-right: 32px; } }

.modula-gallery {
  margin-bottom: 50px; }
  @media screen and (min-width: 100px) {
    .modula-gallery {
      margin-bottom: calc(50px + 98 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .modula-gallery {
      margin-bottom: 148px; } }

.modula-gallery {
  padding-top: 30px; }
  @media screen and (min-width: 100px) {
    .modula-gallery {
      padding-top: calc(30px + 29 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .modula-gallery {
      padding-top: 59px; } }

.filters .menu__item {
  border: 3px solid #76bc21;
  box-sizing: border-box;
  margin-right: 12px !important; }
  .filters .menu__item {
    padding-top: 10px; }
    @media screen and (min-width: 100px) {
      .filters .menu__item {
        padding-top: calc(10px + 4 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .filters .menu__item {
        padding-top: 14px; } }
  .filters .menu__item {
    padding-bottom: 10px; }
    @media screen and (min-width: 100px) {
      .filters .menu__item {
        padding-bottom: calc(10px + 4 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .filters .menu__item {
        padding-bottom: 14px; } }
  .filters .menu__item {
    padding-left: 15px; }
    @media screen and (min-width: 100px) {
      .filters .menu__item {
        padding-left: calc(15px + 15 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .filters .menu__item {
        padding-left: 30px; } }
  .filters .menu__item {
    padding-right: 15px; }
    @media screen and (min-width: 100px) {
      .filters .menu__item {
        padding-right: calc(15px + 15 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .filters .menu__item {
        padding-right: 30px; } }

.filters .menu__list {
  margin-bottom: 26px; }

.modula .filters.menu--default a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 15px;
  letter-spacing: 0.15em;
  color: #76bc21 !important;
  text-decoration: none; }
  .modula .filters.menu--default a {
    font-size: 10px; }
    @media screen and (min-width: 100px) {
      .modula .filters.menu--default a {
        font-size: calc(10px + 3 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .modula .filters.menu--default a {
        font-size: 13px; } }

.modula .filters.menu-item a:hover {
  border-bottom: none !important; }

.modula .filters.menu--default .menu__item--current a, .modula .filters.menu--default a:hover {
  border-bottom: none !important; }

.modula .filters.menu--default .menu__item--current a {
  color: #ffffff !important; }

.modula .filters.menu--default .menu__item--current {
  background: #76bc21 !important; }

@media (min-width: 100px) and (max-width: 685px) {
  .modula .filters ul li:nth-child(3) {
    margin-top: 20px !important; } }

@media (min-width: 100px) and (max-width: 435px) {
  .modula .filters ul li:nth-child(2) {
    margin-top: 20px !important; } }

.custom-btn {
  background-color: inherit !important;
  padding-right: 10px; }

.container-btn,
.container-btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.custom-btn-text {
  font-family: Roboto !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #76bc21; }

.header-dine {
  padding-top: 30px; }
  @media screen and (min-width: 100px) {
    .header-dine {
      padding-top: calc(30px + 40 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .header-dine {
      padding-top: 70px; } }

.single-room .header-dine {
  margin-top: 25px;
  text-align: center; }

.header-dine h3 {
  margin: 0; }

.term-deluxe .header-dine {
  padding-top: 30px; }
  @media screen and (min-width: 100px) {
    .term-deluxe .header-dine {
      padding-top: calc(30px + 40 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .term-deluxe .header-dine {
      padding-top: 70px; } }

.term-economy .header-dine {
  padding-top: 30px; }
  @media screen and (min-width: 100px) {
    .term-economy .header-dine {
      padding-top: calc(30px + 40 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .term-economy .header-dine {
      padding-top: 70px; } }

.entry-btn-menu {
  display: flex;
  justify-content: flex-end; }
  @media (min-width: 100px) and (max-width: 576px) {
    .entry-btn-menu {
      flex-direction: column; } }

.slider-btn {
  max-width: 1280px;
  margin: 0 auto; }
  .slider-btn {
    padding-left: 25px; }
    @media screen and (min-width: 100px) {
      .slider-btn {
        padding-left: calc(25px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .slider-btn {
        padding-left: 30px; } }
  .slider-btn {
    padding-right: 25px; }
    @media screen and (min-width: 100px) {
      .slider-btn {
        padding-right: calc(25px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .slider-btn {
        padding-right: 30px; } }

.entry-btn-menu-style {
  border: 3px solid #76bc21;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #76bc21;
  background-color: inherit !important;
  margin-left: 5px; }
  .entry-btn-menu-style {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style {
        font-size: 16px; } }
  .entry-btn-menu-style {
    padding-top: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style {
        padding-top: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style {
        padding-top: 16px; } }
  .entry-btn-menu-style {
    padding-bottom: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style {
        padding-bottom: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style {
        padding-bottom: 16px; } }
  .entry-btn-menu-style {
    padding-left: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style {
        padding-left: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style {
        padding-left: 15px; } }
  .entry-btn-menu-style {
    padding-right: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style {
        padding-right: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style {
        padding-right: 15px; } }
  @media (min-width: 100px) and (max-width: 576px) {
    .entry-btn-menu-style {
      margin-bottom: 10px; } }

.entry-content a:hover {
  color: #76bc21; }

.entry-btn-menu-style-book {
  border: 3px solid #76bc21;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #ffffff;
  background-color: #76bc21 !important; }
  .entry-btn-menu-style-book {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style-book {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style-book {
        font-size: 16px; } }
  .entry-btn-menu-style-book {
    padding-top: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style-book {
        padding-top: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style-book {
        padding-top: 16px; } }
  .entry-btn-menu-style-book {
    padding-bottom: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style-book {
        padding-bottom: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style-book {
        padding-bottom: 16px; } }
  .entry-btn-menu-style-book {
    padding-left: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style-book {
        padding-left: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style-book {
        padding-left: 15px; } }
  .entry-btn-menu-style-book {
    padding-right: 10px; }
    @media screen and (min-width: 100px) {
      .entry-btn-menu-style-book {
        padding-right: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-btn-menu-style-book {
        padding-right: 15px; } }
  @media (min-width: 100px) and (max-width: 576px) {
    .entry-btn-menu-style-book {
      margin-bottom: 10px; } }

.entry-btn-menu-style-book:hover {
  text-decoration: none; }

.entry-btn-menu-style-book:focus {
  text-decoration: none; }

#content {
  padding-bottom: 40px; }
  @media screen and (min-width: 100px) {
    #content {
      padding-bottom: calc(40px + 80 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    #content {
      padding-bottom: 120px; } }

.post-gallery-slider {
  padding-top: 10px;
  padding-bottom: 5px; }
  @media (min-width: 100px) and (max-width: 576px) {
    .post-gallery-slider {
      padding-bottom: 20px; } }

.wpcp-carousel-section.slick-initialized .slick-slide {
  margin-right: 10px !important; }

.entry-container-content {
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000; }
  .entry-container-content {
    padding-top: 10px; }
    @media screen and (min-width: 100px) {
      .entry-container-content {
        padding-top: calc(10px + 20 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .entry-container-content {
        padding-top: 30px; } }

@media (min-width: 100px) and (max-width: 991px) {
  .header {
    background-size: cover !important;
    height: 643px !important; } }

.header::before {
  background: #000000;
  opacity: 0.5;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hide-content {
  display: none; }

.content-spa {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000; }
  .content-spa {
    padding-top: 40px; }
    @media screen and (min-width: 100px) {
      .content-spa {
        padding-top: calc(40px + 25 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .content-spa {
        padding-top: 65px; } }
  .content-spa {
    padding-left: 100px; }
    @media screen and (min-width: 768px) {
      .content-spa {
        padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
    @media screen and (min-width: 1280px) {
      .content-spa {
        padding-left: 275px; } }
  .content-spa {
    padding-right: 100px; }
    @media screen and (min-width: 768px) {
      .content-spa {
        padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
    @media screen and (min-width: 1280px) {
      .content-spa {
        padding-right: 275px; } }
  @media (min-width: 100px) and (max-width: 767px) {
    .content-spa {
      padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .content-spa {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .content-spa {
      padding-left: 40px; } }
  @media (min-width: 100px) and (max-width: 767px) {
    .content-spa {
      padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .content-spa {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .content-spa {
      padding-right: 40px; } }

.orange-line {
  border: 1px solid #76bc21;
  margin: 20px 0; }

.wpcp-carousel-section.nav-vertical-center {
  padding: 0 !important; }

.hide-modal {
  display: none; }

div.pp_default .pp_top,
.pp_bottom,
.pp_details {
  display: none !important; }

.modal-for-video {
  height: 500px;
  width: 100%;
  z-index: 9999; }

.pp_content {
  background: inherit !important; }

.pp_left,
div.pp_default .pp_content_container .pp_right {
  background: none !important;
  padding: 0 !important; }

.btn-for-activities {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.15em;
  color: #76bc21;
  border: 3px solid #76bc21;
  box-sizing: border-box;
  background: #ffffff !important;
  padding: 14px 15px;
  cursor: pointer; }
  @media (min-width: 100px) and (max-width: 420px) {
    .btn-for-activities {
      margin-bottom: 10px;
      text-align: center; } }

.btn-for-activities_active {
  background: #76bc21 !important;
  color: #FFFFFF; }

.btn-for-activities:hover {
  color: #76bc21; }

.btn-for-activities_active:hover {
  color: #FFFFFF; }

.btn-for-activities:not(:last-child) {
  margin-right: 15px; }
  @media (min-width: 100px) and (max-width: 420px) {
    .btn-for-activities:not(:last-child) {
      margin-right: 0; } }

.btn-activities {
  padding-left: 31px; }
  .btn-activities {
    padding-top: 20px; }
    @media screen and (min-width: 100px) {
      .btn-activities {
        padding-top: calc(20px + 39 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .btn-activities {
        padding-top: 59px; } }

.form {
  width: 100%;
  background: #070418;
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 0.9;
}

.title-form {
  font-family: Roboto;
  position: relative;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px; }
  .title-form {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .title-form {
        font-size: calc(15px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .title-form {
        font-size: 20px; } }
  @media (min-height: 100px) and (max-height: 700px) {
    .title-form {
      padding: 0 10px;
      font-size: 15px; } }

.white-line-form {
  border: 1px solid #FFFFFF; }

input[name='name-and-last-name'],
input[name='phone'],
input[name='DateTime'] {
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  min-width: 270px;
  max-width: 591px;
  height: 67px;
  background-color: inherit;
  caret-color: #ffffff;
  color: #ffffff;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  font-size: 15px !important;
  outline: none; }
  @media (min-height: 100px) and (max-height: 700px) {
    input[name='name-and-last-name'],
    input[name='phone'],
    input[name='DateTime'] {
      height: 40px;
      font-size: 13px !important; } }

input[type="text"]:focus,
input[type="tel"]:focus {
  border-color: #ffffff; }

.form > p {
  margin: 0 auto;
  padding: 0 32px; }

.custom-label-form {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  text-align: left;
  padding-top: 28px;
  padding-bottom: 19px; }
  .custom-label-form {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .custom-label-form {
        font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .custom-label-form {
        font-size: 25px; } }
  .custom-label-form {
    margin-left: 20px; }
    @media screen and (min-width: 100px) {
      .custom-label-form {
        margin-left: calc(20px + 35 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .custom-label-form {
        margin-left: 55px; } }
  @media (min-height: 700px) and (max-height: 800px) and (max-width: 600px) {
    .custom-label-form {
      padding-top: 15px;
      padding-bottom: 22px; } }
  @media (min-height: 100px) and (max-height: 700px) and (max-width: 600px) {
    .custom-label-form {
      padding: 10px 0; } }

.datepicker {
  max-width: 860px;
  min-width: 300px;
  width: 100%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%); }

.datepicker,
.datepicker__week-name,
.datepicker__month-name,
.datepicker__month-day {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .datepicker,
    .datepicker__week-name,
    .datepicker__month-name,
    .datepicker__month-day {
      font-size: calc(10px + 7 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .datepicker,
    .datepicker__week-name,
    .datepicker__month-name,
    .datepicker__month-day {
      font-size: 17px; } }

.single-room .room__description--loop {
  padding-left: 100px; }
  @media screen and (min-width: 768px) {
    .single-room .room__description--loop {
      padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .single-room .room__description--loop {
      padding-left: 275px; } }

.single-room .room__description--loop {
  padding-right: 100px; }
  @media screen and (min-width: 768px) {
    .single-room .room__description--loop {
      padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .single-room .room__description--loop {
      padding-right: 275px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .single-room .room__description--loop {
    padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .single-room .room__description--loop {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .single-room .room__description--loop {
      padding-left: 40px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .single-room .room__description--loop {
    padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .single-room .room__description--loop {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .single-room .room__description--loop {
      padding-right: 40px; } }

@media (min-width: 100px) and (max-width: 576px) {
  #close-hotelier-datepicker-select {
    margin-top: 20px; } }

.form .reserve {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  background: #76bc21;
  border: 3px solid #76bc21;
  box-sizing: border-box;
  border-radius: 7px;
  width: 100%;
  min-width: 270px;
  max-width: 591px;
  padding: 15px 0;
  margin-top: 50px;
  margin-bottom: 29px;
  outline: none; }
  .form .reserve {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .form .reserve {
        font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .form .reserve {
        font-size: 25px; } }
  @media (min-height: 700px) and (max-height: 800px) and (max-width: 600px) {
    .form .reserve {
      margin-top: 30px;
      margin-bottom: 19px; } }
  @media (min-height: 100px) and (max-height: 700px) and (max-width: 600px) {
    .form .reserve {
      padding: 5px 0;
      margin-top: 20px;
      margin-bottom: 10px; } }

.reverse:hover {
  text-decoration: none; }

input[type="submit"]:hover {
  text-decoration: none; }

.ajax-loader {
  display: none !important; }

.wpcf7 {
  min-width: 300px;
  max-width: 657px; }

.btn-spa {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.15em;
  color: #76bc21;
  border: 2px solid #76bc21;
  box-sizing: border-box;
  border-radius: 5px;
  background: inherit !important;
  width: 100%;
  height: 53px;
  padding: 20px 0;
  margin-bottom: 6px;
  text-align: center;
  display: flex;
  justify-content: center;
 }
.btn-spa-text {
  font-family: Roboto;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.15em;
  color: #76bc21;
 }

.btn-spa:hover {
  text-decoration: none; }

.container-btn-spa {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px; }

.custom-col-spa {
  margin-left: 6px !important; }
  @media (min-width: 100px) and (max-width: 991px) {
    .custom-col-spa {
      margin-left: 0 !important; } }

@media (min-width: 100px) and (max-width: 420px) {
  .btn-activities {
    display: flex;
    flex-direction: column;
    padding-left: 0; } }

.entry-container-content-spa {
  padding-top: 30px; }

.wpcf7-dynamictext {
  background: inherit !important;
  border: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 20px !important;
  text-overflow: ellipsis !important;
  line-height: 29px !important;
  text-align: center;
  letter-spacing: 0.4em !important;
  color: #FFFFFF !important; }
  @media (min-height: 100px) and (max-height: 575px) {
    .wpcf7-dynamictext {
      font-size: 17px !important; } }

.btn-close-form {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 20px; }
  @media (min-height: 100px) and (max-height: 575px) {
    .btn-close-form {
      top: 20px; } }

.hide-contact-from {
  display: none; }

.container-form {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1000; }
  @media (min-height: 700px) and (max-height: 800px) {
    .container-form {
      top: 53%; } }
  @media (min-height: 100px) and (max-height: 700px) {
    .container-form {
      top: 56%; } }

.wpcf7-not-valid-tip {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 15px;
  line-height: 20px !important;
  text-align: center;
  letter-spacing: 0.2em !important;
  padding-top: 10px;
  white-space: nowrap; }
  @media (min-width: 100px) and (max-width: 400px) {
    .wpcf7-not-valid-tip {
      font-size: 11px; } }

.wpcf7-validation-errors {
  display: none !important; }

div.wpcf7-mail-sent-ok {
  background: #070418 !important;
  opacity: 0.9;
  color: #76bc21 !important;
  text-align: center !important; }
  div.wpcf7-mail-sent-ok {
    font-size: 13px; }
    @media screen and (min-width: 100px) {
      div.wpcf7-mail-sent-ok {
        font-size: calc(13px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) and (min-height: 800px) {
      div.wpcf7-mail-sent-ok {
        font-size: 25px; } }

div.wpcf7-response-output {
  margin: 0 !important;
  padding-bottom: 10px;
  border: none !important; }

input[type="submit"]:focus {
  text-decoration: none !important; }

.custom-title-for-stay {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.25em;
  color: #000201; }

.custom-room-list {
  width: 100%; }

.container-for-btn-book {
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  @media (min-width: 100px) and (max-width: 576px) {
    .container-for-btn-book {
      flex-direction: column; } }

.entry-content-for-stay {
  padding-top: 40px; }
  @media screen and (min-width: 100px) {
    .entry-content-for-stay {
      padding-top: calc(40px + 25 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .entry-content-for-stay {
      padding-top: 65px; } }

.entry-content hr:not(.has-background), hr.styled-separator {
  color: #76bc21; }

.nav-links .page-numbers {
  color: #76bc21; }

.nav-links .current {
  color: #110B1C; }

.nav-links .page-numbers:hover, .page-numbers:focus {
  text-decoration: none; }

.custom-poster-room__thumbnail {
  height: 100% !important;
  max-height: 687px !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  z-index: 1;
  position: relative; }
  @media (min-width: 100px) and (max-width: 991px) {
    .custom-poster-room__thumbnail {
      background-size: cover !important;
      max-height: 643px !important; } }

.custom-poster-room__thumbnail::before {
  background: #000000;
  opacity: 0.7;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.room__description--single,
.room__facilities-content {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px !important;
  line-height: 20px;
  color: #000000; }

.related-rooms > h3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 30px !important;
  text-align: center;
  line-height: 20px;
  color: #000000; }

.room__facilities-title,
.room__meta-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 30px !important;
  line-height: 20px;
  color: #000000;
  padding: 20px 0;
  text-align: center; }

.room__price-wrapper--single,
.room__meta--single {
  text-align: center; }

.button--datepicker {
  margin-top: 20px !important;
  background-color: #76bc21 !important; }

.button {
  margin-top: 10px;
  background-color: #76bc21 !important; }

.button:hover, .button:focus {
  text-decoration: none; }

.datepicker__close-button {
  background-color: #76bc21 !important; }

.datepicker__close-button:hover, .datepicker__close-button:focus {
  text-decoration: none; }

.title-name-room {
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.25em;
  color: #000201; }
  .title-name-room {
    padding-top: 30px; }
    @media screen and (min-width: 100px) {
      .title-name-room {
        padding-top: calc(30px + 40 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .title-name-room {
        padding-top: 70px; } }
  .title-name-room {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .title-name-room {
        font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .title-name-room {
        font-size: 25px; } }

#hotelier-datepicker-select {
  width: 300px;
  margin-right: 20px;
  height: 60px; }
  @media (min-width: 100px) and (max-width: 576px) {
    #hotelier-datepicker-select {
      margin-top: 15px;
      margin-right: 0;
      width: 100%; } }

#datepicker-button {
  width: 300px;
  height: 60px;
  margin-top: 0 !important; }
  @media (min-width: 100px) and (max-width: 576px) {
    #datepicker-button {
      width: 100%;
      margin-top: 20px !important;
      margin-bottom: 20px; } }

.datepicker-form {
  display: flex;
  justify-content: center; }
  @media (min-width: 100px) and (max-width: 576px) {
    .datepicker-form {
      flex-direction: column;
      margin: 0 15px; } }

.entry-content-room {
  padding-bottom: 40px; }
  @media screen and (min-width: 100px) {
    .entry-content-room {
      padding-bottom: calc(40px + 80 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .entry-content-room {
      padding-bottom: 120px; } }

.entry-content-room {
  padding-top: 40px; }
  @media screen and (min-width: 100px) {
    .entry-content-room {
      padding-top: calc(40px + 25 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .entry-content-room {
      padding-top: 65px; } }

.room__details--single, .room__description--single {
  padding-left: 100px; }
  @media screen and (min-width: 768px) {
    .room__details--single, .room__description--single {
      padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .room__details--single, .room__description--single {
      padding-left: 275px; } }

.room__details--single, .room__description--single {
  padding-right: 100px; }
  @media screen and (min-width: 768px) {
    .room__details--single, .room__description--single {
      padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .room__details--single, .room__description--single {
      padding-right: 275px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .room__details--single, .room__description--single {
    padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .room__details--single, .room__description--single {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .room__details--single, .room__description--single {
      padding-left: 40px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .room__details--single, .room__description--single {
    padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .room__details--single, .room__description--single {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .room__details--single, .room__description--single {
      padding-right: 40px; } }

.entry-text-for-post > p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #000000; }


.rate__description-wrapper > h4 {
  margin: 0 0 10px 0; }
  .rate__description-wrapper > h4 {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      .rate__description-wrapper > h4 {
        font-size: calc(15px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .rate__description-wrapper > h4 {
        font-size: 20px; } }

.rate__description > p {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .rate__description > p {
      font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .rate__description > p {
      font-size: 15px; } }

.room__non-cancellable-info--single, .room__deposit--single, .rate__non-cancellable-info--single, .reservation-table__room-non-cancellable {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .room__non-cancellable-info--single, .room__deposit--single, .rate__non-cancellable-info--single, .reservation-table__room-non-cancellable {
      font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__non-cancellable-info--single, .room__deposit--single, .rate__non-cancellable-info--single, .reservation-table__room-non-cancellable {
      font-size: 15px; } }

.rate__actions--listing {
  border-left: 1px solid #ffffff; }

.selected-nights,
.room__price-description,
.room__gallery-link,
.add-to-cart-selected,
.rate__name--listing,
.rate__price-description,
.room__conditions-item,
.rate__deposit--single {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .selected-nights,
    .room__price-description,
    .room__gallery-link,
    .add-to-cart-selected,
    .rate__name--listing,
    .rate__price-description,
    .room__conditions-item,
    .rate__deposit--single {
      font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .selected-nights,
    .room__price-description,
    .room__gallery-link,
    .add-to-cart-selected,
    .rate__name--listing,
    .rate__price-description,
    .room__conditions-item,
    .rate__deposit--single {
      font-size: 18px; } }

.hotelier-listing .room__conditions-title {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .hotelier-listing .room__conditions-title {
      font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .hotelier-listing .room__conditions-title {
      font-size: 15px; } }

.room__price,
.room__price del .amount,
.room__price ins .amount,
.rate__price--listing,
.room__price--single .amount,
.rate__price--listing span .amount,
.rate__price--single {
  font-size: 20px; }
  @media screen and (min-width: 100px) {
    .room__price,
    .room__price del .amount,
    .room__price ins .amount,
    .rate__price--listing,
    .room__price--single .amount,
    .rate__price--listing span .amount,
    .rate__price--single {
      font-size: calc(20px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__price,
    .room__price del .amount,
    .room__price ins .amount,
    .rate__price--listing,
    .room__price--single .amount,
    .rate__price--listing span .amount,
    .rate__price--single {
      font-size: 25px; } }

.room__price--listing {
  height: 30px; }

.room__price--single ins,
.room__price--single .amount,
.room__price--listing .amount,
.room__price--listing ins,
.rate__price--single .amount {
  color: #76bc21; }

.room__meta-list li,
.room-available-rates {
  font-size: 15px; }
  @media screen and (min-width: 100px) {
    .room__meta-list li,
    .room-available-rates {
      font-size: calc(15px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__meta-list li,
    .room-available-rates {
      font-size: 20px; } }

.room-available-rates__link, .room__more-link, .room__gallery-link {
  color: #76bc21;
  text-decoration: none; }

.room__gallery-link {
  margin-top: 40px;
  background-color: #76bc21;
  border: 3px solid #76bc21;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #ffffff; }
  .room__gallery-link {
    font-size: 14px; }
    @media screen and (min-width: 100px) {
      .room__gallery-link {
        font-size: calc(14px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__gallery-link {
        font-size: 16px; } }
  .room__gallery-link {
    padding-top: 10px; }
    @media screen and (min-width: 100px) {
      .room__gallery-link {
        padding-top: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__gallery-link {
        padding-top: 16px; } }
  .room__gallery-link {
    padding-bottom: 10px; }
    @media screen and (min-width: 100px) {
      .room__gallery-link {
        padding-bottom: calc(10px + 6 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__gallery-link {
        padding-bottom: 16px; } }
  .room__gallery-link {
    padding-left: 10px; }
    @media screen and (min-width: 100px) {
      .room__gallery-link {
        padding-left: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__gallery-link {
        padding-left: 15px; } }
  .room__gallery-link {
    padding-right: 10px; }
    @media screen and (min-width: 100px) {
      .room__gallery-link {
        padding-right: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__gallery-link {
        padding-right: 15px; } }

.room-available-rates__link:hover,
.room-available-rates__link:focus,
.room__more-link:hover, .room__more-link:focus {
  color: #76bc21;
  text-decoration: none; }

.room__link--listing, .room__link--listing:hover, .room__link--listing:focus {
  color: #76bc21; }

.listing__room--queried {
  border: 5px solid #76bc21;
  margin: 0; }

.room__name--listing {
  margin-bottom: 15px; }
  .room__name--listing {
    font-size: 20px; }
    @media screen and (min-width: 100px) {
      .room__name--listing {
        font-size: calc(20px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__name--listing {
        font-size: 25px; } }

.room__only-x-left {
  background-color: #76bc21;
  margin-bottom: 15px; }
  .room__only-x-left {
    font-size: 10px; }
    @media screen and (min-width: 100px) {
      .room__only-x-left {
        font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .room__only-x-left {
        font-size: 15px; } }

.listing__list {
  margin: 0 auto;
  max-width: 1280px; }

#reserve-rooms-button, .selected-nights, .room__rates--single {
  margin: 0 auto;
  max-width: 1280px; }

.room__rate--single {
  border-color: #76bc21;
  margin: 15px auto;
  max-width: 1280px; }

.hotelier-notice {
  margin: 15px auto;
  max-width: 1280px;
  padding-bottom: 15px;
  background-color: #76bc21; }
  .hotelier-notice {
    font-size: 10px; }
    @media screen and (min-width: 100px) {
      .hotelier-notice {
        font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .hotelier-notice {
        font-size: 15px; } }

.listing__list,
.room__max-guests-recommendation {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .listing__list,
    .room__max-guests-recommendation {
      font-size: calc(10px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .listing__list,
    .room__max-guests-recommendation {
      font-size: 15px; } }

#reserve-button {
  margin-bottom: 30px; }
  @media screen and (min-width: 100px) {
    #reserve-button {
      margin-bottom: calc(30px + 40 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    #reserve-button {
      margin-bottom: 70px; } }

.listing__list > li {
  margin-bottom: 10px; }

.listing__room {
  border: 2px solid #76bc21; }

@media (min-width: 100px) and (max-width: 1300px) {
  #form--listing, .selected-nights {
    padding: 0 20px; } }

.room__rate--listing {
  overflow: inherit; }

.room__content-wrapper, .room__rate--listing::after, .rate__content--listing::after {
  display: table;
  content: ' ';
  height: 1px;
  width: 100%; }

.rate__content--listing {
  float: inherit; }

.room__actions, .room__rate--listing {
  border: none; }

.room__description--loop {
  padding-top: 40px; }
  @media screen and (min-width: 100px) {
    .room__description--loop {
      padding-top: calc(40px + 25 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__description--loop {
      padding-top: 65px; } }

.button:focus, button:focus {
  outline: none; }



.room__rates-title {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .room__rates-title {
      font-size: calc(10px + 15 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__rates-title {
      font-size: 25px; } }

.room__meta-item > a {
  text-decoration: none;
  color: #76bc21; }

.primary-menu li:last-child {
  display: flex;
  align-items: center; }

.hotelier-listing #hotelier-datepicker {
  margin-top: 30px; }

.room__price--listing .amount {
  font-size: 20px; }
  @media screen and (min-width: 100px) {
    .room__price--listing .amount {
      font-size: calc(20px + 5 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .room__price--listing .amount {
      font-size: 25px; } }

.bag-photo-for-type-rooms::before {
  background: #000000;
  opacity: 0.7;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.primary-menu ul {
  width: 60px; }

.datepicker__close-button {
  padding: 10px;
  font-size: 15px; }

.tax-room_cat .room__description--loop {
  padding-left: 100px; }
  @media screen and (min-width: 768px) {
    .tax-room_cat .room__description--loop {
      padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .tax-room_cat .room__description--loop {
      padding-left: 275px; } }

.tax-room_cat .room__description--loop {
  padding-right: 100px; }
  @media screen and (min-width: 768px) {
    .tax-room_cat .room__description--loop {
      padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .tax-room_cat .room__description--loop {
      padding-right: 275px; } }

.tax-room_cat .room__description--loop {
  padding-bottom: 40px; }
  @media screen and (min-width: 100px) {
    .tax-room_cat .room__description--loop {
      padding-bottom: calc(40px + 80 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .tax-room_cat .room__description--loop {
      padding-bottom: 120px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .tax-room_cat .room__description--loop {
    padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .tax-room_cat .room__description--loop {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .tax-room_cat .room__description--loop {
      padding-left: 40px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .tax-room_cat .room__description--loop {
    padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .tax-room_cat .room__description--loop {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .tax-room_cat .room__description--loop {
      padding-right: 40px; } }

#booking-form {
  padding-top: 15px; }
  @media screen and (min-width: 100px) {
    #booking-form {
      padding-top: calc(15px + 25 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    #booking-form {
      padding-top: 40px; } }

#booking-form #guest-details, #booking-form #guest-additional-information, #booking-form #request-booking {
  max-width: 500px;
  min-width: 250px;
  width: 100%;
  margin: 0 auto; }

#booking-form #reservation-table, #booking-form #reservation-details {
  max-width: 700px;
  min-width: 300px;
  width: 100%;
  margin: 0 auto; }

#booking-form .reservation-table__label--total {
  width: 150px; }

#booking-form #request-booking .form-row {
  display: flex;
  flex-direction: column;
  align-items: center; }

#booking-form .reservation-table__room-link {
  text-decoration: none;
  color: #76bc21; }

#booking-form .reservation-table__room-link:hover {
  text-decoration: none;
  color: #76bc21; }

#booking-form .reservation-table__room-remove {
  padding: 10px;
  font-size: 13px;
  margin-left: 20px; }

#booking-form .reservation-table__data--total {
  text-align: center; }

#booking-form .view-price-breakdown {
  font-size: 10px;
  text-decoration: none;
  color: #76bc21; }

#booking-form .view-price-breakdown:hover {
  text-decoration: none;
  color: #76bc21; }

#booking-form .reservation-table__room-guests--booking {
  display: flex;
  justify-content: space-between; }

#booking-form .form-row__label {
  font-size: 15px; }
  @media screen and (min-width: 100px) {
    #booking-form .form-row__label {
      font-size: calc(15px + 2 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    #booking-form .form-row__label {
      font-size: 17px; } }

#booking-form abbr[title] {
  text-decoration: none; }

#booking-form .reservation-table__room-cost--body {
  padding: 0 20px;
  vertical-align: middle;
  text-align: center; }

#booking-form .reservation-table__heading, #booking-form .reservation-table__row--heading {
  border: none; }

#booking-form .reservation-table__room-qty--body {
  vertical-align: middle;
  text-align: center; }

#booking-form .reservation-table__room-guests--booking {
  display: flex;
  padding-top: 20px; }

#booking-form #arrival_time {
  border: 1px solid #76bc21;
  margin-left: 20px;
  height: 40px;
  padding: 0 20px;
  border-radius: 5px; }
  #booking-form #arrival_time {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      #booking-form #arrival_time {
        font-size: calc(15px + 2 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      #booking-form #arrival_time {
        font-size: 17px; } }

#booking-form #arrival_time_field {
  display: flex;
  align-items: center; }

#booking-form input, #booking-form textarea {
  border: 1px solid #76bc21;
  border-radius: 5px; }

#booking-form input[type="text"]:focus, #booking-form input[type="tel"]:focus {
  border: 1px solid #76bc21; }

#booking-form .section-header__title {
  text-align: center;
  padding: 20px 0; }
  #booking-form .section-header__title {
    font-size: 15px; }
    @media screen and (min-width: 100px) {
      #booking-form .section-header__title {
        font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      #booking-form .section-header__title {
        font-size: 25px; } }

#booking-form .booking__section, #booking-form .reservation-received__section {
  margin: 0; }

#booking-form .form-row__description {
  font-size: 10px; }

#booking-form .table {
  margin: 0; }

#booking-form .pre, #booking-form fieldset, #booking-form input, #booking-form textarea, #booking-form table, #booking-form table *, #booking-form hr {
  border-radius: 5px;
  border-color: #76bc21; }

#booking-form #book-button {
  margin-top: 20px; }
  #booking-form #book-button {
    margin-bottom: 15px; }
    @media screen and (min-width: 100px) {
      #booking-form #book-button {
        margin-bottom: calc(15px + 35 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      #booking-form #book-button {
        margin-bottom: 50px; } }

#booking-form .privacy-policy-text > p {
  padding: 10px 15px;
  margin: 0; }
  #booking-form .privacy-policy-text > p {
    font-size: 10px; }
    @media screen and (min-width: 100px) {
      #booking-form .privacy-policy-text > p {
        font-size: calc(10px + 3 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      #booking-form .privacy-policy-text > p {
        font-size: 13px; } }

#booking-form .privacy-policy-text__link {
  color: #76bc21; }

.reservation-received__section {
  max-width: 700px;
  min-width: 300px;
  width: 100%;
  margin: 0 auto; }

.reservation-received__section .reservation-response--received, .reservation-received__section .reservation-details__list {
  text-align: center; }

.reservation-response--received {
  margin-top: 20px; }
  @media screen and (min-width: 100px) {
    .reservation-response--received {
      margin-top: calc(20px + 50 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .reservation-response--received {
      margin-top: 70px; } }

.reservation-response--received {
  font-size: 15px; }
  @media screen and (min-width: 100px) {
    .reservation-response--received {
      font-size: calc(15px + 10 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .reservation-response--received {
      font-size: 25px; } }

.reservation-details__list > li {
  font-size: 10px; }
  @media screen and (min-width: 100px) {
    .reservation-details__list > li {
      font-size: calc(10px + 7 * ((100vw - 100px) / 1180)); } }
  @media screen and (min-width: 1280px) {
    .reservation-details__list > li {
      font-size: 17px; } }

.reservation-received__section .section-header__title {
  text-align: center; }
  .reservation-received__section .section-header__title {
    font-size: 10px; }
    @media screen and (min-width: 100px) {
      .reservation-received__section .section-header__title {
        font-size: calc(10px + 15 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .reservation-received__section .section-header__title {
        font-size: 25px; } }

.reservation-table__room-link {
  text-decoration: none;
  color: #76bc21; }

.reservation-table__room-link:hover {
  text-decoration: none;
  color: #76bc21; }

.table {
  border-color: #76bc21; }

.cancel-reservation {
  text-align: center; }
  .cancel-reservation {
    margin-bottom: 20px; }
    @media screen and (min-width: 100px) {
      .cancel-reservation {
        margin-bottom: calc(20px + 50 * ((100vw - 100px) / 1180)); } }
    @media screen and (min-width: 1280px) {
      .cancel-reservation {
        margin-bottom: 70px; } }

.reservation-table__room-qty--body, .reservation-table__data--total {
  vertical-align: middle !important;
  text-align: center; }

.reservation-table__room-cost--body {
  padding: 0 20px;
  vertical-align: middle !important;
  text-align: center; }

.reservation-non-cancellable-disclaimer__text {
  font-size: 12px !important;
  margin-top: 15px;
  padding: 0 10px; }

.address--guest-address {
  font-size: 15px !important;
  text-align: center;
  margin-bottom: 20px; }

pre, fieldset, input, textarea, table, table *, hr, .table td, .table th {
  border-color: #76bc21; }

.table thead th {
  vertical-align: bottom;
  border-bottom: none; }

.reservation-table__room-qty--heading, .reservation-table__room-cost--heading {
  text-align: center; }

.size-room_thumbnail {
  text-align: center;
  margin: 0 auto;
  display: none !important; }

.taor-page-loader {
  position: absolute;
  top: 50%;
  left: 50%; }

.post-type-archive-dine .entry-container-content {
  padding-left: 100px; }
  @media screen and (min-width: 768px) {
    .post-type-archive-dine .entry-container-content {
      padding-left: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .post-type-archive-dine .entry-container-content {
      padding-left: 275px; } }

.post-type-archive-dine .entry-container-content {
  padding-right: 100px; }
  @media screen and (min-width: 768px) {
    .post-type-archive-dine .entry-container-content {
      padding-right: calc(100px + 175 * ((100vw - 768px) / 512)); } }
  @media screen and (min-width: 1280px) {
    .post-type-archive-dine .entry-container-content {
      padding-right: 275px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .post-type-archive-dine .entry-container-content {
    padding-left: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .post-type-archive-dine .entry-container-content {
      padding-left: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .post-type-archive-dine .entry-container-content {
      padding-left: 40px; } }

@media (min-width: 100px) and (max-width: 767px) {
  .post-type-archive-dine .entry-container-content {
    padding-right: 30px; } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 100px) {
    .post-type-archive-dine .entry-container-content {
      padding-right: calc(30px + 10 * ((100vw - 100px) / 667)); } }
  @media screen and (min-width: 100px) and (max-width: 767px) and (min-width: 767px) {
    .post-type-archive-dine .entry-container-content {
      padding-right: 40px; } }

#bingc-phone-button {
  bottom: 10px !important;
  left: 90px !important; }

.custom-link-front-page {
  color: #ffffff !important;
  display: block; }

.custom-link-front-page:hover {
  color: #76bc21 !important;
  padding-bottom: 10px; }

.align-btn {
  text-align: center; }
@media (min-width: 100px) and (max-width: 992px) {

.lg-toolbar {
  top: 70px !important;
 }
}
.custom-room__gallery {
  margin-top: 30px;
  margin-bottom: 30px; }
 @media (min-width: 475px) and (max-width: 700px) {
    .custom-room__gallery {
      margin-top: 25px !important; } }
 @media (min-width: 100px) and (max-width: 474px) {
    .custom-room__gallery {
      margin-top: 20px !important; } }
.entry-container-content-activities {
 padding-top: 30px;
}
.post-type-archive-kids .content-spa {
  padding-top: 30px;
}
.entry-container-content-kids {
 padding-top: 30px !important;
}
.entry-content-custom.entry-content-for-stay {
    padding-bottom: 65px;
}
.fa-angle-left::before {
 content: "\f053";
 color: white;
 padding-left: 10px;
}
.fa-angle-right::before {
    content: "\f054";
color: white;
 padding-right: 10px;
}
@media (min-width: 100px) and (max-width: 479px) {
	.wpcp-slide-image img {
	width: 100%;
	}
}
.custom-style-spa {
  padding-bottom: 80px;
}
.custom-size-spa {
  object-fit: cover;
}
.img-bag-spa::before {
  background: #161616;
  opacity: 0.7;
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-bag-spa:hover {
  box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0px 0px 200px rgba(255, 255, 255, 0.8); }

.background_header {
  background: #76bc21;
  opacity: 0.9;
}
.img_logo {
  position: relative;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%);
  padding-bottom: 20px;
  max-width: 220px;
}
.custom-link-front-page-footer {
  text-align: right;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: underline;
}
.front-page-hotelier_datepicker {
  margin-top: 25px;
}
@media (min-width: 100px) and (max-width: 576px) {
  
 .container-hotel-text {
   text-align: center;
   position: absolute;
   left: 50%;
   /* top: 41%; */
   top: 10%;
   margin-right: -50%;
   transform: translate(-50%); }
 }

 .custom-link-front-page-footer {
   margin-left: 15px;
 }

 @media (min-width: 100px) and (max-width: 445px) {
  
  .custom-container-terms {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .custom-link-front-page-footer {
    margin-left: 0;
    margin-top: 10px;
  }
 
}
.room__rate--listing {
  margin-top: 10px;
}
.custom_room__facilities {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.facilities_img {
  margin-right: 10px;
}
.header-blog {
  margin-bottom: 30px;
}
.page-title-blog {
  color: black;
}
.container-blog {
  margin-bottom: 40px;
}

@media (min-width: 100px) and (max-width: 991px) {
  
  .container-blog .header {
    background-size: cover !important;
    height: 250px !important; }
    .nav-links {
      display: flex;
      justify-content: center;
    }
    #hotelier-datepicker-select {
      margin-top: 0;
    }
  }
  .entry-btn-menu-blog {
    display: flex;
    justify-content: flex-end;
    justify-items: flex-end;
  }
  .text-for-blog {
    margin-top: 24px;
  }
  .room__price--listing {
    font-size: 18px !important;
  }
  .room__price-description {
    font-size: 15px !important;
  }
  .room__conditions-titleб, .room__facilities-title{
    font-weight: bold !important;
    font-size: 17px !important;
  }
  .custom-row-conditions-list {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 20px;
    color: #000000;
    word-wrap: normal;
    width: 24vw;
  }
  .custom-container-conditions-list {
    display: flex;
  }
  .room__conditions-title {
    font-weight: bold !important;
    font-size: 17px !important;
  }
  .room__conditions {
    width: 100%;
  }
  .custom-container-facilities {
    display: flex;
    align-items: center;
  }

  
  @media (min-width: 100px) and (max-width: 767px) {
  
    .custom-container-facilities {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .room__conditions-list--single {
      flex-direction: column;
    }
}
@media (min-width: 100px) and (max-width: 643px) {
  .custom-row-conditions-list {
    width: 100%;
  }
}
li::marker {
  color: white;
  display: none !important;
  opacity: 0 !important;
  list-style: none;
}
.tax-activity_category .custom-style-spa  {
  padding-bottom: 0;
}
.tax-activity_category .entry-btn-menu:not(:first-child) {
  padding-bottom: 10px;
}
.room__deposit--single {
  display: none !important;
}
.room__deposit {
  display: none !important;
}
.rate__deposit {
  display: none !important;
}
.rate__deposit--listing {
  display: none !important;
}
.payment-method__description, #booking-form .reservation-table__room-guests--booking, #booking-form .reservation-table__room-remove, .room__more, .rate__non-cancellable-info--listing, .reservation-table__room-non-cancellable, .room__min-max-stay--rate-listing {
  display: none;
}
/* .form-row--booking-terms > a:hover {
  color: none !important;
} */
.room__min-max-stay {
  font-size: 15px;
  width: 100%;
}
.form-row--booking-terms a:hover {
  color: #007bff !important;
}
@media (min-width: 992px) {
  .front-page #hotelier-datepicker {
    width: 860px;
  }
}
@media (max-width: 991px) {
  .datepicker__months::before {
    display: none !important;
  }
  .datepicker__months {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .datepicker__months {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #month-1-hotelier-datepicker-select {
    margin-left: 0 !important;
  }
  #month-2-hotelier-datepicker-select {
    margin-right: 0 !important;
  }
}
.hotelier #form--listing .room__gallery--listing {
  display: none;
}
.leaveReview {
  border: 3px solid #76bc21;
  box-sizing: border-box;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.15em;
  color: #ffffff;
  background-color: #76bc21 !important;
  text-transform: uppercase;
}
.leaveReview:hover, .leaveReview:focus {
  text-decoration: none;
}
.container-button {
  width: 100%;
  text-align: right;
  padding-right: 30px;
}
.form-response {
  background: #070418;
  text-align: center;
  opacity: 0.9;
  min-width: 300px;
  max-width: 657px;
  width: 100%;

  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.form-response .custom-label-form {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 19px; 
}

.form-response  .title-form {
  font-family: Roboto;
  position: relative;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  text-align: center;
  letter-spacing: 0.4em;
  color: #FFFFFF;
  padding: 15px 20px;
}
input[name='your-name'],
input[name='topic']{
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  min-width: 270px;
  max-width: 591px;
  height: 67px;
  background-color: inherit;
  caret-color: #ffffff;
  color: #ffffff;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  font-size: 15px !important;
  outline: none; 
}
.response {
  border-color: #ffffff;
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  min-width: 270px;
  max-width: 591px;
  background-color: inherit;
  caret-color: #ffffff;
  color: #ffffff;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: 0.4em;
  font-size: 15px !important;
  outline: none;
}
.form-response .reserve {
  margin-top: 25px;

}
/* .form-response .wpcf7-not-valid-tip {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 15px;
  line-height: 20px !important;
  text-align: center;
  letter-spacing: 0.2em !important;
  padding-top: 10px;
  white-space: nowrap; }
  @media (min-width: 100px) and (max-width: 400px) {
    .form-response .wpcf7-not-valid-tip {
      font-size: 11px; } }

.form-response .wpcf7-validation-errors {
  display: none !important; }

.form-response .wpcf7-mail-sent-ok {
  background: #070418 !important;
  opacity: 0.9;
  color: #76bc21 !important;
  text-align: center !important; }
.form-response .wpcf7-mail-sent-ok {
font-size: 13px; }
@media screen and (min-width: 100px) {
  .form-response .wpcf7-mail-sent-ok {
    font-size: calc(13px + 2 * ((100vw - 100px) / 1180)); } }
@media screen and (min-width: 1280px) and (min-height: 800px) {
  .form-response .wpcf7-mail-sent-ok {
    font-size: 25px; } } */
    .form-response .wpcf7-mail-sent-ok {
      background: #070418 !important;
      opacity: 0.9;
      color: #76bc21 !important;
      text-align: center !important; }
    .form-response .wpcf7-mail-sent-ok {
    font-size: 13px; }
    @media screen and (min-width: 100px) {
      .form-response .wpcf7-mail-sent-ok {
        font-size: calc(13px + 2 * ((100vw - 100px) / 1180)); } }
@media screen and (min-width: 1280px) and (min-height: 800px) {
  .form-response .wpcf7-mail-sent-ok { 
    font-size: 25px;
  }
}
.horizontal-line {
  height: 1px;
  background-color: #E6E6E6;
  width: 50.0em;
  margin: 10px auto;
  background-image: linear-gradient(left , #76bc21 2%, #E6E6E6 50%, #76bc21 98%);
  background-image: -o-linear-gradient(left , #76bc21 2%, #E6E6E6 50%, #76bc21 98%);
  background-image: -moz-linear-gradient(left , #76bc21 2%, #E6E6E6 50%, #76bc21 98%);
  background-image: -webkit-linear-gradient(left , #76bc21 2%, #E6E6E6 50%, #76bc21 98%);
  background-image: -ms-linear-gradient(left , #76bc21 2%, #E6E6E6 50%, #76bc21 98%);
  background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, #FFFFFF), color-stop(0.5, #76bc21), color-stop(0.98, #FFFFFF) );
}
.horizontal-line-black {
  height: 1px;
  background-color: #E6E6E6;
  width: 100%;
  margin: 10px auto;
  background-image: linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  background-image: -o-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  background-image: -moz-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  background-image: -ms-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, black), color-stop(0.98, white) );
}
.vertical-line-black {
  height: 50px;
  background-color: black;
  width: 1px;
  margin: 10px auto;
  background-image: linear-gradient(center , white 2%, black 50%, white 98%);
  background-image: -o-linear-gradient(center , white 2%, black 50%, white 98%);
  background-image: -moz-linear-gradient(center , white 2%, black 50%, white 98%);
  background-image: -webkit-linear-gradient(center , white 2%, black 50%, white 98%);
  background-image: -ms-linear-gradient(center , white 2%, black 50%, white 98%);
  background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.02, white), color-stop(0.5, black), color-stop(0.98, white) );
  transform: rotate(180deg);
}
.vertical-line-green {
  height: 50px;
  background-color: #76bc21;
  width: 1px;
  margin: 10px auto;
  background-image: linear-gradient(center , #76bc21 2%, #76bc21 50%, #76bc21 98%);
  background-image: -o-linear-gradient(center , #76bc21 2%, #76bc21 50%, #76bc21 98%);
  background-image: -moz-linear-gradient(center , #76bc21 2%, #76bc21 50%, #76bc21 98%);
  background-image: -webkit-linear-gradient(center , #76bc21 2%, #76bc21 50%, #76bc21 98%);
  background-image: -ms-linear-gradient(center , #76bc21 2%, #76bc21 50%, #76bc21 98%);
  background-image: -webkit-gradient( linear, center top, center bottom, color-stop(0.02, #76bc21), color-stop(0.5, #76bc21), color-stop(0.98, #76bc21) );
  transform: rotate(180deg);
}
.calendar-link {
position: relative;	
}
.calendar-link .date-info {
text-align: center;	
color: #fff;
font-size: 1.2em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
gap: 10px;
align-items: baseline;
}
.calendar-link:hover .date-info {
color: #76bc21;
}
.calendar-link .date-info svg {
width: 20px;	
}
.calendar-link:hover .date-info svg {
fill: #76bc21;	
}
.slick-arrow {
position: absolute;
top: 30px;
z-index: 10;
font-size: 0px;
width: 40px;
height: 40px;
}
.slick-arrow.next {
right: 60px;
}
.slick-arrow.prev {
left: 60px;
} 
@media (min-width: 100px) and (max-width: 576px) { 
.calendar-slider .calendar-title {
  font-size: 18px;
}
.slick-arrow.next {
	right: 0px;
}
.slick-arrow.prev {
	left: 0px;
} 
}
.calendar-slider .calendar-title {
text-transform: uppercase;
font-weight: 500;
padding-top: 65px;
}
.slick-disabled {
opacity: 0;
}
.container-viber {
  position: fixed;
  bottom: 18px;
  left: 200px;
  z-index: 999;
  height: 79px;
  width: 79px;
  cursor: pointer;
}
@media (min-width: 100px) and (max-width: 576px) {
  .container-viber { 
    height: 64px;
    width: 64px;
    left: 195px;
    bottom: 20px;
  }
  .horizontal-line { 
    width: 70%;
  }
  #bingc-phone-button {
    bottom: 4px !important;
  }
  .map-front iframe {
    height: 300px !important;
  }
}
.custom-col-for-contact > li {
  margin: 0;
  list-style-type: none !important; 
}
.map-front iframe {
  height: 450px;
}
.img-footer-new {
  width: 55px;
  height: 44px;
  margin-top: 10px;
}
@media (min-width: 100px) and (max-width: 992px) {
 .footer-second-col-for-mobile {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
}

.grid-3 {display: grid;  grid-template-columns: repeat(3, 1fr);column-gap: 30px; row-gap:30px;margin: 50px auto; max-width: calc(100% - 100px);}
.grid-2 {display: grid;  grid-template-columns: repeat(2, 1fr);column-gap: 30px; row-gap:30px;margin: 50px auto; max-width: calc(100% - 100px);}

.grid-3 article .horizontal-line,.grid-2 article .horizontal-line {width:100%;}
.grid-3 article,.grid-2 article {background-size: cover;    background-repeat: no-repeat;    background-position: center;  position: relative;}

.grid-3 article a,.grid-2 article a {  padding: 50px;z-index: 1;    position: relative;display: flex;    flex-direction: column;    width: 100%;    align-items: center;    justify-content: center;    height: 100%;}
.grid-2 article a {padding:150px 50px;}
.grid-3 article a .custom-title,.grid-2 article a .custom-title {color:#fff;}
.grid-3 article::after,.grid-2 article::after {background: #000000;    opacity: 0.3;    z-index: 0;    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;transition: all .5s;}
.grid-3 article:hover::after,.grid-2 article:hover::after { opacity: 0.5; }
.grid-3 article::before,.grid-2 article::before {    content: '';    border: 1px solid #76bc21;    opacity: 0;    width: calc(100% - 30px);    height: calc(100% - 30px);    position: absolute;    top: 15px;    left: 15px;    transform: scale(1.05);    transition: 0.15s;    transition-delay: 0s;	z-index:1;}
.grid-3 article:hover::before,.grid-2 article:hover::before {    opacity: 1;    transform: scale(1);    transition-delay: 0.15s;}
.grid-3 article:hover .vertical-line-green,.grid-2 article:hover .vertical-line-green {    transform: scale(1.05);    transition: 0.35s;    transition-delay: 0s;}

@media only screen and (max-width:1199.98px){
.grid-3 {    grid-template-columns: repeat(2, 1fr);}
.grid-3 article a,.grid-2 article a {    padding:0 20px;}
}
@media only screen and (max-width:575.98px){
.grid-3,.grid-2 {    grid-template-columns: repeat(1, 1fr);}
}
@media only screen and (max-width: 999.98px) { 
.header-title-for-tablet-mobile img {width:35px;margin-top: -10px;}
}

.room__content--single .slider-btn {margin-bottom:24px;}

.room__content--single .slider-btn .custom-room__gallery {display:none;}