@charset "utf-8";
/* CSS Document */

body, html {
	width: 100% !important;
	height: 100% !important;
}
body{
	margin:0;
	padding:0;
	background-color:#f1f1f1;
	color:#282828;
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6{
	padding: 0px !important;
	margin: 0px !important;
}

h1, h2{
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
}

h3, h4, h5, h6{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;font-weight: 300;
	font-style: normal;
}

h1{
	font-size:36px;
	color:#4ab7d4;
}
h2 {
	font-size:28px;
	color:#4ab7d4;
}

h3 {
	font-size:20px;
	color:#282828;
}

h4, h5, h6 {
	font-size:16px;
	color:#282828;
}

/* main a link */
/*

*/
.textMyContent{
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:16px !important;
	color:#282828;
}

.textMyContent a {
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#4ab7d4;
	text-decoration:none;
}
.textMyContent a:hover,
.textMyContent a:Focus{
	color:#F00;
	text-decoration:none;
}


@media(max-width:767px) and (orientation : landscape){
.textMyContent{
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:16px !important;
	color:#282828;
	
	max-width:400px !important; margin:0 auto;
}	
}
@media (min-width:768px) and (max-width:1169px){
	h1{
	font-size:40px;
	color:#4ab7d4;
}
h2 {
	font-size:35px;
	color:#4ab7d4;
	/*line-height: 55px;
    height:56px;*/
}

h3 {
	font-size:23px;
	color:#282828;
}
h4, h5, h6 {
	font-size:20px;
	color:#282828;
}

.textMyContent{
	font-size:16px !important;
	color:#282828;
}
}
@media screen and (min-width:1170px){
	h1{
	font-size:40px;
	color:#4ab7d4;
}
h2 {
	font-size:35px;
	color:#4ab7d4;
	/*line-height: 55px;
    height:56px;*/
}

h3 {
	font-size:23px;
	color:#282828;
}
h4, h5, h6 {
	font-size:20px;
	color:#282828;
}
.textMyContent{
	font-size:16px !important;
	color:#282828;
}
.textMyContent a {
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#4ab7d4;
	text-decoration:none;
	font-size:16px !important;
}
.textMyContent a:hover,
.textMyContent a:Focus{
	color:#F00;
	text-decoration:none;
	font-size:16px !important;
}

}

.img-force-responsive{
	height:auto;
	max-width: 100%;
}

.pageHeaderSlider{
	position: relative;
	display:block;
	width:100%;
	height: auto !important;
	max-width:100%;
	/*max-height:650px;*/
	margin: auto;
}
.pageHeaderSlider img{
	display:inline-block; !important;
	 width: auto;
	 height: 100% !important;
	 max-height:100% !important;
    margin: auto;
	
}

@media screen and (max-width:767px){
	.img-force-responsive{
		max-width:100%;
		height:auto;
		margin:auto;
		display:block;
		width:auto;
	}
}
/*
.img-responsive{  
  display: block;
  display: inline-table !important;
  max-width: 100% !important;
  height: auto !important;
}
*/
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   display: block;
  max-width: 100%;
  height: auto;
  margin:0 auto;
}
.item{
	position: relative;
    display: block;
	margin:0px !important;
	padding:0px !important;
	/*height:100% !important;*/
}
@media(min-width:768px){
	#photoGallery {
		/*height:100% !important;*/
		/*min-height:340px ;*/
	}
}
.slick_caption {
  position: absolute;
  width:100%;
  color:#FFF;
  right: 0;
  bottom: 0;
  padding: 10px;
 /* min-height: 38px;*/
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  font-family:Philosopher, Verdana, Geneva, sans-serif;
  font-size:18px;
}


.slick-slide .img--holder {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/************/

.logoWraper{
	float:left;
	position: relative;
	/*max-width:320px;*/
	max-width:225px;
	/*max-height:158px;*
	/*width:100%;
	height:auto;*/
	display:inline-block;
	z-index:99;
	cursor:pointer;
}
.myheaderWraper{
	position: absolute;
	width:100%;
	height:100px !important;
	z-index:999;
	top:0px;	
	
}
/*.homeHeaderWraper{
	position: absolute;
	top:0px;
	left:0px; right:0px;
	margin:0 auto;
	z-index:1;
	background:url(../../uploads/component/home-header-bg.jpg) repeat top left;
	height:100% !important;
	width:100% !important
}
*/
.header{
	width:100%;
	position:fixed;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index:999;
}
@media(min-width:768px){
	.myheaderWraper{
		position: relative;
	}
	
}
.thalassoHeader{
	width:100%;
	position: fixed; /* after scroll absolute;*/
	top:0;
	left:0px; right:0px; margin:0 auto !important;
	z-index:999;
	/*-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;*/

}
.headerScroll{
	/*background-color: rgba(0, 0, 0, 0.5);*/
	width:100%;
	position:fixed;
	 background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0)); /*Standard*/
}
@media (max-width: 767px) {
  .header, .thalassoHeader {
    /*width: 750px;*/
	/*height:auto;*/
	position:fixed;
	z-index:999 !important;
  }
}


.SectionNav{
	position: absolute;
	width:100%;
	display:inline-block;
	top:0px;
	z-index:98;
	
	background:url(../jpg/header-bg.jpg) center center repeat;
	/*background-color: #F00 !important;
	height:50px;*/
}

.SectionNavWrap{
	position: relative;
	/*background-color: #f0f0f0;*/
	width:100%;
	display:inline-block;
	/*bottom:0px;*/
	z-index:98;
	text-align:right
}
.mainNavWrap{
	font-family: 'Aaux ProMedium'; font-weight: 500; font-style: normal;
	font-size: 20px;
}
.mainNav{
	float:right;
	display:inline-block;
}
.NavbarIcon{
	display:inline-block;
	float:right;
	/*width:60px;*/
	padding:0px 0px 0px 5px;
	margin:auto;
	/*border:0;*/
}
.NavbarIcon img{
	background-color:#FFF
}

.hpSearchIcon, .hpBookingButton, .searchDeskIcon{
	display:inline-block;
	float:right;
	margin:auto;
	text-align:center;
	padding-top:5px;
	border:3 solid #333;
	
	background-color:#61cced;
	background: -webkit-linear-gradient(#61cced, #4ab7d4 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#61cced, #4ab7d4 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#61cced, #4ab7d4 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#61cced , #4ab7d4 30%); /* Standard syntax */
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	width:42px;
	height:37px;
	
}
.searchDeskIcon{
	/*background:transparent !important;*/
	margin-top:6px;
	margin-left:10px;
}

.hpSearchIcon img, .searchDeskIcon img{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.hpBookingButton{
	width:90px;
	height:37px;
	color:#FFF !important;
	float: left;
	padding-top:8px;
}
.hpBookingButton a{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;
	color:#FFF !important;
	font-size:16px;
	text-decoration:none;
}
.hpBookingButton :hover{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;
	color: #FFF !important;
	font-size:16px;
	text-decoration:none;
}

@media (min-width: 768px) {
.NavbarIcon{
	padding:7px 0px 0px 0px;
	width:50px;
}
.hpSearchIcon{
	display:none;
}
.hpBookingButton{
	display:none;
}	

}



/*nav bar*/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 15px 12px;
  font-size: 15px;
  color:#fff;
}
.nav > li > a:hover,
.nav > li > a:focus{
  text-decoration: none;
  background-color: #acca14 !important;
  color:#FFF;
}
/*.nav  > li.active > a,
.nav  > li.active > a:hover,
.nav  > li.active > a:focus
{
	text-decoration: none;
  background-color: #acca14 !important;
  color:#FFF;
}*/
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.nav > .all-in > a{
	/*background-color:#4ab7d4;*/
	background-color:#acca14;
	color:#FFF;
	margin-left:8px;
}
.nav > .all-in > a:hover{
	background-color:#4ab7d4 !important;
	color:#FFF;
}
.nav > .rooms{
	display:inline;
}
.nav > .dining{
	display:inline;
}
.nav > .facilities{
	display:inline;
}
.nav > .thalasso{
	display:inline;
}
.nav > .gallery{
	display:inline;
}
.nav > .special{
	display:inline;
}

@media (max-width: 320px) {
	.logoWraper{
		width:118px;
	}
}

@media (max-width: 767px) {
	
	.SectionNav{
		padding-bottom:5px;
	}

	.mainNav{
		display:none;
	}
	
	.searchDeskIcon{
	display:none;
	}
	
	.SectionNavWrap{
	background-color: transparent;
	position: relative;
	margin-top: 37px;
	/*padding:5px 0px;*/
	
	}
	.logoWraper{
		margin: 0 auto !important;
		display: table;
		text-align:center !important;
		position: relative;
		max-width:150px;
		height:auto !important;
		float: none !important;
		z-index:999;
	}
	

}
@media (max-width: 991px) {

.nav > .facilities{
	display:none;
}	
.nav > .dining{
	display:none;
}
.nav > .thalasso{
	display:none;
}
.nav > .gallery{
	display:none;
}
}
@media (max-width: 1024px) {
.nav > .thalasso{
	display:none;
}
 
.nav > .gallery{
	display:none;
} 
}
@media (max-width: 1169px) {
}


@media (min-width: 1200px) {
  
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 3px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/*****************/

/*custom dropdown nav*/
/* CSS used here will be applied after bootstrap.css */
.dropdown-menu {
  
  /*background-color: transparent !important;
  background:url(../../uploads/component/bg-navbar-over-2.png);
  background-repeat:no-repeat; background-position:top center;
  */
  
  /*height:500px;*/
  /*padding:15px 0px;*/
  /*padding:50px 120px;*/
  
  
  /******/
  /*
  top:100%;
  
  background-color: rgb(255,255,255); background-color: rgba(255,255,255, 1);
  
  -webkit-background-clip:  padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .6);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .6);
		  */
}

.dropdown-menu > ul {
	float:left;
}

.sub-menu{
	margin: auto;
	padding:20px 50px 50px 50px !important;
	/*width:90%;*/
}

.nav { margin-bottom: 0; }
.nav > li.dropdown:hover   { position: static; background-color:transparent; }
.nav > div.dropdown:hover { position: static;background-color:transparent;  }
.nav > li.dropdown:hover .dropdown-menu  {display:table; width: 100%; text-align: center; left:0; right:0; visibility: visible;}
.nav > div.dropdown:hover .dropdown-menu  {display:table; width: 100%; text-align: center; left:0; right:0;background-color:transparent; padding:10px;visibility: visible;}

.dropdown-menu>li { display: table-cell; }
.dropdown-menu>div { display: table-cell; }




/***on click*/
.nav > li.dropdown.open   { position: static; background-color:transparent; }
.nav > div.dropdown.open { position: static;background-color:transparent;  }
.nav > li.dropdown.open .dropdown-menu  {display:table; width: 100%; text-align: center; left:0; right:0; visibility: visible;}
.nav > div.dropdown.open .dropdown-menu  {display:table; width: 100%; text-align: center; left:0; right:0;background-color:transparent; padding:10px;visibility: visible;}


 .nav > li.dropdown > .dropdown-arrow{
	position: absolute;
	top:50px;
	left: 50%;
	visibility: hidden;
	background:url(../png/dropdown-arrow.png) no-repeat center;
	background-color:#F00;
	height:auto;
	z-index:1000000;
	height:30px;
	width:30px;
}
.nav > li.dropdown:hover > .dropdown-arrow:hover{
	position: absolute;
	top:50px;
	left: 50%;
	visibility: visible;
	background:url(../png/dropdown-arrow.png) no-repeat center;
	background-color:#F00;
	height:30px;
	width:30px;
}

.drop-background{
	background-color: rgba(255,255,255, 0.8);
}
/****************/


/****************/

.searchBarWrap{
	position: absolute;
	/*background:#333;*/
	width:100%;
	display:none;
	/*display:inline-block;*/
	/*bottom:65px;*/
	/*top:60px;*/
	right:0px;
	z-index:100;
	max-width:500px;
}
.searchBar{
	/*width:100%;*/
	height:40px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	
	background-color:#f0eeee;
	color:#000;
	/*margin-top:10px;*/
	/*margin-bottom:15px;*/
	z-index:999;
}

.searchIcon{
	padding:7px 0px 8px 15px;
	width:50px;
	float:left;
}
.searchTextBox{
	/*display:block;*/
	/*max-width:430px;
	width:100%;*/
	width: -webkit-calc(100% - 70px);
    width:    -moz-calc(100% - 70px);
    width:         calc(100% - 70px);
	
	background-color:#f7f5f5;
	border: #8e8e8e solid 0;
	height:30px;
	margin:5px 0px 5px 0px;
	float:left;
	/*z-index:999;
	position:relative;*/
}
@media (min-width: 768px) and (max-width: 991px) {
	.searchBarWrap{
		max-width:350px;
	}
	/*.searchTextBox{
		max-width:270px;
	}*/
}
@media (max-width: 767px){

.searchBarWrap{
	display:none;
	position: absolute;
	width:100%;
	top:5px;
	right:0;
	z-index:100;
}
.searchTextBox{
	/*max-width:260px;
	width:100%;*/
	background-color:#f7f5f5;
	border: #8e8e8e solid 0;
	height:30px;
	margin:5px 0px 5px 0px;
	float:left;
}
}

/*****************/

/*
.contentBackgroundTop{
	position: static;
	background-image: url(../../uploads/component/bg-bali-beach.jpg);
	background-repeat: no-repeat;
	background-position: center 350px;
}
*/
.imgPossisonBg{
	position: relative;
	z-index:2;
	max-width:100%;
	height:auto;
	/*display:table;*/
}
.TitleTextBootom{ 
	position: absolute;
	bottom: 4px;
	left:4px;
	right:4px;
	z-index: 10;
	width: 100% -4px ;
	padding: 4px; 
	/*font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 16px;
	color: #FFF;
	background-color: rgba(110, 180, 191, 0.7);*/
	
}
/*
.TitleTextBootom:hover { 
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 16px;
	color: #FFF;
	background-color:#6eb4bf;
}
*/

.subMenuImg > .TitleTextBootom  {
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color: #FFF;
	background-color: rgba(110, 180, 191, 0.7);
}
.subMenuImg:hover > .TitleTextBootom  {
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color: #FFF;
	background-color:#acca14;
}



.imgBoxShadow{
max-width: 100%;
  height: auto;
  padding: 3px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

}

.topPromoBanner{
	display:none;
}

@media (min-width: 1170px) {
  .topPromoBanner{
	display: block;
	}
}



.img-circle {
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border: double 6px #fff;
	
}
.img-circleShadow{
	/*position: inherit !important;*/
	margin-top:10px;
	margin-bottom:10px;
	width:98%;
	height:auto;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border: double 6px #fff;
	z-index:5;
	
-moz-box-shadow: 0 0 3px #888;
-webkit-box-shadow: 0 0 3px #888;box-shadow: 0 0 3px #888;-khtml-box-shadow:0 0 3px #888; 
}
.shadowbg{
	position:absolute;
	bottom:10px;
	left:0px; right:0; margin:0 auto;
	width:98%;
	height:40%;
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	background-color:#999;
	background-color: rgba(144, 144, 144, 0.3);
	z-index:-1;
	filter: blur(3px);
	content:'';


}

/*home*/
#VidHome{
position: absolute; bottom:0px; right:0px; max-width:250px; z-index:99; /*display:table; vertical-align:middle !important;*/

/*height: -webkit-calc(100% - 200px);
    height:    -moz-calc(100% - 200px);
    height:         calc(100% - 200px);
	*/
}
.homeButtonVideoWrap{
	width:100%;
	height:auto;
	text-align:right !important;
	
	/**/
}
.homeButtonVideoWrap img{
	max-width:200px;
}
.homeTopPromo{
	position: relative;
	z-index:1;
}
@media (min-width:1170px) {

/*#VidHome{
	right:0px;
}*/
.homeButtonVideoWrap img{
	max-width:230px;
}
}

@media (min-width:1530px) {

#VidHome{
	right:7% !important;
}
.homeButtonVideoWrap img{
	max-width:250px;
}
}

.bgPattern{
	background: url(../jpg/bg-pattern.jpg)repeat;
}

.halfHeader-bg{
	background-size:auto 400px !important;
	height:400px;
}
.fullHeader-bg{
	display: table;
	width: 100% !important;
	height: 100% !important;
	color: #fff;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-o-background-size: cover !important;
}



/* Home Section */

/*#intro {
	display: table;
	width: 100%;
	height: 100%;
	
	color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#intro .intro-body {
	display: table-cell;
	vertical-align: middle;
}*/
#homeIntroWraper{
	position: absolute;
	z-index:2;
	top:0px;
	/*top:200px;*/
	/*margin-top: 200px !important;*/
	/*display: table;*/
	width:100%;
	max-width: 100% !important;
	/*max-width:1650px !important;*/
	margin:0 auto;
	height: 100vh !important;
	/*border: solid 3px #FFFFFF;*/
	
	/*background-color:#FC0;*/
}
#intro .intro-body H1 {
	font-size: 76px;
	font-weight: 700;
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
}

/*@media(min-width:1170px) {
#homeIntroWraper {
	max-width: 90% !important;
}
}*/

.introParallax{
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	/*height:100vh !important;*/
	text-align: center;
	color: #fff;
	/*margin:0 auto;*/
	/*background-color: #000;*/
	background-repeat: no-repeat;
	background-position: center center !important;
	background-attachment: fixed;

	background-size:100% 100% !important;
	
	/*
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-o-background-size: cover !important;*/
}
.parallax-bg, .all-parallax{
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	/*height:100vh !important;*/
	text-align: center;
	color: #fff;
	/*background-color: #000;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	-o-background-size: cover !important;
}

@media(min-width:768px) {
	.parallax-bg{
	display: table;
	width: 100% !important;
	height: 100% !important;
	}
}
@media (orientation:landscape) {
	#introHome {
		background-image: url(../jpg/grandmirage-bali-resort.jpg) !important;
	}
	#home-suiteRoom {
	background-image: url(../jpg/ocean-view-suite.jpg) !important;
	}
	
	#home-activities{
		background-image: url(../jpg/resort-activities.jpg) !important;
	}
	#home-restaurant{
	background-image: url(../jpg/restaurant-bar.jpg) !important;
	}
	
	#home-kidsclub{
	background-image: url(../jpg/kids-club-activities.jpg) !important;
	}
	
	#home-spa{
	background-image:  url(../jpg/thalasso-bali-spa.jpg) !important;
	}
	
	#home-wedding{
	background-image:  url(../jpg/wedding-venue.jpg)!important;
	}
	#home-mice{
	background-image:  url(../jpg/meeting-event.jpg) !important;
	}

}

@media (orientation:portrait) {
	#introHome {
		background: url(../jpg/grandmirage-bali-resort-2.jpg) !important;
	}
	#home-suiteRoom{
		background: url(../jpg/ocean-view-suite-2.jpg) !important;
	}
	#home-activities {
		background: url(../jpg/resort-activities-2.jpg) !important;
	}
	#home-restaurant{
		background: url(../jpg/restaurant-bar-2.jpg) !important;
	}
	
	#home-kidsclub{
		background: url(../jpg/kids-club-activities-2.jpg) !important;
	}
	
	#home-spa{
		background: url(../jpg/thalasso-bali-spa-2.jpg) !important;
	}
	
	#home-wedding{
		background: url(../jpg/wedding-venue-2.jpg)!important;
	}
	#home-mice{
		background: url(../jpg/meeting-event-2.jpg) !important;
	}
	
}




/*
#home-suiteRoom {
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}


@media(min-width:768px) {
#home-suiteRoom {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}
}*/

#suiteRoom{
	width:100%;height: auto;margin:0 auto;/*position:relative;*/
}
#suiteRoom img{width:100%;height: auto;}
#suiteRoom .suiteRoom-Title{
	width:100%;height: auto;margin:0 auto;position: absolute; z-index:99; left:0; right:0; top:110px; text-align:center;
}

.roomSliderBoxWraper, .SliderBoxWraper{
	width:100%;
	height:auto; 
	/*height: -webkit-calc(100% - 220px);
    height:    -moz-calc(100% - 220px);
    height:         calc(100% - 220px);*/
	margin:0 auto; position: absolute; z-index:99; left:0; right:0; bottom:0px;  text-align:center; /*background-color:rgba(0,0,0,0.5);*/
}
@media screen and (max-height: 768px) {
  .roomSliderBoxWraper, .SliderBoxWraper{
   height: -webkit-calc(100% - 175px);
    height:    -moz-calc(100% - 175px);
    height:         calc(100% - 175px);
  }
}
.roomSliderTitle, .SliderTitleWrap{
	position: relative;
	top:0px;
	left:0px; right:0px;
	margin:0 auto;
	margin-top: -50px;
	z-index:999;
	width:100%;
	/*min-width:300px;*
	
	/*width:85%;
	width: -webkit-calc(100% - 300px);
    width:    -moz-calc(100% - 300px);
    width:         calc(100% - 300px);*/
	
	padding:5px 10px;
	border:3px solid #FFF;
	border-bottom:0px;
	background-color:#282828;
	color:#FFF;
	z-index:9999;
}
.sliderBoxWrap{
	position:absolute; bottom:0px; left:0px; right:0px; margin:0 auto;
}
.roomSliderBox, .mySliderBox{
	position:relative;
	/*padding:20px;*/
	/*bottom:-70px;*/
	bottom:0px;
	/*margin-bottom: -70px;*/
	z-index:999;
	width:100%;
	border:3px solid #FFF;
	background-color:#282828;
	color:#FFF;
	
}

.roomSlider-caption, .mySlider-caption{
	width:100%;
	position: absolute;
	bottom:0px;
	padding:0px !important;
	margin:0px !important
	
}
/**/
.roomSliderPrice, .SliderPrice{
	background-color:#acca14;
	color:#fff;
	text-align:center;
	padding:0px 10px !important;
	margin:0px !important;
	height:68px;
}
.roomSliderCaptionBg, .SliderCaptionBg{
	background-color:#282828;
	height:50px;
}
.SliderCaptionBg{
	display:none;
}
.roomTypeWrap, .SliderTextWrap{
	width: -webkit-calc(100% - 130px);
    width:    -moz-calc(100% - 130px);
    width:         calc(100% - 130px);
	float:left; padding-top:10px;text-align:center !important; text-align:center !important;
	display:none;
}
.roomTypeWrapHome{
	padding-top:8px;text-align:center !important; text-align:center !important;
	width:100%;
}
.roomTypeTitleText, .SliderTitleText{
	text-transform:uppercase;
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif !important; font-weight: 500; font-style: normal;
	font-size:40px !important; text-align:center !important
}
/**/
.roomSliderRoomType{
	background-color:#282828;
	text-align:right;
	color:#FFF;
	height:68px;
	padding:18px 15px !important;
	margin:0px !important;
	font-size:24px;
}
.galleryIcon{
	background-color:#282828;
	text-align:right;
	color:#FFF;
	height:68px;
	margin:0px !important;
	max-width:130px; float:right;
}
.galleryIcon img{
	display: inline-block;
	width:50px; height:auto;
	margin-right:5px;
	padding-top:10px;
}
.galVid{
	display:none ;
}
.gal360{
	display:inline-block;
}
.galSlickSpacer{
	bottom:0px; left:0px; color:#FFF; z-index:-1;  min-height:325px;
	width: 100%; position: absolute;/* height: 0; padding-bottom: 35%;*/
	background-color: rgba(40,40,40,0.8);
}
.roomContent{
	position:relative; margin-top:20px;
}

.homeBottomTitle{
	display:none;
}

@media(min-width:1024px) {
	.homeBottomTitle{
	display:block;
}
	.roomContent{
		position:relative; margin-top:90px;
	}
	.roomTypeWrap, .SliderTextWrap{
		display:block;
	}

	.roomSliderTitle, .SliderTitleWrap {display:none;}
	.SliderCaptionBg{display:block}
}

@media(max-width:767px) {
.galSlickSpacer{
	min-height:100px;
	top:0px;
	padding-bottom: 35%;
}
.roomSliderRoomType{
	text-align: center;
	height: auto!important;
	padding:5px !important;
	font-size:14px;
}
.roomTypeTitleText, .SliderTitleText{
	font-size:16px !important; text-align:center !important
}

#suiteRoom .suiteRoom-Title{
	top:120px;
	background-color: rgb(40,40,40); background-color: rgba(40,40,40,0.6);
	padding:10px 0px;
}
.roomSliderPrice, .SliderPrice{ 
	/*display:none;*/
	height:40px;
}

.roomSliderBox, .mySliderBox {top:0px !important;margin-bottom:50px !important;}

.roomSliderBoxWraper, .SliderBoxWraper{
	/*top:50%;
	transform: translateY(-50%);*/
	display:table;
	vertical-align:middle !important;
	height:100%;
}
.sliderBoxWrap{
	position:absolute; top:50%; left:0px; right:0px; margin:0 auto;
	transform: translateY(-50%);
	
	display: table-cell;
	vertical-align:middle !important;
}
.roomSliderBox, .mySliderBox{
	border-bottom:0px !important;
}
.roomSlider-caption, .mySlider-caption{
	position:relative;
	margin-bottom:0px !important;
	border:3px solid #FFF;
	border-top:0px !important;
	/*width:100%;*/
	width: -webkit-calc(100% + 3px);
    width:    -moz-calc(100% + 3px);
    width:         calc(100% + 6px);
	margin-left:-3px !important;
}
.galleryIcon{
	background-color:#282828;
	text-align: center;
	color:#FFF;
	height:50px;
	margin:0px !important;
}
.galleryIcon img{
	display: inline-block;
	width:40px; height:auto;
	margin-right:5px;
	padding-top:5px;
}
}

@media(min-width:768px) and (max-width:1023px) {

.roomSliderRoomType{
	text-align: center;
	height: auto!important;
	padding:5px !important;
	font-size:20px;
}
/*.roomSliderPrice{display:none;}*/
.roomSliderBox, .mySliderBox {top:0px !important;margin-bottom:0px !important;}
}


/*#home-activities{
	background: url(../../uploads/images/img-home/resort-activities.jpg) no-repeat center center fixed;
	

	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	
	
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
}
*/
/*@media(min-width:768px) {
#home-activities {
	width: 100% !important;
	height: 100% !important;
	display: table;
	padding: 0;
}
}*/

/*#home-restaurant{
	background: url(../../uploads/images/img-home/restaurant-bar.jpg) no-repeat center center fixed;
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	
}

@media(min-width:768px) {
#home-restaurant {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}
}
*/
#restaurantLogo{
	/*position: absolute; width:100%; height: auto; text-align:center; margin:0 auto;bottom:0px;*/
	/*background-color:#FFF; */
	position: relative; width:100%; height: auto; text-align:center; margin:0 auto;bottom:0px;
	background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.8);
}

#restaurantLogo img{
	width:30%;
	height: auto;
	padding-right:40px !important;
	vertical-align: text-bottom;
	text-align:center;
	margin:0 auto;
	
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#restaurantLogo img:hover{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	cursor:pointer;
}
#restaurantLogo img:last-child{
	padding-right:0px;
}

#restaurantLogo a:last-child{
	padding-right:0px !important;
}
@media(min-width:768px) {
.roomSliderCaptionBg, .SliderCaptionBg{
	background-color:#282828;
	height:68px;
}

	#restaurantLogo img{
	width:9%;
	height: auto;
	padding-right:20px !important;
	vertical-align: text-bottom;
	text-align:center;
	margin:0 auto;
}
#restaurantLogo img > a{
	padding-right:20px !important;
}
#restaurantLogo a:last-child{
	padding-right:0px !important;
}
}


/*#home-kidsclub{
	background: url(../../uploads/images/img-home/kids-club-activities.jpg) no-repeat center center fixed;
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}*/


#home-kidsclub ul li{
	display:inline;
	list-style: none;
	padding: 0px 10px;
	margin:0 auto;
	text-align:center;
}
#home-kidsclub ul li{
	border-right: 1px solid #FFF;
	height: 100%;
}
#home-kidsclub ul li:last-child{
	padding-right:0px;
	border-right:0;
	margin-right:10px;
}
#home-kidsclub ul li:first-child{
	padding-left:0px;
}

#home-kidsclub a, a:hover{
	text-decoration:none !important;
}

@media(min-width:768px) {
/*
#home-kidsclub {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}

#home-kidsclub ul li{
	padding: 0px 25px;
}*/
#home-kidsclub ul li:last-child{
	padding-right:25px;
	border-right:0;
}
/*
#home-kidsclub ul li:first-child{
	padding-left:15px;
}
*/
}

#home-kidsclub .home-kidsClubTitle{
	width:100%;height: auto;margin:0 auto;position: relative; z-index:99; left:0; right:0; margin-top:40px; text-align:center;
}

#home-kidsclub .home360IconWrap{
}

.Icon360{
	width:125px; height: auto; position: absolute;top: 50%;   left: 50%; transform: translate(-50%, -50%);
}

.section-Title{
	width:100%;/*height:auto;*/margin:0 auto;position: absolute; z-index:99; left:0; right:0; top:40px; text-align:center;
}


/*
#home-spa {
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

@media(min-width:768px) {
#home-spa {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}
}
*/

/*#home-wedding{
	background: url(../../uploads/images/img-home/wedding-venue.jpg) no-repeat center center fixed;
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

@media(min-width:768px) {
#home-wedding {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}
}


#home-mice{
	background: url(../../uploads/images/img-home/meeting-event.jpg) no-repeat center center fixed;
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
	
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

@media(min-width:768px) {
#home-mice {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
}
}
*/

#Ai-unlimited{width:100%;height: auto;margin:0 auto;position:relative}
#Ai-unlimited img{width:100%;height: auto; /*margin-left:-240px;border-top:4px solid #fff;border-bottom:4px solid #fff*/}
#Ai-unlimited img:hover{cursor:pointer}
#Ai-unlimited #Ai-unlimited-vid{display:none;background-color:#000; /*position:absolute;bottom:50px;left:50%;margin-left:-426px;border:2px solid #000; top: 50%;   left: 50%; transform: translate(-50%, -50%);*/}
#Ai-unlimited #Ai-unlimited-vid iframe{/*position:relative;z-index:9999 !important*/}


/*#Ai-unlimited a#closeModal:hover{background-position:0px -55px}*/

#Ai-unlimited .Ai-contenText{
	width:100%;height: auto;margin:0 auto;position: absolute; z-index:97; left:0; right:0; top:20px; text-align:center
}

#Ai-unlimited #unlimited-vid-wrap{
	position: absolute;
	width:100%;
	height: auto;
	z-index:999;
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
}


 a#closeModal, a.closeModal, .bookCloseModal{background: url(../png/close-icon2.png) 0 0 no-repeat;width:25px;height:25px;position:absolute;top:-10px;right:-10px;display:block;z-index:99999;cursor:pointer; margin: 10px;}
 
 
@media(max-width:767px) {
#Ai-unlimited .Ai-contenText{
	display:none;
}
}

@media(min-width:768px) {
	.bookCloseModal{
		/*display:none;*/
	}
}



.contentBox, .Ai-contentBox, .contentBox98, .all-inclusiveBox, .specialOffersBox{
 border:solid 3px #FFF; padding:15px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;-khtml-box-shadow:0 0 5px #888; background-color:#FFF; margin:0 auto;
color:#282828;
}
.contentBox98{
	width:98%;
	border-top:0px !important;
	margin-bottom:1px;
	/*margin-bottom:20px;*/
	/*-webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
    -khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
    -moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
    box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;*/
}

.contentBoxOuter {
	overflow:hidden;
}
.noBorderTop{
	border-top:0px !important;
	overflow: hidden;
}
.all-inclusiveBox, .specialOffersBox{
	 border:solid 3px #FFF;
	background-color:#f6f7f7 !important;
}
.Ai-contentBox{
	border-top:0px;
}
@media(max-width:767px) {
.all-inclusiveBox{
	padding:0px !important;
}
}
.LinkButtonBg {
	color:#FFF;
	width:100% !important;
	text-align:center;
	padding:2px;
	text-decoration:none;
	
	 border:solid 2px #FFF; padding:5px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; background-color:#4ab7d4;
}
.LinkButtonBg:hover{
	color: #FF0;
	width:100%;
	background-color: #3197b2;
	text-decoration:none;
}
.LinkButtonText{
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
.LinkButtonText:hover{
	color: #FF0;
	text-align:center;
	text-decoration:none;
}


/* Shine */
.hoverShine figure {
	position: relative;
}
.hoverShine figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hoverShine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 100%;
	}
}
@keyframes shine {
	100% {
		left: 100%;
	}
}



/* ZoomOut #1 */
.ZoomOut figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ZoomOut figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure:hover+span {
	/*bottom: -36px;*/
	opacity: 1;
}

#Vid-Book-Wrap, #BookingSection, #SpaBooking{
	position: relative; bottom:0px; /*margin-top:-80px;*/ width:100%; z-index:100;
}

#SpaBooking{
	margin-top:0px;
	z-index:98;
}
#BookingSection{
	color:#FFF;
	display:block;
}
.topBookButton{
	position: absolute;
	right:0;
	z-index:98;
	max-width:100px; color:#F00;
	/*display:none;*/
}
@media(min-width:768px) and (max-width:1170px) {
	.topBookButton{
		display: block;
	}
	#BookingSection{
		display:none;
	}
}
@media(max-width:767px) {
	#Vid-Book-Wrap, #BookingSection, #SpaBooking{
		/*display:none;*/
		 margin-top:0px;
	}
	
	#BookingSection{
		display:none;
	}
	.topBookButton{
		display:none;
	}
	#VidHome{
		bottom:100px;
		right:0px; left:0px;
		margin:0 auto;
	}
}
/*booking posision*/
.bookingWraper{
width:100%; height:auto !important; z-index:99; position: relative;
}

.bookingWraper h1{
	text-align:center;
	color:#4ab7d4;
	padding-bottom:30px;
}

@media(max-width:767px) {
	.bookingWraper{
		position: relative;
		/*display:none;*/
		/*top:50px;
		margin-top:60px;
		margin-bottom: 50px;*/
	}
}

@media (min-width: 1023px) {
	.rsvText{
		/*position:relative; width:100%; height:140px; top:5px; text-align:center !important;*/
		position: relative;
  		resize: vertical;
		height:140px;
	}
	.rsvText > .rsvTextMidle{
		position: absolute;
		bottom:0px;
		/*transform: translateY(-50%);
		top: 50%;
		resize: both;*/
	}
	}
	.homeBookWrap{
		position:absolute; bottom:0px; z-index:98; margin:0 auto; width:100% !important; height: auto;
	}
	@media(max-width:767px) {
		.homeBookWrap{
			z-index:98;
			top:20px;
		}
	}

.bookingbox{
 border:solid 3px #FFF; padding:5px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
background-color: rgba(0, 36, 60, 0.6);
}
.bookingboxDate{
	 border:solid 3px #FFF; padding:5px;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;
background-color: #FFF;
}
.checkinDateField, .textBookDate, .textBookAdult, .textBookChild, .checkoutDateField{
	width:100%;
	height:70px;
	background-color: transparent;
	border: none;
	text-align:center;
	padding:0;
	margin:0;
	font-family: "Aaux ProMedium"; font-weight: 500; font-style: normal;
	font-size:60px;
	color:#1e1e1e !important;
}
.textBookAdult, .textBookChild{
	height:40px !important;
	font-family: "Aaux ProMedium"; font-weight: 500; font-style: normal;
	font-size:40px;
	color:#1e1e1e !important;
}

.checkinDateMonth, .textBookDay, .textBookMonth{
	width:100%;
	background-color: transparent;
	border: none;
	text-align:center;
	padding:0;
	margin:0;
	font-family: "Aaux ProMedium"; font-weight: 500; font-style: normal;
	font-size:16px;
	color:#1e1e1e !important;
}
.caledarIcon{
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	/*height:67px;*/
	z-index:999;
	padding-left:90px;
	padding-top:60px;
	/*background-color:#F00;*/
}

.adultWrap{
	position: relative;
	top: 0px;
	left: 0px;
	width:100%;
	/*height:70px;*/
	
}

.childWrap{
	position: relative;
	top: 0px;
	left: 0px;
	width:100%;
}

/*
.AdultChildWrap{
	position:absolute;
	top:0;
	text-align:center;
	font-size: 20px;	
}
*/

.tombolMin{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	height:30px;
	background-color: transparent;
	font-size: 20px;
	
	top: 0;
	  bottom: 0;
	  left:-10;
	 /* right:0;*/
	  margin: auto;
}
.btn-min, .Nightsbtn-min{
	height:30px;
	/*width:30px;*/
	text-align:center;
	background-color: transparent;
	border: none;
	text-align:center;
	cursor:pointer;
}
.tombolPlus{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	text-align:center;
	height:30px;
	
	background-color: transparent;
	font-size: 20px;
	margin: auto;
}
.btn-plus, .Nightsbtn-plus{
	height:30px;
	text-align:center;
	background-color: transparent;
	border: none;	
	cursor:pointer;
}


.bookingButton{
	display:inline-block;
	margin:auto;
	text-align:center;
	padding-top:0px;
	border:3 solid #333;
	
	background-color:#61cced;
	background: -webkit-linear-gradient(#61cced, #4ab7d4 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#61cced, #4ab7d4 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#61cced, #4ab7d4 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#61cced , #4ab7d4 30%); /* Standard syntax */
	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	width:100%;
	height:40px;
	
	font-family: "Aaux ProMedium"; font-weight: 500; font-style: normal;
	font-size:22px;
	color:#FFF;
	
}

.bottomBook-BtnWrap{
	width:220px !important; float:right;
}
.bottomBook-BtnWrap a{
	padding-top:8px !important;
	color:#FFF !important;
	text-decoration:none;
}
.bottomBook-BtnWrap a:hover{
	padding-top:8px !important;
	color:#F00 !important;
	text-decoration:none;
}
/*
.textBookAdultChild{
	width:40px;
	height:30px;
	background-color:#ffffff;
	border: none;
	text-align:center;
	padding-top:5px;
}
*/


#footer-Page{
	position:relative;
	background:url(../jpg/footer-bg.jpg) top center repeat-x;
	/*max-height: 322px;*/
	width:100%;
	background-color:#131313;
	color:#fff;
	padding:15px 0px 0px 0px;
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;font-weight: 300;
	font-style: normal;
	font-size:15px;
}
#footer-Page a{
	color:#4ab7d4 !important;
	font-size:15px !important;
	text-decoration:none;
}
#footer-Page a:hover{
	color:#FFF !important;
	font-size:15px !important;
	text-decoration:none;
}
#footer-Page .partOurProperty{
	text-align:right;
	padding-bottom:10px;
}
@media(max-width:767px) {
	#footer-Page{
		text-align:center !important;
	}
	#footer-Page .partOurProperty{
	text-align:center !important;
	padding-bottom:10px;
}
footer{
		background: #000;
		padding-bottom: 60px;
	}
	
	
}

@media(min-width:768px) {
	#Mobilefooter{
		display:none;
	}
	.HpfooterSubNav{
		display:none;
	}
}

#Mobilefooter{
	position:fixed;
	bottom:0px;
	/*z-index:9999;*/
	z-index:99;
	width:100%;
	 background-color: rgba(74, 183, 212, 0.8);
	 /*height:80px;*/
	 margin:0 auto;
	 margin-top:0px;
	 padding:0px 0px !important;
	 text-align:center !important;
	 color:#FFF !important
}
#Mobilefooter img{
	width:100%;
	height:58px !important;
	display:inline-block;
	vertical-align: text-bottom;
	text-align:center;
	margin:0 auto;
}


.MobileFooterNav{
	display: inline-block !important;
	background-color: rgba(74, 183, 212, 0);
	text-align:center;
	padding:0px !important;
	margin:0 auto !important;
}
/*******/
.MobileFooterNav > ul {
	display: inline-block;
padding:0px !important;
	margin:0px !important ; 	/*width: 100%;*/
}
.MobileFooterNav > li {
	display: table-cell;
	
	background-color: rgba(74, 183, 212, 0);
	table-layout: auto;
	padding:0px !important;
	margin:0px !important
}
/*.MobileFooterNav > li:last-child{
	 border-bottom: 0px solid #FFF;
}
*/
.MobileFooterNav > li > a {
	
   color:#fff !important;
   background-color: rgba(74, 183, 212, 0);
   padding:8px 12px 8px 12px !important;
   
   
}
.MobileFooterNav > li > a:hover {
  background-color:#225365 !important;
  /*background-color: rgba(74, 183, 212, 1);*/
  color: #FFF
}
.MobileFooterNav > li.active > a,
.MobileFooterNav > li.active > a:hover,
.MobileFooterNav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  background-color:#225365 !important;
}
/*******/

.HpfooterSubNavWrap{
	max-height:380px;
	overflow:auto;
}
@media(max-width:767px) and (orientation : landscape){
	.HpfooterSubNavWrap{
	max-height:200px;
	overflow:auto;
}
}
/********/
.HpfooterSubNav {
 	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:16px;
	font-style: normal;
	color:#FFF !important;
	text-align:center;
	text-transform:uppercase;
	display:none;
}
.HpfooterSubNav > ul {
	display: block;
  	width: 100%;
}
.HpfooterSubNav > li {
	color:#FFF !important;
	display: block;
	width: 100%;
	border-bottom: 2px solid #FFF;
	vertical-align:middle;
	text-align:center;
	border-right: 0px solid #FFF;
}
.HpfooterSubNav > li:last-child{
	 border-bottom: 0px solid #FFF;
}

.HpfooterSubNav > li > a {
   color:#FFF !important;
   /*background-color:#282828;*/
   background-color: rgba(0, 0, 0, 0.5);
   padding:15px 20px !important;
   line-height:normal;
   width:100%;
}
.HpfooterSubNav > li > a:hover {
  background-color:#282828 !important;
  color: #FFF;
}
.HpfooterSubNav > li.active > a,
.HpfooterSubNav > li.active > a:hover,
.HpfooterSubNav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  /*background-color:#4ab7d4 !important;*/
  background-color: rgba(255, 255, 255, 0.7);
}
/*
.HpfooterSubNav > li > a > .text1{
	color:#FFF;
	padding:0px;
	display: inline-block;

}*/
.HpfooterSubNav > li > a > .linkText{
	color:#FFF;
	padding:0px;
	font-size:14px;
	display: inline-block;
}
.HpfooterSubNav > li > a:hover > .linkText,
.HpfooterSubNav > li.active > a > .linkText,
.HpfooterSubNav > li.active > a:hover > .linkText,
.HpfooterSubNav > li.active > a:focus > .linkText{
	color:#acca14;
	padding:0px;
}

/*******************************/
@media(max-width:767px){
.mobile-text-center{
	text-align:center !important;
}
}
.whiteText{
	color:#FFF !important;
}
.redText{
	color:#ed145b;
}
.lightBlueText{
	color:#4ab7d4 !important
}
.lightGreenText{
	color:#acca14 !important
}
.lightGreyText{
	color:#959595 !important
}
.OrangeText{
	color:#f8941d !important
}
.blackText{
	color:#1e1e1e !important;
}

.inlineDisplay{
	display:inline !important;
}
.inlineBlockDisplay{
	display:inline-block !important;
}


.whiteLine65{
	border-bottom:2px solid #FFF;
	margin:0 auto;
	padding:5px 0px 0px 0px;
	margin-bottom:10px;
	width:65%;
	text-align:center;
}

.redLine65{
	border-bottom:2px solid #ed145b;
	margin:0 auto;
	padding:5px 0px 0px 0px;
	margin-bottom:10px;
	width:65%;
	text-align:center;
}

.dotLine-white{
	border-bottom:2px dotted #FFF;
	padding-bottom:15px !important;
	margin-bottom:10px;
}
@media(max-width:767px) {
	.whiteLine65{
		width:100%;
	}
	.redLine65{
		width:100%;
	}
}

#soc-med {
	/*background:url(../../uploads/component/soc-med-icon.png) no-repeat;
	height: auto !important;
	width:100% !important;*/
	
}
#soc-med .soc-med-Gplus, .soc-med-fb, .soc-med-vk, .soc-med-weibo, .soc-med-Gmap, .soc-med-Twiter, .soc-med-Istagram, .soc-med-Youtube, .soc-med-Flicker{
	background-image:url(../png/soc-med-icon.png);
	background-repeat:no-repeat;
	width:35px;
	height: 35px;
	display:inline-block;
	vertical-align: middle;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

#soc-med li{
	display:inline-block;
	margin:0;
	padding:0;
}
#soc-med .soc-med-Gplus{
	display:inline-block;
}
#soc-med .soc-med-fb{
	background-position: -40px 0px;
}
#soc-med .soc-med-vk{
	background-position: -80px 0px;
}
#soc-med .soc-med-weibo{
	background-position: -120px 0px;
}
#soc-med .soc-med-Gmap{
	background-position: -160px 0px;
}
#soc-med .soc-med-Twiter{
	background-position: -200px 0px;
}
#soc-med .soc-med-Istagram{
	background-position: -240px 0px;
}
#soc-med .soc-med-Youtube{
	background-position: -280px 0px;
}
#soc-med .soc-med-Flicker{
	background-position: -320px 0px;
}




/***********/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
	/*background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 0.9);*/
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    /*top: 25%;*/
	top: 0px;
    width: 100%;
    /*text-align: center;*/
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:16px !important;
	color:#282828;
}

.overlay a {
    text-decoration: none;
    font-size: 16px;
    color: #282828;
    /*transition: 0.3s;*/
}

.overlay a:hover, .overlay a:focus {
    color: #818181;
}

.overlay .closebtn {
   position: absolute;
	/* position: relative;*/
    top:15px;
    right:15px;
    /*font-size: 60px !important;*/
	z-index:999999;
	color:#a27f53;
	/*background-color:#603*/
	
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 16px}
  .overlay .closebtn {
    /*font-size: 40px;*/
    top: 0px;
	right: 0px;
  }
}
@media (max-width: 767px) {
  .overlay a {font-size: 16px}
  .overlay .closebtn {
    /*font-size: 40px;*/
    top: 10px;
	right: 10px;

  }
  
}
.sideNav-content{
	width:100%;
	height:100% !important;
	padding:15px;
}
/******* Home bulet ********/
#sideNavMenu{
}
/*#sideNavMenu ul li a{
	float:left;
	width:42%;
	color:#b7b7b7;
	text-decoration:none;
	border-bottom:1px dotted #b7b7b7;
	margin-right:5%;
	padding-left:3%;
	height:25px;
	padding-top:0px;
	margin-top:5px;
	transition:all 0.4s;
	display:inline-table
}
*/
#sideNavMenu ul {
	list-style:none;
	margin: 0;
    padding: 0;
}
#sideNavMenu ul li {
	float:left;
	width:100%;
	color:#b7b7b7;
	text-decoration:none;
	/*border-bottom:1px dotted #b7b7b7;
	height:30px;
	padding:7px 0px;*/
	transition:all 0.4s;
	display:inline-table
}

#sideNavMenu ul li > ul li{
	float:left;
	width:45%;
	color:#b7b7b7;
	text-decoration:none;
	/*border-bottom:1px dotted #b7b7b7;*/
	/*padding:7px 0px;*/
	margin-right:10%;
	padding-left:3% !important;
	/*height:30px;*/
	transition:all 0.4s;
	display:inline-table
}

#sideNavMenu ul li > ul li:nth-child(even) {
  margin-right: 0px !important;
}

#sideNavMenu .titleMenu{
	text-decoration:none;
	color:#282828;
	font-size:16px;
	font-weight: bold;
	
}
#sideNavMenu .titleMenu:hover{
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	font-weight: bold; 
	/*background-color: #282828;*/
	background-color: rgba(0,0,0, 0.5	); 
}
#sideNavMenu li a {
	text-decoration:none; 
	float:left;
	width:100%;
	color:#282828;
	border-bottom:1px dotted #282828;
	/*height:30px;*/
	padding:7px 0px 7px 5px;
	/*padding-left:3% !important;*/
	transition:all 0.4s;
	display:inline-table;
}

#sideNavMenu ul li > ul > li a:hover{
	color:#FFF;
	text-decoration:none;
	float:left;
	text-decoration:none;
	border-bottom:1px dotted #282828;
	transition:all 0.4s;
	display:inline-table;
	/*background-color: #282828;*/
	background-color: rgba(0,0,0, 0.5	); 
}
#sideNavMenu img{
	width:100%;
	height:auto;
}

/*@media only screen and  (max-width: 649px){
	#sideNavMenu ul li a{
	float:none;
	display:block;
	width:100%;
	color:#b7b7b7;
	text-decoration:none;
	border-bottom:1px dotted #b7b7b7;
	
	padding:0px 0px 10px 15px;
	margin:10px 0px;

	transition:all 0.4s;
	}
}
*/
@media only screen and  (max-width: 767px){
	#sideNavMenu ul li > ul > li{
	float:none;
	display:block;
	width:100%;
	color:#b7b7b7;

	}
}


/*.headerContentWraper{
	position: relative; width:100%; height:100vh !important;display: table !important;
}
*/
.headerContentWraper{
	position:absolute;  width:100%; 
	/*height:100vh !important;
	max-height: -webkit-calc(100vh - 150px);
    max-height:    -moz-calc(100vh - 150px);
    max-height:         calc(100vh - 150px);z-index:999;*/
	height: -webkit-calc(100% - 150px);
    height:    -moz-calc(100% - 150px);
    height:         calc(100% - 150px);
	bottom:0px;
	/*background-color:rgba(255,255,255,0.7)*/
}
.hedaerTopLeft{
	position:relative; top:160px; left:0px; width:100%; max-width:280px; height:100px;
}

.hedaerBottomRight{
	position: absolute; bottom:10px; right:0px; left:0px; margin:0 auto; width:100%; /*max-width:280px;*/ height: auto; text-align:right;
}



/*******/
/*.playVideo360{display:none;background-color:#000; display:block; }
.Video360Wrap{
	position: absolute;
	width:100%;
	max-height:510px;
	height:100%;
	z-index:999;
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
}
*/


.Video360Wrap{
	position: relative;
	top:0px;
	width:auto;
	width:100%;
	height:100%;
	/*max-height:510px;*/
	height: -webkit-calc(100% - 150px);
    height:    -moz-calc(100% - 150px);
    height:         calc(100% - 150px);
	
	
	background-color:#282828;
	z-index:99999;
	display:none;
	/*top: 50%;   left: 50%; transform: translate(-50%, -50%);*/ /*center top bottom*/
	/*top:0px; bottom:0px; margin:0 auto;*/
}


.playVideo360{
/*display:block; width: auto; height: 100%; z-index:999; top:0px !important;*/
	position: relative;
	/*top:0px;*/
	/*bottom:0px;*/
	
	
	z-index:999;
	width:100%;
	/*height:450px !important;
	max-height:450px;
	height:100%;*/
	height: -webkit-calc(100vh - 230px);
    height: -moz-calc(100vh - 230px);
    height: calc(100vh - 230px);
	
	display:none;
	background-color:#282828;
	/*background-color:rgba (255,255,255,0.7);*/
}

.Video360Info{
	position:absolute;
	/*bottom:0px;*/
	background-color:#282828;
	width:100%;
	z-index:999;
	padding:5px 5px 10px 5px;
	text-align:center;
}

.Video360Info > .vidPrice{
	background-color:#acca14;
	color:#fff;
	text-align:center;
	padding:1px !important;
	margin:0px !important;
	/*height:30px;*/
}
.Video360Info > .vidRoomType{
	background-color:#282828;
	text-align:right;
	color:#FFF;
	/*height:30px;*/
	padding:12px 15px !important;
	margin:0px !important;
	font-size:24px;
}


.btnVideo360{
	position: absolute; width:100%; height:auto; left:0px; right:0px; top:10px; margin:0 auto; z-index:97;
}


@media(max-width:767px) {
	/*.Video360Wrap{
		bottom:0px;
		width:100%;
		height:100% !important;
		top: 50%;   left: 50%; transform: translate(-50%, -50%);
	}
	.playVideo360{
	position: absolute;
	width:100%;
	height:100% !important;
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
}*/
.headerContentWraper{ 
	width:100% !important;
	height:100%;
	/*height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
	height: calc(100% - 40px);*/
	padding:20px 0px 20px 0px;
}
.Video360Wrap, .playVideo360{
	width:100% !important;
	height: -webkit-calc(100vh - 100px);
    height:    -moz-calc(100vh - 100px);
    height:         calc(100vh - 100px);
}
.btnVideo360{
	bottom:50px;
}
.hedaerBottomRight{
	position: absolute; bottom:40px; right:0px; left:0px; margin:0 auto; width:100%; /*max-width:280px;*/ height: auto; 
}
.Video360Info{
	display:none;
}
.Video360Info > .vidPrice{
	display:none;
	}
.Video360Info > .vidRoomType{
	text-align:center;
	display:none;
}
}

/*
@media(max-width:767px) and (orientation : landscape){
	.Video360Wrap{
		bottom:0px;
		width:100%;
		height:80% !important;
		top: 50%;   left: 50%; transform: translate(-50%, -50%);
	}
	.playVideo360{
	position: absolute;
	width:100%;
	height:100% !important;
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
}
}*/

/*******Rooms Suites********/
@media (orientation:landscape) {
#roomSuites {
	background-image: url(../jpg/room-suites-header.jpg) !important;
}
.roomSuites-1stHeader, .resort-2ndHeader{
	background-image: url(../jpg/room-suites-header-01.jpg) !important;
}
.roomSuites-2ndHeader, .resort-2ndHeader{
	background-image: url(../jpg/room-suites-header-02.jpg) !important;
}

#Pool-Villa, .poolVilla-1stHeader {
	background-image: url(../jpg/3br-pool-villa.jpg) !important;
}
#PoolVilla-3BR, .poolVilla-2ndHeader{
	background-image: url(../jpg/3br-pool-villa-garden-view.jpg) !important;
}
.apartment2br-1stHeader{
	background-image:url(../jpg/2br-apartment-header.jpg) !important;
}
.apartment2br-2ndHeader{
	background-image:url(../jpg/2br-apartment-2nd-header.jpg) !important;
}
.oceanSuite-2ndHeader{
	background-image:url(../jpg/room-suites-header.jpg) !important;
}

.Suite2br-2ndHeader{
	background-image:url(../jpg/2br-suite-header-02.jpg) !important;
}
.apartment3br-1stHeader{
	background-image: url(../jpg/3br-apartment-header-01.jpg) !important;
}
.apartment3br-2ndHeader{
	background-image: url(../jpg/3br-apartment-header-02.jpg) !important;
}
.familyStudioBunk-1stHeader{
	background-image: url(../jpg/family-studio-bunk-header-01.jpg) !important;
}
.familyStudioQueen-1stHeader{
	background-image: url(../jpg/family-studio-queen-header-01.jpg) !important;
}
.kidsSuite-1stHeader{
	background-image: url(../jpg/kids-suite-header-01.jpg) !important;
}
.junior-suite-1stHeader{
	background-image: url(../jpg/junior-suite-header-01.jpg) !important;
}
.girls-suite-1stHeader{
	background-image: url(../jpg/girls-suite-header-01.jpg) !important;
}
}


@media (orientation:portrait) {

#roomSuites {
	background: url(../jpg/room-suites-header-2.jpg) !important;
}
.roomSuites-1stHeader, .resort-2ndHeader{
	background: url(../jpg/room-suites-header-3.jpg) !important;
}
.roomSuites-2ndHeader, .resort-2ndHeader{
	background: url(../jpg/room-suites-header-4.jpg) !important;
}

#Pool-Villa, .poolVilla-1stHeader {
	background: url(../jpg/3br-pool-villa-2.jpg) !important;
}
#PoolVilla-3BR, .poolVilla-2ndHeader{
	background: url(../jpg/3br-pool-villa-garden-view-2.jpg) !important;
}
.apartment2br-1stHeader{
	background:url(../jpg/2br-apartment-header-2.jpg) !important;
}
.apartment2br-2ndHeader{
	background:url(../jpg/2br-apartment-2nd-header-2.jpg) !important;
}
.oceanSuite-2ndHeader{
	background:url(../jpg/room-suites-header-2.jpg) !important;
}

.Suite2br-2ndHeader{
	background:url(../jpg/2br-suite-header-3.jpg) !important;
}
.apartment3br-1stHeader{
	background: url(../jpg/3br-apartment-header-2.jpg) !important;
}
.apartment3br-2ndHeader{
	background: url(../jpg/3br-apartment-header-3.jpg) !important;
}
.familyStudioBunk-1stHeader{
	background: url(../family-studio-bunk-header-01.html) !important;
}
.familyStudioQueen-1stHeader{
	background: url(../family-studio-queen-header-01.html) !important;
}
.kidsSuite-1stHeader{
	background: url(../kids-suite-header-01.html) !important;
}
.junior-suite-1stHeader{
	background: url(../junior-suite-header-01.html) !important;
}
.girls-suite-1stHeader{
	background: url(../girls-suite-header-01.html) !important;
}

}

.headerWrap2nd{
	position:relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	text-align: center;
	color: #fff;
}


@media(min-width:768px) {
#Pool-Villa, #PoolVilla-3BR, .poolVilla-1stHeader, .poolVilla-2ndHeader {
	display: table;
	width: 100% !important;
	height: 100% !important;
	padding: 0;
	background-position:center center
}
}


.titleText1{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:1px;
	font-size:18px;
	color:#282828;
	display:block;
}
.titleText2{
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:0px;
	font-size:28px;
	color:#282828;
	display:block;
}
.blackOver-bg{
	width:100%;
	padding:15px 0px;
	background-color:rgba(0,0,0,0.8);
}
.price{
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:0px;
	font-size:28px;
	color:#282828;
	display:block;
}

@media(min-width:768px) {
.titleText1{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:4px;
	font-size:18px;
	color:#282828;
	padding:0px !important;
	margin:0px !important;
	/*display:block;*/
	/*line-height: 14px;
    height:15px;*/
}
.titleText2{
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:1px;
	font-size:35px;
	color:#282828;
	padding:0px !important;
	margin:0px !important;
	/*display:block;*/
	line-height: 35px;
}
.price{
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif;font-weight: 300;
	letter-spacing:1px;
	font-size:30px;
	color:#282828;
	padding:0px !important;
	margin:0px !important;
	display:block;
	line-height: 35px;
    height:36px;
}
}
.SubBurgerNav{
	background:url(../png/navbar-icon.png) no-repeat center center;
	width:42px;
	height:37px;
	display:block;
	margin:0 auto;
	cursor:pointer;
}
/*
.mySubNav{
		display:none;
}
@media(min-width:768px) {
	.SubBurgerNav{
		display:none;
	}
	.mySubNav{
		display:block;
	}
}
*/
.hotelSubFacilities{
	display:block;
}

@media(min-width:767px) {
.hotelSubFacilities{
	display:none !important;
}
}

.hotelFacilities{
position: relative;
left:0px; right:0px;
	margin:0 auto;
}


@media(max-width:1023px) {
.hotelFacilities{
	display:none;
}
}

/***** activities ****/
/*
#kidsFacilities{
	display: table;
	width: 100% !important;
	height: 100% !important;
	color: #fff;
	background: url(../../uploads/images/activities/kids-facilities.jpg) no-repeat center center fixed;
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
*/

@media (orientation:landscape) {
#Facilities {
	background-image: url(../jpg/activities-header-01.jpg) !important;
}
#kidsFacilities{
	background-image: url(../jpg/kids-facilities.jpg)!important;
}
.showHeader{
	background-image: url(../jpg/devdan-show.jpg)!important;
}
.shoppingHeader{
	background-image: url(../jpg/shopping.jpg) !important;
}
.resortMapHeader{
	background-image: url(../jpg/resort-map.jpg) !important;
}
.businesFacilitesHeader{
	background-image: url(../jpg/business-facilites.jpg) !important;
}
.airportTransportHeader{
	background-image: url(../jpg/airport-transport.jpg) !important;
}

.weddingHeader {
	background-image: url(../jpg/bali-wedding-header-01.jpg) !important;
}

}
/***** /activities *********/




@media (orientation:portrait) {
#Facilities {
	background: url(../activities-header-01.html) !important;
}
#kidsFacilities{
	background: url(../jpg/kids-facilities-2.jpg) !important;
}
.showHeader{
	background: url(../jpg/devdan-show-2.jpg) !important;
}
.shoppingHeader{
	background: url(../jpg/shopping-2.jpg) !important;
}
.resortMapHeader{
	background: url(../jpg/resort-map-2.jpg) !important;
}
.businesFacilitesHeader{
	background: url(../jpg/business-facilites-2.jpg) !important;
}
.airportTransportHeader{
	background: url(../jpg/airport-transport-2.jpg) !important;
}
.weddingHeader {
	background: url(../jpg/bali-wedding-header-01.jpg) !important;
}
}


.dotline{
	border-bottom:dotted 1px #666666;
	padding:15px 0px;
	margin:0px 15px 30px 15px;
	clear:both;
}
.dateFormat{
	font-style: italic;
	font-size:16px;
}

/***** all inclusive special-offers*****/

.specialOffers-HederBg{
	background: url(../jpg/all-inclusive-header-01.jpg) no-repeat top center fixed;
}



.all-inclusive{ 
}


.specialOffers, .list-col{
	padding-bottom:30px;
	display: table;
}
  
.all-inclusiveDetail, .specialOffersDetail {
	overflow:hidden;
	display:none;
}
.all-inclusive a,
.specialOffers a{
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;font-weight: 300;
	font-style: normal;
	color:#4ab7d4;
	text-decoration:none;
	/*font-size:20px;*/
}
.all-inclusive a:hover,
.specialOffers a:hover{
	text-decoration:none;
}
.all-inclusive a.linkRight,
.specialOffers a.linkRight{
	position:absolute;
	right:30px;
	bottom:25px;
}

@media  (max-width: 767px) {	
.all-inclusive a.linkRight,
.specialOffers. a.linkRight{
	position: relative;
	right:0px;
	left:0px;
	top:0px;
}
}
/***** all inclusive special-offers*****/

.locationHeader {
	background: url(../jpg/grandmirage-bali-location.jpg) no-repeat top center fixed;
}

/**Wedding**/


.weddingPackageHeader {
	background: url(../jpg/bali-wedding-header-02.jpg) no-repeat top center fixed;
}

.weddingHeader01 {
	background: url(../jpg/bali-wedding-header-03.jpg) no-repeat top center fixed;
}

.weddingHeader02 {
	background: url(../jpg/bali-wedding-header-04.jpg) no-repeat top center fixed;
}

.weddingHeader03 {
	background: url(../jpg/bali-wedding-header-05.jpg) no-repeat top center fixed;
}
.weddingHeader04 {
	background: url(../jpg/bali-wedding-header-06.jpg) no-repeat top center fixed;
}
.weddingTitleText{
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:25px !important;
	color:#ed145b;
	/*text-align:left;*/
}

@media (min-width:768px) and (max-width:1169px){
	.weddingTitleText{
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:32px !important;
	color:#ed145b;
	/*text-align:left;*/
}
}

@media (min-width:1170px){
	.weddingTitleText{
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:45px !important;
	color:#ed145b;
	/*text-align:left;*/
}
}

.weddingVideo{
	cursor: pointer;
}

.weddingVideoWrap{
	position: absolute;
	width:100%;
	height: auto;
	max-height:612px;
	padding:0px 15px;
	z-index:999;
	top: 50%;  left: 50%; transform: translate(-50%, -50%);
	/*top:0px;
	left:0px;*/
	
}
.wedding-vid{
	display:none;
	/*background-color: rgba(74, 183, 212, 0.8);*/
}
@media (max-width:1169px){
	.weddingVideoWrap{
	padding:0px 5px;
}
}
.weddingLink{
	color:#ed145b !important;
	text-decoration:none
}
.weddingLink:hover,
.weddingLink:Focus{
	color:#4ab7d4 !important;
	text-decoration:none
}


.weddingNav  {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  
  font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;

}
.weddingNav > li {
  position: relative;
  display: block;
  border-bottom:2px dotted #808080;
}
.weddingNav > li > a {
  position: relative;
  display: block;
  padding: 15px 15px;
  color:#ed145b;
  
}
.weddingNav > li > a:hover,
.weddingNav > li > a:focus{
  text-decoration: none;
  background-color: #ed145b !important;
  color:#FFF;
}
/**Wedding**/

/***** Restaurant *********/
.diningFacilities{
	background: url(../jpg/restaurant.jpg) no-repeat fixed;
	background-position: -300px top;
}

@media (min-width: 768px){
.all-inclusiveDetail{
	display:block;
}
.diningFacilities{
	/*background: url(../../uploads/images/restaurant/restaurant.jpg) no-repeat center top fixed;*/
	background: url(../jpg/restaurant.jpg) no-repeat fixed;
	background-position: center top ;
}
}


@media (orientation:landscape) {
.all-inclusive-HederBg{
	background-image:  url(../jpg/all-inclusive-header.jpg)!important;
}	
	/**mice**/
.miceHeader {
	background-image: url(../jpg/meetings-events-header-01.jpg) !important;
}
.miceHeader02 {
	background-image: url(../jpg/meetings-events-header-03.jpg) !important;
}
.miceHeader03 {
	background-image: url(../jpg/meetings-events-header-04.jpg) !important;
}

/** Restaurant **/
.gradnCafe-Header{
	background-image: url(../jpg/grand-cafe.jpg) !important;
}
.bumbuDelhi-Header{
	background-image: url(../jpg/bumbu-delhi-01.jpg) !important;
}
.panoramaLounge-Header{
	background-image: url(../jpg/panorama-lounge-01.jpg) !important;
}
.jukungGrill-Header{
	background-image: url(../jpg/jukung-grill-restaurant-01.jpg) !important;
}
.laCascata-Header{
	background-image: url(../jpg/la-cascata-01.jpg) !important;
}
.ramaStage-Header{
	background-image: url(../jpg/rama-stage-01.jpg) !important;
}

.chopstick-Header{
	background-image: url(../jpg/chopstick-restaurant-01.jpg) !important;
}
.coconutsPoolBar-Header{
	background-image: url(../jpg/coconuts-pool-bar-01.jpg)!important;
}
.ibuKitchen-Header{
	background-image: url(../jpg/ibu-kitchen-restaurant-01.jpg) !important;
}
.mahiMahi-Header{
	background-image: url(../jpg/mahi-mahi-restauran-01.jpg) !important;
}

}

@media (orientation:portrait) {
.all-inclusive-HederBg{
	background: url(../jpg/all-inclusive-header-2.jpg)!important;
}	
	/**mice**/
.miceHeader {
	background: url(../jpg/meetings-events-header-2.jpg) !important;
}
.miceHeader02 {
	background: url(../jpg/meetings-events-header-4.jpg) !important;
}
.miceHeader03 {
	background: url(../jpg/meetings-events-header-5.jpg) !important;
}

/** Restaurant **/
.gradnCafe-Header{
	background: url(../jpg/grand-cafe-2.jpg) !important;
}
.bumbuDelhi-Header{
	background: url(../jpg/bumbu-delhi-2.jpg) !important;
}
.panoramaLounge-Header{
	background: url(../jpg/panorama-lounge-2.jpg) !important;
}
.jukungGrill-Header{
	background: url(../jpg/jukung-grill-restaurant-2.jpg)!important;
}
.laCascata-Header{
	background: url(../jpg/la-cascata-2.jpg) !important;
}
.ramaStage-Header{
	background: url(../jpg/rama-stage-2.jpg) !important;
}

.chopstick-Header{
	background: url(../jpg/chopstick-restaurant-2.jpg) !important;
}
.coconutsPoolBar-Header{
	background: url(../jpg/coconuts-pool-bar-2.jpg) !important;
}
.ibuKitchen-Header{
	background: url(../jpg/ibu-kitchen-restaurant-2.jpg) !important;
}
.mahiMahi-Header{
	background: url(../jpg/mahi-mahi-restauran-2.jpg) !important;
}

}

.miceHeader-half {
	background: url(../jpg/meetings-events-header-02.jpg) no-repeat top center fixed;
}




.diningLogoWrap{
	position: relative;
	top:0px;
	z-index:98;
	left:0px; right:0px; margin:0 auto;
	margin-top:-100px;
	padding-top:15px;

	width:70% !important;
	height:70% !important;
	
	background-color:#FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-moz-box-shadow: 0 -5px 5px -5px #333;
	-webkit-box-shadow: 0 -5px 5px -5px #333;
	box-shadow: 0 -5px 5px -5px #333;
}
.diningLogoPlace{
	position: relative;
	left:0px; right:0px; margin:0 auto;
	width:80% !important;
	height:220px;
}
@media (min-width: 768px) and (max-width: 991px) {	

.diningLogoWrap{
	position: relative;
	top:0px;
	z-index:99;
	left:0px; right:0px; margin:0 auto;
	margin-top:-70px;
	padding-top:15px;

	width:180px !important;
	height:180px !important;
}  
.diningLogoPlace{
	position: relative;
	left:0px; right:0px; margin:0 auto;
	height:250px !important;
	width:80% !important;
	max-width:250px !important;
	
}
.diningLogoPlace img{
	width: auto !important;
	height:180px !important;
}
}
/***** /Restaurant *********/



.SubNavTitle {
  font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif;
   font-weight: 500; font-style: normal;
	font-size:35px !important;
	color:#4ab7d4;
	text-transform:uppercase;
}


/***** dining sub nav ****/

.dining-Nav {
 	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:22px;
	font-style: normal;
	color:#282828;
	text-align:center;
	text-transform:uppercase;
	/*display:none;*/
}
.dining-Nav > ul {
	display: block;
  	width: 100%;
}
.dining-Nav > li {
	display: block;
	width: 100%;
	border-bottom: 2px solid #FFF;
	vertical-align:middle;
	text-align:center;
	border-right: 0px solid #FFF;
}
.dining-Nav > li:last-child{
	 border-bottom: 0px solid #FFF;
}

.dining-Nav > li > a {
   color:#fff;
   background-color:#f8941d;
   padding:10px 20px !important;
   line-height:normal;
   width:100%;
}
.dining-Nav > li > a:hover {
  background-color:#282828 !important;
  color: #FFF
}
.dining-Nav > li.active > a,
.dining-Nav > li.active > a:hover,
.dining-Nav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  background-color:#282828 !important;
}

	
.dining-Nav > li > a > .text1{
	color:#FFF;
	padding:0px;
	display: inline-block;

}
.dining-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display: inline-block;
}
.dining-Nav > li > a:hover > .text2,
.dining-Nav > li.active > a > .text2,
.dining-Nav > li.active > a:hover > .text2,
.dining-Nav > li.active > a:focus > .text2{
	color:#f8941d;
	padding:0px;
}
/****/
@media (max-width: 1023px) {
.dining-Nav{
}
.dining-Nav{
	width:100% !important;
	padding:0px !important;
	margin:0px auto!important;
	display:block;
}

.dining-Nav> ul li {
	float:left;
		width:50%;
		margin-right:1%;
}
.dining-Nav > li {
	float:left;
		width:49.5%;
		margin-right:1%;
		/*margin-left:1px;*/
}
.dining-Nav > li:nth-child(2n+0) {
		margin-right:0% !important;
		/*border-right:2px solid #000;*/
		
	}
.dining-Nav > li > a {
    border-bottom: 2px solid #FFF !important;
   vertical-align:middle;
   text-align:center;
    padding:10px 2px 10px 2px !important;
	line-height:0px !important;
}
.dining-Nav > li > a > .text1{
	color:#FFF;
	padding:0px;
	font-size:16px;
	display: inline-block;
	line-height:normal;

}
.dining-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:16px;
	display: inline-block;
	line-height:normal;
}
}
/****/
@media(min-width:1024px) {
 .dining-Nav {
	display:block;
}
 .dining-Nav > ul {
	display:table;
	width:100% !important;
	table-layout: auto !important;
}
.dining-Nav > li {
  display: table-cell;
  width:10% !important;
  table-layout: auto !important;
   border-right: 2px solid #FFF;
   vertical-align:middle;
   text-align:center;
   
   border-bottom: 0px solid #FFF;
}
.dining-Nav > li:last-child{
	border-right: 0px solid #FFF;
}


.dining-Nav > li > a > .text1{
	color:#FFF;
	font-size:20px;
	padding:0px;
	display:block;
	line-height: normal;

}
.dining-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display:block;
	line-height: normal;
}



.dining-Nav.dining-Nav-justified {
  width: 100%;
  border-bottom: 0;
}
.dining-Nav.dining-Nav-justified > li {
  float: none;
}
.dining-Nav.dining-Nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
}


/***** facilities nav ****/
.facilities-Nav {
 	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:22px;
	font-style: normal;
	color:#282828;
	text-align:center;
	text-transform:uppercase;
	display:none;
}
/*
.facilities-Nav > ul {
	display: block;
  	width: 100%;
}
.facilities-Nav > li {
	display: block;
	width: 100%;
	border-bottom: 2px solid #FFF;
	vertical-align:middle;
	text-align:center;
	border-right: 0px solid #FFF;
}
.facilities-Nav > li:last-child{
	 border-bottom: 0px solid #FFF;
}

.facilities-Nav > li > a {
   color:#fff;
   background-color:#4ab7d4;
   padding:10px 20px !important;
   line-height:normal;
   width:100%;
}
.facilities-Nav > li > a:hover {
  background-color:#282828 !important;
  color: #FFF
}
.facilities-Nav > li.active > a,
.facilities-Nav > li.active > a:hover,
.facilities-Nav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  background-color:#282828 !important;
}

	
	.facilities-Nav > li > a > .text1{
	color:#FFF;
	padding:0px;
	display: inline-block;

}
.facilities-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display: inline-block;
}
.facilities-Nav > li > a:hover > .text2,
.facilities-Nav > li.active > a > .text2,
.facilities-Nav > li.active > a:hover > .text2,
.facilities-Nav > li.active > a:focus > .text2{
	color:#acca14;
	padding:0px;
}
*/
@media(max-width:767px) {
 .facilities-Nav {
	display:none;
}
}

/***/
 .facilities-Nav {
	display:block;
}
 .facilities-Nav > ul {
	display:table;
	width:100% !important;
	height:100%;
	table-layout: fixed  !important;
}
.facilities-Nav > li {
  display: table-cell;
  table-layout: fixed !important;
  height: 100%;
  /*width:100%;*/
   width:2%;
   border-right: 2px solid #FFF;
   vertical-align:middle;
   text-align:center;
   border-bottom: 0px solid #FFF;
   
}
.facilities-Nav > li:last-child{
	border-right: 0px solid #FFF;
}

.facilities-Nav > li > a {
   color:#fff;
   background-color:#4ab7d4;
   padding:10px 20px !important;
   line-height:normal;
   width:100%;
}
.facilities-Nav > li > a:hover {
  background-color:#282828 !important;
  color: #FFF
}
.facilities-Nav > li.active > a,
.facilities-Nav > li.active > a:hover,
.facilities-Nav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  background-color:#282828 !important;
}

.facilities-Nav > li > a > .text1{
	color:#FFF;
	font-size:18px;
	padding:0px;
	display:block;
	line-height:none;

}
.facilities-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:25px;
	display:block;
	line-height:none;
}

.facilities-Nav > li > a:hover > .text2,
.facilities-Nav > li.active > a > .text2,
.facilities-Nav > li.active > a:hover > .text2,
.facilities-Nav > li.active > a:focus > .text2{
	color:#acca14;
	padding:0px;
}


.facilities-Nav.facilities-Nav-justified {
  width: 100%;
  border-bottom: 0;
}
.facilities-Nav.facilities-Nav-justified > li {
  float: none;
}
.facilities-Nav.facilities-Nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
/****/

@media(min-width:1170px) {
 

.facilities-Nav > li > a > .text1{
	color:#FFF;
	font-size:22px;
	padding:0px;
	display:block;
	line-height:none;

}
.facilities-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:30px;
	display:block;
	line-height:none;
}

.facilities-Nav > li > a:hover > .text2,
.facilities-Nav > li.active > a > .text2,
.facilities-Nav > li.active > a:hover > .text2,
.facilities-Nav > li.active > a:focus > .text2{
	color:#acca14;
	padding:0px;
}


.facilities-Nav.facilities-Nav-justified {
  width: 100%;
  border-bottom: 0;
}
.facilities-Nav.facilities-Nav-justified > li {
  float: none;
}
.facilities-Nav.facilities-Nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
}


/*
.FacilitiesWrap{
	text-transform:uppercase;
	background-color:#4ab7d4;
	color:#FFF;
	width:100%;
	border:solid 3px #FFF; -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; margin:0 auto;
	margin:0px;
	padding:0px;
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:22px;
	 
}

ul.facilities-Nav {
  display: block;
  width: 100%;
}
ul.facilities-Nav > li {
  display: block;
  padding:15px;
  float: none;
  height: 100%;
  border-bottom: 2px solid #FFF;
  vertical-align:middle;
  text-align:center;
}
ul.facilities-Nav > li:last-child{
	border-bottom: 0px solid #FFF;
}

ul.facilities-Nav > li > a {
   color:#FFF;
   width:100% !important;
   text-decoration:none;
   text-align:center;
   line-height:normal;
    display: block;
}
ul.facilities-Nav > li:hover,
ul.facilities-Nav > li:focus  {
	background-color: #282828;
}
ul.facilities-Nav > li:hover > a:hover,
ul.facilities-Nav > li:hover > a:focus  {
 color:#FFF;
 text-decoration:none;
 height:100% !important;

}

ul.facilities-Nav > li > a > .text1{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display:inline-block;	
}
ul.facilities-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display:inline-block;
}

ul.facilities-Nav > li > a:hover > .text2{
	color:#acca14;
	padding:0px;
}


@media(min-width:1170px) {

.FacilitiesWrap{

	text-transform:uppercase;
	background-color:#4ab7d4;
	color:#FFF;
	width:100%;
	border:solid 3px #FFF; -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; margin:0 auto;
	margin:0px;
	padding:0px;
	font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:22px;
	 
}
ul.facilities-Nav {
  display: table !important;
  width: 100%;
}
ul.facilities-Nav > li {
  display: table-cell;
  padding:15px;
  float: none;
  height: 100%;
   border-right: 2px solid #FFF;
   vertical-align:middle;
   text-align:center;
   
   border-bottom: 0px solid #FFF;

}

ul.facilities-Nav > li:last-child{
	 border-right: 0px solid #FFF;
}

ul.facilities-Nav > li > a {
   color:#FFF;
   width:100% !important;
   text-decoration:none;
   text-align:center;
   line-height:normal;
    display: block;
}
ul.facilities-Nav > li:hover,
ul.facilities-Nav > li:focus  {
	background-color: #282828;
}
ul.facilities-Nav > li:hover > a:hover,
ul.facilities-Nav > li:hover > a:focus  {
 color:#FFF;
 text-decoration:none;
 height:100% !important;

}

ul.facilities-Nav > li > a > .text1{
	color:#FFF;
	padding:0px;
	display:block;

}
ul.facilities-Nav > li > a > .text2{
	color:#FFF;
	padding:0px;
	font-size:28px;
	display:block;
}

ul.facilities-Nav > li > a:hover > .text2{
	color:#acca14;
	padding:0px;
}
}
*/
/******************/

.nav > li > a > .facilities-SubNav > li{
	padding:0px !important;
}
.facilities-SubNav {
  font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:18px !important;
	color:#282828;
}

/*
.facilities-SubNav{
	width:40%;
 	margin-right:5%;
}
*/

.facilities-SubNav > li {
  display:block;
  padding:0px !important;
}
.facilities-SubNav > li > a {
   background-color:#FFF;
   color:#282828;
   padding:2px 10px !important;
   cursor:pointer !important;
}
.facilities-SubNav > li > a:hover {
  background-color:#acca14 !important;
  color: #FFF;
  cursor:pointer !important;
}
.facilities-SubNav > li.active > a,
.facilities-SubNav > li.active > a:hover,
.facilities-SubNav > li.active > a:focus {
  color: #FFF;
  cursor: default;
  background-color:#acca14 !important;
  cursor:pointer !important;
}
.facilities-SubNav.facilities-SubNav-justified {
  width: 100%;
  border-bottom: 0;
}
.facilities-SubNav.facilities-SubNav-justified > li {
  float: none;
}
.facilities-SubNav.facilities-SubNav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}


.facilities-SubDetail{
	display: none;
}
.facilities-SubDetail.in {
  display: block;
}

.contentDetail{
	display:block;
}

.showHideBtn{
	display:none;
	font-size:16px;
	padding:15px 0px 0px 0px;
	color:#282828 !important;
	background-color:transparent;
	border:0px;
	cursor: pointer;
}
.subMenuLevel{
	display:block;
}
@media (max-width: 767px) {
.contentDetail{
	display:none;
}
.showHideBtn{
	display: block;
}
.subMenuLevel{
	display:none;
}
.facilities-SubNav{
	width:100% !important;
	padding:0px !important;
	margin:0px auto!important;
	display:block;
}
.facilities-SubNav > ul li {
	float:left;
		width:49%;
		margin-right:1%;
		background-color:#999;
}
.facilities-SubNav > li {
	float:left;
		width:49%;
		margin-right:1%;
		background-color:#999 !important;
		margin-left:1px;
}
.facilities-SubNav > li:nth-child(2n+0) {
		margin-right:0px;
	}
.facilities-SubNav > li > a {
   background-color:#f2f0f0;
    border-bottom: 2px solid #FFF;
   vertical-align:middle;
   text-align:center;
    padding:7px 10px !important;
}
.facilities-SubDetail{
	display: block;
}
}



/*
.myInclusion ul li {
	float:left;
    width:100%;
}
.myInclusion  ul {
	margin-left:15px !important;
	padding:0 !important;
}


@media (min-width: 768px) and (max-width: 1199px) {
 .myInclusion ul li{
		float:left;
		width:45%;
		margin-right:5%;
	}
	
	.myInclusion li:nth-child(2n) {
		margin-right:0px;
	}
}

@media (min-width: 1200px) {
	.myInclusion ul li{
		float:left;
		width:30%;
		margin-right:50px;
	}
	
	.myInclusion li:nth-child(3n+3) {
		margin-right:0px;
	}
}
*/
/******************/

/***** /activities ****/

/******custom nav-tabs******/
.roomNavWrap, .Allin-tabWrap{
	position: relative;
}

@media (min-width: 768px) {
.roomNavWrap, .Allin-tabWrap{
	/*width:100%;*/
	position: relative;
	z-index:99;
	left:0px; right:0px;
	margin:0 auto;
	/*left:50%; 
	transform:translateX(-50%);
	top: 50%;   left: 50%; */
	/*transform: translate(-50%, -50%);*/
}
}
.nav-tabs, .Allin-tabs{
  border-bottom: 1px solid #282828;
 font-family: 'Steelfish Rg',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;
	font-size:20px;
	font-style: normal;
	color:#282828;
	text-align:center;
}
.nav-tabs, .roomSuites-tabs{
  border-bottom: 1px solid #282828;
  font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:22px !important;
	color:#282828;
}
.roomSuites-tabs.roomSuites-tabsBg{
	background-color: rgba(255, 255, 255, 0.7);
}
.nav-tabs > li,
.roomSuites-tabs > li,
.Allin-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a,
.roomSuites-tabs > li > a,
.Allin-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #282828;
  border-radius: 4px 4px 0 0;
  border-bottom:0px;
   background-color:#282828 !important;
   color:#FFF;
}
.nav-tabs > li > a:hover,
.roomSuites-tabs > li > a:hover,
.Allin-tabs > li > a:hover {
	border: 1px solid #acca14 !important;
	 border-bottom:0px;
  	border-color: #282828 transparent;
  	background-color:#acca14 !important;
  	color: #282828
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.roomSuites-tabs > li.active > a,
.roomSuites-tabs > li.active > a:hover,
.roomSuites-tabs > li.active > a:focus,
.Allin-tabs > li.active > a,
.Allin-tabs > li.active > a:hover,
.Allin-tabs > li.active > a:focus {
	
  color: #282828;
  cursor: default;
  background-color:#acca14 !important;
 /* background: url(../../uploads/component/bg-pattern.jpg)repeat;*/
 border: 1px solid #acca14;
  /*border-bottom-color: transparent;*/
  /*border-bottom:0px !important;*/
}
.nav-tabs.nav-justified,
.roomSuites-tabs.nav-justified,
.Allin-tabs.nav-justified, {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li,
.roomSuites-tabs.nav-justified > li,
.Allin-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a,
.roomSuites-tabs.nav-justified > li > a,
.Allin-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu,
.roomSuites-tabs.nav-justified > .dropdown .dropdown-menu,
.Allin-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li ,
  .roomSuites-tabs.nav-justified > li,
  .Allin-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
	border-right:2px solid transparent;
  }
  .nav-tabs.nav-justified > li > a,
  .roomSuites-tabs.nav-justified > li > a,
  .Allin-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a,
.roomSuites-tabs.nav-justified > li > a,
.Allin-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.roomSuites-tabs.nav-justified > .active > a,
.roomSuites-tabs.nav-justified > .active > a:hover,
.roomSuites-tabs.nav-justified > .active > a:focus,
.Allin-tabs.nav-justified > .active > a,
.Allin-tabs.nav-justified > .active > a:hover,
.Allin-tabs.nav-justified > .active > a:focus  {
  border: 1px solid #acca14;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a,
  .roomSuites-tabs.nav-justified > li > a,
  .Allin-tabs.nav-justified > li > a {
    border-bottom: 1px solid #282828;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus
  .roomSuites-tabs.nav-justified > .active > a,
  .roomSuites-tabs.nav-justified > .active > a:hover,
  .roomSuites-tabs.nav-justified > .active > a:focus,
  .Allin-tabs.nav-justified > .active > a,
  .Allin-tabs.nav-justified > .active > a:hover,
  .Allin-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #acca14;
  }
}


.gMpanel-default {
  border-color: #ddd;
}
.gMpanel-default a{
	 color: #FFF;
	 width:100% !important;
}
.gMpanel-default a:hover,
.gMpanel-default a:focus{
  color: #FFF;
  text-decoration:none;
  width:100% !important;
}
.gMpanel-default > .panel-heading {
  color: #FFF;
  /*background-color: #f5f5f5;*/
   background-color:#282828 !important;
  border-color: #ddd;
  width:100% !important;
}

.gMpanel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.gMpanel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.gMpanel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.gMtab-content > .tab-pane {
  display: block;
}

.gMtab-content > .active {
  display: block;
}


@media (min-width: 767px) {
.gMtab-content > .tab-pane {
 		 display: none;
}
.gMtab-content > .active {
  display: block !important;
}

}

@media (max-width: 767px) {
	.roomSuites-tabs > li {
		display: block;
		width:100% !important;
		margin-bottom:1px;
		border-bottom:0px;
	}
}
.RoomNavImg{
/*cursor:pointer*/
}

.RoomNavTextBootom{ 
	position: absolute;
	bottom: 0px;
	left:0px;
	right:0px;
	margin:0 auto;
	z-index: 10;
	width:100%;
	max-width: 440px;
	padding: 8px; 
	
}
.RoomNavImg > .RoomNavTextBootom  {
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 18px;
	color: #FFF;
	background-color: rgba(110, 180, 191, 0.7);
	text-align:center;
}
/*.RoomNavImg:hover > .RoomNavTextBootom  {
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 18px;
	color: #FFF;
	background-color:#acca14;
}*/
.RoomNavOver, .specialOffers-NavOver{
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	width:100% !important;
	height:100% !important;
	top:0px;
	/*left:0px;*/
	z-index:999;
	color:#fff;
	text-align:center;
	padding:10px !important;
	display:none;
	vertical-align:middle !important;
}

.RoomNavOverText, .specialOffers-NavOverText{
	position:relative;
	width:100%;
	height:100%;
	/*top: 50%;   left: 50%; transform: translate(-50%, -50%);*/
	/*margin-top:25%;
	margin-bottom:25%;*/
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 16px;
	color:#FFF;
	text-align:center !important;
	display: table;
	vertical-align:middle !important;
}
.CenterVH{
	display:table-cell; vertical-align: middle;
	text-align:center;
	margin:0 auto;
}

.moreBtn{
	background-color:#acca15;
	border:2 solid #fff;
	width:125px;
	/*height:25px;*/
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	margin:0 auto;
	text-align:center;
}
.moreBtn a{
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color:#FFF;
	text-decoration:none;
}
.moreBtn a:hover{
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color:#fffc00;
	text-decoration:none;
}
.Allin-moreBtn{
	padding:10px;
}
@media (min-width: 768px) {
	.Allin-moreBtn {
		display:none;
	}
}


/**** thalasso SPA ***/


.thalassoNavWrap{
	background:url(../jpg/spa-nav-bg.jpg) repeat-x center top;
	background-color:#000;
	width:100%;
	border-bottom:3px solid #FFF;
	position:relative;
	z-index:99;
}
.thalassoLogo{
	width:100%;
	max-width:150px;
	height: auto;
	padding:10px;
	text-align:center;
	margin:0 auto;
	display:table;
}

.thalassoNav {
  font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:16px !important;
	color:#FFF;
	text-transform: uppercase;
	
}
.thalassoNav .textbesaran{
	font-size:20px !important;
}
.thalassoNav{
	display:none;
}
.thalassoBurger{
	text-align:center;
	padding:8px;
}
.thalassoNav > li {
  display: block;
  padding:0px;
  vertical-align:bottom;
  /*padding-top:10px;*/
  border-bottom:2px solid #FFF;
}
.thalassoNav > li:last-child{
	border-bottom:0px solid #FFF !important;
}
.thalassoNav > li:hover {
  background-color:#4ab7d4 !important;
  color: #FFF;
  cursor:pointer;
}
.thalassoNav > li > a {
   color:#FFF;
   padding:15px 10px;
   text-align:center;
   width:100 !important;
}
.thalassoNav > li > a:hover {
  background-color:#4ab7d4 !important;
  color: #FFF;
  cursor:pointer;
}
.thalassoNav > li.active > a,
.thalassoNav > li.active > a:hover,
.thalassoNav > li.active > a:focus,
.thalassoNav > li.active,
.thalassoNav > li.active
 {
  color: #FFF;
  cursor: default;
  background-color:#4ab7d4 !important;
  cursor:pointer;
}

/*.thalassoSpa-header{
	background: url(../../uploads/images/thalasso-spa/thalasso-header-01.jpg) no-repeat -120px top fixed;
}*/

	
.thalassoSpa-header{
	background: url(../jpg/thalasso-header-01.jpg) no-repeat fixed;
	background-position: -130px top;

	
}
@media (min-width: 1920px){
	.thalassoSpa-header{
	/*background: url(../../uploads/images/thalasso-spa/thalasso-header-01.jpg) no-repeat fixed !important;*/
	background-position: center top !important;
}
}
@media (min-width: 768px){
	/*thalassoSpa-header{
	background: url(../../uploads/images/thalasso-spa/thalasso-header-01.jpg) no-repeat center top fixed;
}*/
.thalassoNav{
	display:block;
	float:right;
}
.thalassoBurger{
	display:none;
}
.thalassoNav > li {
  display: table-cell;
  padding:0px;
  vertical-align:bottom;
  padding-top:0px;
  table-layout: fixed !important;
  border-right:2px solid #FFF;
  border-bottom:0px solid #FFF;
  height:100% vh;
}
.thalassoNav > li:last-child{
	border-right:0px solid #FFF !important;
}

.thalassoNav > li { 
 	height:103px;
}
.thalassoNav > li > a {
   padding:10px 10px;
  /* display: block;*/
}
}
@media (min-width: 1024px) {
.thalassoNav > li > a {
   padding:15px 20px;
}
}


.text-bg-left{
	text-align:right;vertical-align:bottom; height:auto; display: inline-block;
	margin-right:-15px;
	margin-bottom:7px;
	background:url(../png/spa-spacer-text-left.png) no-repeat center bottom;
	height:55px;
	width:258px;
}
.text-bg-right{
	text-align:left;vertical-align:top; height:auto; display: inline-block;
	margin-left:-10px;
	margin-top:25px;
	background:url(../png/spa-spacer-text-right.png) no-repeat center top;
	height:55px;
	width:258px;
	z-index:-1;
}

.spaTitle-text{
	display: inline-block;
	position:relative;
	z-index:9;
}

.spaBtn{
	background:#4ab7d4;
	border:solid 3px #FFF;
	padding:10px 15px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	-khtml-box-shadow:0 0 5px #888;
	max-width:270px;
	margin:0 auto;
	color:#FFF;
	
	font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:16px !important;
}
.spaBtn a{
	text-decoration:none;
	text-transform:uppercase !important;
	color:#FFF !important;
}
.spaBtn a:hover{
	text-decoration:none;
	text-transform:uppercase !important;
	color: #FF0 !important;
}

.spaTreatment{
	padding-bottom:40px;
}
.spaDetail{
	display:none;
	text-align:justify;
	height:100%;
	/*transition: all 0.4s;*/
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
@media (max-width: 767px) {
	.text-bg-left{
		display:none
	}
	.text-bg-right{
		display:none
	}
}
/**** /thalasso SPA ***/

/**/
.myDefaultBtn{
	background-color:#e6e7e9;
	/*width:150px;*/
	/*color:#FFF !important;*/
	/*border:2 solid #fff;*/
	/*width:125px;*/
	/*height:25px;*/
	padding:8px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	margin:0 auto;
	/*max-width:200px;*/
	text-align:center;
	
	background-color:#61cced;
	background: -webkit-linear-gradient(#61cced, #4ab7d4 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#61cced, #4ab7d4 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#61cced, #4ab7d4 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#61cced , #4ab7d4 30%); /* Standard syntax */
}
.myDefaultBtn a{
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color:#FFF !important;
	text-decoration:none;
}
.myDefaultBtn a:hover{
	font-family: "Aaux ProMedium"; font-style: normal;
	font-size: 14px;
	color:#fffc00 !important;
	text-decoration:none;
}
/**/


.UlStyle{
}

.UlStyle ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.UlStyle ul li{
	/*padding:0px;
	margin:0px;*/
	 background: url(../png/ul-style1.png) left 5px no-repeat; 
   /* background-repeat: no-repeat;*/

    padding-left: 30px;
	padding-bottom:15px;
}


.feature img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:200px;
	height:200px;
}

.feature img:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	cursor:pointer;
}


.arrowLine{
	background:url(../png/arrow-line.png) no-repeat center center;
	padding:0;
	margin:0 auto;
	display:block;
	width:100%;
	height:4px;
}
@media (max-width: 767px) {
.arrowLine{
	display:none;
}
}

.subTitle-box{
	/*position:absolute;
	top:0px;
	left:0px; right:0px;*/
	margin:0 auto;
	margin-top:5px;
	min-width:300px;
	max-width:600px;
	
	padding:8px;
	border:3px solid #FFF;
	background-color:#282828;
	color:#FFF;
	z-index:9999;
	
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.subTitle-Circle{
	/*position:absolute;
	top:0px;
	left:0px; right:0px;*/
	margin:0 auto;
	max-width:280px;
	text-align:center;
	
	padding:8px;
	background-color:#282828;
	color:#FFF;
	z-index:9999;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
	
	-webkit-border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	
	-webkit-border-top-right-radius: 0px !important;
	-moz-border-top-right-radius: 0px !important;
	
	/*-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;*/
}
  /* Video */
.videoWraper{
	position: absolute;
	width:100%;
	height: auto;
	z-index:999;
	/*background-color:#FC0;*/
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
	display:none;
}

/*  
video {
  width: 100%    !important;
  height: auto   !important;
}
 */ 
.video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; /*border:3px solid #FFF;*/ }

.video > .video-close{ position:absolute; top:-10px; right:-10px; z-index:9999; width:20px; height:20px;}
.vodeo > .video-close img:hover{cursor:pointer}

body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
body .video.twitch, body .video.youtube.show_controls { padding-top: 25px; }

.video > video, .video > iframe, .video > object, .video > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*********************/


.fancyboxMaxView{
	max-width:850px !important;
	display:none;
}

.matchHeight
{
    overflow: hidden;
    margin: 0 -1%;
		-webkit-transition: all .4s ease-in-out;
       -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}



/***news**/
.pressHeader {
	background: url(../jpg/grandmirage-press.jpg) no-repeat top center fixed;
}

.img-full{
	display: block;
	width: 100%;
	height: auto;
}
.press-SubNav li>a{
    padding: 5px 15px;
    border-top: 1px dotted #acca14;
}
.press-SubNav li:first-child>a{
	border-top: none;
}
.press-SubNav li.active>a{
	text-decoration: none;
	background-color: #acca14 !important;
	color: #FFF;
}
/*****/

.videoContentWrap {
	position: absolute;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index:9999;
	top: 50%;   left: 50%; transform: translate(-50%, -50%);
	display:none;
	}
	.videoContent{
		position:absolute;
		width:100%;
		height: auto;
		max-width:800px !important;
		margin:0 auto;
		top: 50%;   left: 50%; transform: translate(-50%, -50%);
		padding:10px;
		/*background-color: rgba(0, 0, 0, 0.8);*/
		display:table;
		vertical-align:middle;
	}
	.videoPlay{
		display:table-cell;
		vertical-align:middle;
		margin:0 auto;
	}