@charset "UTF-8";

@import url("reset.css");
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.booking-popup-container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
}

.checkInOut,#bookNowNoOfRooms,#bookNowAdults,#bookNowChildren,#bookNow,#bookNowGetQuota,#bookingMessage{
	display:none;
}

.popup-container{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
}

.booking-popup {
	background: rgba(0,0,0,0.85);
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	max-width: 980px;
	width: 100%;
	height: auto;
	padding: 2rem;
	border-radius: 1rem;
	border: 1px solid #6633cc;
}

.booking-popup h1 {
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
}
.booking-popup h2 {
	font-size: 1.5rem;
	margin-bottom: 1.2rem;
	text-align: center;
}

.booking-popup .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1rem;
}
@media only screen and (max-width: 47.937em){
	.booking-popup .grid {
		grid-template-columns: 1fr;
	}
}

.booking-popup .grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
}

.booking-popup .btn-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 1.5rem;
}
.booking-popup label {
	font-size: 1.2rem;
	color: #FFFFFF;
	margin-bottom: 5px;

}

.booking-popup .bookingMessage {
	margin-top: 1.2rem;
	text-align: left;
}

.booking-popup .btns {
	margin-top: 1rem;
	text-align: center;
}
.booking-popup .btns a {
	display: inline-block;
	margin: 0 0.5rem;
	padding: 0.5rem 1.5rem;
	border-radius: 2rem;
	background: #8d2bd6;
	font-size: 1.2rem;
	color: #ffffff;
}

.popup {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	max-width: 700px;
	width: 100%;
	height: auto;
	padding: 1rem
}
.popup img {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}
.popup .btn-close {
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
	font-size: 1rem;
}
.popup .btns {
	position: absolute;
	bottom: 4rem;
	text-align: center;
	padding: 0 3rem;
	width: calc(100% - 2rem);
	box-sizing: border-box;
}
.popup .btns a {
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	background: white;
	color: #000;
	margin: 0 0.5rem;
	font-size: 1.5rem;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

@media only screen and (max-width: 47.937em){
	.popup .btns {
		bottom: 3rem;
	}
	.popup .btns a {
		padding: 0.2rem 0.5rem;
		margin: 0 0.2rem;
		font-size: 1.2rem;
	}
}

/* --- New --- */
.popup-btn { display: inline; position:  relative; }
.popup-btn:hover > div { display: block }
.popup-btn > div { display: none; position: absolute; bottom: 100%; right: 0; background-color: rgba(0,0,0,0.8); padding: 1rem; text-align: center; z-index:  100000; white-space: nowrap;  }
.popup-btn > div h2 {  font-family: 'Open Sans', sans-serif !important; font-size: 0.875rem !important; text-decoration:  underline; padding-bottom:  0.5rem  !important; font-weight:  bold;}
.popup-btn > div ul { margin-left: 0 !important; padding-bottom: 0.2rem; }
.popup-btn > div ul ul { padding: 0.2rem; }
.popup-btn > div li { padding-bottom: 0.4rem; display: block !important; padding-left: 0 !important; line-height: 1rem !important; }
.popup-btn > div li a { color: #FFF; font-size:  0.875rem; font-weight:  normal;}
.popup-btn > div li li a { color: #ccc; }
.popup-btn > div li a:hover { color: #FFF; }

/* ---- page structure ---- */ 

html, body {
  background: #1e0c1e; color: #FFF; font-family: arial, sans-serif; width: 100%; height: 100%; font-size: 0.875rem;
}

.off-canvas-wrapper { height: 100%; position: fixed; } 
.off-canvas { background: #1e0c1e;  height: 100%; }

.page-wrapper { position: relative; }
.page { position: relative; }

/* ---- common ---- */
a { color: #FFF; transition: none; }
a:hover, a.hover { color: #C5A5FF; }

.first-letter { font-size: 1.4em; }

h1, h2, .title { font-family: 'Raleway', sans-serif; font-weight: 300; letter-spacing: 1px; line-height: 1.2em;  }

strong { font-weight: bold; }

p, ul { padding-bottom: 0.5rem; }

ul.p-list { list-style: none; font-size: 0.875rem; }
ul.p-list li { display: block; float: none; padding-left: 1em; 
    text-indent: -.7em; line-height:1.4em; }
ul.p-list li:before {content: "• ";
    color: #FFF; 
}


/* ---- nav / menu ---- */
.mobile-top { position: fixed; top: 0rem; left: 0rem; width: 100%; z-index: 1000; box-sizing: border-box; background: #000; line-height: 31px; padding: 0 1rem 0 0.5rem; }
.mobile-top .logo { font-weight: bold; font-size: 1.25rem; font-family: 'Open Sans', sans-serif; font-weight:  400; }
.btn-menu-close span, .btn-menu-open span { font-size: 1.5rem; }
.mobile-menu { color: #FFF; position: absolute; padding: 1rem; width: 100%; top: 0; }
.mobile-menu .lang { font-family: sans-serif; }
.mobile-menu li { font-size: 1rem; padding-bottom: 0.5rem; }

/* ---- .top-bar ---- */
.nav-top { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 100; padding: 0.5rem 4rem; display: none; z-index: 1000; }
.nav-top .logo { font-size: 1rem; font-weight: bold; font-size: 1.25rem;  line-height: 1.25rem; padding-top: 0.5rem; font-family: 'Open Sans', sans-serif; font-weight:  400;  }
.nav-top .logo a { color: #FFF; }
.nav-top .nav li { display: inline-block; padding-left: 1rem; line-height: 1.25rem; font-weight:bold; position: relative; }
.nav-top .nav li > ul { display: none;
	position: absolute;
	top: 100%;
	left: -1em;
	background-color: rgba(0,0,0,0.8);
	min-width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	text-align: left;
}
.nav-top .nav li > ul > li { display: block; padding: 0.5em 0; float: none; white-space: nowrap }
.nav-top .nav ul { padding-bottom: 0; }
.nav-top .nav > ul > li:hover > ul {
	display: block;
}

/* ---- #home ---- */
#home { position: relative; width: 100%;  }
#home .content { position: absolute; z-index: 100; width: 100%; height: 100%; pointer-events: none;  }
#home .logo { position: absolute; top: 2rem; left: 2rem; width: 200px; height: 65px; text-align: center; pointer-events: none; z-index: 100; }
#home .txt { position: absolute; top: 60%; left: 50%; transform: translate(-50%, 0); text-align: center; line-height: 1.5rem; width: 100%; font-size: 1rem; text-shadow: #000 0 0 10px; }
#home h2 { font-family: Times, "Times New Roman", serif; font-weight: bold; font-size: 1.5rem; text-shadow: #FFF 0 0 10px; padding-bottom: 1.5rem;  } 

#home .nav { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; background-color: rgba(0,0,0,0.8); padding: 0.5rem 0; }
#home .nav ul { text-align: center; padding-bottom: 0; }
#home .nav li { display: inline-block; padding: 0 1rem; position: relative; }
#home .nav li > ul { display: none;
	position: absolute;
	bottom: 100%;
	left: -1em;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	box-sizing: border-box;
	padding: 1rem;
	text-align: left;
}
#home .nav li > ul > li { display: block; padding: 0.5em 0; white-space: nowrap; }
#home .nav > ul > li:hover > ul {
	position: absolute;
	display: block; bottom: 100%;
	width: auto;

}

#home .nav a { font-size: 0.875rem; font-weight: bold; }

#home .lang { position: absolute; right: 2rem; top: 2rem; font-family: sans-serif; z-index: 100; font-size:1rem; }
#home .lang a.purple-link { padding: 0.2rem 0.5rem; }


#home .slick-dots {
	display: block !important;	
	bottom: 2.5rem;
}

#home .slick-dots {
	display: block !important;	
}

#homevideo {
	margin-bottom: 20px;
}


/*.share > div { position: absolute; right: 0; bottom: 100%; width: 300px; white-space: nowrap; text-align: right; padding-bottom: 0.5em; display: none; }*/
/*.share > div { float:left; }*/ 
 
.share { line-height: 20px; position: relative; display: inline-block;  }
.share > div { position: absolute; float:right; right: 0; bottom: 100%; width:300px; white-space: nowrap; text-align: right; padding-bottom: 0.5em; display: none; }
.share > img { vertical-align: text-bottom; cursor: pointer; }
.share > div a { display: block; margin-bottom:3px;}


@media only screen and (max-width: 63.937em){ /* small & medium */

.share { line-height: 20px; position: relative; display: inline-block;  }
/*.share > div { position: absolute; float:right; right: -200px ; bottom: -5px; width: auto; white-space: nowrap; text-align: right; padding-bottom: 0.5em; display: none; }
*/



.share > div {
position: absolute;
float: none;
right: 0;
bottom: -5px;
top: 100%;
width: 320px;
white-space: nowrap;
text-align: right;
padding-bottom: 0.5em;
display: none;
}
.share > img { vertical-align: text-bottom; cursor: pointer; }
.share > div a { display:inline-block; margin-bottom:3px; }
}
/*
.share { line-height: 20px; position: relative; display: inline-block; }
.share > div { position: absolute; right: 0; bottom: 100%; 20px; white-space: nowrap; text-align: right; padding-bottom: 0.5em; display: none; }
.share > div a { display: block;}
.share > img { vertical-align: text-bottom; cursor: pointer; }
*/

/*
.share { line-height: 20px; position: relative; display: inline-block; }
.share > div { position: absolute; right: 0; bottom: 100%; width: 300px; white-space: nowrap; text-align: right; padding-bottom: 0.5em; display: none; }
.share > img { vertical-align: text-bottom; cursor: pointer; }
*/
#social-icon{  display:none}

.bg-carousel { position: absolute; width: 100%; height: 100%; z-index: 0; }
.bg-carousel .bg { position: relative; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;  }


.bg-carousel .slick-list { height: 100%; } 
.bg-carousel .slick-track { height: 100%; } 




@media only screen and (max-width: 63.937em){ /* small & medium */
	#home .bg { position: relative; height: 280px; }
	#home .content { position: relative; }
	#home .txt { position: relative; padding: 1rem; }
	#home .logo { display: none;  }
	#home .logo img { padding-bottom: 1.5rem; width: 40%; max-width: 240px; }
	.bg-carousel { position: relative; height: 40%; }
	
	#home .slick-dots {
		bottom: 0.5rem;
	}
	
	#map { position: absolute !important; } 
}

.page-wrapper {
  margin: auto; background: #000;
}
.header {
  height: 80px;
  width: 100%;
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  z-index: 100;
}

.header .logo {
  padding: 5px 50px;
}

.header .nav {
  position: absolute;
  right: 50px;
  bottom: 10px;
}

.header .nav a {
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.header .nav li {
  float: left;
  padding-left: 20px;
}

.session-wrapper {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  height: 120px;
  overflow: hidden;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
}

.session-wrapper.always-open {
	height: auto !important;
}

.session-wrapper.active {
  height: 600px;
}

.session-wrapper.active .overlay {
  opacity: 0;
	pointer-events: none !important;
}

.session-wrapper .carousel .carousel-item .bg {
 	opacity: 0;
}

.session-wrapper.active .carousel-content {
	opacity: 1 !important;	
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.session-wrapper.active .carousel .carousel-item .bg {
 	opacity: 1;
}
.session-wrapper.active .carousel .carousel-item .title {
 	opacity: 1;
}
.session-wrapper.active .carousel .carousel-item .carousel-content {
	opacity: 1;
}

.session-wrapper:not(.active) .bg-btn {
	display: none !important;	
}

.session-wrapper .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,1+100 */
/* background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

  z-index: 200;
  opacity: 1;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  cursor: pointer;
}

.session-wrapper .overlay > div {
  color: #ccc;
  position: absolute;
  left: 4rem;
  bottom: 2em;
  opacity: 0.8;
}

.session-wrapper .overlay .title {
  font-size: 14px;
}

.session-wrapper .overlay:hover { 
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.session-wrapper .overlay:hover .title { 
	color: #FFF;
}

.session-nav {
	display: none;
	position: absolute;
	bottom: 0rem;
	padding: 0.5rem 0;
	width: 100%;
	text-align: center;
	z-index: 100;	
	font-size: 1rem;
	text-shadow: 0px 0px 0.5em #000;
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	font-weight:bold;
	line-height: 1.5em;
}

.session-nav ul {
	display: inline-block;
		background:rgba(0,0,0,0.5); padding: 0.5rem 0;
	border-radius: 12px;
}

.session-wrapper.active .session-nav {
	display: inline-block;	
}

.session-nav li { display: inline-block; padding: 0 1rem; }
.session-nav li a.active { text-decoration:underline; color: #FFF; }

@media only screen and (max-width: 63.937em){
	.session-wrapper {
		height: 80px;
		transition: none;
	 	-webkit-transition: none;
	}
	.session-wrapper .overlay {
		transition: opacity 0.1s;
	  	-webkit-transition: opacity 0.1s;
	}
	.session-wrapper .overlay > div {
		width: 100%; height: auto; top: 50%; left: 0; text-align: center; transform: translate(0, -50%);
	}
	
	.session-nav { position: relative; bottom: auto; }
	
	.session-wrapper .overlay .title { 
		color: #FFF;
	}
	.session-wrapper .overlay {
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);
	}
}

@media only screen and (max-width: 72em){
		.session-nav {
			font-size: 0.875rem;	
		}
}
	

.carousel {
  width: 100%;
}

.carousel .carousel-item {
	position: relative;
	min-height: 600px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.carousel .carousel-item .txt, .carousel-content .txt {
  width: 40%;
  color: #FFF;
  padding: 2rem 4rem;
  line-height: 1.5rem;
  font-size: 14px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.81);

  
}

	
	.carousel-content .txt a {
		/*color: #fc92ff*/;
	color: #fc92ff;
		font-weight: bold;
	}

.carousel .carousel-item .txt.fullwidth {
	width: auto;	
}


.carousel .carousel-item .title {
	opacity: 0;	
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

.carousel .carousel-item .txt h1, .carousel-content h1 {
  color: #FFF;
  padding-bottom: 1em;
  font-size: 2em;
}

.carousel .carousel-item .txt p, .carousel-content p {
  padding-bottom: 1em;
	text-align: justify;
}

 input::-internal-media-controls-overflow-button {
    display:none;
}

.carousel .carousel-item .carousel-content {
	position: absolute;
	top: 0; left:0; width: 100%; height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s;
  	-webkit-transition: opacity 0.5s;
}

.carousel .carousel-item .bg {
	position: absolute;	
	top: 0; left:0; width: 100%; height: 100%; background-position: center; background-repeat:no-repeat; background-size: cover; z-index: 0;	
}

#facilities-services .carousel-content {
	position: absolute;
	top: 0; left:0; width: 100%; height: 100%;
	z-index: 1;	
	opacity: 0;
	transition: opacity 0.5s;
  	-webkit-transition: opacity 0.5s;
	pointer-events:none;
}

#facilities-services .carousel-content a { pointer-events: auto; }

.carousel-content .txt a.info-link { color: #FFF; }

@media only screen and (max-width: 63.937em){ /* small & medium */
	.session-wrapper.active {
		height: auto;	
		min-height: 0;
	}
	
	.carousel .carousel-item {	
		min-height: 0;
	}
	
	.carousel-content .txt {
		width: auto;
		padding: 1rem;
	}

	
	.session-wrapper.active .carousel .carousel-item {
		background-image: none !important;
	}
	
	.carousel .carousel-item .title { 
		position: absolute; top: 0; left: 0;
		padding: 1rem 0;
		width: 100%; text-align: center;
		z-index: 100;
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.carousel .carousel-item .title h1 {
		font-size: 1.5rem;	
	}
	
	#facilities-services .session .title { 
		display :none;
	}
	#facilities-services.active .session .title {
		display :block;	
	}
	
	#facilities-services .session .title { 
		position: absolute; top: 1rem; left: 0;
		width: 100%; text-align: center;
		z-index: 100;
	}
	#facilities-services .session .title h1 { 
		font-size: 1.5rem;	
	}

	#newsAndEvents .carousel .carousel-item .bg {
		padding-bottom: 40px;
	}

	.carousel .carousel-item .bg {
		position: relative;	
		padding-bottom: 220px;
		width: auto;
	}
	.carousel .carousel-item .carousel-content {
		position: relative;
	}
	
	.carousel .carousel-item .txt {
		width: auto;
		padding: 1rem;
	}

	.carousel .carousel-item .txt p {
  		padding-bottom: 1em;
		font-size:100%;		
	}	
	
	#facilities-services .carousel-content {
		position: relative;	
	}
	
	#facilities-services .bg-carousel {
		position: relative;	
		height: 220px;
	}
	
	#facilities-services .session .title { }
}

.slick-slider .btn-left { position: absolute; top: 50%; left: 10px; font-size: 40px; color: #FFF; z-index: 10; cursor:pointer; text-shadow: 2px 2px 5px #000;  opacity:0.7}
.slick-slider .btn-left.slick-disabled { display: none !important; }
.slick-slider .btn-right { position: absolute; top: 50%; right: 10px; font-size: 40px; color: #FFF; z-index: 10; cursor:pointer; text-shadow: 2px 2px 5px #000; opacity:0.7 }
.slick-slider .btn-right.slick-disabled { display: none !important; }

.slick-slider .btn-left-bottom { display: none !important; position: absolute; bottom: -100px; left: 10px; font-size: 40px; color: #FFF; z-index: 10; cursor:pointer; text-shadow: 2px 2px 5px #000;  opacity:0.7}
.slick-slider .btn-left-bottom.slick-disabled { display: none !important; }
.slick-slider .btn-right-bottom { display: none !important; position: absolute; bottom: -100px; right: 10px; font-size: 40px; color: #FFF; z-index: 10; cursor:pointer; text-shadow: 2px 2px 5px #000; opacity:0.7 }
.slick-slider .btn-right-bottom.slick-disabled { display: none !important; }


@media only screen and (max-width: 63.937em){ 
	.session-wrapper .slick-slider .btn-left { top: 90px; }
	.session-wrapper .slick-slider .btn-right { top: 90px; }
	
	.slick-slider .btn-left-bottom { display: block !important; bottom: 10px; }
	.slick-slider .btn-right-bottom { display: block !important;  bottom: 10px; }
}

/* ---- Location ---- */
#location .shadow-box { background: rgba(0,0,0,0.7); position: relative; }
#location .shadow-box .c0 { position: absolute; padding: 16px 496px 16px 16px; width: 100%; box-sizing:border-box; pointer-events: none;  }
#location .shadow-box .c0 ul { pointer-events: auto; }
#location .shadow-box .c1 { width:480px; float: right; }

.c0 li { float: left; padding-right: 1.5rem; }

.c { display: inline-block; width: 0.875rem; height: 0.875rem; border: 1px solid #FFF; }
.c-0 { background-color: #6633CC; }
.c-1 { background-color: #4B2C13; }
.c-2 { background-color: #8F216C; }
.c-3 { background-color: #8DCC93; }
.c-4 { background-color: #FFCC01; }

.info { padding: 0.5rem 1rem; background-color: rgba(255,255,255, 0.2); border-radius: 0.5rem; font-size: 0.875rem; display: none; }

@media only screen and (max-width: 63.937em){ 
	#location .shadow-box .c0 { position: relative; padding: 0; width: 100%; padding-bottom: 1rem; }
	#location .shadow-box .c1 { position: relative; width: 100%; float: none; }
	.info { margin-bottom: 2rem; }
}

@media only screen and (max-width: 32em){ 
	
}	

#transport .shadow-box { background: rgba(0,0,0,0.7); position: relative; width: 400px; float: left; }
#transport .shadow-box .c0 { float: left; padding: 16px; width: 400px; box-sizing:border-box; pointer-events: none;  }
#transport .shadow-box .c0 ul { pointer-events: auto; }
#transport .shadow-box .c1 { width:620px; float: right; }
#transport iframe { max-width: 100%; }

.table-wrapper { border: 1px solid #FFF; border-radius: 0.5rem; margin-bottom: 1rem; }
.table-wrapper table tbody { background-color: transparent; border: none; font-size: 0.875rem; line-height:1rem; }
.table-wrapper table tr { border-bottom: 1px solid #FFF; }
.table-wrapper table tbody tr:nth-child(even) {
    background-color: transparent;
}

table.plain tbody, table.plain tfoot, table.plain thead {
    border: none;
    background-color: transparent ;
}

table.plain tbody td, table.plain tbody th {
    padding: 0 0 0.2rem 0;
}

table.plain tbody tr:nth-child(even) {
    background-color: transparent;
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 0.2rem;
}

.btn-more-info { pointer-events: auto; padding: 0.5rem 2rem; display: inline-block; background: #2a103d; color: #FFF !important; }
.btn-more-info:hover { color: #FFF; }

@media only screen and (max-width: 63.937em){ 
	#transport .shadow-box .c0 { position: relative; padding: 0; width: 100%; padding-bottom: 1rem; }
	#transport .shadow-box .c1 { position: relative; float: none; width: 100%; }
}

/* ---- Suites ---- */
#suite-hotel-living .shadow-box { position: relative; display: block; width: auto;  }
#suite-hotel-living .shadow-box h2 { padding-bottom: 0.5rem; font-size: 1.5rem; }
#suite-hotel-living .shadow-box .c0 { background: rgba(0,0,0,0.7); position: relative; padding: 12px 16px; width: 40%; box-sizing:border-box; float: left; }
#suite-hotel-living .shadow-box .c0 a { color: #FFF; }
#suite-hotel-living .shadow-box .c1 { width: 60%; float: left; text-align: center; padding: 1rem; display: none; padding-top:2rem; position: relative; }

#suite-hotel-living .shadow-box .c0.min { width: auto; }
#suite-hotel-living .shadow-box .c0.min br { display: none; }
#suite-hotel-living .shadow-box .c0.min strong { display: none; }
#suite-hotel-living .shadow-box .c0.min .p-list { display: none; }
#suite-hotel-living .shadow-box .c0.min .btn { display: none; }

#suite-hotel-living .shadow-box .c0 .btn-min { color: #FFF; position: absolute; top: 0.5rem; right: 0.5rem; cursor: pointer; }
#suite-hotel-living .shadow-box .c0.min .btn-min { display: none; }
#suite-hotel-living .shadow-box .c0 .btn-max { display: none; color: #FFF; position: absolute; top: 0.5rem; right: 0.5rem;  cursor: pointer; }
#suite-hotel-living .shadow-box .c0.min .btn-max { display: block; }


#suite-hotel-living .shadow-box .c1 img { max-height: 400px; display: block; margin: auto; }
#suite-hotel-living .btn { text-align: center; display: inline-block; background: #2a103d; margin-bottom: 0.2rem; padding: 0.4rem 1rem; line-height: 22px; font-size: 0.875rem; font-weight: bold; }
#suite-hotel-living .btn img { display: inline-block; vertical-align: middle; height: 16px; }
#suite-hotel-living .bg { display: none; }
#suite-hotel-living .bg.current { display: block; }
#suite-hotel-living .bg-btn { display: none; position: absolute; right: 4rem; top : 2rem; text-align: center; font-size: 0.8rem; z-index: 101; }
#suite-hotel-living .bg-btn span { font-size: 1.4rem; }
#suite-hotel-living .bg-btn.current { display: block; }
#suite-hotel-living .btn-pop-close { position: absolute; color: #FFF; top: 1rem; right: 1rem; }

#suite-hotel-living .menu { padding-bottom: 0;}
#suite-hotel-living .submenu { background-color: #000; }

.btn-img.current img { border: 1px solid #fff; }

#suite-hotel-living .shadow-box.pop { 
	background: rgba(0,0,0,0.7);
}
#suite-hotel-living .shadow-box.pop .c0 {
	background: none;
}
#suite-hotel-living .shadow-box.pop .c0 .btn-min { display: none !important; }
#suite-hotel-living .shadow-box.pop .c0 .btn-max { display: none !important; }
#suite-hotel-living .shadow-box.pop .c1 {
	display: block	
}
.floorplan-container { background: rgba(0,0,0,0.7); padding: 5rem 0; }
.floorplan { position:relative; width: 715px; margin:auto; }


.olay { 
	position: absolute; display: none; pointer-events:  none;
}
.o0 { top: 21px; left: 63px; }
.o1 { top: 146px; left: 231px; }
.o2 { top: 25px; left: 127px; }
.o3 { top: 146px; left: 5px; }
.o4 { top: 28px;
    left: 507px; }
.o5 { top: 112px; left: -20px; }

#suite-hotel-living .slick-dots {
	display: none !important;	
}

@media only screen and (max-width: 63.937em){ 
	#suite-hotel-living .shadow-box .c0 { width: 100%; padding: 0; min-width: 0; }
	#suite-hotel-living .shadow-box .c1 { width: 100%; display: block;  }
	
	#suite-hotel-living .bg-btn { display: none; }
	#suite-hotel-living .bg-btn img { width: 40px; }
	
	.floorplan  { width: 100%; max-width:  715px; }
	
	.olay { /* display: none !important; */ }
	
	#MapFloorplan  { display: none; pointer-events:  none; }
	#MapFloorplan area { display: none; pointer-events:  none; }
	
	.floorplan-container { background: rgba(0,0,0,0.7); padding: 1rem 0; }

}

/* ---- enquire ---- */
.enquire { padding: 2rem; position: relative; background: #1c1620; }
.enquire h2 { text-align: center; font-size: 1.25rem; padding-bottom: 2rem; }
.enquire label { color: #b6aac8; padding-top: 1rem; display: inline-block; }
.enquire  input, .enquire textarea { background-color: #b6aac8; }

#page-enquiries .txt1 { width: 48%; height: 155px; position: absolute; box-sizing: border-box; background: #E4D3C5; padding: 12px 22px; padding-bottom: 0.5em;  }
#page-enquiries .txt2 { width: 50%; height: 155px; position: absolute; box-sizing: border-box; left: 50%; padding: 12px; padding-bottom: 0.8em;  }
#page-enquiries .title { background: #D8C6B8; }
#page-enquiries .form { width: auto; box-sizing: border-box; }
#page-enquiries .form .title { color: #FFF; padding: 0 10px; background: #999; width: auto; width:100%; box-sizing:border-box; line-height: 21px; position: relative; }
#page-enquiries .form .err { float: right; color: #FF3300; display: none;  padding-bottom: 1rem; }
#page-enquiries .form form { }
#page-enquiries .form input.err { border-color: #FF3300; border: 1px solid #FF3300; }

form { width: 100%; box-sizing: border-box; color: #b6aac8; } 
form > .part-0 > .column-0 { width: 66%; float: left; position: relative; }
form > .part-0 > .column-1 { width: 34%; float: left; }

form .txt { font-size: 1rem; line-height: 1.2rem; } 

form > .part-1 > .column-0 { width: 33%; float: left; }
form > .part-1 > .column-1 { width: 33%; float: left; }
form > .part-1 > .column-2 { width: 34%; float: left; }

form > .part-2 { text-align: right; }
form > .part-2 > div { display: inline-block; padding-right: 1rem; }
form > .part-2 input[type=reset] { color: #FFF; border: 0; background: #63556e; padding: 0.5rem 2rem; }
form > .part-2 input[type=submit] { color: #FFF; border: 0; background: #512175; padding: 0.5rem 2rem; }

.form-row { float: left; padding-right: 2%; box-sizing: border-box;  }
.form-row label { float: left; width: 50%; padding: 10px 0; }
.form-row .input { float: left; width: 50%; }
.form-row .input textarea,.form-row .input input[type=text],.form-row .input input[type=email] { width: 100%; box-sizing: border-box; }
.form-row .input textarea { height: 77px; }

@media only screen and (max-width: 63.937em){ 
	form > .part-0 > .column-0 { width: 100%; }
	form > .part-0 > .column-1 { width: 100%; }
	form > .part-0 > .column-1 > div { width: 100%; }
	form > .part-0 > .column-1 > div label { width: 24.5% !important; }
	form > .part-0 > .column-1 > div .input { width: 75% !important; }
	
	form > .part-1 > .column-0 { width: 100%; float: none; }
	form > .part-1 > .column-1 { width: 100%; float: none; }
	form > .part-1 > .column-2 { width: 100%; float: none; }
}

/* ---- footer ---- */
.footer { }
.footer-1 { background: #361f26; padding: 1rem 2rem; line-height: 20px; font-weight:bold; }
.footer-1 img { padding-bottom: 0; margin-bottom: 0; }
.footer-2 { padding: 1rem 2rem 6rem 2rem; line-height: 22px; text-align: center; }
.footer-logo { float: left; }
.social, .follow { float: right; padding-left: 20px; }

@media only screen and (max-width: 63.937em){ 
	.footer-logo { float: none; width: auto; text-align: center; }
	.social { float: none; text-align: center; padding: 0.5rem 0 1rem 0; }
	.follow { float: none; text-align: center; }
}

/*.promotion {
    position: fixed;
    bottom: -1px;
    right: 4rem;
    z-index: 999;
    border: 1px solid #ffffff;
    text-align: center;
    background-color: #31383a;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 5px 5px 0 0;
}*/

.promotion {
    position: fixed;
    bottom: 75%;
    right: -2rem;
    z-index: 999;
    border: 1px solid #31383a;
    text-align: center;
    background-color: #31383a;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 5px 5px 0 0 ;
	transform:rotate(-90deg);
} 

@media only screen and (max-width: 63.937em){ 
	.promotion {
		position: fixed;
		bottom: 60%;
		right: -3rem;
		z-index: 999;
		border: 1px solid #31383a;
		text-align: center;
		background-color: #31383a;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
    	border-radius: 5px 5px 0 0 ;
		transform:rotate(-90deg);
	} 
}
.promotion-content {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 20px;
}

.slick-dots {
    position: absolute;
    bottom: 1rem;
    width: 100%;	
	text-align: center;
	display: none !important;
}

.session-wrapper.active .slick-dots {
	display: block !important;	
}

.session-wrapper .slick-arrow { 
	display: none !important;
}
.session-wrapper.active .slick-arrow { 
	display: block !important;
}



.slick-dots li { 
	display: inline-block;
	width: 13px;
	height: 13px;
	background: none;
	border: 1px solid #FFF;
	margin: 0 4px;
	cursor: pointer;
	border-radius: 100%;
	background-color: #FFF; opacity:0.5
}

.slick-dots li.slick-active { background-color: #1c1620; opacity:0.5; border: 1px solid #1c1620;}

.slick-dots li button {
	text-indent: -9999px;	
}

@media only screen and (max-width: 63.937em){ 
	.slick-dots {
		bottom: 0.5rem;	
	}
}

.map-logo { position: absolute; display: none; }
.map-logo-0 { left: 338px; top: 120px; } 
.map-logo-1 { left: 40px; top: 200px; } 
.map-logo-2 { left: 45px; top: 50px; } 
.map-logo-3 { left: 338px; top: 250px; } 
.map-logo-4 {  left: 380px;
    top: 340px;
 } 

.purple-link { display: inline-block; background: #512175; padding: 1px 5px 0px 5px; }
 


 [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    height: 2rem;
}

input.err { border-color: #FF3300; border: 1px solid #FF3300; }

.roomType{
	color:#F00
}


.title .err { float: right; color: #FF3300; display: none; }

#openColorbox {
	display: inline-block;
	position: relative;
}

#openColorbox:after {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	background-image: url("../../video/play-button.png");
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #b6aac8;
    cursor:default;
}

.invalid_btn{ background-color: rgba(0,0,0,0.5) !important; opacity: 50% }

select.err { border-color: #FF3300; border: 1px solid #FF3300; }

#newsAndEvents .overlay > .bg {
	color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background-size: cover;
}

.mfp-content h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1rem;
}
.mfp-content p {
	margin-bottom: 1rem;
}

#ig-section {
	/*margin: 4rem auto;*/
	background-color: #361f26;
}

.ig-img {
	display: block;
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-position: center;
	background-size: cover;
}

.ig-img.small {
	width: calc(50% - 0.5rem);
	padding-bottom: calc(50% - 0.5rem);
}

#ig-section .column .ig-img:nth-child(2) {
	margin-left: 1rem;
}

#ig-section .column .ig-img:nth-child(3) {
	margin-top: 1rem;
}

#ig-section .column .ig-img:nth-child(4) {
	margin-top: 1rem;
	margin-left: 1rem;
}

#ig-section .column {
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.btn-ig {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background: #e8e4d9;
	color: #674902;
}

.btn-ig > span {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

#ig-section .fa-instagram {
	font-size: 5rem;
}