@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');
body {
  background-color: #922c90;
  overflow-x: hidden;
  font-family: 'Lora', serif;
  font-size: 16px;
}

a {
  display: block;
}

a:hover, a:focus, a:active {
  text-decoration: none;
}

.section {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.top-section {
  margin-top: 0;
}

.section-title {
  padding: 0 15px;
  margin-bottom: 30px;
}

.section-title h1 {
  margin-top: 0;
}

h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', serif;
}

p, .inclusion h4 {
  line-height: 1.7;
}

ul {
  padding-left: 0;
  list-style-type: none;
}

li:before {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  border: 1px solid #E2B049;
}

.nya-bs-select.btn-group .dropdown-menu.open.dropup {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropdown-menu li {
  text-align: center;
  font-size: 20px;
}

.scrollable {
  overflow-y: scroll;
}

.no-resize, textarea {
  resize: vertical;
}

.no-scroll {
  overflow-y: hidden;
}

.no-scroll-x {
  overflow-x: hidden;
  overflow-y: hidden;
}

.img-responsive {
  width: 100%;
}

.img-modal {
  top: 50%;
}

.small-img {
  max-width: 150px;
}

.modal-img {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.scroll-y {
  overflow-y: scroll;
}

.parallax-window {
  min-height: 400px;
  background: transparent;
  position: relative;
}

.block {
  display: block;
}

.top-logo {
  width: 125px;
}

.book-top-home .book-btn{
  max-width: 81px;
}

.flag {
  display: inline-block;
  width: 25px;
  margin-right: 10px;
}

/** styling for the hamburger menu **/

.toggle-button {
  position: relative;
  /*  top: -8px;*/
  /*  left: 0;*/
  padding: 13px 16px;
  padding-bottom: 18px;
  margin-left: 15px;
  cursor: pointer;
  /*  z-index: 99999;*/
  background-color: #e1b049;
  color: #fff;
  text-transform: uppercase;
  transition: .2s all ease-in;
  -webkit-transition: .2s all ease-in;
  -moz-transition: .2s all ease-in;
  -o-transition: .2s all ease-in;
  font-size: 24px;
}

.toggle-button:hover, .toggle-button:focus, .toggle-button:active {
  text-decoration: none;
  color: #fff;
  background-color: #cea145;
}

.bar {
  background-color: white;
  display: block;
  width: 100%;
  height: 5px;
  border: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.bar + .bar {
  margin-top: 4px;
}

.middle {
  top: 15px;
}

.bottom {
  top: 30px;
}

.toggle-active .bar {
  background-color: #fff;
}

.toggle-active .top {
  -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
}

.toggle-active .middle {
  opacity: 0;
}

.toggle-active .bottom {
  -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);
}


/** styling for the overlay. The sliding-down effect of the overlay is given by the initial zero height and the onclick 100% height. **/

.overlay {
  position: fixed;
  background-color: #922c90;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  z-index: 999;
  overflow-y: scroll;
}

.overlay-footer {
  /* position: absolute; */
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #E2B049;
}


/* class added to the overlay on click*/

.nav-active {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.nav-active body {
  overflow: hidden;
}

.overlay .container {
  padding-top: 30px;
  padding-bottom: 20px;
}

.overlay ul {
  display: block;
  position: relative;
  /* top: 60px; */
  left: 0;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: 400;
  list-style: none;
  padding: 0;
}

.overlay ul li {
  display: block;
}

.overlay ul li a {
  color: #fff;
  text-decoration: none;
}

/*Bootstrap Class*/
.swiper-container {
  padding-bottom: 35px;
}
.swiper-button-prev, .swiper-button-next {
  width: 70px;
  height: 70px;
  background-size: 70px 70px;
}
.swiper-button-prev:focus, .swiper-button-next:focus {
  outline: none;
}
.other-activities .swiper-slide, .other-adventure .swiper-slide, .other-watersport .swiper-slide {
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
}
.other-activities a, .other-adventure a, .other-watersport a {
  color: #000;
}
.other-activities .bot-desc, .other-adventure .bot-desc, .other-watersport .bot-desc {
  position: absolute;
  bottom: -30px;
  left: 30px;
  right: 30px;
  padding: 10px 20px;
}
.other-activities .swiper-button-next, .other-activities .swiper-container-rtl .swiper-button-prev, .other-adventure .swiper-button-next, .other-adventure .swiper-container-rtl .swiper-button-prev {
  left: 85%;
  right: auto;
}
.other-activities .swiper-button-prev, .other-activities .swiper-container-rtl .swiper-button-next, .other-adventure .swiper-button-prev, .other-adventure .swiper-container-rtl .swiper-button-next {
  right: 85%;
  left: auto;
}
.other-activities .swiper-button-next.swiper-button-custom, .other-adventure .swiper-button-next.swiper-button-custom {
  background-image: url(../images/swiper-right.svg);
}
.other-activities .swiper-button-prev.swiper-button-custom, .other-adventure .swiper-button-prev.swiper-button-custom {
  background-image: url(../images/swiper-left.svg);
}

#banner .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, #banner .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.bootstrap-select {
  border: 1px solid #ccc !important;
}

#banner .bootstrap-select {
  border: none !important;
}

#lightcase-overlay, #lightcase-case {
  z-index: 9999;
}

.col-xs-custom {
  width: 20%;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

/*Custom Radio Button*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1.2px solid #922C90;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #922C90;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*Custom checkbox*/
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1.2px solid #922c90;
}
.styled-checkbox:hover + label:before {
  background: #922c90;
}
.styled-checkbox:checked + label:before {
  background: #922c90;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*Custom Scrollbar*/
#scroll-custom::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#scroll-custom::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

#scroll-custom::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #792578;
}

/*Navbar*/
.navbar-default {
  position: fixed;
  background-color: transparent;
  top: 0;
  left: 0;
  border: none;
  z-index: 9990;
}
.book-top-home {
  transition: all 2s ease-in;
  -webkit-transition: all 2s ease-in;
  -moz-transition: all 2s ease-in;
  -o-transition: all 2s ease-in;
}

#myBook {
  position: fixed;
  right: 0;
}

.hide {
  opacity:0;
  top:-100%;
}
.show {
  opacity:1;
  left:0;
}
.book-top {
  position: absolute;
  right: 0;
  top: 0;
}
.book-btn {
  padding: 18px 15px;
  background-color: #e1b049;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  transition: .3s all ease-in;
}

.book-btn:hover {
  color: #fff;
  background-color: #cea145;
}

.top-btn {
  /*  width: 200px;*/
  background-color: #922c90;
  box-shadow: -7px -5px 14px 1px;
  display: inline-block;
  height: 75px;
  overflow: hidden;
}

.logo-top {
  position: absolute;
  right: 50%;
  transform: translateX(110px);
  max-width: 150px;
}

/*Text & Font*/
.text-yellow {
  color: #e1b049;
}
.text-purple {
  color: #922c90;
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-grey {
  color: #666;
}
.text-red {
  color: #ff0303;
}

.ellipsis-3 {
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.7;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.font-playfair {
  font-family: "Playfair Display", serif;
}

/*Button*/
.btn {
  border-radius: 0;
  color: #fff;
}
.btn-yellow {
  background-color: #e1b049;
  transition: .3s all ease-out;
  -webkit-transition: .3s all ease-out;
  -moz-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
}
.btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover {
  color: #fff;
  text-decoration: none;
  background-color: #ca9f44;
}
.btn-purple {
  background-color: #922c90;
  transition: .3s all ease-out;
  -webkit-transition: .3s all ease-out;
  -moz-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
}
.btn-purple:active, .btn-purple:focus, .btn-purple:hover {
  color: #fff;
  text-decoration: none;
  background-color: #792578;
}

.btn-transparent {
  color: #e1b049;
  transition: .3s all ease-out;
  -webkit-transition: .3s all ease-out;
  -moz-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
}
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active {
  color: #fff;
  background: #e1b049;
}
.btn-remove {
  color: #F90000;
}

.btn-social {
  border-radius: 100px;
  border: 1px solid #E2B049;
  padding: 6px 7px;
  margin-right: 10px;
  font-size: 16px;
  color: #E2B049;
  transition: .2s all ease-in;
  -webkit-transition: .2s all ease-in;
  -moz-transition: .2s all ease-in;
  -o-transition: .2s all ease-in;
}

.btn-social:hover, .btn-social:active, .btn-social:focus {
  background-color: #e2b049;
  color: #922c90;
}

.btn-social:last-child {
  margin-right: 0;
}

.btn-logo {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 15px;
}

.btn-video {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .3;
  transform: translate(-50%, -50%);
  transition: .3s all ease-in;
  -webkit-transition: .3s all ease-in;
  -moz-transition: .3s all ease-in;
  -o-transition: .3s all ease-in;
}

.btn-select {
  background: transparent;
}

.bootstrap-select .dropdown-toggle .caret {
  display: none;
}

.button-group {
  text-align: center;
}
.btn-filter {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
}
.btn-filter:hover, .btn-filter:focus, .btn-filter:active, .btn-filter.active {
  background: transparent;
  border: none;
  color: #e1b049;
  font-size: 16px;
  outline: none;
}
.white-bg .btn-filter {
  color: #e1b049;
}
.white-bg .btn-filter:hover, .white-bg .btn-filter:focus, .white-bg .btn-filter:active, .white-bg .btn-filter.active {
  color: #922c90;
}

.btn-default {
  color: #333;
  background-color: #f4f4f4;
}

/*Background*/
.bg-white {
  background-color: #fff;
}
.bg-white footer {
  background-color: #922c90;
}
.bg-purple {
  background-color: #922c90;
}

/*Box*/
.subtitle {
  max-width: 900px;
  display: inline-block;
  line-height: 2;
}
.long-subtitle {
  max-width: 800px;
}

.desc-box {
  /*
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  */
  position: relative;
  padding: 50px;
  background-color: #fff;
  z-index: 1;
}

.desc-box.left {
  padding-left: 0;
}

.desc-box:before {
  content: "";
  /*  height: 100%;*/
  width: 50px;
  position: absolute;
  display: inline-block;
  background-color: #fff;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.desc-box.left:before{
  left: -35px;
}

.desc-box.right:before{
  right: -35px;
}
.item-grid.left .desc-box {
  left: 90%;
}

.item-grid {
  position: relative;
}

.med-box {
  max-width: 600px;
}

.centered-box {
  margin: 0 auto;
}

.middle-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-link a {
  display: inline-block;
}

.center-item {
  margin: 0 auto;
}

.box-float:after {
  content: "";
  clear: both;
  display: table;
}

.box-big {
  width: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.box-med {
  width: 40%;
}

.box.left {
  float: left;
}

.box.right {
  float: right;
}

.box.right .box-info {
  margin-left: -50px;
}

.box-info {
  background-color: #fff;
  padding: 30px;
}

.light-shadow {
  box-shadow: 0px 10px 15px -10px;
}

.modal-body-left {
  background-color: #922c90;
  height: 100%;
}

/*common class*/

/*CARD*/
.h-card {
  margin-bottom: 50px;
}

.h-card-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}
.h-card-title {
  margin-bottom: 15px;
}
.h-card-title h2, .h-card-title h3 {
  font-size: 36px !important;
  color: #922c90;
}
.h-card-info {
  padding: 30px;
  background-color: #fff;
}
.odd .h-card-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  background-color: #fff;
  left: -50px;
  z-index: 20;
}
.odd .h-card-info {
  padding-right: 50px;
  padding-left: 0px;
}

.even .h-card-info {
  padding-right: 0px;
  padding-left: 50px;
}
.even .h-card-info:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  background-color: #fff;
  right: -50px;
  z-index: 20;
}

.h-card-container .col-md-5, .h-card-container .col-md-7 {
  padding: 0;
}
/* .h-card-container .odd {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
} */

/*CARD END*/

.read-more-btn {
  font-weight: 600;
}

.read-more-btn:hover, .read-more-btn:focus, .read-more-btn:active {
  color: #D7A370;
  text-decoration: none;
}

#datepicker {
  position: relative;
}
.visit-date {
  max-width: 200px;
  margin: 0 auto;
  position: relative;
}

.calendar-icon {
  position: absolute;
  bottom: 5px;
  right: 0;
  color: #999;
}

.datepicker-icon {
  position: relative;
}
.datepicker-icon:after {
  font-family: 'FontAwesome';
  content: "\f073";
  font-size: 18px;
  color: #999;
  position: absolute;
  bottom: 5px;
  right: 0;
}

.x-hidden {
  overflow-x: hidden;
}

.info {
  display: inline;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.15s ease;
}
.info:hover {
  color: #666;
}
.info:hover .tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
}

/* Tooltips */
.tooltip {
  display: block;
  width: 280px;
  color: #666;
  font-size: 12px !important;
  /* position: absolute; */
  top: 0;
  left: 50%;
  padding: 0.8rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  transition: all 0.3s ease;
  z-index: 1;
  background-color: #fff;
}
.tooltip:after {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fff;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}


.col-xs-3-custom {
  width: 21%;
}

.orange-list li {
  position: relative;
  padding-left: 25px;
}
.orange-list li:before {
  content: "";
  background-image: url(../images/dot.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}

/*
.grid-item {
width: 22%;
}
*/
.grid-item.col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
}

#wh-widget-send-button {
  display: block;
}
.no-scroll #wh-widget-send-button {
  display: none;
}

.italic {
  font-style: italic;
}

#counter input {
  border: none;
  background: transparent;
  max-width: 80px;
  text-align: center;
  font-size: 24px;
}

#counter input:active, #counter input:focus, #counter input:hover {
  outline: none;
}

.right-border {
  border-right: 1px solid #BEC8C6;
}
.no-border-top {
  border-top: none !important;
}

.page-banner {
  height: 720px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slide-hover h2 {
  background: linear-gradient(to right, #922c90 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .2s ease-out;
}
.slide-hover:hover img {
    transform: scale(1.15);
}
.slide-hover img {
  transform: scale(1.1);
  transition: .2s all ease-in;
}

.slide-hover:hover .overlay-purple, .slide-hover:focus .overlay-purple, .slide-hover:active .overlay-purple {
  opacity: .7;
}

.slide-hover {
  position: relative;
  display: block;
  overflow: hidden;
}

.slide-hover h2 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  display: inline-block;
  padding: 10px 20px;
  transition: .3s all ease-in;
  margin: 0;
}

.modal {
  padding-right: 0px !important;
  z-index: 99999;
  background-color: #fff;
}
.modal-dialog {
  width: 100%;
  margin: 0 auto;
}
.modal-content {
  border-radius: 0;
  height: 100%;
  border: none;
}
.modal-header {
  border-bottom: none;
}
.modal-body {
  padding: 0;
}
.close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9999;
  opacity: .8;
}
.close:hover, .close:active, .close:focus {
  opacity: 1;
}

.menu-link {
  transition: .2s all ease-in;
  -webkit-transition: .2s all ease-in;
  -moz-transition: .2s all ease-in;
  -o-transition: .2s all ease-in;
}
.menu-link:hover, .menu-link:focus, .menu-link:active {
  color: #e1b049;
}

.inclusion-icon {
  width: 70%;
  margin: 0 auto;
}

.inclusion h4 {
  font-family: 'lora', serif;
}

.inclusion-list {
  list-style-type: disc;
  padding-left: 15px;
}

.inclusion-sublist {
  list-style-type: circle;
  padding-left: 15px;
}

/*Postition*/
.relative {
  position: relative;
}

/*Pop up Banner*/
.modal {
  background-color: rgba(0,0,0,0.6);
}
/* #promotionBanner .modal-body {
  padding: 10px;
} */
#promotionBanner .modal-dialog {
  max-width: 500px;
  top: 50%;
  transform: translateY(-50%);
}
#promotionBanner .close {
  /* background-color: #e1b049; */
  /* padding: 15px; */
  color: #fff;
  top: 10px;
  right: 10px;
  opacity: 1;
}
#promotionBanner .close:hover, #promotionBanner .close:active, #promotionBanner .close:focus {
  /* background-color: #cea145; */
}

/*Home*/

#banner .top-section {
  padding-top: 40px !important;
}

#banner .swiper-container {
  padding-bottom: 0;
}

#banner .swiper-pagination-bullet {
  width: 80px;
  height: 3px;
  border-radius: 0;
  background: #707070;
  opacity: 1;
}
#banner .swiper-pagination-bullet-active {
  background: #E2B049;
}

#homeVideo {
  z-index: 99999999;
}
#homeVideo .close {
  color: #fff;
  font-size: 36px;
  top: 5px;
  transition: .2s all ease-in;
}
#homeVideo .close:hover, #homeVideo .close:focus, #homeVideo .close:active {
  color: #cea145;
}
#homeVideo .modal-content {
  background-color: rgba(0,0,0,0.8);
}
#homeVideo .modal-header {
  padding: 0;
}
#homeVideo .modal-body {
  width: 90%;
  height: 90%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.home-video {
  position: relative;
}

.home-video:hover .btn-video {
  opacity: 1;
}

.booking-banner {
  position: absolute;
  left: 17%;
  bottom: 30px;
  right: 17%;
  z-index: 99999;
  background-color: #fff;
}

.booking-banner .form-group, .booking-banner .form-group {
  margin-bottom: 0;
}

.booking-banner label, .mobile-booking label {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
  color: #666;
}
.booking-banner .datepicker:before {
  content: "\f0d8";
  position: absolute;
  top: 17px;
  right: 5px;
  color: #000;
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle;
}
.booking-banner .dropdown-toggle:after {
  content: "\f0d8";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  color: #000;
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle;
}
.bootstrap-select.open .dropdown-toggle:after {
  content: "\f0d7";
}

.booking-banner .form-control {
  border: none;
  box-shadow: none;
  text-align: center;
  font-style: italic;
  font-size: 24px;
  color: #922c90;
}
.booking-banner .book-btn, .mobile-booking .book-btn {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  width: 100%;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #922c90;
}

.booking-banner .filter-option, .custom-form .filter-option {
  color: #922c90;
  text-align: center !important;
  font-size: 24px;
}

.booking-banner .book-btn, .mobile-booking .book-btn {
  position: relative;
  background-color: #922c90;
  white-space: pre-wrap;
  transition: .3s all ease-in-out;
}
.booking-banner .book-btn:hover, .booking-banner .book-btn:active, .booking-banner .book-btn:focus, .mobile-booking .book-btn:hover, .mobile-booking .book-btn:active, .mobile-booking .book-btn:focus {
  color: #fff;
  background-color: #792578;
}

.mobile-booking .form-group {
  border-bottom: 1.5px solid #dadada;
}

.mobile-booking .form-control, .mobile-booking .filter-option {
  border: none;
  box-shadow: none;
  text-align: center !important;
  font-size: 24px;
  color: #666;
}

.booking-section .form-item {
  text-align: center;
}

.booking-form {
  margin-bottom: 20;
}

.booking-form .table>thead>tr>th {
  border-bottom: none;
}

/* #booking-success {
  padding: 50px;
} */

#bank_content {
  margin-top: 5px;
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 5px;
}

.item-list {
  margin-bottom: 20px;
}

.item-list .btn-remove {
  background-color: #f4f4f4;
  color: #333;
  transition: .3s all ease-in;
}

.item-list .btn-remove:hover, .item-list .btn-remove:focus, .item-list .btn-remove:active {
  background-color: #d4d4d4;
}

.bootstrap-select > .dropdown-toggle {
  border: none;
}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
  background-color: #922c90;
  border-color: #922c90;
}

.datepicker-dropdown.datepicker-orient-left:before, .datepicker-dropdown.datepicker-orient-left:after {
  left: 50%;
  transform: translateX(-50%);
}

.datepicker-dropdown {
  z-index: 9998;
}

.video-title {
  max-width: 725px;
  margin-top: -30px;
  margin-left: 50px;
}

#service img {
  position: relative;
  z-index: -2;
}

#service .item {
  margin-bottom: 30px;
}

#spot .desc-box {
  width: 550px;
  position: absolute;
  top: 35%;
  /*  transform: translateY(-50%);*/
  padding: 50px;
  background-color: #fff;
}
#spot .desc-box.right {
  right: 50px;
}
#spot .desc-box.left {
  left: 50px;
}
#spot .desc-box:before {
  display: none;
}
.full-image {
  position: relative;
  /*
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  */
}

.parallax {
  /* Set a specific height */
  height: 750px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*
.full-image.camping {
background-image: url(../images/camping-1.jpg);
}

.full-image.villa {
background-image: url(../images/Lobby-The-Ayu.jpg);
}
*/

.ornament {
  width: 380px;
  bottom: -140px;
  top: auto;
}

.ornament.bottom-left {
  left: -75px;
}

.ornament {
  position: absolute;
  top: -30px;
  right: -75px;
  width: 350px;
  z-index: -1;
}

.social-btn-container {
  margin-top: 20px;
  margin-bottom: 30px;
}

/*Hot Spring*/
#hot-spring .col-md-1, #hot-spring .col-md-10, #hot-spring .col-md-11, #hot-spring .col-md-12, #hot-spring .col-md-2, #hot-spring .col-md-3, #hot-spring .col-md-4, #hot-spring .col-md-5, #hot-spring .col-md-6, #hot-spring .col-md-7, #hot-spring .col-md-8, #hot-spring .col-md-9 {
  padding-left: 10px;
  padding-right: 10px;
}

#hot-spring .col-sm-6 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/*Food & Beverage*/
#food-beverage .swiper-container {
  padding-bottom: 0;
  width: 100%;
}
#food-beverage .swiper-pagination {
  bottom: 20px;
}
#food-beverage .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background: #fff;
  opacity: 1;
  border: 1.2px solid #FFF;
}
#food-beverage .swiper-pagination-bullet-active {
  background-color: #E2B049;
}

.swiper-container.other-activities, .swiper-container.other-adventure {
  padding-bottom: 35px !important;
}

#adventure .col-md-5.left:before {
  display: none;
}

.col-md-5.col-md-pull-7.left:after {
  content: "";
    right: -45px;
    top: 0;
    bottom: 0;
    width: 50px;
    box-shadow: 0px 10px 15px -10px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
}

.other-adventure .swiper-slide {
  width: 326px;
  height: 414px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #333;
}

.other-adventure .swiper-slide:hover, .other-adventure .swiper-slide:focus, .other-adventure .swiper-slide:active {
  color: #333;
}

/*Gallery*/
.gallery-container .nav-tabs {
  border: none;
}
.gallery-container .nav {
  display: inline-block;
}
.gallery-container .nav>li>a {
  border: none;
  color: #fff;
  transition: .2s all ease-in;
  -webkit-transition: .2s all ease-in;
  -moz-transition: .2s all ease-in;
  -o-transition: .2s all ease-in;
}
.gallery-container .nav>li>a:focus, .gallery-container .nav>li>a:hover {
  background-color: transparent;
  color: #E2B049;
}
.gallery-container .nav-tabs>li>a:hover {
  border: none;
}
.gallery-container .nav-tabs>li.active>a, .gallery-container .nav-tabs>li.active>a:focus, .gallery-container .nav-tabs>li.active>a:hover {
  background-color: transparent;
  color: #E2B049;
  border: none;
}

#map {
  width: 100%;
  height: 470px;
  background-color: grey;
}

.parallax-window {
  min-height: 400px;
  background: transparent;
}
.parallax-mirror {
  z-index: 99999 !important;
}

/**/
.adventure-inclusion .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.adventure-gallery {
  margin-bottom: 100px;
}

.mt-min-10 {
  margin-top: -10px;
}

/*Package*/

#package .slide-hover h2 {
  background: transparent;
}

#package.slide-hover:hover h2 {
  color: #fff;
}

#package .slide-hover h2 {
  position: relative;
}

/*Terms and Condition*/
.terms-box {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 100px;
  padding-right: 100px;
}

ul li {
  margin-bottom: 5px;
}

/*Contact*/
#contact .desc-box {
  padding-bottom: 30px;
  padding-top: 20px;
}
#contact .desc-box {
  top: 0;
}

.contact-form label {
  font-size: 24px;
  font-weight: 500;
}
.contact-form .form-control {
  box-shadow: none;
  border: none;
  color: #922c90;
  font-size: 24px;
  text-align: center;
}

.table-custom>tbody>tr>td, .table-custom>tbody>tr>th, .table-custom>tfoot>tr>td, .table-custom>tfoot>tr>th, .table-custom>thead>tr>td, .table-custom>thead>tr>th {
  padding-top: 15px;
  padding-bottom: 15px;
}

.table-custom>tbody>tr>td, .table-custom>tbody>tr>th, .table-custom>tfoot>tr>td, .table-custom>tfoot>tr>th, .table-custom>thead>tr>td, .table-custom>thead>tr>th {
  color: #666;
}

#booking label {
  display: block;
}

.inline-form {
  display: inline-block !important;
}

.inline-form a {
  display: inline-block;
}
.inline-form a:hover, .inline-form a:focus, .inline-form a:active {
  color: #922c90;
}

/*Footer*/
.footer-logo {
  width: 200px;
  display: inline-block;
  margin-bottom: 20px;
}

.information-book {
  position: absolute;
  right: 0;
}

.information-book.sticky {
  position: fixed;
  right: 20px;
  top: 20px;
  width: 32.5%;
}

.information-book.bottom {
  bottom: 0;
  top: auto;
}

.information-book.open {
  transform: translate3d(0, 0, 0);
}

.information-book .close-button {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}

.close-button::before, .close-button::after {
  background: #922c90;
  content: "";
  height: 2px;
  position: absolute;
  transform-origin: 0;
  width: 100%;
}

.close-button::before {
  left: 0;
  transform: rotate(45deg) scale(1.30);
}

.close-button::after {
  bottom: 0;
  transform: rotate(-45deg) scale(1.30);
}

.information-book .cart-list {
  overflow-y: auto;
}

.information-book + .information-button {
  background-color: #922c90;
  border: 1px solid transparent;
  border-radius: 6px;
  bottom: 23px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 18px;
  left: 20px;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 156px;
  z-index: 90;
}

.information-book + .information-button.disabled {
  background-color: #eee;
  border: 1px solid #d9d9d9;
  color: #222;
}

.information-button.disabled .arrow::before, .information-button.disabled .arrow::after {
  background: #222;
}

.information-button .text {
  padding-right: 20px;
}

.information-button .arrow {
  height: 25px;
  position: absolute;
  right: 20px;
  width: 25px;
}

.information-button .arrow::before, .information-button .arrow::after {
  background: #fff;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  width: 15px;
}

.information-button .arrow::before {
  left: 0;
  transform: translateY(-50%) rotate(-45deg);
}

.information-button .arrow::after {
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}

.spa-package {
  float: left;
  width: 50%;
  padding: 15px;
}

.spa-package:nth-child(even) {
  margin-top: 50px;
}

/*Fullscreen Modal*/
.modal-fullscreen {
  padding: 0 !important;
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.modal-fullscreen .close {
  background-color: #fff;
  border-radius: 50%;
  font-size: 36px;
  width: 36px;
}