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


body{
	margin:0;
	padding:0;
	background-color:#f1f1f1;
	color:#282828;
	overflow-x: hidden;
}

a{
	color:#bb7b31;
	text-decoration:none;
}

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

h1, h2{
	/*font-family: 'Aaux ProMedium',Arial, Helvetica, sans-serif; font-weight: 500; font-style: normal;*/
	font-family: 'Aaux ProLight',Arial, Helvetica, sans-serif;font-weight: 300;
}

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

h1{
	font-size:28px;
	color:#c5af96;
}
h2 {
	font-size:22px;
	color:#c5af96;
}

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

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

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

@media screen and (min-width:768px){
	h1{
		font-size:45px;
		color:#c5af96;
	}
	h2 {
		font-size:35px;
		color:#c5af96;
	}

	h3 {
		font-size:28px;
		color:#282828;
	}
	.textMyContent{
		font-size:20px !important;
		color:#282828;
	}
}


.img-force-responsive{
	height:auto;
	width: 100% !important;
	/*display: block;*/
}




.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:768px){
	.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;
}

.item{
	position: relative;
	display: block;
	margin:0px !important;
	padding:0px !important;
}

.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-height:158px;
	/*width:100%;
	height:auto;*/
	display:inline-block;
	z-index:99;
	margin-top: 30px;
	margin-left: 20px;
}
.myheaderWraper{
	/*position: fixed;*/
	position: absolute;
	z-index:999;
	width:100%;
}
.header{
	max-height:158px;
	width:100%;
	/*height:158px;*/
	
}
@media (max-width: 767px) {
  .header {
	/*width: 750px;*/
	/*height:auto;*/
	position:fixed;
	z-index:999 !important;
  }
}


.SectionNav{
	position: relative;
	width:100%;
	display:inline-block;
	bottom:0px;
	z-index:98;
}

.SectionNavWrap{
	position: absolute;
	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;*/
}

.hpSearchIcon, .hpBookingButton{
	display:inline-block;
	float:right;
	margin:auto;
	text-align:center;
	padding-top:5px;
	border:3 solid #333;
	
	background-color:#c5af96;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	width:42px;
	height:37px;
	
}
.hpSearchIcon 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 10px 0px 0px;
	width:60px;
}
.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 25px;
  color:#fff;
}
.nav > li > a:after {
	content: ' ';
	display: block;
	position: absolute;
	right:0;
	top: 15px;
	height: 20px;
	width: 2px;
	border-right: 2px solid #fff;
}
.nav > li:last-child > a:after {
	display: none;
}
.nav > li.special > a {
    padding: 10px 10px;
    background: #c5af96;
    border: 1px solid #fff;
    color: #282828;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    outline: none !important;
    margin-top: 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.nav > li.special > a:hover {
	background: #c5af96;
	color: #fff;
}
.nav > li.special > a:after {
	display: none;
}
a.nav-book{
	display: inline-block;
	padding: 1px 20px;
	background: #c5af96;
	border: 1px solid #fff;
	color: #282828;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 7px;
	margin-right: 10px;
}
a.nav-book:hover,
a.nav-book:focus {
	color: #fff;
	text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
  text-decoration: none;
  color: #282828;
}
.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-inclusive > a{
	background-color:#c5af96;
	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: 991px) { /* add new */
	.mainNav{
		display:none;
	}
}
@media (max-width: 767px) {

	
	
	.SectionNavWrap{
	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 (min-width: 992px) {
	#searchToggler{
		position: absolute;
    	right: 10px;
    	top: -45px;
	}
	#gcse{
		right: 70px;
		top: -97px;
	}
}
@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 (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: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
		  box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
}

.sub-menu{
	margin: auto;
	padding:50px 100px 50px 100px !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(../../uploads/component/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(../../uploads/component/dropdown-arrow.png) no-repeat center;
	background-color:#F00;
	height:30px;
	width:30px;
}

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


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

.searchBarWrap{
	position: absolute;
	/*background:#333;*/
	width:100%;
	display:inline-block;
	bottom:65px;
	right:0;
	z-index:100;
	max-width:500px;
	/*text-align:right*/
}
.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%;
	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;
	}
	#searchToggler{
		position: absolute;
		right: 66px;
		top: -10px;
		/*top: 30px;*/ /*remove and change to add new*/
		/* add new */
		
	}
	/* add new update*/
	#gcse{
    	right: 30px;
    	top: -70px;
	}
	
	.searchBar{
		    height: 50px;
	}

	/*
	#gcse{
    	right: 119px;
    	top: -85px;
	}
	*/
}
@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;
	}
		.searchBar{
		    height: 50px;
	}
}

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

/*
.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;
}
.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;
}
*/MOV

.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;
	}
}
  /* 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%; }
/*********************/


.img-circle {
	border-radius: 50%;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border: double 6px #FFF;
	/*max-width:100% !important;
	height: auto;*/
}

/*home*/
.homeButtonVideoWrap{
	position: absolute;
	z-index:1;
	/*margin-top:-200px;*/
	bottom:-50px;
	right:20px;
	max-width:250px;
}

.homeTopPromo{
	position: relative;
	z-index:1;
	/*margin-top:-60px;		*/
}

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




/* Home Section */
#intro {
	display: table;
	width: 100%;
	height: 100% !important;
	/*height: auto;
	padding: 100px 0;*/
	text-align: center;
	color: #fff;
	/*background-color: #000;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}
#intro:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
#intro .intro-body {
	display: table-cell;
	vertical-align: middle;
}
#intro .intro-body H1 {
	font-size: 76px;
	font-weight: 700;
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
}

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

@media (orientation:landscape) {
	#intro {
		background-image: url(../../uploads/images/images-header/samabe-bali-home-page-header.jpg) !important;
	}
}

@media (orientation:portrait) {
	#intro {
		background-image: url(../../uploads/images/images-header/samabe-bali-home-page-header-portrait.jpg) !important;
	}
}

.roomSliderBoxWraper{
	width:100%;height: auto;margin:0 auto;position: absolute; z-index:99; left:0; right:0; bottom:0px; text-align:center;
}

.roomSliderTitle{
	position:absolute;
	top:0px;
	left:0px; right:0px;
	margin:0 auto;
	margin-top: -45px;
	/*z-index:999;*/
	min-width:300px;
	max-width:500px;
	padding:15px;
	border:3px solid #FFF;
	background-color:#282828;
	color:#FFF;
	z-index:9999;
}
.roomSliderBox{
	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{
	width:100%;
	position: absolute;
	bottom:0px;
	padding:0px !important;
	margin:0px !important
	
}
.roomSliderPrice{
	background-color:#acca14;
	color:#fff;
	text-align:center;
	padding:10px !important;
	margin:0px !important;
	height:68px;
}
.roomSliderRoomType{
	background-color:#282828;
	text-align:right;
	color:#FFF;
	height:68px;
	padding:18px 15px !important;
	margin:0px !important;
	font-size:24px;
}


.roomContent{
	position:relative; margin-top:20px;
}
@media(min-width:1024px) {
	.roomContent{
	position:relative; margin-top:90px;
}
}

@media(max-width:767px) {
.roomSliderRoomType{
	text-align: center;
	height: auto!important;
	padding:5px !important;
	font-size:14px;
}
#suiteRoom .suiteRoom-Title{
	top:120px;
	background-color: rgb(40,40,40); background-color: rgba(40,40,40,0.6);
	padding:10px 0px;
}
.roomSliderPrice{ display:none;}
.roomSliderTitle{display:none;}
.roomSliderBox{top:0px !important;margin-bottom:50px !important;}
}

@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{top:0px !important;margin-bottom:0px !important;}
}

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

/* 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{
	position: relative; bottom:0px; margin-top:-100px; width:100%; z-index:99;
}
@media(max-width:767px) {
	#Vid-Book-Wrap{
		display:none;
		 margin-top:0px;
		 top:50px;
		 padding-top:60px;
	}
}
/*booking posision*/
.bookingWraper{
	width: 100%;
	/*max-width: 700px;*/
	
	height:auto !important;
	z-index:99;
	position: relative;
	margin-top: 15px;
	margin-right: 85px;
	margin-left: auto;
	/*border: solid 2px rgba(181, 181, 181, 0.61);*/
	border: solid 2px rgba(181, 181, 181, 1);
	border-radius: 25px;
	padding: 20px 20px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}

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

.bookingbox{
 padding:5px;
 background: #fff;
color: #282828;
}
.bookingbox .AdultChildWrap{
	padding: 6px 0;
}
.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;
	line-height: 60px;
	color:#c5af96;
}
.textBookAdult, .textBookChild{
	height:40px !important;
	font-family: "Aaux ProMedium"; font-weight: 500; /*font-style: normal;*/
	font-size:40px;
	line-height: 40px;
	color:#c5af96;
	padding-bottom: 5px;
}

.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;
}
.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%;
	
}
.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;
	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;
	text-align:center;
	cursor:pointer;
}


.bookingButton{
	display: block;
	width: 100%;
	padding: 6px 12px;
	background: #c5af96;
	border: 1px solid #fff;
	color: #282828;
	text-transform: uppercase;
	text-decoration: none;
	/*font-size: 32px;
	line-height: 36px;*/
	font-size: 28px;
	line-height: 34px;
	outline: none !important;
}

/*
.textBookAdultChild{
	width:40px;
	height:30px;
	background-color:#ffffff;
	border: none;
	text-align:center;
	padding-top:5px;
}
*/


#footer-Page{
	position:relative;
	background:url(../../uploads/component/footer-bg.jpg) no-repeat bottom center / 100% 100%;
	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;
}
@media (orientation: portrait){
	#footer-Page{
		background:url(../../uploads/component/footer-bg-portrait.jpg) no-repeat bottom center / 100% 100%;
		background-size: 100% auto !important;
	}
}
#footer-Page a{
	color:#c5af96 !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;
		padding-bottom: 20px;
	}
	#footer-Page .partOurProperty{
		text-align:center !important;
		padding-bottom:0px;
	}
}

@media(min-width:992px) { /*@media(min-width:972px) { add new update to*/
	#Mobilefoter{
		display:none;
	}
	
}
	#Mobilefoter {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

#Mobilefoter{
	background-color: #000;
	margin: 0 auto;
	text-align: center !important;
}

.whiteText{
	color:#FFF !important;
}
.redText{
	color:#ed145b;
}
.lightBlueText{
	color:#c5af96 !important
}
.lightGreenText{
	color:#acca14 !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-Tiktok{
	background-image:url(../../uploads/component/soc-med-icon-2.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-Tiktok{
	background-position: -320px 0px;
}
.soc-med.grayscale a{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.soc-med.grayscale a:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/***********/
.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;

	}
}




/* ============= NEW MOVE ON ============= */

@media (orientation: landscape){
	#Activity>.parallax-bg{
		background-image: url('../../uploads/images/img-home/resort-activities.jpg') !important;
	}

	#Spa>.parallax-bg{
		background-image: url('../../uploads/images/img-home/spa.jpg') !important;
	}

	#Dining>.parallax-bg{
		background-image: url('../../uploads/images/img-home/dining-video.jpg') !important;
	}
}

@media (orientation: portrait){
	#Activity>.parallax-bg{
		background-image: url('../../uploads/images/img-home/resort-activities-portrait.jpg') !important;
	}
	#Spa>.parallax-bg{
		background-image: url('../../uploads/images/img-home/spa-portrait.jpg') !important;
	}
	#Dining>.parallax-bg{
		background-image: url('../../uploads/images/img-home/dining-video-portrait.jpg') !important;
	}
}

.parallax-bg{
	position: relative;
	display: table;
	width: 100% !important;
	height: 100% !important;
	color: #fff;
	padding: 0;
	background-color: #000;
	background-image: url(../../uploads/images/images-header/samabe-bali-home-page-header.jpg);
	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;
}

h1{
	font-size: 54px;
}

h2{
	font-size: 28px;
}

h3{
	font-size: 22px;
}

.small-heading h1{
	font-size: 36px;
}

.small-heading h2{
	font-size: 24px;
}

.brownBg{
	background: #c5af96;
	color: #fff;
	text-align: center;
	padding: 50px 15px;
}

.homeSlider h1,.homeSlider h2,.homeSlider h3,.homeSlider p{
	color: #fff;
	text-align: center;
}

.homeSlider p{
	width: 75%;
	margin: auto;
}

.accomodation-wrapper{
	position: relative;
	color: #fff;
}

.accomodation-wrapper h1,
.accomodation-wrapper h2,
.accomodation-wrapper a.read-more{
	color: #fff;
}

.accomodation-wrapper h1{
	font-size: 36px;
}

.accomodation-wrapper h2{
	font-size: 22px;
}

.accomodation-wrapper a.read-more{
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 30px;
}

.accomodation-wrapper a.read-more .glyphicon{
	font-size: 16px;
}

.accomodation-wrapper .accomodation-caption{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0px 25px 0px 140px;
	margin-bottom: 35px;
}

.parallax-bg>.container{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 35px;
}

.parallax-bg h1,
.parallax-bg h2,
.parallax-bg h3,
.parallax-bg a.read-more{
	color: #fff;
}

.parallax-bg a.read-more{
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 30px;
}

.parallax-bg a.read-more .glyphicon{
	font-size: 16px;
}

.play-button{
	display: block;
	width: 222px;
	height: 222px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.55);
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -111px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.play-button:before{
	content: ' ';
	position: absolute;
	left: 15px;
	right: 15px;
	top: 15px;
	bottom: 15px;
	border-radius: 50%;
	background-color: rgba(230, 143, 24, 0.53);
}
.play-button>span{
	display: block;
	position: absolute;
	left: 52px;
	top: 35px;
	bottom: 35px;
	border-left: 156px solid #fff;
	border-top: 76px solid transparent;
	border-bottom: 76px solid transparent;
}

.play-wrapper{
	position: relative;
}

.play-vid{
	background-color: #000;
	position: absolute;
	left: 60px;
	top: 10%;
	right: 60px;
	bottom: 10%;
	z-index: 1080;
}

.play-vid>iframe{
	width: 100%;
	height: 100%;
}

.xsplay-wrapper .play-vid{
	top: 0;
	right: 15px;
	bottom: 0;
	left: 15px;
}

.close-modal{
	cursor: pointer;
	background: url(../../uploads/component/close-icon2.png) 0 0 no-repeat;
	width:25px;
	height:25px;
	position:absolute;
	top:-10px;
	right:-10px;
	display:block;
	z-index:1081;
	
}

.text-dark,.text-dark h1,.text-dark h2,.text-dark h3,.text-dark p,.text-dark a{
	color: #282828 !important;
}

.ornament{
	display: block;
	margin: auto;
}

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

@media (max-width:1366px){
	.bookingButton{
		font-size: 24px;
	}
	.homeSlider h1{
		font-size: 48px;
	}
}
@media (min-width:1200px){
.bookingWraper{max-width: 300px;
}
}
@media (max-width:1200px){
	.bookingWraper h1{
		font-size: 46px;
	}
	/*
	.bookingWraper{
		width: 70%;
		right: -58px;
		top: 100px;
		max-width: 350px;

	}
	*/
	.bookingButton{
		font-size: 18px;
	}
	.nav > li > a{
		padding: 15px;
	}
	a.nav-book{
		padding: 1px 10px;
	}
	.checkinDateField, .textBookDate, .checkoutDateField{
		font-size: 48px;
		line-height: 48px;
	}
	.textBookAdult, .textBookChild{
		font-size: 40px;
		line-height: 40px;
	}
	.checkinDateMonth, .textBookDay, .textBookMonth{
		font-size: 14px;
	}
	
}
@media (max-width:1024px){
	.textBookAdult, .textBookChild{
		font-size: 36px;
		line-height: 36px;
	}
}

/***** FULL MENU *****/
.FullMenubar{
	max-width:100%;
	height:auto;
	max-height:600px;
}
.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);
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 0px;
	width: 100%;
	font-family:Philosopher, Verdana, Geneva, sans-serif;
	font-size:16px;
}

.overlay a {
	text-decoration: none;
	font-size: 16px;
	color: #282828;
}

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

.overlay .closebtn {
   position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px !important;
	z-index:999999;
	color:#a27f53;
}
.titleLink {
	color:#a37f54 !important;
	text-transform:uppercase;
}
.titleLink:hover {
	color:#282828 !important;
}
#gcse{
	display: none;
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 16px}
  .overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .overlay a {font-size: 16px}
  .overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 5px;
  }
  
}
@media (max-width : 767px) {
	.bahasaWraper{
		background-color:#000;
		padding:10px 0px;
		color:#FFF;
		height:auto;
		border-top:0 !important;
	}
	.searchTextBox {
		max-width: 75%;
	}
}
.bahasaWraper{
	background-color:#000;
	padding:10px 0px;
	border-top:#FFF solid 1px;
	color:#FFF;
	height:auto;
}
#bahasa .bahasa-en, .bahasa-id, .bahasa-cn, .bahasa-ru, .bahasa-jp, .bahasa-fr, .bahasa-kr, .bahasa-es, .bahasa-de {
	background-image:url(../../uploads/component/language.png);
	background-repeat:no-repeat;
	height:38px;
	display: block;
	background-color:#000;
	margin:0;
	padding:0;
}

#bahasa ol ul {
	display:block;
	margin:0;
	padding:0;
	list-style: none;
	display: inline-block;
	
}

#bahasa li {
  display: inline-block;
  margin:0;
	padding:0;
}
#bahasa li  a {
  display: inline-block;
  margin:0;
	padding:0;
	color:#666;
}


#bahasa .bahasa-en{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px 0px;
}
#bahasa .bahasa-id{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -40px;
}
#bahasa .bahasa-cn{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -80px;
}

#bahasa .bahasa-ru{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -120px;
}

.bahasa-jp{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -160px;
}
#bahasa .bahasa-fr{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -200px;
}
#bahasa .bahasa-kr{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -240px;
}
#bahasa .bahasa-es{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -280px;
}
#bahasa .bahasa-de{
	width:38px;
	height:38px;
	display: inline-block;
	background-position: 0px -320px;
}
.arrowFullNavbar{
	text-align: center;
	width: 100%;
	height: 45px;
	background-image: url(../../uploads/component/arrow-white-bg-black.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	height: 45px;
	bottom: 16px;
}
.contentPutihBg{
	background-color:#FFF;
}

.FullNavTitle{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
	
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomright: 100px;
	
	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;

	
	background-color:#a27f53;
	width:95%;
	padding:10px;
	color:#FFF;
	font-family:Philosopher, Verdana, Geneva, sans-serif;
	font-size:18px;
	
	
	box-shadow: 20px 8px 5px -6px #c8c8c8;
}
.FullNavTitle a{
	color:#FFF !important;
}
/***** /FULL MENU *****/

#Instagram{
	text-align: center;
}

#Instagram h1,.home-awards h1{
	display: inline-block;
	text-align: center;
	font-size: 64px;
	padding-bottom: 8px !important;
	margin-bottom: 8px !important;
	border-bottom: 3px solid #282828;
}

#Instagram h2{
	color: #282828;
	font-size: 28px;
}

#instafeed{
	padding-top: 20px;
	padding-bottom: 50px;
}

#instafeed .slick-track{
	display: flex;
	height: 270px;
}

#instafeed .slick-slide{
	display: flex;
	height: 98%;
	align-items: center;
	justify-content: center;
	outline: none !important;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 3px;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0px 0px 1px 1px #8c8c8c;
}

#instafeed .img-insta{
	/*display: inline-block !important;
	width: auto !important;
	height: 260px !important;
	padding: 0px 5px 0px 5px;
	background-color: #FFF;
	vertical-align: central !important;
	display: block;
	margin: auto;*/
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#instafeed .img-insta:hover{
	transform: scale(1.1);
}

.home-awards{
	margin-bottom: 60px;
}

#home-accolades{
	background: #fff;
    padding: 30px 5px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#Mobilefoter>.container{
	padding-left: 7.5px;
}

#Mobilefoter a{
	display: inline-block;
	max-width: 25%;
	padding: 0 15px;
	border-right: 1px solid #FFF;
}

#Mobilefoter a:last-of-type{
	padding-right: 0;
	border-right: 0;
}

#Mobilefoter a>img{
	display: block;
}

.homeSlider a:hover,.homeSlider a:focus{
	text-decoration: none !important;
}

#myBookNowClose{
	display: none;
}

@media (min-width:768px) and (max-width:991px){
	.navbar-nav{
		display: block;
		float: none;
	}
	.logoWraper{
		margin-top: 15px;
	}
	.NavbarIcon{
		float: none;
		display: block;
		position: absolute;
		right: 4px;	
		top: -17px; /*add new*/
		/*top: 25px;*/ 
	}
	.navbar-nav{
		position: relative;
		top: -15px;
	}
	a.nav-book{
		margin-top: 30px;
		margin-right: 13px;
	}
	/*
	.bookingWraper {
		position: absolute;
		max-width: 350px;		
		top: 110px;
	}
	*/
}
@media (min-width:768px) and (max-width:1199.99px){
	.bookingWraper {
		position: absolute;
		max-width: 300px;		
		top: 110px;
		right: 0px;
	}
}
@media(max-width:991px){
	.myheaderWraper{
		position: absolute;
	}
	#footer-Page{
		background-size: auto 100%;
	}
	.container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
}

@media(max-width:767px){
/*	#intro {
		background: url('../../uploads/images/images-header/samabe-bali-home-page-header.jpg') no-repeat center center auto;
	}
	#Activity>.parallax-bg{
		background: url('../../uploads/images/img-home/resort-activities.jpg') no-repeat center center auto;
	}

	#Spa>.parallax-bg{
		background: url('../../uploads/images/img-home/spa.jpg') no-repeat center center auto;
	}

	#Dining>.parallax-bg{
		background: url('../../uploads/images/img-home/dining-video.jpg') no-repeat center center auto;
	}*/
	body{
		font-size: 14px;
	}
	#myBookNow{
		display: none;
	}
	#myBookNowClose{
		display: block;
	    position: absolute;
	    right: 10px;
	    top: 10px;
	    cursor: pointer;
	}
	.SectionNavWrap{
		padding: 0 15px;
	}
	.SectionNavWrap>.mainNavWrap>.btn{
		margin-right: 4px;
	}
	.header{
		height: auto;
		padding: 7px 0 4px 0;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.header.has-bg{
		background: rgba(0, 0, 0, 0.8);
	}
	.logoWraper{
		margin: 0 62px 6px auto !important;
		max-width: 130px;
	}
	.bookingWraper{
		display: none;
		margin: 0;
		position: absolute;
		top: 70px;
		left: 10px;		
		right: 10px;
		width: auto;
		background: rgba(0, 0, 0, 0.6);
	}
	.bookingWraper h1 {
		font-size: 28px;
		line-height: 28px;
	}
	.soc-med-wrapper{
		background: #fff;
		padding: 20px 0 30px 0;
		text-align: center;
	}
	.checkinDateField, .textBookDate, .textBookAdult, .textBookChild, .checkoutDateField {
		font-size: 28px;
		line-height: 28px;
		height: 40px;
	}
	.bookingbox .AdultChildWrap{
		padding: 0;
	}
	.bookingButton {
		line-height: 24px;
	}
	h1,.homeSlider h1{
		font-size: 38px;
		text-align: center;
	}
	h2,h3{
		font-size: 20px;
		text-align: center;
	}
	.play-button {
		width: 160px;
		height: 160px;
		margin-top: -80px;
	}
	.play-button:before {
		left: 10px;
		right: 10px;
		top: 10px;
		bottom: 10px;
	}
	.play-button>span {
		left: 44px;
		top: 21px;
		bottom: 35px;
		border-left: 107px solid #fff;
		border-top: 60px solid transparent;
		border-bottom: 60px solid transparent;
	}
	.accomodation-wrapper .accomodation-caption{
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.accomodation-wrapper a.read-more {
		font-size: 14px;
		margin-top: 12px;
	}
	.accomodation-wrapper a.read-more .glyphicon {
		font-size: 14px;
	}
	.small-heading h1 {
		font-size: 30px;
	}
	.small-heading h2 {
		font-size: 20px;
	}
	.parallax-bg a.read-more {
		font-size: 16px;
		margin-top: 20px;
		text-align: center;
	}
	.parallax-bg>.container,.parallax-bg>.section-title {
		top: auto;
		bottom: 0;
		margin-bottom: 30px;
	}
	.row-height .col-lg-1,.row-height .col-lg-10,.row-height .col-lg-11,.row-height .col-lg-12,.row-height .col-lg-2,.row-height .col-lg-3,.row-height .col-lg-4,.row-height .col-lg-5,.row-height .col-lg-6,.row-height .col-lg-7,.row-height .col-lg-8,.row-height .col-lg-9,.row-height .col-md-1,.row-height .col-md-10,.row-height .col-md-11,.row-height .col-md-12,.row-height .col-md-2,.row-height .col-md-3,.row-height .col-md-4,.row-height .col-md-5,.row-height .col-md-6,.row-height .col-md-7,.row-height .col-md-8,.row-height .col-md-9,.row-height .col-sm-1,.row-height .col-sm-10,.row-height .col-sm-11,.row-height .col-sm-12,.row-height .col-sm-2,.row-height .col-sm-3,.row-height .col-sm-4,.row-height .col-sm-5,.row-height .col-sm-6,.row-height .col-sm-7,.row-height .col-sm-8,.row-height .col-sm-9,.row-height .col-xs-1,.row-height .col-xs-10,.row-height .col-xs-11,.row-height .col-xs-12,.row-height .col-xs-2,.row-height .col-xs-3,.row-height .col-xs-4,.row-height .col-xs-5,.row-height .col-xs-6,.row-height .col-xs-7,.row-height .col-xs-8,.row-height .col-xs-9{
		padding-left:0;
		padding-right:0;
	}
	.homeSlider p{
		width: auto;
	}
	.accomodation-wrapper h1{
		text-align: left;
		font-size: 19px;
	}
	.accomodation-wrapper h2{
		text-align: left;
		font-size: 16px;
	}
	.brownBg{
		padding: 30px 15px;
	}

	.ornament{
		max-width: 70px;
		height: auto;
	}
	footer{
		background: #000;
		padding-bottom: 60px;
	}
	.row-height{
		height: auto;
	}
	.searchBarWrap{
		display: block;
		left: 0;
	}
	.datepicker table tr td, .datepicker table tr th{
	    width:40px !important;
	    height:40px !important;
	}
}

@media only screen and (max-width:767px) and (orientation: landscape){
	.play-button {
		width: 110px;
		height: 110px;
		margin-top: -100px;
	}
	.play-button:before {
		left: 4px;
		right: 4px;
		top: 4px;
		bottom: 4px;
	}
	.play-button>span {
		left: 27px;
		top: 12px;
		bottom: 16px;
		border-left: 80px solid #fff;
		border-top: 43px solid transparent;
		border-bottom: 43px solid transparent;
	}
}

@media only screen and (max-width:480px){
	h1, .homeSlider h1{
		font-size: 28px;
	}
	h2,h3{
		font-size: 18px;
	}
	.play-button {
		width: 110px;
		height: 110px;
		margin-top: -65px;
	}
	.play-button:before {
		left: 4px;
		right: 4px;
		top: 4px;
		bottom: 4px;
	}
	.play-button>span {
		left: 27px;
		top: 12px;
		bottom: 16px;
		border-left: 80px solid #fff;
		border-top: 43px solid transparent;
		border-bottom: 43px solid transparent;
	}
	.parallax-bg a.read-more {
		font-size: 14px;
		margin-top: 14px;
	}
	.parallax-bg a.read-more .glyphicon {
		font-size: 11px;
	}
	.SectionNavWrap {
		padding: 0 10px;
	}
	.logoWraper {
		margin: 0 54px 6px auto !important;
		max-width: 111px;
	}
	.section-title{
		top: auto;
		bottom: 10%;
	}
	.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-Tiktok{
		width: 28px;
		height: 28px;
	}
	.soc-med .soc-med-fb{
		background-position: -32px 0px;
	}
	.soc-med .soc-med-vk{
		background-position: -65px 0px;
	}
	.soc-med .soc-med-weibo{
		background-position: -96px 0px;
	}
	.soc-med .soc-med-Gmap{
		background-position: -128px 0px;
	}
	.soc-med .soc-med-Twiter{
		background-position: -160px 0px;
	}
	.soc-med .soc-med-Istagram{
		background-position: -192px 0px;
	}
	.soc-med .soc-med-Youtube{
		background-position: -224px 0px;
	}
	.soc-med .soc-med-Tiktok{
		background-position: -257px 0px;
	}
	#footer-Page>.container, #footer-Page>.container a {
		font-size: 16px !important;
		line-height: 20px;
	}
}

a{
	outline: none !important;
}