@charset "UTF-8";
.mobile-menu .header:after, html body .fixed-links-bottom:after, html body .follow-wrapper .follow .lower .left .subscribe-form:after, html body .follow-wrapper .follow .lower .right .subscribe-form:after, html body .page .element-amenities .amenities .the-amenities:after, html body .page .element-room_detail .room-detail .details-url .details .detail:after, html body .page .element-tour_booking .steps #tour-form .row:after, html body .page .element-tour_booking .steps .peoples:after, html body .page .element-tour_booking .steps .form .form-group:after, html body .page .element-left_image_right_html .row:after, html body .page .element-video .room-packages .room-package:after, html body .page .element-packages .room-packages .room-package:after, html body .page .element-rooms_and_suits .rooms:after, html body .page .element-neighbourhood .locations .location:after, html body .page .element-awards .awards .award:after, html body .page .element-location_map .locations .location-titles:after, html body .page .element-souvenirs .souvenirs:after, html body .page .element-galleries .galleries .gallery-photos:after, html body .page .element-galleries .galleries .gallery-titles:after, html body .page .element-press_release .years .year .press:after, html body .page .element-reviews .container .review .heading:after, html body .page .element-instagram .gallery:after, html body .page .element-highlights .highlights.highlights-box:after, html body .page .breadcrumb .links:after, html body .footer-wrapper .nav .menus:after, html body .header-wrapper .nav .menus:after {
  display: block;
  content: "";
  clear: both;
}

p {
  font-size: 1.8rem;
}

strong {
  font-weight: bold;
}

a.goto {
  position: relative;
  line-height: 1;
  font-size: 1.6rem;
}
a.goto:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  left: 100%;
  margin-left: 5px;
  transition: 200ms ease-in all;
}
a.goto:hover:after {
  margin-left: 8px;
}

.fish {
  transition: 200ms linear all;
  position: relative;
  cursor: pointer;
}
.fish.active, .fish:hover {
  color: #006E3F;
}
.fish:before {
  transition: 200ms linear all;
  content: "";
  opacity: 0;
  display: block;
  width: 25px;
  background-image: url(./images/d-cut1-32.svg);
  height: 25px;
  background-size: cover;
  margin: auto;
}
.fish.active:before, .fish:hover:before {
  opacity: 1;
}

html body .footer-wrapper .nav .menus, html body .header-wrapper .nav .menus {
  margin: auto;
  text-align: center;
}
html body .footer-wrapper .nav .menus .menu, html body .header-wrapper .nav .menus .menu {
  float: left;
  width: 20%;
  position: relative;
}
html body .footer-wrapper .nav .menus .menu a, html body .header-wrapper .nav .menus .menu a {
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
  word-spacing: 5px;
  position: relative;
  margin: 5px 0;
}
html body .footer-wrapper .nav .menus .menu a:hover:before, html body .header-wrapper .nav .menus .menu a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media (min-width: 1500px) {
  html {
    font-size: 12px;
  }
  html[data-fontsize=font-l] {
    font-size: 13px;
  }
  html[data-fontsize=font-s] {
    font-size: 11px;
  }
}
@media (min-width: 1024px) and (max-width: 1499px) {
  html {
    font-size: 12px;
  }
  html[data-fontsize=font-l] {
    font-size: 13px;
  }
  html[data-fontsize=font-s] {
    font-size: 11px;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  html {
    font-size: 10px;
  }
  html[data-fontsize=font-l] {
    font-size: 11px;
  }
  html[data-fontsize=font-s] {
    font-size: 9px;
  }
}
@media (max-width: 799px) {
  html {
    font-size: 10px;
  }
  html[data-fontsize=font-l] {
    font-size: 11px;
  }
  html[data-fontsize=font-s] {
    font-size: 9px;
  }
}
html * {
  font-family: "Crimson Text", serif;
  outline: none;
  box-sizing: border-box;
  color: #888;
  line-height: 1.2;
  letter-spacing: 0.2px;
}
html body {
  margin: 0;
  padding: 0;
}
html body.fixed {
  position: fixed;
  overflow: hidden;
}
html body h2, html body h1 {
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  color: #555;
  font-weight: lighter;
}
@media (max-width: 799px) {
  html body h2, html body h1 {
    font-size: 2rem;
  }
}
html body a {
  text-decoration: none;
  color: #888;
  transition: 200ms color ease-in;
}
html body a:hover {
  color: #006E3F;
}
html body a i:hover {
  color: #006E3F;
}
html body .header-wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  transition: all ease-in 200ms;
  background-color: rgba(250, 250, 250, 0.85);
}
@media (max-width: 799px) {
  html body .header-wrapper .nav-container {
    display: none;
  }
}
html body .container {
  margin: auto;
}
@media (min-width: 1500px) {
  html body .container {
    width: 1400px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1499px) {
  html body .container {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .container {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 799px) {
  html body .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
html body .header-wrapper .header > div {
  display: inline-block;
  width: 39%;
  vertical-align: middle;
  text-align: center;
}
html body .header-wrapper .header .left, html body .header-wrapper .header .right {
  width: 30%;
}
@media (max-width: 799px) {
  html body .header-wrapper .header .left, html body .header-wrapper .header .right {
    display: none;
  }
}
@media (max-width: 799px) {
  html body .header-wrapper .header .center {
    width: 100%;
    text-align: center;
  }
}
html body .header-wrapper .header .socials a {
  display: inline-block;
}
html body .header-wrapper .header .social {
  width: 30px;
  height: 30px;
  background-size: cover;
  display: inline-block;
  margin: 0 5px;
}
html body .header-wrapper .header #social-facebook {
  background-image: url(images/d-cut1-01.svg);
}
html body .header-wrapper .header #social-instgram {
  background-image: url(images/d-cut1-02.svg);
}
html body .header-wrapper .header #social-phone {
  background-image: url(images/d-cut1-24.svg);
}
html body .header-wrapper .header #social-email {
  background-image: url(images/d-cut1-25.svg);
}
html body .header-wrapper .header #social-search {
  cursor: pointer;
  background-image: url(images/d-cut1-04.svg);
}
html body .header-wrapper .header #logo a {
  display: block;
  background-image: url(images/d-cut1-22.svg);
  background-position: center center;
  width: 424px;
  height: 85px;
  margin: 10px auto;
  background-size: 100% 100%;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .header-wrapper .header #logo a {
    width: 300px;
    height: 61px;
  }
}
@media (max-width: 799px) {
  html body .header-wrapper .header #logo a {
    width: 290px;
    height: 55px;
  }
}
html body .header-wrapper .header .right > div {
  display: inline-block;
}
html body .header-wrapper .header .font-selectors {
  margin-right: 10px;
}
html body .header-wrapper .header .font-selectors .font-selector {
  display: inline-block;
  padding: 0 2px;
  cursor: pointer;
}
html body .header-wrapper .header .font-selectors .font-selector.active {
  color: #006E3F;
}
html body .header-wrapper .header .font-selectors #font-l {
  font-size: 24px;
}
html body .header-wrapper .header .font-selectors #font-m {
  font-size: 20px;
}
html body .header-wrapper .header .font-selectors #font-s {
  font-size: 16px;
}
html body .header-wrapper .nav .menus {
  display: flex;
  align-items: center;
}
html body .header-wrapper .nav .menu:hover .childs {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: block;
  width: 100%;
  padding: 5px;
}
html body .header-wrapper .nav .menu .childs {
  display: none;
  position: absolute;
  background-color: rgba(250, 250, 250, 0.85);
}
html body .header-wrapper .nav .menu .childs .child a {
  padding: 5px 0;
  FONT-SIZE: 1.2rem;
}
html body .page .breadcrumb {
  margin: 2vw 0;
  font-size: 1.4rem;
}
@media (max-width: 799px) {
  html body .page .breadcrumb {
    display: none;
  }
}
html body .page .breadcrumb .links .link {
  float: left;
  text-transform: uppercase;
}
html body .page .breadcrumb .links .link.parent-link, html body .page .breadcrumb .links .link.current-link {
  position: relative;
  margin-left: 20px;
  padding-left: 10px;
}
html body .page .breadcrumb .links .link.parent-link:before, html body .page .breadcrumb .links .link.current-link:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 100%;
  transition: 200ms ease-in all;
}
html body .page .element-search_result .search-result .label {
  margin: 20px 0;
  font-size: 1.4rem;
}
html body .page .element-search_result .search-result .no-result {
  margin: 20px 0;
  font-size: 1.4rem;
}
html body .page .element-search_result .search-result .search-form {
  width: 100%;
  max-width: 600px;
  position: relative;
}
html body .page .element-search_result .search-result .search-form input[type=text] {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  padding: 10px 0;
  color: #006E3F;
  width: 100%;
  border-bottom: 2px solid #006E3F;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 50px;
}
html body .page .element-search_result .search-result .search-form .button {
  background-image: url("./images/d-cut1-04.svg");
  background-repeat: no-repeat;
  position: absolute;
  border: none;
  background-color: transparent;
  right: 0;
  top: 0;
  background-size: 40px 40px;
  background-position: right center;
  width: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  height: 40px;
  cursor: pointer;
}
html body .page .element-search_result .search-result .result-page {
  margin: 20px 0;
}
html body .page .element-search_result .search-result .result-page .url a {
  color: #006E3F;
}
html body .page .element-search_result .search-result .result-page .title {
  font-size: 2rem;
  font-weight: bold;
}
html body .page .element-search_result .search-result .result-page .detail {
  font-size: 1.3rem;
  margin-top: 10px;
  color: #888;
}
html body .page .element-slider .slider {
  position: relative;
}
html body .page .element-slider .slider .slide {
  height: 100vh;
  position: relative;
}
html body .page .element-slider .slider .slide .title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  color: #fff;
  font-size: 5rem;
  top: 50%;
  text-align: center;
  text-shadow: 2px 2px 5px #000;
}
@media (max-width: 799px) {
  html body .page .element-slider .slider .slide .title {
    font-size: 2.8rem;
  }
}
html body .page .element-slider .slider .slide .image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
html body .page .element-slider .slider .swiper-pagination-bullets {
  bottom: 40px;
}
html body .page .element-slider .slider .swiper-pagination-bullets .swiper-pagination-bullet {
  vertical-align: middle;
  width: 5px;
  height: 5px;
  opacity: 1;
  margin: 0 10px;
  background: #FCFCFC;
  box-shadow: 0px 0px 5px 0 #FCFCFC;
}
html body .page .element-slider .slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: transparent;
  box-shadow: 0px 0px 2px 2px #FCFCFC;
}
html body .page .element-text_block .title {
  margin: 4rem 0 2rem 0;
}
html body .page .element-highlights > .container > .title {
  margin: 4rem 0;
}
html body .page .element-highlights .highlights {
  margin: 4rem 0;
}
html body .page .element-highlights .highlights.highlights-box .highlight {
  float: left;
  background-color: #F7EDE3;
  width: 32%;
  margin-right: 2%;
}
html body .page .element-highlights .highlights.highlights-box .highlight.highlights-count-2 {
  width: 48%;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-box .highlight.highlights-count-2 {
    width: 100%;
    margin-bottom: 10px;
  }
  html body .page .element-highlights .highlights.highlights-box .highlight.highlights-count-2:nth-child(3) {
    margin-bottom: 0;
  }
}
html body .page .element-highlights .highlights.highlights-box .highlight:nth-child(3) {
  margin-right: 0;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-box .highlight {
    width: 100%;
    margin-bottom: 10px;
  }
  html body .page .element-highlights .highlights.highlights-box .highlight:nth-child(3) {
    margin-bottom: 0;
  }
}
html body .page .element-highlights .highlights.highlights-box .highlight .image img {
  display: block;
  width: 100%;
}
html body .page .element-highlights .highlights.highlights-box .highlight .detail {
  text-align: center;
  line-height: 1;
  margin: 30px;
  font-size: 1.8rem;
}
html body .page .element-highlights .highlights.highlights-box .highlight .url {
  text-align: center;
  margin: 40px;
}
html body .page .element-highlights .highlights.highlights-carousel .swiper-button-prev {
  background-image: url(images/d-cut1-19.svg);
  width: 50px;
  height: 50px;
  background-size: cover;
}
html body .page .element-highlights .highlights.highlights-carousel .swiper-button-next {
  background-image: url(images/d-cut1-20.svg);
  width: 50px;
  height: 50px;
  background-size: cover;
}
html body .page .element-highlights .highlights.highlights-carousel .highlight {
  width: 32vw;
  height: 17vw;
  overflow: hidden;
}
@media (min-width: 1024px) and (max-width: 1499px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight {
    width: 47vw;
    height: 25.38vw;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight {
    width: 47vw;
    height: 25.38vw;
  }
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight {
    width: 100%;
    height: 100%;
  }
}
html body .page .element-highlights .highlights.highlights-carousel .highlight > a {
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight > a {
    position: relative;
    padding-bottom: 54%;
  }
}
html body .page .element-highlights .highlights.highlights-carousel .highlight > a .image {
  height: 100%;
  width: 100%;
  background-size: cover;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight > a .image {
    position: absolute;
  }
}
html body .page .element-highlights .highlights.highlights-carousel .highlight > a {
  display: block;
}
html body .page .element-highlights .highlights.highlights-carousel .highlight .content {
  padding-top: 4rem;
  padding-bottom: 7rem;
  padding-left: 70px;
  padding-right: 70px;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 200ms ease-in;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight .content {
    opacity: 1;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    background-color: rgba(248, 237, 228, 0.85);
    padding-top: 1rem;
    padding-bottom: 6rem;
  }
}
html body .page .element-highlights .highlights.highlights-carousel .highlight .content:hover {
  opacity: 1;
  background-color: rgba(248, 237, 228, 0.85);
}
html body .page .element-highlights .highlights.highlights-carousel .highlight .content .title h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight .content .title h3 {
    margin-bottom: 1rem;
  }
}
html body .page .element-highlights .highlights.highlights-carousel .highlight .content .detail {
  font-size: 1.8rem;
  line-height: 1;
}
html body .page .element-highlights .highlights.highlights-carousel .highlight .content .url {
  padding: 3rem 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media (max-width: 799px) {
  html body .page .element-highlights .highlights.highlights-carousel .highlight .content .url {
    padding: 1.5rem 0;
  }
}
html body .page .element-instagram .title {
  margin: 60px 0;
}
@media (max-width: 799px) {
  html body .page .element-instagram .title {
    margin: 30px 0;
  }
}
html body .page .element-instagram .gallery {
  margin-left: -5px;
  margin-right: -5px;
}
html body .page .element-instagram .gallery .image {
  float: left;
  width: 25%;
  padding: 5px;
  transition: all 200ms ease-in;
}
html body .page .element-instagram .gallery .image:hover {
  padding: 0;
}
@media (max-width: 799px) {
  html body .page .element-instagram .gallery .image {
    width: 50%;
  }
}
html body .page .element-instagram .gallery .image img {
  display: block;
  width: 100%;
}
html body .page .element-instagram .url {
  margin: 40px auto;
  text-align: center;
}
html body .page .element-reviews .container {
  padding: 40px 0;
  background-color: #f8ede4;
}
@media (max-width: 799px) {
  html body .page .element-reviews .container {
    padding: 20px;
  }
}
html body .page .element-reviews .container .title {
  margin: 10px 0;
}
html body .page .element-reviews .container .review {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
html body .page .element-reviews .container .review .heading > div {
  display: inline-block;
}
html body .page .element-reviews .container .review .heading .name {
  font-size: 1.8rem;
}
html body .page .element-reviews .container .review .heading .star {
  padding-left: 10px;
  font-size: 1.4rem;
}
html body .page .element-reviews .container .review .heading .star i {
  color: #ccc;
}
html body .page .element-reviews .container .review .heading .star i.active {
  color: #006E3F;
}
html body .page .element-reviews .container .review .heading .date {
  float: right;
  font-size: 1.6rem;
}
html body .page .element-reviews .container .review .content {
  margin-top: 5px;
  font-size: 1.6rem;
}
html body .page .element-press_release .years {
  padding: 2vw 0;
}
html body .page .element-press_release .years .year {
  padding: 0.5vw 0;
}
html body .page .element-press_release .years .year .title {
  padding-bottom: 10px;
  font-size: 2.4rem;
}
html body .page .element-press_release .years .year .press {
  border-bottom: 1px solid #eee;
  font-size: 1.5rem;
}
html body .page .element-press_release .years .year .press .date {
  float: left;
  padding: 8px 15px 8px 0;
  width: 16%;
}
@media (max-width: 799px) {
  html body .page .element-press_release .years .year .press .date {
    width: 25%;
  }
}
html body .page .element-press_release .years .year .press .content {
  padding: 8px 0px 8px 0;
  float: left;
  width: 84%;
}
@media (max-width: 799px) {
  html body .page .element-press_release .years .year .press .content {
    width: 75%;
  }
}
html body .page .element-press_release .years .year .press .download {
  float: right;
  padding: 8px;
}
html body .page .element-galleries .galleries {
  text-align: center;
  margin: 4rem 0;
}
html body .page .element-galleries .galleries .gallery-titles {
  margin: 10px 0;
  display: inline-block;
  text-align: center;
}
html body .page .element-galleries .galleries .gallery-titles .gallery-title {
  cursor: pointer;
  font-size: 1.7rem;
  float: left;
  padding: 10px 40px;
}
html body .page .element-galleries .galleries .gallery-photos .gallery-photo,
html body .page .element-galleries .galleries .gallery-photos .grid-sizer {
  width: 25%;
  padding: 10px;
}
@media (max-width: 799px) {
  html body .page .element-galleries .galleries .gallery-photos .gallery-photo,
html body .page .element-galleries .galleries .gallery-photos .grid-sizer {
    width: 50%;
  }
}
html body .page .element-galleries .galleries .gallery-photos .gallery-photo img,
html body .page .element-galleries .galleries .gallery-photos .grid-sizer img {
  display: block;
  width: 100%;
}
html body .page .element-souvenirs .souvenirs .product {
  float: left;
  width: 33.3%;
  padding: 2vw;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .page .element-souvenirs .souvenirs .product {
    width: 50%;
  }
}
@media (max-width: 799px) {
  html body .page .element-souvenirs .souvenirs .product {
    width: 100%;
  }
}
html body .page .element-souvenirs .souvenirs .product .image img {
  display: block;
  width: 100%;
}
html body .page .element-souvenirs .souvenirs .product .title {
  min-height: 6.48rem;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin: 10px 0;
}
html body .page .element-souvenirs .souvenirs .product .price {
  margin: 5px 0;
  font-size: 1.8rem;
  color: #006E3F;
  text-align: center;
}
html body .page .element-location_map .map {
  position: relative;
}
html body .page .element-location_map .map iframe {
  width: 100%;
}
html body .page .element-location_map .map .caption {
  position: absolute;
  width: 100%;
  padding: 12px;
  background-color: #F2F1F0;
  bottom: 0;
}
html body .page .element-location_map .map .caption .title {
  font-size: 1.6rem;
}
html body .page .element-location_map .map .caption .address {
  margin-top: 5px;
  font-size: 1.3rem;
}
html body .page .element-location_map .locations .location-titles {
  margin: 40px 0;
}
html body .page .element-location_map .locations .location-titles .location-title {
  float: left;
  font-size: 1.7rem;
  width: 25%;
  padding: 20px;
  text-align: center;
}
@media (max-width: 799px) {
  html body .page .element-location_map .locations .location-titles .location-title {
    width: 50%;
  }
}
html body .page .element-location_map .locations .location-contents {
  padding: 20px;
}
html body .page .element-location_map .locations .location-contents .location-content {
  display: none;
}
html body .page .element-location_map .locations .location-contents .location-content.active {
  display: block;
}
html body .page .element-awards .awards {
  margin: 40px 0;
}
html body .page .element-awards .awards .award {
  font-size: 1.6rem;
  border-bottom: 1px solid #eee;
  margin: 5px 0;
  padding: 5px 0;
}
html body .page .element-awards .awards .award .date {
  float: left;
  width: 20%;
}
@media (max-width: 799px) {
  html body .page .element-awards .awards .award .date {
    width: 100%;
    padding-bottom: 5px;
    font-weight: bold;
  }
}
html body .page .element-awards .awards .award .detail {
  width: 80%;
  float: left;
}
@media (max-width: 799px) {
  html body .page .element-awards .awards .award .detail {
    width: 100%;
  }
}
html body .page .element-neighbourhood .categories {
  text-align: center;
  padding: 20px 0;
}
html body .page .element-neighbourhood .categories .category {
  padding: 20px;
  display: inline-block;
}
html body .page .element-neighbourhood .categories .category .title {
  font-size: 1.7rem;
}
html body .page .element-neighbourhood .locations .location {
  display: none;
  margin: 30px 0;
}
html body .page .element-neighbourhood .locations .location.active {
  display: block;
}
html body .page .element-neighbourhood .locations .location .left {
  width: 50%;
  float: left;
}
html body .page .element-neighbourhood .locations .location .left .image img {
  display: block;
  width: 100%;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .page .element-neighbourhood .locations .location .left {
    width: 30%;
  }
}
@media (max-width: 799px) {
  html body .page .element-neighbourhood .locations .location .left {
    width: 100%;
  }
}
html body .page .element-neighbourhood .locations .location .right {
  width: 50%;
  padding: 40px;
  float: left;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .page .element-neighbourhood .locations .location .right {
    width: 70%;
    padding: 0 20px;
  }
}
@media (max-width: 799px) {
  html body .page .element-neighbourhood .locations .location .right {
    width: 100%;
    padding: 20px 0;
  }
}
html body .page .element-neighbourhood .locations .location .right .name {
  font-size: 3rem;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .page .element-neighbourhood .locations .location .right .name {
    font-size: 2.4rem;
  }
}
html body .page .element-neighbourhood .locations .location .right .content {
  font-size: 1.7rem;
}
html body .page .element-neighbourhood .locations .location .right .map {
  text-decoration: underline;
  text-align: right;
  margin-top: 10px;
}
html body .page .element-rooms_and_suits .titles {
  text-align: center;
  margin: 40px 0;
}
html body .page .element-rooms_and_suits .titles .title {
  display: inline-block;
  font-size: 1.7rem;
  padding: 20px;
}
html body .page .element-rooms_and_suits .titles .title.active a {
  color: #006E3F;
}
html body .page .element-rooms_and_suits .rooms .room {
  margin: 1%;
  background-color: rgba(250, 250, 250, 0.85);
  width: 31.3%;
  float: left;
}
@media (max-width: 799px) {
  html body .page .element-rooms_and_suits .rooms .room {
    width: 100%;
    margin: 10px 0;
  }
}
html body .page .element-rooms_and_suits .rooms .room .image {
  transition: all 200ms linear;
  position: relative;
}
html body .page .element-rooms_and_suits .rooms .room .image .last-use {
  transition: all 0.2s ease-in;
  bottom: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  background-color: rgba(250, 250, 250, 0.85);
  padding: 10px 0;
  font-size: 1.4rem;
  color: #888;
}
html body .page .element-rooms_and_suits .rooms .room .image:hover {
  opacity: 0.9;
}
html body .page .element-rooms_and_suits .rooms .room .image:hover .last-use {
  bottom: 0;
  opacity: 1;
}
html body .page .element-rooms_and_suits .rooms .room .image img {
  display: block;
  width: 100%;
}
html body .page .element-rooms_and_suits .rooms .room .name {
  font-size: 2.4rem;
  text-align: center;
  padding: 10px 0 5px 0;
}
html body .page .element-rooms_and_suits .rooms .room .url {
  padding: 5px 0 10px 0;
  text-align: center;
}
html body .page .element-packages .titles {
  text-align: center;
  margin: 40px 0;
}
html body .page .element-packages .titles .title {
  display: inline-block;
  font-size: 1.7rem;
  padding: 20px;
}
html body .page .element-packages .titles .title.active a {
  color: #006E3F;
}
html body .page .element-packages .room-packages .room-package {
  margin: 4rem 0;
}
html body .page .element-packages .room-packages .room-package .image {
  float: left;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-packages .room-packages .room-package .image {
    width: 100%;
  }
}
html body .page .element-packages .room-packages .room-package .image img {
  display: block;
  width: 100%;
}
html body .page .element-packages .room-packages .room-package .content {
  float: left;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-packages .room-packages .room-package .content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem;
  }
}
html body .page .element-packages .room-packages .room-package .content .name {
  font-size: 3.2rem;
}
html body .page .element-packages .room-packages .room-package .content .detail {
  padding-top: 2rem;
  font-size: 1.8rem;
}
html body .page .element-packages .room-packages .room-package .content .detail-url {
  margin-top: 4rem;
}
@media (max-width: 799px) {
  html body .page .element-packages .room-packages .room-package .content .detail-url {
    text-align: center;
  }
}
html body .page .element-packages .room-packages .room-package .content .detail-url a {
  width: 250px;
  text-align: center;
  border: 1px solid #006E3F;
  display: inline-block;
  padding: 0.6rem 3rem;
  font-size: 1.4rem;
  color: #006E3F;
}
html body .page .element-packages .room-packages .room-package .content .detail-url a:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-packages .room-packages .room-package .content .book-url {
  margin-top: 1.6rem;
}
@media (max-width: 799px) {
  html body .page .element-packages .room-packages .room-package .content .book-url {
    text-align: center;
  }
}
html body .page .element-packages .room-packages .room-package .content .book-url a {
  text-align: center;
  width: 250px;
  border: 1px solid #006E3F;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.6rem 3rem;
  color: #006E3F;
}
html body .page .element-packages .room-packages .room-package .content .book-url a:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-video .titles {
  text-align: center;
  margin: 40px 0;
}
html body .page .element-video .titles .title {
  display: inline-block;
  font-size: 1.7rem;
  padding: 20px;
}
html body .page .element-video .titles .title.active a {
  color: #006E3F;
}
html body .page .element-video .room-packages .room-package {
  margin: 4rem 0;
}
html body .page .element-video .room-packages .room-package .youtube {
  float: left;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-video .room-packages .room-package .youtube {
    width: 100%;
  }
}
html body .page .element-video .room-packages .room-package .youtube img {
  display: block;
  width: 100%;
}
html body .page .element-video .room-packages .room-package .content {
  float: left;
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 799px) {
  html body .page .element-video .room-packages .room-package .content {
    width: 100%;
    padding-left: 0;
    padding-top: 2rem;
  }
}
html body .page .element-video .room-packages .room-package .content .name {
  font-size: 3.2rem;
}
html body .page .element-video .room-packages .room-package .content .detail {
  padding-top: 2rem;
  font-size: 1.8rem;
}
html body .page .element-video .room-packages .room-package .content .detail-url {
  margin-top: 4rem;
}
@media (max-width: 799px) {
  html body .page .element-video .room-packages .room-package .content .detail-url {
    text-align: center;
  }
}
html body .page .element-video .room-packages .room-package .content .detail-url a {
  width: 250px;
  text-align: center;
  border: 1px solid #006E3F;
  display: inline-block;
  padding: 0.6rem 3rem;
  font-size: 1.4rem;
  color: #006E3F;
}
html body .page .element-video .room-packages .room-package .content .detail-url a:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-video .room-packages .room-package .content .book-url {
  margin-top: 1.6rem;
}
@media (max-width: 799px) {
  html body .page .element-video .room-packages .room-package .content .book-url {
    text-align: center;
  }
}
html body .page .element-video .room-packages .room-package .content .book-url a {
  text-align: center;
  width: 250px;
  border: 1px solid #006E3F;
  display: inline-block;
  font-size: 1.4rem;
  padding: 0.6rem 3rem;
  color: #006E3F;
}
html body .page .element-video .room-packages .room-package .content .book-url a:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-left_image_right_html .row {
  margin: 4rem 0;
}
html body .page .element-left_image_right_html .row .image {
  float: left;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-left_image_right_html .row .image {
    width: 100%;
  }
}
html body .page .element-left_image_right_html .row .image img {
  display: block;
  width: 100%;
}
html body .page .element-left_image_right_html .row .content {
  float: left;
  width: 50%;
  padding-left: 2rem;
}
@media (max-width: 799px) {
  html body .page .element-left_image_right_html .row .content {
    width: 100%;
    padding-top: 2rem;
  }
}
html body .page .element-tour_booking {
  min-height: 400px;
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
html body .page .element-tour_booking .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
html body .page .element-tour_booking .checkbox-container .text {
  font-size: 1.4rem;
  line-height: 25px;
}
html body .page .element-tour_booking .checkbox-container input {
  display: none;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
html body .page .element-tour_booking .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
html body .page .element-tour_booking .checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}
html body .page .element-tour_booking .checkbox-container input:checked ~ .checkmark {
  background-color: #006E3F;
}
html body .page .element-tour_booking .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
html body .page .element-tour_booking .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
html body .page .element-tour_booking .checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body .page .element-tour_booking .steps {
  max-width: 1000px;
  margin: auto;
}
html body .page .element-tour_booking .steps #step-2,
html body .page .element-tour_booking .steps #step-3,
html body .page .element-tour_booking .steps #step-4,
html body .page .element-tour_booking .steps #step-5 {
  display: none;
}
html body .page .element-tour_booking .steps .step {
  margin: 4rem 0;
  text-align: center;
}
html body .page .element-tour_booking .steps .step .title {
  margin: 1rem 0;
  font-size: 2.4rem;
}
html body .page .element-tour_booking .steps .step .detail {
  font-size: 1.8rem;
}
html body .page .element-tour_booking .steps .form {
  padding: 2rem;
}
@media (max-width: 799px) {
  html body .page .element-tour_booking .steps .form {
    padding: 0;
  }
}
html body .page .element-tour_booking .steps .form .form-group .form-left, html body .page .element-tour_booking .steps .form .form-group .form-right {
  float: left;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-tour_booking .steps .form .form-group .form-left, html body .page .element-tour_booking .steps .form .form-group .form-right {
    width: 100%;
  }
}
html body .page .element-tour_booking .steps .form .next-container {
  text-align: center;
  margin-top: 20px;
}
html body .page .element-tour_booking .steps .form .next-container .next {
  cursor: pointer;
  border: 1px solid #006E3F;
  padding: 5px 10px;
  font-size: 1.4rem;
  color: #006E3F;
  display: inline-block;
}
html body .page .element-tour_booking .steps .form .next-container .next i {
  font-size: 1.4rem;
  color: #006E3F;
}
html body .page .element-tour_booking .steps .form .next-container .next:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .next:hover i {
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .confirm {
  cursor: pointer;
  border: 1px solid #006E3F;
  padding: 5px 10px;
  font-size: 1.4rem;
  display: inline-block;
  background-color: #fff;
  color: #006E3F;
}
html body .page .element-tour_booking .steps .form .next-container .confirm i {
  font-size: 1.4rem;
  color: #006E3F;
}
html body .page .element-tour_booking .steps .form .next-container .confirm.active {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .confirm.active i {
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .confirm:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .confirm:hover i {
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .back {
  cursor: pointer;
  border: 1px solid #006E3F;
  padding: 5px 10px;
  margin-right: 40px;
  font-size: 1.4rem;
  color: #006E3F;
  display: inline-block;
}
html body .page .element-tour_booking .steps .form .next-container .back i {
  font-size: 1.4rem;
  color: #006E3F;
}
html body .page .element-tour_booking .steps .form .next-container .back:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-tour_booking .steps .form .next-container .back:hover i {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-tour_booking .steps .form .input {
  margin: 2rem;
}
html body .page .element-tour_booking .steps .form .input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #006E3F;
  border: 1px solid #006E3F;
  padding: 10px;
  font-size: 1.8rem;
  max-width: 500px;
  width: 100%;
}
html body .page .element-tour_booking .steps .form .input .caption {
  color: #fff;
  padding: 15px 0;
  font-size: 1.5rem;
  background-color: #006E3F;
}
html body .page .element-tour_booking .steps .form .input .caption i {
  color: #fff;
}
html body .page .element-tour_booking .steps .form .input .timeslot, html body .page .element-tour_booking .steps .form .input .date {
  border: 1px solid #006E3F;
  padding: 15px 0;
  font-size: 1.4rem;
  margin-bottom: -1px;
  cursor: pointer;
}
html body .page .element-tour_booking .steps .form .input .timeslot.active, html body .page .element-tour_booking .steps .form .input .date.active {
  color: #006E3F;
  text-decoration: underline;
}
html body .page .element-tour_booking .steps .form .input .disabled-timeslot {
  border: 1px solid #006E3F;
  padding: 15px 0;
  font-size: 1.4rem;
  margin-bottom: -1px;
  background-color: #888888;
  cursor: no-drop;
}
html body .page .element-tour_booking .steps .form .input .disabled-timeslot.active {
  color: #006E3F;
  text-decoration: underline;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker table tr td.disabled, html body .page .element-tour_booking .steps .form .input #date .datepicker table tr td.disabled:hover {
  background-color: #eee !important;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker {
  width: 100%;
  padding: 0;
  font-size: 13px;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker table {
  border: 1px solid #006E3F;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 5px;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker table th {
  font-size: 16px;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker table tbody:before {
  content: "";
  display: block;
  height: 10px;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker td.day {
  margin: 0 10px;
  line-height: 1;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker td.day.today {
  background-color: #eee;
  background-image: none;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker td.day.new {
  display: none;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker td.day.old {
  visibility: hidden;
}
html body .page .element-tour_booking .steps .form .input #date .datepicker td.day.active {
  background-color: #006E3F;
  background-image: none;
  color: #fff;
}
html body .page .element-tour_booking .steps .peoples {
  text-align: center;
  margin: auto;
  display: inline-block;
}
html body .page .element-tour_booking .steps .peoples .people {
  cursor: pointer;
  float: left;
  line-height: 50px;
  color: #006E3F;
  font-size: 18px;
  width: 50px;
  border-radius: 50%;
  height: 50px;
  margin: 10px;
  border: 1px solid #006E3F;
}
@media (max-width: 799px) {
  html body .page .element-tour_booking .steps .peoples .people {
    margin: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
html body .page .element-tour_booking .steps .peoples .people.active {
  color: #fff;
  background-color: #006E3F;
}
html body .page .element-tour_booking .steps #tour-form {
  margin-top: 20px;
}
html body .page .element-tour_booking .steps #tour-form .row {
  text-align: left;
  margin-bottom: 0px;
}
html body .page .element-tour_booking .steps #tour-form .row .col {
  float: left;
  width: 50%;
  font-size: 1.5rem;
}
@media (max-width: 799px) {
  html body .page .element-tour_booking .steps #tour-form .row .col {
    width: 100%;
    margin-bottom: 20px;
  }
}
html body .page .element-tour_booking .steps #tour-form .row .col .key {
  margin-bottom: 1rem;
}
html body .page .element-tour_booking .steps #tour-form .row .col .value input {
  font-size: 1.6rem;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 1;
  appearance: none;
  width: 100%;
  font-weight: bold;
}
html body .page .element-room_detail .room-detail {
  position: relative;
  margin: 4rem 0;
}
html body .page .element-room_detail .room-detail .title {
  background-image: url("./images/d-room-icon1.png");
  background-size: 2rem 2rem;
  padding-left: 2.5rem;
  font-size: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2rem 0;
}
html body .page .element-room_detail .room-detail .details-url .details {
  display: inline-block;
  padding-left: 3rem;
  vertical-align: bottom;
}
@media (max-width: 799px) {
  html body .page .element-room_detail .room-detail .details-url .details {
    padding-left: 0;
    width: 100%;
  }
}
html body .page .element-room_detail .room-detail .details-url .details .detail {
  font-size: 1.5rem;
  margin: 0.2rem 0;
}
html body .page .element-room_detail .room-detail .details-url .details .detail .key {
  float: left;
  width: 50%;
}
html body .page .element-room_detail .room-detail .details-url .details .detail .value {
  width: 50%;
  float: left;
}
html body .page .element-room_detail .room-detail .details-url .url {
  display: inline-block;
  text-align: right;
  vertical-align: bottom;
  width: 50%;
}
@media (max-width: 799px) {
  html body .page .element-room_detail .room-detail .details-url .url {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
  }
}
html body .page .element-room_detail .room-detail .details-url .url a {
  color: #006E3F;
  border: 1px solid #006E3F;
  padding: 0.4rem 3rem;
  font-size: 1.4rem;
  display: inline-block;
}
html body .page .element-room_detail .room-detail .details-url .url a:hover {
  background-color: #006E3F;
  color: #fff;
}
html body .page .element-room_detail .room-detail .remark {
  font-size: 1.2rem;
  margin-top: 2rem;
}
html body .page .element-business_services .business-services {
  position: relative;
  margin: 4rem 0;
}
html body .page .element-business_services .business-services .title {
  background-image: url("./images/d-room-icon2.png");
  background-size: 2rem 2rem;
  padding-left: 2.5rem;
  font-size: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2rem 0;
}
html body .page .element-business_services .business-services .services {
  width: 50%;
  padding-left: 3rem;
}
html body .page .element-business_services .business-services .services .service {
  font-size: 1.5rem;
  margin: 0.2rem 0;
}
html body .page .element-amenities .amenities {
  position: relative;
  margin: 4rem 0;
}
html body .page .element-amenities .amenities .title {
  background-image: url("./images/d-room-icon3.png");
  background-size: 2rem 2rem;
  padding-left: 2.5rem;
  font-size: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 2rem 0;
}
html body .page .element-amenities .amenities .the-amenities {
  padding-left: 3rem;
}
html body .page .element-amenities .amenities .the-amenities .the-amenity {
  float: left;
  width: 50%;
  font-size: 1.5rem;
  margin: 0.2rem 0;
}
html body #announcement {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  width: 60vw;
  z-index: 2;
  display: table;
  bottom: 10%;
}
@media (max-width: 799px) {
  html body #announcement {
    width: 100vw;
  }
}
html body #announcement .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
html body #announcement .detail {
  padding: 30px 20px;
  color: #888;
  font-size: 2rem;
  line-height: 1.3;
}
@media (max-width: 799px) {
  html body #announcement .detail {
    padding: 10px;
    font-size: 1.4rem;
  }
}
html body .follow-wrapper {
  padding: 30px 0px;
}
@media (max-width: 799px) {
  html body .follow-wrapper {
    padding: 0;
  }
}
html body .follow-wrapper .follow .title {
  font-size: 1.7rem;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  html body .follow-wrapper .follow .title {
    margin-bottom: 20px;
  }
}
html body .follow-wrapper .follow .upper {
  text-align: center;
  margin: 40px auto;
}
html body .follow-wrapper .follow .middle .icon-logo {
  background-image: url("images/d-bottom-logo.png");
  width: 280px;
  height: 76.2130177515px;
  margin: auto;
  display: none;
  background-size: cover;
}
@media (max-width: 799px) {
  html body .follow-wrapper .follow .middle .icon-logo {
    display: block;
  }
}
html body .follow-wrapper .follow .lower {
  margin: 40px auto;
}
html body .follow-wrapper .follow .lower .left, html body .follow-wrapper .follow .lower .right {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
@media (max-width: 799px) {
  html body .follow-wrapper .follow .lower .left, html body .follow-wrapper .follow .lower .right {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
  }
}
html body .follow-wrapper .follow .lower .left .subscribe-form, html body .follow-wrapper .follow .lower .right .subscribe-form {
  display: inline-block;
}
html body .follow-wrapper .follow .lower .left .subscribe-form #subscribe-form:after, html body .follow-wrapper .follow .lower .right .subscribe-form #subscribe-form:after {
  clear: both;
  display: block;
  content: "";
}
html body .follow-wrapper .follow .lower .left .subscribe-form #subscribe-email, html body .follow-wrapper .follow .lower .right .subscribe-form #subscribe-email {
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #006E3F;
  padding: 1em 10px;
  font-size: 1.6rem;
  border-radius: 0;
  text-align: center;
  width: 300px;
  height: 1.6rem;
  line-height: 1;
  box-sizing: content-box;
}
html body .follow-wrapper .follow .lower .left .subscribe-form #subscribe-email::placeholder, html body .follow-wrapper .follow .lower .right .subscribe-form #subscribe-email::placeholder {
  line-height: 1;
  font-size: 1.6rem;
}
@media (max-width: 799px) {
  html body .follow-wrapper .follow .lower .left .subscribe-form #subscribe-email, html body .follow-wrapper .follow .lower .right .subscribe-form #subscribe-email {
    width: 200px;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .follow-wrapper .follow .lower .left .subscribe-form #subscribe-email, html body .follow-wrapper .follow .lower .right .subscribe-form #subscribe-email {
    width: 200px;
  }
}
html body .follow-wrapper .follow .lower .left .subscribe-form input[type=submit], html body .follow-wrapper .follow .lower .right .subscribe-form input[type=submit] {
  height: 1.6rem;
  box-sizing: content-box;
  line-height: 1;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: -1px;
  padding: 1em 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 1.6rem;
  border: 1px solid #006E3F;
  background-color: #006E3F;
  width: 120px;
  color: #fff;
}
html body .follow-wrapper .follow .lower .left .subscribe-form input[type=submit].disabled, html body .follow-wrapper .follow .lower .right .subscribe-form input[type=submit].disabled {
  cursor: default;
  border: 1px solid #888;
  background-color: #888;
}
html body .follow-wrapper .follow .lower .left .line > div, html body .follow-wrapper .follow .lower .left .line > a, html body .follow-wrapper .follow .lower .right .line > div, html body .follow-wrapper .follow .lower .right .line > a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  margin-top: 2px;
  margin-bottom: 2px;
}
html body .follow-wrapper .follow .lower .left .line .icon, html body .follow-wrapper .follow .lower .right .line .icon {
  width: 1.6em;
  height: 1.6em;
  background-size: cover;
  margin-right: 5px;
}
html body .follow-wrapper .follow .lower .left .line .icon-address, html body .follow-wrapper .follow .lower .right .line .icon-address {
  background-image: url("images/d-cut1-23.svg");
}
html body .follow-wrapper .follow .lower .left .line .icon-phone, html body .follow-wrapper .follow .lower .right .line .icon-phone {
  background-image: url("images/d-cut1-24.svg");
}
html body .follow-wrapper .follow .lower .left .line .icon-email, html body .follow-wrapper .follow .lower .right .line .icon-email {
  background-image: url("images/d-cut1-25.svg");
}
html body .follow-wrapper .follow .lower .left .line .icon-instagram, html body .follow-wrapper .follow .lower .right .line .icon-instagram {
  background-image: url("images/d-cut1-26.svg");
  width: 2.6em;
  height: 2.6em;
}
html body .follow-wrapper .follow .lower .left .line .icon-facebook, html body .follow-wrapper .follow .lower .right .line .icon-facebook {
  background-image: url("images/d-cut1-27.svg");
  width: 2.6em;
  height: 2.6em;
}
html body .follow-wrapper .follow .lower .left .line .content, html body .follow-wrapper .follow .lower .right .line .content {
  margin-top: 30px;
}
html body .footer-wrapper {
  background-color: #006E3F;
}
html body .footer-wrapper .icon-logo {
  background-image: url(images/d-cut1-38.svg);
  width: 400px;
  height: 85px;
  background-position: center;
  margin: 10px auto;
  max-width: 400px;
  background-repeat: no-repeat;
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .footer-wrapper .icon-logo {
    width: 300px;
    height: 60px;
  }
}
@media (max-width: 799px) {
  html body .footer-wrapper .icon-logo {
    width: 300px;
    height: 60px;
  }
}
html body .footer-wrapper .icon-logo1 {
  background-image: url(images/d-cut1-39.png?a);
  width: 212px;
  height: 85px;
  background-position: center;
  margin: 10px auto;
  max-width: 230px;
  background-repeat: no-repeat;
  background-size: auto 48px;
}
@media (min-width: 1024px) and (max-width: 1499px) {
  html body .footer-wrapper .icon-logo1 {
    margin-right: 48px;
  }
}
@media (min-width: 1500px) {
  html body .footer-wrapper .icon-logo1 {
    margin-right: 48px;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  html body .footer-wrapper .icon-logo1 {
    width: 180px;
    height: 42px;
    background-size: auto 40px;
  }
}
@media (max-width: 799px) {
  html body .footer-wrapper .icon-logo1 {
    width: 180px;
    height: 42px;
    margin-bottom: 30px;
    background-size: auto 40px;
  }
}
html body .footer-wrapper .nav {
  padding: 30px 0;
}
@media (max-width: 799px) {
  html body .footer-wrapper .nav {
    padding-bottom: 80px;
  }
}
html body .footer-wrapper .nav a {
  color: #fff;
}
@media (max-width: 799px) {
  html body .footer .menus {
    display: none;
  }
}
html body .footer .menus .menu a {
  color: #eee;
}
html body .footer .menus .menu .childs .child a {
  text-transform: initial;
  padding: 1px 0;
  font-weight: normal;
  word-spacing: 1px;
  margin: 0px 0;
  font-size: 1.2rem;
}
html body .footer .menus .menu .childs .child a:hover {
  color: #aaa;
}
html body .footer-menus {
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 799px) {
  html body .footer-menus {
    margin-top: 0;
  }
}
html body .footer-menus .menu {
  display: inline-block;
  padding: 0 3px 0 1px;
  letter-spacing: 0;
  font-size: 1.2rem;
  border-right: 1px solid #fff;
}
html body .footer-menus .menu:nth-child(3) {
  border-right: none;
}
html body .footer-menus .copyright {
  color: #fff;
  margin-top: 5px;
  font-size: 1.2rem;
}
html body .footer-menus .project {
  color: #fff;
  margin-top: 20px;
  font-size: 1.2rem;
}
html body .back-to-top {
  background-image: url("images/d-cut1-28.svg");
  background-size: cover;
  position: fixed;
  cursor: pointer;
  width: 55px;
  height: 55px;
  z-index: 10;
  right: 35px;
  bottom: 35px;
}
@media (max-width: 799px) {
  html body .back-to-top {
    right: 15px;
    bottom: 95px;
  }
}
html body .fixed-links {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 5;
  width: 80px;
}
@media (max-width: 799px) {
  html body .fixed-links {
    display: none;
  }
}
html body .fixed-links a {
  height: 100%;
  display: block;
}
html body .fixed-links .link-book-now {
  position: fixed;
  right: -28px;
  top: 25%;
  z-index: 9;
  width: 82px;
  height: 264px;
  transition: all 200ms ease-in;
}
html body .fixed-links .link-book-now:hover {
  right: -20px;
}
html body .fixed-links .link-book-now2 {
  transition: all 200ms ease-in;
  position: fixed;
  right: -28px;
  top: 25%;
  z-index: 8;
  width: 82px;
  height: 264px;
  margin-top: 200px;
}
html body .fixed-links .link-book-now2:hover {
  right: -20px;
}
html body .fixed-links-bottom {
  z-index: 999;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
}
@media (max-width: 799px) {
  html body .fixed-links-bottom {
    display: block;
  }
}
html body .fixed-links-bottom > div {
  float: left;
  background-color: rgba(250, 250, 250, 0.96);
  width: 33.33%;
  font-size: 1.6rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top -4px center;
  font-weight: bold;
  background-size: 60px;
}
html body .fixed-links-bottom > div > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 50px 20px 5px 20px;
}
@media (max-width: 799px) {
  html body .fixed-links-bottom > div > a {
    font-size: 1.2rem;
  }
}
html body .fixed-links-bottom .link-book-now {
  background-image: url("images/m_bottom_room_100.png");
  border-right: 1px solid #eee;
}
html body .fixed-links-bottom .link-book-now2 {
  border-right: 1px solid #eee;
  background-image: url("images/m_bottom_tour_100.png");
}
html body .fixed-links-bottom .link-book-now3 {
  background-image: url("images/m_bottom_contact_100.png");
}

.mobile-menu-toggle {
  position: fixed;
  right: 15px;
  font-size: 24px;
  display: none;
  top: 18px;
}
@media (max-width: 799px) {
  .mobile-menu-toggle {
    display: block;
  }
}
.mobile-menu-toggle i {
  color: #006E3F;
}

.mobile-menu {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 99999;
  background-color: #fff;
  left: 0;
  overflow-y: auto;
}
.mobile-menu .header {
  padding: 13px 15px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.mobile-menu .header .left {
  float: left;
}
.mobile-menu .header .left .lang-selector {
  line-height: 40px;
}
.mobile-menu .header .left .lang-selector:after {
  line-height: 40px !important;
}
.mobile-menu .header .right {
  float: right;
}
.mobile-menu .header .right > div {
  display: inline-block;
  vertical-align: middle;
}
.mobile-menu .header .right .search {
  background-image: url("images/d-cut1-04.svg");
  width: 40px;
  height: 40px;
  margin-right: 15px;
  background-size: cover;
  cursor: pointer;
}
.mobile-menu .header .right .menu-close {
  cursor: pointer;
}
.mobile-menu .header .right .menu-close i {
  font-size: 24px;
  color: #006E3F;
}
.mobile-menu .search-form {
  padding-top: 66px;
  width: 100%;
  position: relative;
  padding: 66px 20px 20px 20px;
  max-width: 500px;
  margin: auto;
}
.mobile-menu .search-form .row {
  position: relative;
}
.mobile-menu .search-form input[type=text] {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  padding: 10px 0;
  color: #006E3F;
  width: 100%;
  border-bottom: 2px solid #006E3F;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 50px;
}
.mobile-menu .search-form .button {
  background-image: url("./images/d-cut1-04.svg");
  background-repeat: no-repeat;
  position: absolute;
  border: none;
  background-color: transparent;
  right: 0;
  top: 0;
  background-size: 40px 40px;
  background-position: right center;
  width: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  height: 40px;
  cursor: pointer;
}
.mobile-menu .menus {
  padding: 0 20px;
}
.mobile-menu .menus .menu {
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #eee;
  width: 100% !important;
}
.mobile-menu .menus .menu .parent {
  font-size: 2.2rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  background-position: right center;
  background-size: contain;
  display: inline-block;
}
.mobile-menu .menus .menu .parent .parent-icon {
  display: block;
  position: absolute;
  width: 2.64rem;
  height: 2.64rem;
  right: 0;
  top: 0;
  cursor: pointer;
  background-position: center;
  background-size: 1.98rem;
  background-image: url("images/d-cut1-29.svg");
  background-repeat: no-repeat;
}
.mobile-menu .menus .menu .parent.open:after {
  background-image: url("images/d-cut1-30.svg");
}
.mobile-menu .menus .menu .childs {
  display: none;
  font-size: 1.76rem;
}
.mobile-menu .menus .menu .childs .child {
  margin-bottom: 5px;
}
.mobile-menu .socials {
  text-align: center;
}
.mobile-menu .socials .line > div, .mobile-menu .socials .line > a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  margin-top: 2px;
  margin-bottom: 2px;
}
.mobile-menu .socials .line .icon {
  background-size: cover;
  margin-right: 10px;
}
.mobile-menu .socials .line .icon-phone {
  width: 2.6em;
  height: 2.6em;
  background-image: url("images/d-cut1-24.svg");
}
.mobile-menu .socials .line .icon-instagram {
  background-image: url("images/d-cut1-26.svg");
  width: 2.6em;
  height: 2.6em;
}
.mobile-menu .socials .line .icon-facebook {
  background-image: url("images/d-cut1-27.svg");
  width: 2.6em;
  height: 2.6em;
}
.mobile-menu .socials .line .icon-email {
  background-image: url("images/d-cut1-25.svg");
  width: 2.6em;
  height: 2.6em;
}

.lang-selector {
  margin-left: 10px;
  position: relative;
  line-height: 28px;
}
.lang-selector select {
  -webkit-appearance: none;
  padding-right: 15px;
  background-color: transparent;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  border: none;
  font-size: 1.4rem;
  color: #006E3F;
}
.lang-selector:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  right: 0;
  color: #006E3F;
  z-index: -1;
  font-size: 1.4rem;
  top: 0;
}

.search-form-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  background-color: rgba(250, 250, 250, 0.85);
  z-index: 999;
  height: 100%;
  display: none;
}
.search-form-wrapper .search-form-close {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 20px;
  font-size: 25px;
}
.search-form-wrapper .search-form {
  position: relative;
  top: 40%;
  width: 60vw;
  margin: auto;
  max-width: 600px;
}
@media (max-width: 799px) {
  .search-form-wrapper .search-form {
    width: 80vw;
  }
}
.search-form-wrapper .search-form input[type=text] {
  border: none;
  background-color: transparent;
  font-size: 2rem;
  padding: 10px 0;
  color: #006E3F;
  width: 100%;
  border-bottom: 2px solid #006E3F;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 50px;
}
.search-form-wrapper .search-form .button {
  background-image: url("./images/d-cut1-04.svg");
  background-repeat: no-repeat;
  position: absolute;
  border: none;
  background-color: transparent;
  right: 0;
  top: 0;
  background-size: 40px 40px;
  background-position: right center;
  width: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  height: 40px;
  cursor: pointer;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 375px) and (min-device-height: 812px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  html body .page .element-slider .slider .slide .image {
    background-size: 119% 82%;
    background-position: -26px 80px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
  }
}

/*# sourceMappingURL=style.css.map */