/* table */

.rwd-table h3 { text-align: center; }
.rwd-table thead { width: 100%; vertical-align: middle; }
.rwd-table thead tr {}
.rwd-table thead th { padding: 20px 7px 20px 7px; width: auto; font-family: RayuelaNegra; font-size: 14px; text-transform: uppercase; background-color: #eccec3; color: #6d4141; }
.rwd-table tbody {}
.rwd-table tbody tr { font-size: 13px; display: block; margin-bottom: 20px; padding: 2%; }
.rwd-table tbody tr td.text-title-w { text-align: left; font-weight: 600; padding: 10px 20px; }
.rwd-table tbody th {}
.rwd-table tr { /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ border: 1px solid #ddd; }
.rwd-table th {display: none;}
.rwd-table td {display: block;}
.rwd-table td:before {content: attr(data-th) ": ";font-weight: bold;width: 6.5em;display: inline-block;}

.rwd-table { /*background: #fafafa;*/ color: #fff; margin: 40px auto; padding: 0; overflow: hidden; min-width: 300px; border-spacing: 2px; }
.rwd-table tr { /*border-color: #46637f;*/ }
.rwd-table th, .rwd-table td {margin: 10px auto; text-align: center; color: #333; vertical-align: middle; }
.rwd-table th, .rwd-table td:before { color: #583132;  width: 100%; font-family: RayuelaNegra; text-transform: uppercase; }

.rwd-table thead {}
.rwd-table thead tr {}
.rwd-table thead tr th { vertical-align: middle; }
.rwd-table thead tr th:first-child { text-align: center; }

@media (min-width: 300px) {
  .rwd-table td:before {display: none;}
  .rwd-table th, .rwd-table td {display: table-cell; border: 1px solid #333; padding: 5px; line-height: 1.7; }
  .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 20px; text-align: left; }
  .rwd-table tbody tr { font-size: 14px; display: table-row; margin-bottom: 0; padding: 0; }
}

.wrapper.wrap-w .rwd-table { max-width: 1024px; margin: 40px auto 0 auto; }

/* //table */

.roi-cal__title { font-family: 'TheanoDidot-Regular', serif; }

#sec-box .room-slide-wrapper.room-slide .slick-prev { display: table; left: calc(370px - 0px); bottom: -28px; top: auto; width: auto; height: auto; background-color: rgb(255 255 255 / 80%); padding: 8px; transition: all 0.7s ease; }
#sec-box .room-slide-wrapper.room-slide .slick-prev:hover { background-color: #eccec3; transition: all 0.7s ease; }
#sec-box .room-slide-wrapper.room-slide .slick-prev:hover i { color: #fff; }
#sec-box .room-slide-wrapper.room-slide .slick-next { display: table; left: calc(370px - -57px); bottom: -28px; top: auto; width: auto; height: auto; background-color: rgb(255 255 255 / 80%); padding: 8px; transition: all 0.7s ease; }
#sec-box .room-slide-wrapper.room-slide .slick-next:hover { background-color: #eccec3; color: #fff; transition: all 0.7s ease;  }
#sec-box .room-slide-wrapper.room-slide .slick-next:hover i { color: #fff; }
#sec-box .room-slide-wrapper.room-slide .icomoon.icon-prev,
#sec-box .room-slide-wrapper.room-slide .icomoon.icon-next { /*color: #000;*/ color: #090909; font-size: 40px; }

/**/
.col-5 { width: 41.6665% !important; }
.custom-row { width: calc(100% - 80px); max-width: none; padding: 0; margin: 0 auto;}
.sub-section {background: #f7f7f7; padding: 80px 0;}
.sec-fullwidth-img { height: 500px; overflow: hidden; }
#contact-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #f00;
    font-family: 'ArcaMajora3-Bold', sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 3em;
    border: 2px solid #f00
}
#contact-form div.wpcf7-mail-sent-ok {
	color: #398f14;
	font-family: 'ArcaMajora3-Bold', sans-serif;
	font-size: 13px;
    text-align: center;
    line-height: 3em;
}

/**/
.header-text {
	margin-bottom: 15px !important;
}

.header-text h1 { color: #583132; }

/*offer popup*/
/*.offer-card{ height: 180px; }
.offer-item{ min-height: 180px;}*/

/* Left+Right Box */
.lr-textbox {
    margin: 47px 0 0 20px;
}
.lr-picbox {
	/*float: left;
    width: 91.6663%;*/
    position: absolute;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 86px;
	right:50px; ;
}
/*.lr-picbox .et_pb_slide {
	height: 592px;
}
.lr-picbox .pic-height {
	width: 91.6663% !important;
	height: 592px !important;
	min-height: 592px !important;
}*/

/**/
#toolbox {
	display: none;
	position: fixed !important;
	width: 100%;
	height: 50px;
	background: #fff;
	padding:0 !important;
	bottom: 0;
	z-index: 11;
}
#toolbox .et_pb_row{
	width: 100% !important;
	padding:0 !important;
}
#toolbox .et_pb_column {
	width: 50%;
	margin: 0;
}
#toolbox .button {
	width: calc(100%);
	background-color: #000;
}
#toolbox .et_pb_column:first-child .button {
	width: calc(100% - 1px);
}
#toolbox .button::before {
	display: none;
}
#toolbox .btn-explore {
	/* background: #000; */
	font-size: 14px;
	line-height: 48px;
  text-align: center;
  /* border: 1px solid #000; */
	padding: 0;
  background-color: #583132;
  border: 1px solid #583132;
}
#toolbox .btn-explore:hover {
	background: #fff;
	border: 1px solid #e5e5e5;
}

/* Section - Homepage */
.sec-home-overview {
	background-color: transparent;
    padding: 0;
}
.sec-home-overview .wrapper {
	padding: 0;
	overflow: hidden;
	z-index: 1;
}
.sec-home-overview::before {
	content: '';
	display: block;
	position: absolute;
	width: 280px;
	height: 394px;
	background-image: url(../images/coconut-leaf.png);
	background-repeat:  no-repeat;
	background-position: 0 0;
	background-size: contain;
	bottom: -410px;
	left: 0;
	z-index: 2;
}
.sec-home-overview::after {
	content: '';
	display: block;
	position: absolute;
	width: calc(50% - 14%);
	height: calc(100% - 100px);
	background-color: #f7f7f7;
	top: 0;
	right: 0;
	z-index: 0;
}
.overview-info {
	margin-top: 30px;
}
.overview-info .h5 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.overview-info ul {
	list-style: none;
	margin-left: -10px;
	padding: 0;
}
.overview-info li {
	float: left;
	margin-right: 10px;
}
.overview-info li:first-child {
	margin-right: 0;
}
.overview-info i {
	font-size: 36px;
	transition: none;
}
.set-equalheight .n2-ss-slider-2{ height: 100% !important; }

/* Section - Subpage */
/*.sec-subpage-overview .custom-row{
	padding: 0;
}*/
.sec-subpage-overview h1,
.sec-subpage-overview p {
	text-align: center;
}
.sec-subpage-overview.no-main-slider {
	padding: 100px 0;
	box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.07)
}

/* Section - Left+Right */
#sec-box.sec-left-right {
	margin-top: 30px;
	overflow: hidden;
}
#sec-box.sec-left-right h3 {
	text-align: left;
	text-transform: none;
}
.sec-left-right .wrapper {
	display: block;
	padding: 86px 0 !important;
	overflow: hidden;
}
.sec-left-right .wrapper:nth-child(odd) {
	width: 100% !important;
	background: #f7f7f7;
}
.sec-left-right .wrapper:nth-child(even) {
	width: 100% !important;
	background: #fff;
}
.sec-left-right .lr-picbox {
	height: auto;
}
/*.sec-left-right .wrapper {
	display: flex;
	flex-direction: column;
}
.sec-left-right .lr-textbox,
.sec-left-right .lr-picbox {
	flex: 1;
}*/
.sec-left-right .lr-picbox::after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	background-color: #f7f7f7;
	top: -36px;
	z-index: -1;
}
.sec-left-right .wrapper:nth-child(odd) .lr-picbox::after {
	background-color: #efefef;
    top: -36px;
}
.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n+1) {
	float: left !important;
	margin: 0 0 0 60px;
	/*margin: 100px 0 100px 60px;*/
}
.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n) {
	float: right !important;
	margin-right: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
	top: 86px;
	right: 72px;
    /*right: 57px;*/
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) {
	float: right !important;
	margin: 0 60px 0 0;
	/*margin: 100px 60px 100px 0;*/
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n) {
	float: left !important;
	margin-left: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
	top: 86px;
    left: 72px;
}
.subpage.accommodation .sec-left-right .wrapper,
.subpage.experiences .sec-left-right .wrapper,
.subpage.facilities .sec-left-right .wrapper{
    height: 560px;
}
.subpage.dining .sec-left-right .wrapper,
.subpage.spa .sec-left-right .wrapper,
.subpage.meetings .sec-left-right .wrapper,
.subpage.swimming-pool .sec-left-right .wrapper
 {
    height: 540px;
}

.subpage.restaurants-and-bars .sec-left-right .wrapper,
.subpage.wedding .sec-left-right .wrapper,
.subpage.wedding-2 .sec-left-right .wrapper,
.home .sec-left-right .wrapper
 {
  /*height: 750px;*/
  height: 550px;
}

.subpage.wedding .wrapper.wrap-w,
.subpage.wedding-2 .wrapper.wrap-w,
.home .wrapper
 {
  height: auto;
  padding: 80px 5% 40px 5% !important;
  box-sizing: border-box;
  overflow: hidden;
}

.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n+1),
.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n),
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1),
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n) {
    top: 50%;
    transform: translate(0,-50%);
}
.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n)::after {
	right: -90px;
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n)::after {
	left: -90px;
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) .left-border-box {
	border-left: none;
	border-right: 2px solid #000;
    padding: 20px 50px 20px 0;
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) .btn-explore {
	float: right;
}
#sec-box.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) h3,
#sec-box.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) p {
	text-align: right;
}
.sec-left-right .et_pb_row:nth-child(2n+1) .et_pb_column_1_2:nth-child(2n+1) .listing-item li {
	float: left;
	margin-right: 5.5%;
}
.sec-left-right .et_pb_row:nth-child(2n) .et_pb_column_1_2:nth-child(2n+1) .listing-item li {
	float: right;
	margin-left: 5.5%;
}
.sec-left-right .et_pb_row:nth-child(2n+1) #col-overview-pic.et_pb_column_1_2:nth-child(2n) .n2-ss-control-bullet {
    right: -35px !important;
	left: auto !important;
	bottom: 52px !important;
}
.sec-left-right .et_pb_row:nth-child(2n) #col-overview-pic.et_pb_column_1_2:nth-child(2n) .n2-ss-control-bullet {
	left: -35px !important;
	right: auto !important;
	bottom: 52px !important;
}
.sec-left-right .et_pb_row .et_pb_column_1_2 .listing-item li:last-child {
	margin: 0 !important
}
.sec-left-right .listing-item i {
	font-size: 3rem;
}
#col-overview-pic .nextend-arrow {
	width: 32px !important;
  height: 32px !important;
  /* top: calc(50% - 16px) !important; */
  top: auto;
  bottom: auto;
}

/**/
.slick-prev, .slick-next {
    width: 42px;
    height: 42px;
}
.slick-prev:before, .slick-next:before {display: none}
#sec-box .slick-prev {
  left: 6px;
}
#sec-box .slick-next {
  right: 24px;
}
#sec-box .icomoon.icon-prev,
#sec-box .icomoon.icon-next {
	color: #fff;
  /* color: #000; */
	font-size: 60px;
}

/* Section - Accommodation */
.room-slide .room-item{
	position: relative;
}
.room-slide .room-item img.img-slide{ width: 100%; }
.room-slide .slick-prev,
.room-slide .slick-next {
	top: calc(50% - 25px)
}
.room-slide .room-slide-img {
	background-size: cover;
	background-position: center center;
	height: 750px
}
.room-slide .room-item .room-detail{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
}
.room-detail-left, .room-detail-right{
	width: 50%;
	position: relative;
	overflow: hidden;
}
.room-detail-left .room-detail-left-inner{
    width: auto;
    max-width: 370px;
	margin-bottom: -100%;
    background: #FFF;
    padding: 30px 30px 15px;
	opacity: 0;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	/*transition: all 1.0s cubic-bezier(0.75, 0.25, 0.25, 0.75)*/
}
.slick-active .room-detail-left .room-detail-left-inner{
	margin-left: 0;
    margin-bottom: 0;
    opacity: 1;
}
#sec-box .room-detail-left .room-detail-left-inner h3{
    display: block;
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 20px;
}
.room-detail-spec{ display: flex;}
.room-detail-spec .spec-col{ width: 33.3333%; box-sizing: border-box; }
.room-detail-spec .spec-col i, .room-detail-spec .spec-col span{ display: block; text-align: center;}
.room-detail-spec .spec-col i{ font-size: 3.0rem; }
.room-detail-spec .spec-col span{
	display: block;
    font-family: 'ArcaMajora3-Bold', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 7px;
}

.room-detail-right{
    text-align: right;
    position: relative;
}
.room-detail-right-inner{
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
}
.room-detail-right .btn {
	font-family: 'ArcaMajora3-Bold', sans-serif;
    font-size: 16px;
    height: 0;
    padding: 0;
    display: inline-block;
    font-size: 1.5rem;
    text-transform: uppercase;
    min-width: 130px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.room-detail-right .btn.btn1{
    background-color: #000;
    color: #eccec3;
	border: none;
}
.room-detail-right .btn.btn1:hover{
    /* background-color: #e5e5e5; */
    /* color: #333; */
    background-color: #eccec3;
    color: #583132;
}
.room-detail-right .btn.btn2{
    background-color: #fff;
    color: #000;
}
.room-detail-right .btn.btn2:hover{
    color: #eccec3;
}
.first-delay .room-detail-right .btn.btn1,
.first-delay .room-detail-right .btn.btn2,
.button-delay .room-detail-right .btn.btn1,
.button-delay .room-detail-right .btn.btn2{height: 50px; padding: 15px; }

/*Slide Center*/
.slide-center .slick-list{ padding: 0 20%!important;}
.slide-center .slide-center-item{
	position: relative;
	width: 100%;
	margin: 0 15px;
}
.slide-center .slide-center-item {
	opacity: 0.2;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.slide-center .slide-center-item.slick-current,
.slide-center .slide-center-item.slick-active {
    opacity: 1;
	overflow: hidden;
}
.slide-center .slide-center-item .img-slide {
	width: 100%;
	height: 550px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slide-center .slide-center-item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 165px;
	bottom: 0;
    z-index: 1;

	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.slide-center .slide-detail{
	display: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.slick-active .slide-detail{
    display: flex;
}
.slide-center .slide-detail .slide-detail-left{
    width: 70%;
	padding: 20px;
}
#sec-box .slide-center .slide-detail .slide-detail-left h3{
    font-size: 30px;
    text-align: left;
    text-transform: none;
    color: #000;
}
#sec-box .slide-center .slide-detail .slide-detail-left h3 a:hover {
    color: #888;
}
.slide-center .slide-detail .slide-detail-right{
    position: relative;
	width: 30%;
}
.slide-center .slide-detail .slide-detail-right-inner{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}
.slide-center .slide-detail .slide-detail-right .btn{
    display: inline-block;
    background-color: #fff;
    color: #333;
	font-family: 'ArcaMajora3-Bold', sans-serif;
    font-size: 16px;
	font-weight: bold;
    text-transform: uppercase;
	line-height: 50px;
    padding: 0 30px;
    box-sizing: border-box;
}
.slide-center .slide-detail .slide-detail-right .btn:hover{
    color: #eccec3;
}
/*.slide-center .slick-prev{
    left: calc(20% - 40px);
    background-color: #333;
    padding: 5px;
    width: 57px;
    height: 57px;
}
.slide-center .slick-next{
    right: calc(20% - 40px);
    background-color: #000;
    padding: 5px;
    width: 57px;
    height: 57px;
}*/

/* Section - Experiences */
/*.home #sec-box.sec-experiences { margin-top:120px; }
#sec-box.sec-experiences { margin-top:0; }
.sec-experiences .nextend-arrow-previous {
	left: calc(50% - 437px) !important;
}
.sec-experiences .nextend-arrow-next {
	right: calc(50% - 437px) !important;
}*/
.sec-experiences .info-box .h3,
.sec-experiences .info-box .h3 a {
	font-family: 'TheanoDidot-Regular', serif !important;
	font-size: 28px !important;
	font-weight: normal !important;
	text-align: left !important;
	text-transform: none !important;
}
.sec-experiences .button {
	border: none;
}
.sec-experiences .button:hover a {
	color: #eccec3 !important;
	background-color: #fff !important;
}
.sec-experiences .btn-explore {
	padding: 0;
}
.sec-experiences .btn-explore a {
	text-transform: uppercase !important;
}
/*.sec-experiences .slide-text-box {
    display: none;
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
    -ms-transition: all 0.5s !important;
    transition: all 0.5s !important;
}
.sec-experiences .slide-text-box {
    display: block;
}*/
#sec-box.sec-experiences .slick-track {
	display: flex;
}
#sec-box.sec-experiences .slick-prev,
#sec-box.sec-experiences .slick-next {
	width: 50px;
	height: 60px;
	background: #583132;
	padding: 0;

	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
#sec-box.sec-experiences .slick-prev {
	left: calc(20% - 35px);
}
#sec-box.sec-experiences .slick-next {
	right: calc(20% - 35px);
}
#sec-box.sec-experiences .slick-prev:hover,
#sec-box.sec-experiences .slick-next:hover {
	background: #eccec3;
}
#sec-box.sec-experiences .icomoon.icon-prev,
#sec-box.sec-experiences .icomoon.icon-next {
	position: absolute;
    font-size: 32px;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
}
#sec-box.sec-experiences .icomoon.icon-next {
    left: calc(50% - 17px);
}
#sec-box.sec-experiences .icomoon.icon-next {
    left: calc(50% - 15px);
}

/* Section - Map */
#sec-box.sec-map {
	/*margin-top: 40px;*/
	margin-top: 0px;
}
#sec-box.sec-map h3 {
	font-size: 30px;
	text-transform: none;
	text-align: left;
}
.sec-map {
    position: relative;
    display: table;
    width: 100%;
	height: 654px;
}
.sec-map .wrapper {
    position: relative;
    height: 654px;
    padding: 0;
    /*left: 40px;
    right: 40px;*/
    z-index: 0;

	/*display: table;
	padding: 0;
	overflow: hidden;*/
}
.sec-map .map-text-box {
    position: absolute;
    background: #fff;
    width: 500px;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 1;
	left: 40px;
	padding: 50px 40px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sec-map .gmap {
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.sec-map .btn-close {
	width: 50px;
	height: 60px;
	right: -90px;
  /* top: -442px; */
  top: -300px;
}
.sec-map .btn-close i {
	font-size: 32px !important;
    top: calc(50% - 16px);
    left: calc(50% - 17px);
}
.sec-map .map-text-box.is-closed {
	transform: translateX(-100%) !important;
	top: 10% !important;
}
.sec-map .btn-close.is-closed .icon-prev::before {
	content: "\e90a";
}

/* Section - Instagram */
.sec-instagram h3 {
	line-height: 50px;
	margin-top: -13px;
	margin-bottom: -20px;
}
.sec-instagram .et_pb_module {
	/*margin-bottom: 0 !important;*/
}
.sec-instagram .icon-instagram {
	position: relative;
	font-size: 46px;
	top: 8px;
}
#sb_instagram .sb_instagram_header { display: none !important;}

/*Footer*/

/*End Footer*/

/**/
/* Below from here are for Post-type Page*/
/**/
.wrapper {
	position: relative !important;
    max-width: none !important;
    width: calc(100% - 80px) !important;
    margin: 0 auto !important;
	padding: 0 !important;
	/*overflow: hidden;
	z-index: 1;*/
}
.sec-home-overview {
    position: relative !important;
    background-color: transparent !important;
    padding: 0 !important;
	z-index: 10;
}
.lr-picbox {
    position: absolute !important;
}

/* Accommodation */
#booking-box.et_pb_module, #offer-box.et_pb_module, #btn-scrolldown.et_pb_module { position: absolute !important; }
#btn-scrolldown.et_pb_module {left: 50%}

.type-accommodations .wrapper {
	min-height: 433px;
	padding-bottom: 0 !important;
}
.type-accommodations .sec-home-overview::before {display: none;}
.type-accommodations .sec-home-overview::after {
    width: 310px;
	height: 453px;
	top: 0;
    right: 0;
	left: auto;
}
.type-accommodations .sec-home-overview h1 { font-size: 46px;}
.type-accommodations .col-5.lr-textbox {
	width: calc(100% - 450px) !important;
	margin: 47px 0 0 50px !important;
}
.type-accommodations .col-5.lr-picbox {
	float: none !important;
    position: absolute !important;
	background: none;
	width: 300px !important;
	height: 363px !important;
    right: 40px;
	top: 50px;
}
.type-accommodations #sec-box.sec-experiences {padding: 0;}
.type-accommodations .left-border-box { cursor: default !important }
.type-accommodations .section-listing-detail { margin-top: 60px;}

/**/
.multimediabox { height: 200px; margin-bottom: 0 !important; }
.sidebar-teaser {
	list-style: none !important;
	padding: 0 0 0 5px !important;
	margin-top: 10px;
}
.sidebar-teaser li {
	font-size: 12px;
	text-align: left;
	line-height: 50px;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
}
.sidebar-teaser i {
	position: absolute;
	font-size: 30px;
    right: 0;
    margin-top: 8px;
}

/* Section - Listing / Details */
.section-listing-detail {
	width: 100%;
	/*height: 578px;*/
	text-align: center;
	margin-top: 60px;
	margin-top: 40px;
    margin-bottom: 40px;
	z-index: 0;
}
.section-listing-detail::before {
	content: "";
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.section-listing-detail h3 {
	color: #fff;
    font-family: 'ArcaMajora3-Bold', sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
	text-align: left;
	text-transform: uppercase;
}
.section-listing-detail .btn-explore {
	position: absolute;
	font-size: 14px;
	top: 0;
	right: 0;
	border: none;
}
.section-listing-detail .detailbox {
	/*height: 578px;*/
	padding: 60px 90px 0;
	box-sizing: border-box;
}
.section-listing-detail .listing-item {
	margin-top: 50px;
}
.section-listing-detail .listing-item li {
	position: relative;
	float: left;
	width: calc(25% - 220px);
	color: #fff;
	height: 37px;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	margin-left: 100px;
    margin-right: 193px;
	margin-bottom: 70px;
	box-sizing: border-box;
}
.section-listing-detail .listing-item li span {
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 400;
	margin-top: 2px;
}
.section-listing-detail .listing-item li i {
	position: absolute;
	font-size: 36px;
	top: calc(50% - 18px);
	right: 0;
}

/* first column */
.section-listing-detail .listing-item li:nth-child(4n-3){
    margin-left: 0;
}
/* second column */
.section-listing-detail .listing-item li:nth-child(4n+2){

}
/* 3rd column */
.section-listing-detail .listing-item li:nth-child(4n+3) {

}
/* 4th column */
.section-listing-detail .listing-item li:nth-child(4n+4){
    margin-right: 0;
}

/* Photo Gallery */
.gallery-box.et_pb_section {
	padding: 0 0 20px;
}

/* Special Box */
.special-box {
	text-align: center;
	padding: 80px 0;
	margin: 80px 0;
}
.special-box .wrapper {
	max-width: none !important;
    width: calc(100% - 80px) !important;
	padding: 200px 30px !important;
}
.special-box .h5 {
	/* color: #969696; */
  color: #835453;
	font-family: 'ArcaMajora3-Bold', sans-serif;
    font-size: 18px;
    line-height: 2em;
}
.special-box .h2 {
	color: #000;
    font-size: 48px;
    line-height: 1.5em;
}
.column-1.special-box {
	padding: 0;
	margin-top: 0;
}
/*.column-2.special-box {
	padding: 80px 0;
}*/
.column-2.special-box .wrapper {
	background: none;
	padding: 0 !important
}
.column-2.special-box .et_pb_column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	padding: 100px 30px;
}

/* Terms & Conditions */
/*.condition-box.et_pb_section {
	padding-top: 0;
}*/
.terms-conditions .sub-section { padding: 40px 0; }
.condition-box h2 { text-align: center; }
.condition-box h3 { margin: 30px 0; }
.condition-box .custom-row ul { padding-left: 2em }
.condition-box .custom-row li {
    font-size: 15px;
    line-height: 1.5;
    margin: 20px 0;
}
.condition-box .custom-row ol ul {
	padding-bottom: 0;
}
.condition-box .custom-row li li {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 20px;
}

/* Hotel Location */
#sec-box.sec-map.sec-location .wrapper {
	position: relative !important;
	width: calc(100% - 80px) !important;
	height: auto;
	right: auto;
}

/* FAQs */
.toggle-box {
	padding: 0;
}
.toggle-box h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
    font-weight: bold;
	text-transform: none;
}
.toggle-box .et_pb_toggle_open h5 {
	font-size: 18px;
}
.toggle-box .et_pb_toggle_content {
	padding: 30px 20px 0;
}
.toggle-box .et_pb_toggle {
	margin-bottom: 0 !important;
	border-bottom: none;
}
.toggle-box .et_pb_toggle:last-child{
	border-bottom: 1px solid #d9d9d9;
}
.toggle-box .et_pb_toggle_open {
	padding: 30px 30px 20px;
}
.toggle-box h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.toggle-box p {
	font-size: 14px;
}
.toggle-box h6 + p {
	margin-bottom: 35px
}
.toggle-box p:last-of-type {
    margin-bottom: 10px !important;
}
.toggle-box .et_pb_toggle_close {
	padding: 20px 30px;
}
/*.toggle-box .et_pb_toggle_close:hover {
	background: #000;
}*/
.toggle-box .et_pb_toggle_title:before {
	color: #000;
}


/* Contact */
.get-in-touch {
	padding: 20px 0 0 !important;
}
.get-in-touch h3 {
	font-size: 28px;
}
.get-in-touch .social .et_pb_module {
	margin-bottom: 20px;
}
.get-in-touch .et_pb_social_media_follow {
	position: relative;
	top: -5px;
}
.get-in-touch .et_pb_social_media_follow li {
	margin-bottom: 0;
}
.get-in-touch .et_pb_social_media_follow li a.icon::before {
	color: #000;
	width: auto;
	height: auto;
	font-size: 24px;
}
.get-in-touch .et_pb_social_media_follow li a.icon:hover::before {
	color: #eccec3;
}
.get-in-touch .et_pb_column.et_pb_column_1_3 {
	width: 29.667% !important;
	margin-right: 5.5% !important;
	margin-bottom: 0;
}
.get-in-touch .et_pb_column.et_pb_column_1_3:last-child {
	margin-right: 0 !important;
}
.sec-contact-form h2 {
	font-size: 25px;
	margin-bottom: 15px;
}
.sec-contact-form h3 {
	font-size: 28px;
	text-transform: uppercase;
	margin: 0 0 40px;
}
.sec-contact-form h4 {
	color: #424151;
	font-size: 18px;
	padding-bottom: 10px;
	margin-top: 30px;
}
.sec-contact-form h4:last-child {
	padding-bottom: 0;
}
.sec-contact-form p {
	font-size: 16px;
	line-height: 1.8em
}
.sec-contact-form label {
	color: #000;
	font-size: 13px;
}
.sec-contact-form select,
.sec-contact-form input,
.sec-contact-form textarea {
	width: 100%;
	color: #fff;
	background: #6d4141;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 15px;
	border: 1px solid #000;
	margin-top: 7px;
	margin-bottom: 0;
}
.sec-contact-form .col-6 {
	width: calc(50% - 15px);
	margin: 0 15px;
}
.sec-contact-form .col-6,
.sec-contact-form .col-12 {
	margin-bottom: 20px !important;
}
.sec-contact-form .col-6:nth-child(2n+1) {
	margin-left: 0;
}
.sec-contact-form .col-6:nth-child(2n) {
	margin-right: 0;
}
input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus {
	color: #fff;
}
#contact-form {
	padding: 80px 0 60px !important;
}
#contact-form .et_pb_row {
    padding: 0 !important;
}
#contact-form select {
  background: #6d4141 url(../images/icon--select.png) right 18px no-repeat;
	/* background: #000 url(../images/icon--select.png) right 18px no-repeat; */
  background-size: 34px 8px;
}
#contact-form input[type=submit] {
	display: block;
	width: 100px;
	font-family: 'ArcaMajora3-Bold', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 auto;
    padding: 10px 25px;
	cursor: pointer;

	-webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
    -ms-transition: all 0.5s !important;
    transition: all 0.5s !important;
}
#contact-form input[type=submit]:hover {
	color: #000;
	background: #f5f5f5;
}
.sec-contact-form span.wpcf7-not-valid-tip {
	font-size: 12px;
    margin-top: 5px;
}

/*Popup Mobile*/
#popup-checkbox.cd-panel{ z-index: 11; }
#popup-checkbox.cd-panel.is-visible{ z-index: 11;}
#popup-checkbox .cd-panel-header{width: 100%; background: transparent; box-shadow: none;}
#popup-checkbox .cd-panel-container{ width: 100%; }
#popup-checkbox .cd-panel-container .cd-panel-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#popup-checkbox .cd-panel-title{ margin-bottom: 20px; }
#popup-checkbox .cd-panel-title h3{ color: #FFF; text-align: center;}
#roi-engine-container{ position: relative; margin: 0 auto;}
#roi-engine-container .roi-search-engine__field--promo{
    border-top: none;
    border-left: none;
    border-right: none;
}
.hidden, .ajax-loader{ display: none;}

/*Loader CSS*/
.spinner {
  width: 50px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  /*margin: 0 auto;*/
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .spinner1 > div {
  background-color: #FFF;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*SmartBookingPro*/
.roi-search-engine, .roi-search-engine__form, .roi-search-engine__field--calendar, .roi-search-engine__destination, .roi-search-engine__occupancy-button, .roi-search-engine__occupancy-breakdown, .roi-cal, .roi-cal__close {
	border-radius: 0;
}
.roi-search-engine__label,
.roi-search-engine__field--calendar ,
.roi-search-engine__item,
.roi-search-engine__field--day,
.roi-search-engine__field--action {
	font-family: 'ArcaMajora3-Bold', sans-serif !important;
}
.roi-search-engine__label {
    font-size: 13px;
	text-transform: none;
	    margin-bottom: 5px;
}
.roi-search-engine__item {
    color: #000;
}
.roi-search-engine__field--calendar {
    /* background: #e5e5e5; */
    border-color: #000;
}
.roi-search-engine__field--day {
	font-size: 50px;
}
.roi-search-engine__form--shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.roi-search-engine__field--action, .roi-search-engine__occupancy-save-rooms {
	background: #6d4141;
    border: 1px solid #6d4141;
    color: #ffffff;
    border-radius: 0;
}
.roi-search-engine__occupancy-text { color: #000; }
.roi-search-engine__occupancy-amount { color: #000; }
.roi-search-engine__field--action {
	font-size: 16px;
	letter-spacing: 0.05em;
}
.roi-search-engine__text {
	display: none !important;
}
.roi-search-engine__form {
    padding: 10px !important;
}
.roi-search-engine__field--promo {
    height: 36px;
	padding: 0 10px !important;
}
#roi-engine-container .roi-search-engine__field--promo {
	color: #000;
	border-bottom-color: #eee;
}
.roi-search-engine__field--calendar .svg-roi {
    fill: #000 !important;
}
.roi-search-engine__item--promo {
    padding-left: 20px !important;
}
.roi-cal__day:hover:not(.roi-cal--unselectable), .roi-cal__day:focus:not(.roi-cal--unselectable), .roi-cal__close:hover, .roi-cal__close:focus, .roi-cal--selected, .roi-cal--current:hover, .roi-cal--current:focus, .roi-cal--checkin, .roi-cal--checkout, .roi-cal--default:hover, .roi-cal--default:focus {
    background-color: #6d4141;
    color: #ffffff;
    border-color: #6d4141;
}