@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

@font-face {
	font-family: 'Lora Regular';
	src: url('../fonts/Lora/Lora-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Lora/Lora-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/Lora/Lora-Regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/Lora/Lora-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lora Bold';
	src: url('../fonts/Lora/Lora-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Lora/Lora-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/Lora/Lora-Bold.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/Lora/Lora-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova Light';
	src: url('../fonts/ProximaNova/ProximaNova-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ProximaNova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ProximaNova/ProximaNova-Light.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ProximaNova/ProximaNova-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova Regular';
	src: url('../fonts/ProximaNova/ProximaNova-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ProximaNova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ProximaNova/ProximaNova-Regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ProximaNova/ProximaNova-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova Bold';
	src: url('../fonts/ProximaNova/ProximaNova-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ProximaNova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/ProximaNova/ProximaNova-Bold.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/ProximaNova/ProximaNova-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'BellMTStd Regular';
	src: url('../fonts/BellMTStd-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/BellMTStd-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/BellMTStd-Regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/BellMTStd-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight: 700;
	font-style: normal;
}

/* ------------------------------------
   CSS Prefix
   -----------------------
   <div> - layer
   <table> - table
   <tr> - row
   <td> -column
   <h1>~<h6> - header
   <span> - style
   <a> - link
   <ul>/<ol> - listing
   <li> - list
   <img> - img
   <p> - panel
---------------------------------------*/

@media all{

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-family: 'ProximaNova Regular', Arial, sans-serif;
	font-size: 16px;
	color:#888888;
	line-height:24px;
	font-weight:300;
	letter-spacing:1px;
}

a {
	color: #888888;
	text-decoration:none;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}

a:hover{
	opacity: 0.8;
	text-decoration:none;
}


/* Text Style*/

	.link-pdf{
		color: #0069b3;
		font-size: 16px;
	}
	.link-back{
		background: #161f6e;
		padding: 8px 12px;
		color: white;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0px;
		display: block;
		border-radius: 2px;
	}
	.link-back:hover{
		opacity: 0.8;
		color: white;
	}

	p, p a{
		font-size: 14px;
		color:#808080;
		line-height: 24px;
		margin: 0;
		padding: 0;
		letter-spacing: 0;
	}

.fontfamily-open {font-family: 'ProximaNova Bold', Arial, sans-serif;}

.red {color:#FF0000;}
.yellow{color:#f9cf00!important}
.orange {color:#ffa200;}
.grey {color:#888888;}
.green {color:#73AD00;}
.beige{color:#dec8b2}
.blue {color:#0069b3;}
.black {color:#000000;}
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff!important;}
.gold {color:#b8a252;}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#666666;}
.bgGreen {background:#73AD00;}
.bgBlue {background:#2d95d1;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff;}
.bgBeige {background:#dec8b2;}
.bgBeige2 {background:#e5d7c8;}
	.bg-nature{
		background: url("../img/bg-home-nature.jpg") no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		width: auto;
		height: 100vh;
		display: flex;
		align-items: center;
	}
	.bg-cafe{
		background: url("../img/bg-home-cafe.jpg") no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		width: auto;
		height: 100vh;
		display: flex;
		align-items: center;
	}


/* reusable classes */
.floatLeft {float:left;width:auto;}
.floatRight {float:right;width:auto;}
.right {text-align:right;}
.left {text-align:left}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #bbb;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#999999;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:80%;}
.line {border-top: 1px solid #999999;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.imgFloatLeft {float:left;padding:0 20px 20px 0;display:block;}
.imgFloatRight {float:right;padding:0 0 20px 20px;display:block;width:auto;}
.divider-xs{height:10px}
.divider-sm{height:20px}
.divider-md{height:40px}
.divider-lg{height:60px}
.font-regular{font-weight: 400!important}

/* Background */
.bg-yellow{background: url("../img/bg-run.jpg") no-repeat center center #fff200;background-size: cover;}
.bg-yellow2{background: #ffd900}
.bg-dot{background: url("../img/bg-dot.png") repeat}
.bg-grey{background: #f2f2f2;}
.bg-darkgrey{background: #e5e5e5;}

/* Button */
	.btn-send, .btn-book a{
		background: #161f6e;
		padding: 2px 12px 1px!important;
		color: white!important;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 1px;
		display: inline-block;
		text-align: center;
		margin: 0 0 0 5px;
		text-decoration: none;
    	border: none;
	}
	.btn-check a{
		width: 100%;
		height: 60px;
		font-family: 'ProximaNova Bold', Arial, sans-serif;
		background: #e0e0e0;
		color: black;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		margin: 0;
		padding: 5px 20px;
		display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.btn-check a:hover{
		opacity: 0.6;
	}
	.btn-more a{
		display: block;
		color: black;
		font-size: 22px;
		margin: 15px 0 0;
	}
	a.btn-promo{
		width: 160px;
		height: 50px;
		font-family: 'ProximaNova Bold', Arial, sans-serif;
		background: #b99470;
		color: white;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-align: center;
		text-decoration: none;
		margin: 0 auto;
		padding: 5px 20px;
		display: flex;
	  align-items: center;
	  justify-content: center;
	}
	a.btn-check:hover{
		opacity: 0.6;
	}

/*general*/
.clear{clear:both;}

.clearfloat:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfloat {
    height: 1%;
}
.clearfix {
    display: block;
}

.hide {
	display: none;
}

.center{
		text-align: center;
}
.img-responsive{width: 100%;height: auto;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


input, textarea {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
#element::-webkit-scrollbar {
    display: none;
}
	.margin-0{margin: 0}

/* Scrollbar */
/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: transparent;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: transparent;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #d9d9d9;
}

/* Alignment Style */
body {
	padding:0;
	margin:0 auto;
	background: white;
}


/*Controls Section*/
.layer-wrapper {
	width: 100%;
	margin: 0 auto;
	padding:0;
}
.layer-content{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}
section{
	width: 100%;
    height: auto;
    padding: 70px 0;
}
	section h1{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 52px;
		color: #161f6e;
		line-height: 55px;
		letter-spacing: 1px;
		margin: 0 0 20px;
		padding: 0;
	}
	section h2{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 26px;
		color: #888;
		line-height: 30px;
		letter-spacing: 1px;
		margin: 0 0 15px;
		padding: 0;
	}
	section h3{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 24px;
		color: #161f6e;
		line-height: 26px;
		letter-spacing: 0px;
		margin: 20px 0 10px;
		padding: 0;
	}
	section p{
		font-size: 15px;
		line-height: 20px;
		margin: 0 0 15px;
		color: black;
		letter-spacing: 0.5px;
	}
	section h4{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 34px;
		color: #888;
		line-height: 36px;
		letter-spacing: 1px;
		margin: 0 0 15px;
		padding: 0;
	}
	.top-line{
		border-top: 1px dashed #ccc;
	}

/**** Header ****/
	.layer-top{
		width: 100%;
		background: #111111;
		position: fixed; /*absolute*/
		top:0;
		left:0;
		right:0;
		z-index: 1000;
		margin: 0;
		padding: 0;
		display: block;
	}
	.layer-top .left{
		font-family: 'Roboto', Arial, sans-serif;
		color: #ffb864;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 3px;
		padding: 8px 0;
	}
	.layer-top .right{
		color: white;
		font-size: 11px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		padding: 8px 0;
	}



/**** Homepage ****/


/* Bootstrap Slider */
	.carousel{
		background: black;
	}
	.carousel-control-prev, .carousel-control-next{
		z-index: 4;
	}
	.carousel-inner>.carousel-item{
		height: 100vh;
		background-repeat: no-repeat!important;
		background-size: cover!important;
		background-position: center center!important;
		position: relative;
	}
	.carousel-control{
		height: 100vh;
	}
	.carousel-control span{
		color: white;
	}
	.carousel-inner>.carousel-item .layer-slogan{
		position: absolute;
		left:0;
		right:0;
		bottom:150px;
		margin: 0 auto;
		text-align: center;
	}
	.carousel-inner>.carousel-item .layer-slogan h1{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 68px;
		line-height: 72px;
		color: white;
		letter-spacing: 3px;
		text-shadow: 0px 0px 15px #000;
		margin: 30px 0 25px;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan p{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 21px;
		line-height: 24px;
		color: white;
		letter-spacing: 2px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan h3{
		font-size: 16px;
		line-height: 20px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 4px;
		text-shadow: 0px 0px 15px #000;
		margin: 60px 0 10px;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan h3:after{
		content: "";
		display: block;
		text-align: center;
		border-top: 2px solid #ffb864;
		width: 150px;
		padding: 20px 0 0;
		position: relative;
		left: 50%;
		margin-left: -75px;
		margin-top: 35px;
		right: 0;
	}
	.carousel-item .overlay{
		background: rgba(0, 0, 0, 0.35)!important;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
	}

/* Fade Effect */
.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
}

/* Section - Booking */
	.layer-booking{
		background: #111111;
		padding: 25px 15px;
	}
	.layer-booking label{
		display: block;
		text-transform: uppercase;
		color: white;
		letter-spacing: 2px;
		font-size: 13px;
		margin: 0 0 5px 0;
	}
	.layer-booking input{
		width: 100%;
		height: 56px;
		padding: 0 10px;
		margin: 0 auto 10px;
		background: #222222;
		border-bottom: 2px solid #ccd1fb;
	}
/* Section - Promotion */
	.layer-promotion{
		border: 12px solid #dcdee9;
		padding: 15px;
	}
	.layer-promotion .inside-promotion{
		border: 1px solid #dcdee9;
		padding: 30px;
		text-align: center;
	}
	.layer-promotion .inside-promotion h4{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 40px;
		line-height: 44px;
		color: black;
		padding: 0;
		margin: 10px 0;
	}
	.layer-promotion .inside-promotion h5{
		font-size: 30px;
		line-height: 34px;
		color: black;
		padding: 0;
		margin: 0 0 15px;
	}
	.layer-promotion .inside-promotion h5 span{
		font-size: 30px;
		line-height: 34px;
		font-weight: 700;
		color: #dbae58;
		font-family: 'ProximaNova Bold', Arial, sans-serif;
		font-style: italic;
	}
	.layer-promotion .inside-promotion p{
		font-size: 20px;
		line-height: 24px;
		color: black;
		padding: 0;
		margin: 0;
	}


/*******Inside Page *******/
/* Top Banner */
	.layer-banner{
		width:100%;
		height: 600px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	.banner-room{
		background-image: url("../img/rooms/family.jpg");
	}
	.banner-room-single{
		background-image: url("../img/rooms/coner01.jpg");
	}
	.banner-room-king{
		background-image: url("../img/rooms/coner01.jpg");
	}
	.banner-room-family{
		background-image: url("../img/rooms/coner01.jpg");
	}
	.banner-service{
		background-image: url("../img/service-frontdesk.jpg");
	}
	.banner-attractions{
		background-image: url("../img/slider03.jpg");
	}
	.banner-contactus{
		background-image: url("../img/slider04.jpg");
	}
	.banner-promotion{
		background-image: url("../img/slider08.jpg");
	}
	.banner-location{
		background-image: url("../img/pic-location.jpg");
	}
	.banner-privacy{
		background-image: url("../img/GVR-1008.jpg");
	}
	.banner-tnc{
		background-image: url("../img/GVR-1014.jpg");
	}
	.overlay{
		background: rgba(0, 0, 0, 0.4);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
	}
	.layer-banner .layer-slogan{
		position: absolute;
		left:0;
		right:0;
		bottom:160px;
		margin: 0 auto;
		text-align: center;
		z-index: 3;
	}
	.layer-banner .layer-slogan h1{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 68px;
		line-height: 72px;
		color: white;
		letter-spacing: 3px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.layer-banner .layer-slogan p{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 21px;
		line-height: 24px;
		color: white;
		letter-spacing: 2px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.layer-banner .layer-slogan h3{
		font-size: 16px;
		line-height: 16px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 4px;
		text-shadow: 0px 0px 15px #000;
		margin: 60px 0 0px;
		padding: 0;
	}
	.layer-banner h3:after{
		content: "";
		display: block;
		text-align: center;
		border-top: 2px solid #ffb864;
		width: 150px;
		padding: 15px 0 0;
		position: relative;
		left: 50%;
		margin-left: -75px;
		margin-top: 25px;
		right: 0;
	}
/* Top Banner Sub */
	.layer-banner-sub{
		width:100%;
		height: 280px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}

/* Room Detail */
	.layer-room-detail{
		margin-top: -120px;
		    z-index: 5;
    	position: relative;
	}
	.room-left, .room-right{
		background: white;
		border:1px solid #eee;
		padding: 30px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	}
	.layer-room-detail h2{
		font-size: 18px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		color: black;
	}
	.layer-room-detail h3{
		margin: 0 0 25px;
		padding: 5px 0 15px;
		border-bottom: 1px dashed #ccc;
	}
	.room-right ol{
		list-style-type:decimal;
		margin: 0 0 0 30px;
		padding: 0;
	}
	.room-right ul{
		list-style-type: disc;
	}
	.room-right ul li, .room-left p{
		color: #888888;
		letter-spacing: 0;
	}
	.layer-room-detail .carousel-inner>.carousel-item{
		height: auto;
	}
	.layer-room-detail b{
		font-weight: 700;
		color: black;
	}

/* Serice & Facilities */
	.layer-service img{
		margin: 0 0 25px;
	}

/* Privacy Policy */
	.layer-privacy ol{
		list-style-type: decimal;
		color: black;
	}
	.layer-privacy ul{
		list-style-type: disc;
		color: black;
	}
	.layer-privacy strong{
		color: black;
		font-size: 18px;
		text-transform: uppercase;
		font-family: 'ProximaNova Bold', Arial, sans-serif;
	}
	.layer-privacy ol.lower-alpha{
		list-style-type: lower-alpha;
		color: black;
	}
	.layer-privacy p{
		margin-left: 20px;
	}

/* Enquiry Form */
	.layer-form{
		margin: 0;
		}
.form-input{
	width: 100%;
    height: 56px;
    padding: 6px 12px;
    margin: 0 auto 15px;
    background: white;
    border-bottom: 0px solid #ccd1fb;
	display: flex;
    align-items: center;
    justify-content: center;
}
.form-input2{
	width: 100%;
    height: 56px;
    padding: 6px 12px;
    margin: 0 auto 15px;
    background: #edf0f7;
    border-bottom: 2px solid #ccd1fb;
}
	.form-input i{
		font-size: 24px;
		margin: 7px;
		vertical-align: middle;
		float: right;
	}

textarea.form-input2{height: auto;}
.form-inputCampaign{
	border:1px solid #eeeeee;
	padding:6px 10px;
	display:inline-block;
	width:50%;
	height: 32px;
	margin:0 0 10px!important;
}
.form-inputTotal{
	padding:6px 10px;
	display:inline-block;
	width:55%;
	margin:0 0 10px!important;
	color:black!important;
	font-weight: bold;
	font-size:15px!important;
}
.form-remark{
	font-size: 13px!important;
	color:#b0b0b0!important;
	font-style: italic!important;
	display: inline-block!important;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
.form-control-mobile {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    background: white;
    border: 1px solid #dddddd;
    padding: 6px 10px;
}
form label{
	font-size:14px;
	color:#4d4d4d;
	margin:0!important;
	padding:0;
	width:100%;
	text-align:left;
}
form span{
	display:block;
}

/* Promotion */
	.layer-promo1 {
		text-align: center;
		padding: 0px 15px;
	}
	.layer-promo1 h2{
		font-size: 24px;
		line-height: 26px;
		text-align: center;
		margin: 25px 0 0;
		color: #444;
		text-transform: capitalize;
		letter-spacing: 0;
	}
	.layer-promo1 h2:after{
		content: "";
		display: block;
		text-align: center;
		border-top: 2px solid #b99470;
		width: 60px;
		padding: 10px 0 0;
		position: relative;
		left: 50%;
		margin-left: -30px;
		margin-top: 15px;
		right: 0;
	}
	.layer-promo1 h3{
		font-size: 16px;
		text-align: center;
		margin: 0 0 10px 0;
		color: #b99470;
	}
	

/* Fancy Box Content */
	.fancybox-content{
		display: inline-block;
		max-width: 700px;
		background: #111;
	}
	.fancybox-content h2{
		font-size: 24px;
		font-weight: 700;
		color: #f2f2f2;
		margin: 0 0 15px;
		padding: 0;
	}
	.fancybox-content ul{
		list-style-type: disc;
		margin: 15px 0 15px 20px;
		padding: 0;
	}
	.fancybox-content ul li{
		letter-spacing: 0;
		font-size: 14px;
	}

/**** Footer ****/
	footer{
		padding: 30px 0 110px;
		background: #000;
	}
	footer p{
		color: #999;
		font-size: 12px;
		line-height: 14px;
		font-weight: 300;
		letter-spacing: 0;
		text-align: left;
		margin: 0 0 10px;
	}
	footer p a{
		color: white;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 14px;
	}
	footer p a:hover{
		color:#ccc;
	}
	footer p i{
		font-size: 4px;
		color: white;
		padding: 0;
		margin: 0 7px;
		vertical-align: middle;
		display: inline-block;
	}
	footer .layer-right{
		text-align: right;
	}
	footer .layer-right a{
		font-size: 32px;
		color: white;
		padding: 0;
		margin: 0 5px;
		opacity: 0.7;
	}
	footer .layer-right a:hover{
		opacity: 1.0;
	}

	.footer-nav{
		background: #cccccc;
		padding: 60px 0 70px;
	}
	.footer-nav ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.footer-nav ul li a{
		font-size: 13px;
		color: #2a2a2a;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 5px;
		display: inline-block;
	}
	.footer-nav ul li a:hover{
		opacity: 0.6;
	}
	.layer-newsletter{
	}
	.layer-newsletter i{
		font-size: 32px;
		color: black;
		vertical-align: middle;
		margin: 0 10px 0 0;
	}
	.layer-newsletter h6{
		font-family: 'ProximaNova Bold', Arial, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: black;
		padding: 0;
		margin: 0;
	}
	.layer-newsletter p{
		font-size: 12px;
		color: black;
		padding: 0;
		margin: -6px 0 0;
	}
	.layer-newsletter input{
		border-bottom: 2px solid black;
		background: transparent;
		width: 100%;
	}

	/* Location */
	.location-boxes {display:block;height:100%;border-radius:12px;}
	.location-boxes.type-a {background:#a3e1f7;color:#000;}
	.location-boxes.type-b {background:#f9e293;color:#000;}
	.location-boxes h4 {padding:25px 5px;margin:0;}
	.location-boxes p {padding:5px 15px;}
	.location-boxes.type-a  h4, .location-boxes.type-a p {color:#000;}
	.location-boxes.type-b h4, .location-boxes.type-b p {color:#000;}
	/* Tabs */
	.nav-list .nav.all-tabs .nav-link span {color:#ccc!important;font-weight:400;}
	.nav-list .nav.all-tabs .nav-link:hover span {color:#000;}
	.nav-list .nav.all-tabs .nav-link.active span {color:#333!important;font-weight:700;}
	.nav.all-tabs .nav-link {background:#fff;border:1px solid #ccc;padding:15px;}
	.nav.all-tabs .nav-link span {color:#999!important;font-weight:400;}
	.nav.all-tabs .nav-link:hover span {color:#000;}
	.nav.all-tabs .nav-link.active {background:#222}
	.nav.all-tabs .nav-link.active span {color:#fff!important;font-weight:700;}
	.nav-link h3{margin: 4px 0;padding:0;border-bottom: 0;}
	
	.text-package{
		color: #a9acca!important;
		font-size: 17px;
		letter-spacing: 0;
		line-height: 40px;
		margin: 0;
	}
	.text-package i{
		vertical-align: middle;
		margin-right: 5px;
		background: #dec8b2;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		color: white;
		padding: 40px 5px;
		font-size: 40px;
	}
	.text-package p{
		margin: 15px 0 30px;
		color: #444;
		font-weight: bold;
	}
	.icon-enquiry{
		font-size:36px;vertical-align:middle;margin-left:5px;margin-bottom: 10px;
		color:#333;
	}
	a.icon-enquiry:hover{
		opacity: 0.6!important;
		color:#333!important;
	}
	.icon-whatsapp{
		background: #ede3d9;
		border-radius: 80px;
		display: inline-block;
		width: 80px;
		height: 80px;
		padding: 15px 18px 22px 20px;
		text-align: center;
	}
	.icon-whatsapp i{
		font-size: 48px;
		color:#82c91e;
		vertical-align:middle;
	}
	.btm-link{
		background: #dec8b2;
		padding: 70px 0;
		display: block;
		text-align: center;
	}
	.btm-link p{
		margin: 10px 0;
	}
	
	/* Attraction */
	.bg-sitemap{
		background:url('../img/bg-sitemap.jpg')center center;
		background-size: cover;
		background-color: transparent;
	}
	.bg-sitemap a{
		cursor: pointer;
	}
	.bg-sitemap a:hover{
		opacity: 1.0!important;
	}
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media (max-width: 1399.98px) {
	.layer-content{
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
	.layer-header .layer-content{
		padding: 0;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.layer-newsletter{
		margin: 40px 0 0;
		border-top: 1px dashed #000;
		padding-top: 40px;
		margin: 30px 0 0;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	section{
		padding: 40px 0;
	}
	.layer-promo1 img{
		margin-top:10px;
	}
	.layer-top .left{
		display: none;
	}
	section h1{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 32px;
		color: #161f6e;
		line-height: 36px;
		letter-spacing: 1px;
		margin: 0 0 15px;
		padding: 0;
	}
	section h2{
	  font-size: 20px;
      line-height: 24px;
	}
	footer .layer-left, footer .layer-right{
		text-align: center;
	}
	footer .layer-left p{
		text-align: center;
	}
	.footer-nav ul li{
		text-align: center;
	}
	.carousel-inner>.carousel-item .layer-slogan{
		bottom: 60px;
	}
	.carousel-inner>.carousel-item .layer-slogan h1{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 36px;
		line-height: 38px;
		color: white;
		letter-spacing: 3px;
		text-shadow: 0px 0px 15px #000;
		margin: 0 0 10px;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan p{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 16px;
		line-height: 18px;
		color: white;
		letter-spacing: 2px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan h3{
		font-size: 12px;
		line-height: 14px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 4px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.carousel-inner>.carousel-item .layer-slogan h3:after{
		content: "";
		display: block;
		text-align: center;
		border-top: 2px solid #ffb864;
		width: 150px;
		padding: 20px 0 0;
		position: relative;
		left: 50%;
		margin-left: -75px;
		margin-top: 15px;
		right: 0;
	}

	.layer-promotion .inside-promotion{
		padding: 30px 15px;
	}
	.layer-promotion .inside-promotion h4{
		font-family: 'Lora Regular', Arial, sans-serif;
		font-size: 24px;
		line-height: 26px;
		color: black;
		padding: 0;
		margin: 10px 0;
	}
	.layer-promotion .inside-promotion h5{
		font-size: 18px;
		line-height: 20px;
		color: black;
		padding: 0;
		margin: 0 0 10px;
	}
	.layer-promotion .inside-promotion h5 span{
		font-size: 18px;
		line-height: 20px;
		font-weight: 700;
		color: #dbae58;
		font-family: 'ProximaNova Bold', Arial, sans-serif;
		font-style: italic;
	}
	.layer-promotion .inside-promotion p{
		font-size: 14px;
		line-height: 16px;
		color: black;
		padding: 0;
		margin: 0;
	}
	footer{
		padding: 30px 0;
		background: #000;
	}
	.footer-nav{
		padding: 40px 0 50px;
	}
	.layer-banner{
		width:100%;
		height: 320px;
	}
	.layer-banner .layer-slogan{
		position: absolute;
		left:0;
		right:0;
		bottom:60px;
		margin: 0 auto;
		text-align: center;
		z-index: 3;
	}
	.layer-banner .layer-slogan h1{
		font-size: 40px;
    	line-height: 42px;
	}
	.layer-banner .layer-slogan h3 {
		font-size: 12px;
		line-height: 14px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 4px;
		text-shadow: 0px 0px 15px #000;
		margin: 0;
		padding: 0;
	}
	.layer-banner .layer-slogan h3:after {
		content: "";
		display: block;
		text-align: center;
		border-top: 2px solid #ffb864;
		width: 150px;
		padding: 20px 0 0;
		position: relative;
		left: 50%;
		margin-left: -75px;
		margin-top: 15px;
		right: 0;
	}
	.nav-link h3{font-size: 17px;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Bootstrap Slider */
	.carousel-inner>.item{
		height: 600px;
	}
	.carousel-control{
		height: 600px;
	}
	.room-left, .room-right{
		padding: 15px;
	}
	/* section bg*/
	.bg-nature, .bg-cafe{
		background-attachment: scroll;
	}
	.nav-link h3{font-size: 14px;margin: 0; font-weight: bold;}
}



/* Fancy Box */

@media all and (min-width: 800px) {

  /* Give space around main area */
  .fancybox-custom-layout .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    margin: auto;
    max-width: 1180px;
    max-height: 495px;
    overflow: visible;
    background: #fff;
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
    transition: opacity .3s;
  }

  /* Make it to fade-out while closing */
  .fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
    opacity: 0;
  }

  /* Set color for background element */
  .fancybox-custom-layout .fancybox-bg {
    background: #f6f6f6;
  }

  .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1;
  }

  /* Move caption area to the right side */
  .fancybox-custom-layout .fancybox-caption-wrap {
    top: 0;
    right: 44px;
    bottom: 0;
    left: auto;
    width: 256px;
    padding: 0;
    background: #333;
    pointer-events: all; /* Make text selectable */
    border-right: 1px solid rgba(255,255,255,.08);
  }

  /* Adjust content area position */
  .fancybox-custom-layout .fancybox-stage {
    right: 300px;
  }

  /* Remove top border from the caption */
  .fancybox-custom-layout .fancybox-caption {
    padding: 30px 20px;
    border: 0;
  }

  /* Align buttons at the right side  */
  .fancybox-custom-layout .fancybox-toolbar {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 44px;
    background: #333;
    border-left: 1px solid #222;
  }

  /* Remove background from all buttons */
  .fancybox-custom-layout .fancybox-button,
  .fancybox-custom-layout .fancybox-navigation button:before {
    background: transparent;
  }

  /* Change arrow color */
  .fancybox-custom-layout .fancybox-navigation button {
    color: #333 !important;
    padding: 10px;
  }

  /* Reposition arrows */
  .fancybox-custom-layout .fancybox-button--arrow_left {
    left: -60px;
  }

  .fancybox-custom-layout .fancybox-button--arrow_right {
    right: -60px;
  }

  .fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: -272px;
  }

}