/* /////////////////////////////////////////////////////////////////////////////////////
/* /////////////////////////////////////////////////////////////////////////////////////
/* //////////          //////    //////  //////  //////  //////          ///////////////
/* /////////  //////  //////  /  /////  ///////  /////  //////  ////////////////////////
/* ////////  //////  //////  ///  ///  ////////  ////  //////  /////////////////////////
/* ///////          //////  /////  /  /////////  ///  //////  //////////////////////////
/* //////  //////  //////  //////    ///////////  /  //////  ////////////////    ///////
/* /////  //////  //////  ////////  ////////////    //////            //////    ////////
/* /////////////////////////////////////////////////////////////////////////////////////
/* /////////////////////////////////////////////////////////////////////////////////////
*
* LHC Member Area
* Designed & Developed by : Toni / IT / LRH
* Copyright 2017 all right reserved.
*/
/*  Import
/*-----------------------------------------------------------------------------------*/

@import url("animate.css");
/* font-family: 'Strawford'; 
@import url('https://fonts.googleapis.com/css?family=Strawford:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); 
*/
/* font-family: 'Strawford'; 
@import url('https://fonts.googleapis.com/css?family=Strawford:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
*/
/*
@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One');
*/
/*
@font-face {
    font-family: PrimaryFont;
    src: url(../fonts/din-condensed.ttf);
}
*/
@font-face {
    font-family: 'Strawford';
    src: url('https://heritage.angsanavacationclub.com/web_fonts/Strawford.otf');
}

/*
@font-face {
    font-family: Strawford;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/Strawford-Regular-Italic.woff2) format("woff2");
}
@font-face {
    font-family: Strawford;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/Strawford-Bold.f351f393.woff2) format("woff2");
}
@font-face {
    font-family: Strawford;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/Strawford-Bold-Italic.woff2) format("woff2");
}
@font-face {
    font-family: Strawford;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/Strawford-Medium.684af88c.woff2) format("woff2");
}
@font-face {
    font-family: Monesta;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/fonts/Monesta-Regular.woff2) format("woff2");
}
@font-face {
    font-family: Monesta;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/fonts/Monesta-Medium.woff2) format("woff2");
}
@font-face {
    font-family: Monesta;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/fonts/Monesta-Bold.woff2) format("woff2");
}
@font-face {
    font-family: AXtManalBold Regular;
    font-style: normal;
    font-display: swap;
    src: url(/assets/fonts/axtmanalbold-regular.woff2) format("woff2");
    unicode-range: U+06??, U+0750-77ff, U+0870-089f, U+08a0-08ff, U+fb50-fdff, U+fe70-feff, U+10e60-10e7f, U+1ec70-1ecbf, U+1ed00-1ed4f, U+1ee??;
}
*/
body {
    margin: 0;
    padding: 0;
    color: #535353;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
	background: #f7f7f7 !important;
	/*font-family: 'Strawford';*/
	font-family: 'Strawford';
}


/* custom style
/*-----------------------------------------------------------------------------------*/
    button, input, optgroup, select, textarea {
        	font-family: 'Strawford' !important;
    }
/*  Overall
/*-----------------------------------------------------------------------------------*/

	a {
		-moz-transition: all .3s !important;
		-webkit-transition: all .3s !important;
		-ms-transition: all .3s !important;
		-o-transition: all .3s !important;
		transition: all .3s !important;
		text-decoration:none !important;
		outline: 0 !important;
		font-family: 'Strawford' !important;
	}
	a:hover {
		text-decoration: none !important;
	}
	a.readmore{
		display: block;
		width: 120px;
		height: 33px;
		border-radius: 3px;
		background: #f15a00;
		text-align: center;
		font-size: 14px;
		margin: 20px 0 0 0;
		color: #fff;
		overflow: hidden;
		padding: 8px 0 0 0;
		letter-spacing: 0.03em;
		font-family: 'Strawford' !important;
	}
	a.readmore:hover,
	a.active:hover,
    .listinglist .resort-list .content-wrapper a.more:hover{
		color: #fff;
		background: #c15f0a;
	}
	p{
		font-family: 'Strawford' !important;
	}
	span{
		font-family: 'Strawford';
	}
	video{
		margin: 0;
		padding: 0;
	}
	input:focus,
	select:focus,
	textarea:focus {
		outline: 0 !important;
	}
	h1,h2,h3,h4,h5,h6{
		margin: 0 !important;
		padding: 0 !important;
		font-family: 'Strawford'!important;
	}
	.clear-margin{ margin:0; padding:0; }
 	.relative{ position:relative; }  
	.margin0{
		margin:0 !important;
		padding:0 !important;
		position:relative;
	}
	p.uppercase{
		text-transform: uppercase;
		letter-spacing: 0.26em !important;
	}
	.number-font{
		font-family: 'Strawford';
	}
	#success_message{ display: none !important; }
	.clear-padding{
		padding: 0 !important;
	}
	.clear-border{
		border: 0 !important;
	}
	.paddingb10{
		padding-bottom: 10px !important;
	}
	.paddingtb15{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.paddingt15{
		padding-top: 15px !important;
	}
	.paddingt5{
		padding-top: 7px !important;
	}
	.col-2-center .col-md-2{
		text-align: center !important;
	}
	.margin10{
		margin: 10px 0 !important;
	}
	.color-gray{
		color: #797979;
	}
	.clear-md-6 div.col-md-6{
		padding: 0 !important;
		border: 0 !important;
	}

/* Icon
/*-----------------------------------------------------------------------------------*/
span.language::before{
	content: "\f0ac";
}
span.phone::before{
	content: "\f095";
}
span.fax::before{
	content: "\f1ac";
}
span.email::before{
	content: "\f0e0";
}
span.edit::before{
	content: "\f044";
}
span.password::before{
	content: "\f044";
}
span.print::before{
	content: "\f02f";
}
span.calendar::before{
	content: "\f073";
}
span.time::before{
	content: "\f017";
}
span.close-icon::before{
	content: "\f00d";
}
span.locate::before{
	content : "\f041";
}
span.shared::before{
	content : "\f041";
}
span.save::before{
	content : "\f0c7";
}
span.hide::before{
	content : "\f068";
}
span.show::before{
	content : "\f067";
}
span.pay::before{
	content : "\f09d";
}

/* SOCAIL ICON */

span.facebook::before{
	content: "\f09a";
}
span.tripadvisor::before{
	content: "\f262";
}
span.twitter::before{
	content: "\f099";
}
span.google::before{
	content: "\f1a0";
}
span.ig::before{
	content: "\f16d";
}

/*  Button
/*-----------------------------------------------------------------------------------*/
.btn-button{
	width: auto;
	padding: 10px 25px;
	background: #f15a00;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0.03em;
	cursor: pointer;
	transition: all 0.3s;
	border-radius: 3px;
}
.btn-button:hover{
	background: #a5540e;
}

.btn-light{
	display: block;
	position: relative;
	cursor: pointer;
	color: #464646;
	font-weight: 500;
}
.btn-light:hover{
	color: #0a0a0a;
}

.btn-button::before,
.btn-light::before{
	font-family: 'Strawford';
	margin: 0 5px 0 0;
	display: inline-block;
	position: relative;
}

.gototop{
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/icon/btn_top.png) center center no-repeat;
	background-size: 100%;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 999;
	transition: all 0.3s;
	opacity: 0.25;
	visibility: hidden;
}
.gototop:hover{
	opacity: 1;
}

/*  Page Setting
/*-----------------------------------------------------------------------------------*/
.page-screen{
	position: relative;
	max-width: 1500px;
	height: auto;
	margin: auto;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

@media(max-width: 1500px){
	.page-screen{
		width: 100%;
	}
}

.page-wrapper{
	width: 100%;
	height: auto;
	min-height: 788px;
	padding: 0 0 0 270px;
	position: relative;
	transition: all 0.8s;
	z-index: 1;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
}
.page-container{
	width: 1600px;
	height: auto;
	padding: 0;
	position: relative;
}
.page-container.padding{
	padding: 40px 0;
}

header ,section, footer{
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
section.content{
	background: #ffffff;
}
.title-page{
	width: 100%;
	text-align: center;
	padding: 30px 0 62px 0;
	position: relative;
}
.title-page::after{
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
	margin: auto;
	background: #f15a00;
}
.title-page h1{
	font-size: 22px;
	letter-spacing: 0.04em;
	font-weight: 400;
}
.backdrop-overlay{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 800;
	width: 100%;
	height: 100%;
	background: rgba(72,72,72,0.95) url("../images/backdrop.png") center center;
	display: none;
}

/*  Header
/*-----------------------------------------------------------------------------------*/
header{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
header .header-parallax{
	width: 100%;
	height: 500px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #000;
	background: bottom center no-repeat fixed;
	background-size: cover;
}
header .header-small{
	width: 100%;
	height: 300px;
}
header .header-parallax::after{
	content: "";
	display: block;
	width: 100%;
	height: 40%;
	position: absolute;
	top:0;
	background: rgba(0,0,0,0);
    background: -webkit-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

/*  Header Tab
/*-----------------------------------------------------------------------------------*/
.header-tab{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 130px;
	background: none;
	z-index: 600;
	transition: all 0.5s;
}
.header-tab.fixed{
	background: #f15a00;
	height: 60px;
}
.header-tab .site-logo{
	position: absolute;
	left: 40px;
	top: 0;
	z-index: 610;
	width: auto;
	height: 100%;
	display: block;
	background: #f15a00;
}

.header-tab .site-logo img{
	width: auto;
	height: 100%;
	transition: all 0.2s;
}
.header-tab.fixed .site-logo img{
	width: auto;
	height: 100%;
}
.header-tab .top-nav{
	width: 80%;
	height: 100%;
	position: absolute;
	top:0;
	right: 20px;
	text-align: right;
}
.header-tab .top-nav nav{
	position: absolute;
	display: inline-block;
}

/*  Nav
/*-----------------------------------------------------------------------------------*/
nav.desktop-navigation{
	width: 90%;
	height: 35px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 900;
}
nav.desktop-navigation ul{
	width: 100%;
	padding: 0;
	margin: 0;
}
nav.desktop-navigation ul li{
	display: inline-block;
	width: auto;
	height: 35px;
	position: relative;
	padding: 9px 13px 0 13px;
	margin: 0 2px;
	text-align: left;
	transition: all 0.4s;
	background: none;
}
nav.desktop-navigation ul li:hover,
nav.desktop-navigation ul li.active,
.header-tab.fixed nav.desktop-navigation ul li.active{
	background: rgba(255,255,255,0.2);
}
nav.desktop-navigation ul li.dropdown:hover{
	background: none;
}
nav.desktop-navigation ul li.morelink::before{
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
nav.desktop-navigation ul li.dropdown::after{
	content: "\f107";
	font-family: 'Strawford';
	font-size: 18px;
	position: absolute;
	width: 5px;
	height: 25px;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
	color: #fff;
}
nav.desktop-navigation ul a,
nav.desktop-navigation ul span{
	color: rgba(255,255,255,0.8);
	letter-spacing: 0.07em;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Strawford' !important;
}
nav.desktop-navigation ul a:hover,
nav.desktop-navigation ul span:hover{
	color: rgba(255,255,255,1);
}
nav.desktop-navigation ul span{
	display: block;
	padding: 0 5px;
}
nav.desktop-navigation ul li ul.dropdown{
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
}
nav.desktop-navigation ul li:hover ul.dropdown{
	display: block;
	width: 200px;
}
nav.desktop-navigation ul li:hover ul.dropdown li{
	display: block;
	width: 100%;
	height: 35px;
	text-align: left;
	padding: 8px 10px;
	border-top:solid 1px #dedede;
	background: rgba(255,255,255,0.6);
}
nav.desktop-navigation ul li:hover ul.dropdown li{
	color: #0a0a0a;
	font-size: 13px;
	letter-spacing: 0.03em;
}


/*  Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar{
	width: 270px;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	bottom: auto;
	z-index: 10;
	border-right: solid 1px #e9e9e9;
	border-left: solid 1px #e9e9e9;
	background: #f9f9f9;
	transition: all 0.4s;
}

/*  Navigation
/*-----------------------------------------------------------------------------------*/
.sidebar nav{
	width: 100%;
	height: 600px;
	position: relative;
	overflow-y:auto;
	overflow-x:hidden;
	transition: all 0s;
}
.sidebar nav ul li.nav-home{
	border-bottom: solid 1px #e9e9e9;
}
.sidebar nav ul li.nav-home a{
	height: 59px;
	padding-top: 20px;
	position: relative;
}
.sidebar nav ul li a:hover,
.sidebar nav ul li.nav-home a:hover{
	background: #e9e9e9 !important;
	color: #464646 !important;
}

.sidebar nav::-webkit-scrollbar {
	width: 5px;
}
.sidebar nav::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
}
.sidebar nav::-webkit-scrollbar-thumb {
	background-color: #e5e5e5;
	transition: all 0.3s;
}
.sidebar nav::-webkit-scrollbar-thumb:hover {
	background-color: #e1e1e1;
}

/*  Responsive Sidebar Navigation
/*-----------------------------------------------------------------------------------*/

.sidebar nav .hamburger-sidebar{
	width: 40px;
	height: 60px;
	position: absolute;
	top:0;
	right: 0;
	text-align: center;
	overflow: hidden;
	padding: 11px 0 0 0;
	display: none;
	z-index: 999;
}
.sidebar nav .hamburger-sidebar::after{
	content: "\f0c9";
	font-family: 'Strawford';
	font-size: 26px;
}
.sidebar nav .hamburger-sidebar.closed::after{
	content: "\f00d";
}

/*  Form
/*-----------------------------------------------------------------------------------*/
.form-small{
	width: 600px;
	height: auto;
	padding: 20px 30px;
	position: relative;
	margin: 50px auto;
	border:solid 1px #e9e9e9;
	background: #fff;
}
.form-small p{
	font-size: 14px;
	letter-spacing: 0.03em;
	color: #797979;
}
.form-small .form-style label{
	padding: 0;
}
.form-message{
	font-size: 14px;
	margin: 10px 0 0 0;
}
.form-message a{
	color: #f15a00;
}

/*  Breadcrumb
/*-----------------------------------------------------------------------------------*/
.breadcrumbs{
	height: 60px;
	background: #f9f9f9;
	padding: 0 0 0 20px;
	position: relative;
	z-index: 2;
	border-bottom: solid 1px #e9e9e9;
}
.breadcrumbs .breadcrumbs-wrapper{
	width: 70%;
	position: relative;
}
.breadcrumbs .breadcrumbs-wrapper .like-btn{
	display: block;
	width: 34px;
	height: 30px;
	background: url(../images/icon/heart-like.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	right:10px;
}
.breadcrumbs ul{
	margin: auto 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 19px;
	width: 100%;
}
.breadcrumbs ul li{
	display: inline-block;
	list-style: none;
	padding: 0 20px 0 0;
	text-align: left;
	margin: 0;	
}
.breadcrumbs ul li::after{
	content: "\f105";
	font-family: 'Strawford';
	position: relative;
	right:-10px;
	color: #939393;
}
.breadcrumbs ul li:last-child::after{
	visibility: hidden;
}
.breadcrumbs ul li,
.breadcrumbs ul li a{
	color: #979797;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.03em;
 	font-family: 'Strawford' !important;
}
.breadcrumbs ul li:last-child a{
	color: #595959;
}

/*  Content
/*-----------------------------------------------------------------------------------*/
section .col-md-6{
	border-left: solid 1px #e9e9e9;
}
section .col-md-6:first-child{
	border: none;
}
.content-wrapper{
	position: relative;
	padding: 0 20px 40px 20px;
	z-index: 10;
	font-size: 14px;
	letter-spacing: 0.02em;
}
.content-wrapper .img-wrapper{
	cursor: pointer;
	transition: all 0.3s;
}
.content-wrapper .img-wrapper:hover{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.content-wrapper img{
	width: 100%;
}
.content-wrapper .row{
	padding: 15px 0;
	border-bottom: solid 1px #f1f1f1;
}
.content-wrapper h1,
.content-wrapper h2{
	color: #f15a00;
	font-family: 'Strawford' !important;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.04em;
	padding: 30px 10px 20px 0 !important;
	position: relative;
}
.content-wrapper h1{
	font-size: 22px;
	font-weight: 400px;
	padding: 30px 0 !important;
}

.content .content-wrapper p{
	text-align: justify;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 20px;
}
.content .content-wrapper .row.no-border,
.content .content-wrapper .col-md-6{
	border: none !important;
}
.content-wrapper .form-title{
	width: 100%;
	height: 50px;
	padding: 10px 20px 0 20px;
	background: #f1f1f1;
	overflow: hidden;
}
.header-title{
	width: 100%;
	height: auto;
	padding: 14px 20px;
	text-align: left;
	background: #f1f1f1;
	margin: -15px 0 10px 0;
}
.header-title h1,
.header-title h2,
.header-title h3,
.header-title h4,
.header-title h5,
.header-title h6,
.header-title p{
	font-size: 20px;
	letter-spacing: 0.03em;
}
.content-wrapper .form-title label{
	font-family: 'Strawford' !important;
	font-weight: 400;
	letter-spacing: 0.03em;
}
.content-wrapper .form-title label span::before{
	font-family: 'Strawford';
	margin: 0 6px 0 0;
}
.content-wrapper .form-title select.selectbox{
	background: none;
	border: solid 1px #cccccc;
	padding: 5px 15px;
	color: #0a0a0a;
	transition: all 0.4s;
	margin: 0 0 0 5px;
	border-radius: 3px;
}
.content-wrapper .form-title select.selectbox:hover{
	border: solid 1px #797979;
}
.content-wrapper .form-title select.selectbox:focus{
	background: #fff;
	border: solid 1px #797979;
}

.home-header{
	width: 100%;
	height: 330px;
	padding: 0;
	border-bottom: solid 1px #e9e9e9;
	position: relative;
	top: -1px;
	z-index: 50;
	overflow: hidden;
}
.home-header .wrapper{
	padding: 40px 0 0 0;
	width: 70%;
	float: left;
	text-align: center;
}
.home-header .wrapper img{
	width: auto;
}

@media (max-width:1400px ){
	.home-header .wrapper img{
		width: 100%;
	}
}

.home-header .title-box{
	width: 30%;
	height: 330px;
	border:solid 1px #e9e9e9;
	border-right: none;
	position: relative;
	background: #fff;
	float: right;
	text-align: left;
	padding: 25px 30px 0 30px;
}
.home-header .title-box .welcome{
	height: 59px;
	overflow: hidden;
	border-bottom:solid 1px #e9e9e9;
	text-align: left;
}
.home-header .title-box .welcome h4{
	font-size: 13px;
	font-weight: 600;
	font-family: 'Strawford' !important;
}
.home-header .title-box .welcome h2,
.home-header .title-box .description h2{
	width: 100%;
	font-size: 15px;
	padding: 5px 0 0 0 !important;
	font-weight: 400;
	letter-spacing: 0.03em;	
}
.home-header .title-box .description{
	margin: 15px 0 0 0;
}
.home-header .title-box .description h2{
	font-weight: 500;
}
.home-header .title-box .description ul{
	margin: 10px 0;
	padding: 0;
}
.home-header .title-box .description ul li{
	list-style: none;
	padding: 8px 0;
	border-bottom: solid 1px #e9e9e9;
	font-size: 14px;
	letter-spacing: 0.03em;
}
.home-header .title-box .description ul li:last-child{
	border-bottom: none;
}
.home-header .title-box .description ul li span.title{
	display: inline-block;
	font-weight: bold;
	width: 110px;
}
.home-header .title-box .description ul li a{
	display: block;
	font-size: 14px;
	font-family: 'Strawford' !important;
	font-weight: 400;
	color: #646464;
	padding: 5px 0 0 0;
	letter-spacing: 0.04em;
}
.home-header .title-box .description ul li a::before{
	content: "\f013";
	font-family: 'Strawford';
	margin: 0 5px 0 0;
}
.home-header .title-box .description ul li a:hover{
	color: #0a0a0a;
}

.fieldset{
	border: solid 1px #e9e9e9;
	padding: 0 20px 0 20px;
	text-align: left;

}
.fieldset.full{
	width: 100%;
}
.fieldset.small{
	width: 67%;
}
.fieldset h3,
.fieldset h4{
	font-size: 18px;
	letter-spacing: 0.04em;
	font-weight: 500;
}
.fieldset h3::before{
	font-family: 'Strawford';
	margin: 0 5px 0 0;
}
.fieldset h3.gift::before{
	content: "\f06b";
}
.fieldset h4{
	font-size: 15px;
}

.content-wrapper span.header{
	font-weight: 500;
	letter-spacing: 0.02em;
}
.fieldset .light-btn{
	float: right;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	color: #797979;
}
.fieldset .light-btn::before{
	font-family: 'Strawford';
	margin: 0 5px 0 0;
}
.table ul{
	width: 100%;
	display: block;
	margin: 0;
	padding: 5px 0;
	position: relative;
	z-index: 1;
	transition: all 0.3s;
}
.table ul.box{
	border: solid 1px #e9e9e9;
	padding: 5px;
	margin: 10px 0 0 0;
}
.table ul.box:hover{
	border: solid 1px #cccccc;
}
.table ul li{
	display: inline-block;
	width: 65%;
	list-style: none;
	text-align: left;
	vertical-align:top;
	padding: 5px;
}
.table ul li.title{
	width: 35%;
	font-weight: 500;
}

.tbl-overflow{
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
.tbl-overflow table.table-style{
	width: 100%;
	margin: 20px 0 10px 0;
}
.tbl-overflow table.table-style,
.tbl-overflow table.table-style td{
	border:solid 1px #e9e9e9;
	font-size: 13px;
}
.tbl-overflow table.table-style th,
.tbl-overflow table.table-style td{
	padding: 6px 5px;
	color: #535353;
}

.tbl-overflow table.table-style th{
	font-weight: 500;
	letter-spacing: 0.03em;
	text-align: center;
	background: #f5f5f5;
	
}

/* ROOM AVIALABLE PAGE
/*-----------------------------------------------------------------------------------*/

.header-topleft{
	min-width: 150px;
	width: 200px;
}
.tbl-overflow table.table-style.no-padding th,
.tbl-overflow table.table-style.no-padding td{
	width: 15px;
	overflow: hidden;
	position: relative;
}
.tbl-overflow table.table-style.no-padding td img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
	cursor: pointer;
}
.tbl-overflow table.table-style.tbl-content{
	margin: 75px 0 0 0;
}
.tbl-overflow table.table-style.no-padding td img:hover{
	opacity: 0.7;
}
.tbl-overflow table.table-style.no-padding td:first-child{
    min-width: 150px;
	background: #f5f5f5;
	color: #797979;
}
.tbl-overflow table.table-style.no-padding th.tblSmallHdr{
	background: #fff;
	height: 27px;
}
.tbl-overflow table.table-style.no-padding td.tbldatahdr{
	font-weight: 400;
	background: #f5f5f5;
	padding: 7px 20px;
	font-size: 13px;
	color: #0a0a0a;
	letter-spacing: 0.03em;
}
.tbl-overflow table.table-style.no-padding th.tblSmallHdr span.date{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 5px 0 0 0;
	text-align: center;
}

span.total {
	text-transform: uppercase;
	color: #0a0a0a;
	font-weight: 500;
	margin-right: 10px;
	display: block;
	text-align: right;
}

/* POINT CALCULATOR PAGE
/*-----------------------------------------------------------------------------------*/
table.point-table{
	width: 100%;
	border: none !important;
	margin-top: 10px;
}
table.point-table tr{
	width: 100%;
}
table.point-table tr th,
table.point-table tr td{
	border: solid 1px #e1e1e1;
	padding: 3px 5px;
	font-size: 13px;
}
table.point-table tr th{
	background: #f1f1f1;
	text-align: center;
}
table.point-details{
	width: 100%;
	height: auto;
	font-size: 13px;
	display: block;
}
table.point-details th.fixwidth{
	min-width: 140px;
	text-align: left;
	background: none;
}
table.point-details td{
	padding: 5px 0;
}

@media(max-width: 600px) {
	table.point-table{
		min-width: 450px;
	}
}

/* Table IMG (Enews)
/*-----------------------------------------------------------------------------------*/
.table.img-cut,
.edm-wrapper{
	width: 700px;
	border: none;
}
.table.img-cut tr,
.table.img-cut tr td{
	padding: 0;
	margin: 0;
	border: none;
}
.edm-wrapper{
	border: solid 1px #e9e9e9;
}
.edm-wrapper img{
	width: 100%;
}

/* Utilization Table
/*-----------------------------------------------------------------------------------*/
table.table-style.utilization,
table.table-style.utilization tr,
table.table-style.utilization th,
table.table-style.utilization td{
	border: solid 1px #ccc;
	transition: all 0.3s;
}
table.table-style.utilization th,
table.table-style.utilization td{
	border-left: solid 1px #797979;
	border-right: solid 1px #797979;
}
table.table-style.utilization th{
	height: 40px;
}
table.table-style.utilization tr{
	overflow: hidden;
}
table.table-style.utilization tr.line1{
	background: #f1f1f1;
}
table.table-style.utilization td:hover{
	position: relative;
}
table.table-style.utilization tr:hover{
	background: #f4f4f4;
	color: #000;
}
table.table-style.utilization th.red,
table.table-style.utilization td.red{
	color: #f00;
}
table.table-style.utilization th.blue,
table.table-style.utilization td.blue{
	color: #123FCF;
}
table.table-style.utilization th.plat1,
table.table-style.utilization td.plat1{
	color: #af831e;
}
table.table-style.utilization th.plat2,
table.table-style.utilization td.plat2{
	color: #008298;
}

/*  Listing List
/*-----------------------------------------------------------------------------------*/
.listinglist{
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.listinglist .resort-list{
	position: relative;
	width: 100%;
	height: 350px;
	overflow: hidden;
	margin: 0 0 30px 0;
	border: solid 1px #e9e9e9;
}
.listinglist .resort-list .img-wrapper,
.listinglist .resort-list .content-wrapper{
	position: absolute;
	top: 0;
	height: 100%;
}
.listinglist .resort-list .img-wrapper{
	width: 60%;
	background: center center no-repeat;
	background-size: cover;
	left: 0;
}
.listinglist .resort-list .content-wrapper{
	width: 40%;
	right:0;
	padding: 30px;
}
.listinglist .resort-list .content-wrapper h3{
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.03em;
}
.listinglist .resort-list .content-wrapper span{
	color: #838383;
}
.listinglist .resort-list .content-wrapper span::before{
	font-family: 'Strawford';
	font-size: 16px;
	margin: 0 3px 0 0;
}
.listinglist .resort-list .content-wrapper a{
	display: inline-block;
	padding: 8px 15px;
	border:solid 1px #dedede;
	margin: 10px 5px 0 0;
	font-size: 14px;
	color: #464646;
	letter-spacing: 0.03em;
	font-family: 'Strawford' !important;
	font-weight: 500;
	border-radius: 3px;
}
.listinglist .resort-list .content-wrapper a.more,
.listinglist .resort-list .content-wrapper a:hover{
	background: #f15a00;
	border-color: #f15a00;
	color: #ffffff;
}
.listinglist .resort-list .content-wrapper .content{
	text-align: justify;
}

/*  Slider
/*-----------------------------------------------------------------------------------*/

.single-slide{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 14px 0 0 0;
}
.single-slide .img-slide{
	width: 700px;
	position: relative;
	margin: 40px auto;
	overflow: hidden;
}
.single-slide.edm-img{
	width: 700px;
	position: relative;
	z-index: 1;
}
.single-slide.edm-img .item{
	cursor: pointer;
}
.single-slide.edm-img .item::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: all 0.4s;
}
.single-slide.edm-img .item:hover::after{
	opacity: 1;
}
.single-slide.edm-img .item .btn-wrapper{
	position: absolute;
	bottom: 10px;
	left: 20px;
	width: 100%;
	text-align: center;
}
.single-slide.edm-img .item a{
	position: relative;
	left: 0;
	right:0;
	z-index: 50;
	display: inline-block;
}

/* Alert Popup
/*-----------------------------------------------------------------------------------*/
/* error-message */

.overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	background: rgba(0,0,0,0.8);
	animation-name: fadeIn;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0s;
}

.error-message{
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 470px;
	height: 180px;
	background: rgba(255,255,255,1);
	color: #000;
	z-index: 950;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	padding: 0 0 70px 0;
	animation-name: fadeInDown;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	animation-delay: 0.2s;
}
.error-message::before{
	content: "\f12a";
	color: #f00;
	font-family: 'Strawford';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border:solid 2px #f5f5f5;
	display: block;
	position: absolute;
	top: -25px;
	left: 0;
	right:0;
	margin: auto;
	background: #fff;
	text-align: center;
	overflow: hidden;
	padding: 8px 0 0 0;
	font-size: 26px;
}
.error-message .message{
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	padding: 20px;
}
.error-message.error::before{
	content: "\f12a";
}
.error-message.done::before{
	content: "\f00c" !important;
}
.error-message.done .message h3,
.error-message.done::before{
	color: #0abf00;
}
.error-message.error .message h3,
.error-message.error::before{
	color: #f00;
}
.error-message .message h3,
.error-message .message h4{
	font-size: 20px;
	letter-spacing: 0.03em;
	font-weight: 400;
	font-family: 'Strawford';
	padding: 10px 0 !important;
	text-align: center;
}
.error-message .message h4{
	font-size: 16px;
	font-weight: 300;
	color: #0a0a0a;
}
.error-message .message p{
	font-family: 'Strawford';
	font-size: 14px;
	letter-spacing: 0.03em;
	color: #636363;
}
.error-message .message a{
	color: #f15a00;
	font-weight: bold;
}
.error-message span.closed{
	display: block;
	width: 120px;
	height: 35px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	right:0;
	margin: auto;
	border:solid 1px #999999;
	font-size: 14px;
	letter-spacing: 0.03em;
	overflow: hidden;
	padding: 8px 0 0 0;
	cursor: pointer;
	transition: all 0.3s;
	color: #0a0a0a;
}
.error-message span.closed:hover{
	border-color: #0a0a0a;
}
/*
.error-message span.close-icon{
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	right: -10px;
	top: -10px;
	opacity: 1;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
	background: #f00;
	background-size: 60%;
	transition: all 0.3s;
	cursor: pointer;
}
.error-message span.close-icon:hover{
	background: #c30c0c;
	background-size: 60%;
}
.error-message span.close-icon::before{
	font-family: Strawford;
	font-size: 18px;
	font-weight: lighter;
	position: relative;
	top: 3px;
	color: #fff;
}
*/
 
/*  Newsletter Grid
/*-----------------------------------------------------------------------------------*/

.newsletter-grid{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	border:solid 1px #e9e9e9;
	transition: all 0.3s;
	margin: 0 0 20px 0;
}
.newsletter-grid:hover{
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}
.newsletter-grid .img-wrapper{
	width: 100%;
	height: 280px;
	background: top center no-repeat;
	background-size: cover;
	-webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
	z-index: 10;
	transition: all 0.5s;
}
.newsletter-grid:hover .img-wrapper{
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.newsletter-grid .content-wrapper{
	position: relative;
	width: 100%;
	height: auto;
	text-align: left;
	padding: 20px;
	z-index: 20;
}
.newsletter-grid:hover::after{
	opacity: 1;
}
.newsletter-grid .content-wrapper h3{
	font-size: 16px;
	letter-spacing: 0.04em;
	color: #0a0a0a;
	font-weight: 400;
	position: relative;
	top: 0;
	transition: all 0.3s;
}
.newsletter-grid .content-wrapper p{
	font-size: 14px;
	color: #797979;
}
.newsletter-grid:hover .content-wrapper h3{
	color: #f15a00;
}

/*
.enews-modal{
	padding: 0;
}
.enews-modal h3{
	padding: 20px 20px 0px 20px !important;
}
.enews-modal .uk-modal-close{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 22px;
}
.enews-modal .uk-modal-dialog{
	padding: 0;
	width: 700px;
}
.enews-modal iframe{
	border: none;
	width: 700px;
	height: 600px;
	margin: 20px 0 0 0;
}
*/

/*  Gallery
/*-----------------------------------------------------------------------------------*/

.gallery{
	overflow:hidden;
	padding:0;
	background: #fff;
	margin: -10px 0 0 0;
}
.gallery img{
	display: none;
}
.gallery .gallery-title{
	width:100%;
	text-align:left;
	height:auto;
	padding:0 0 25px 0;
	margin:0;
	border-top:solid 1px #f1f1f1;
}
.gallery .gallery-title::before{
	width:60px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.gallery .gallery-title a{
	width:auto;
	height:auto;
	padding:8px 10px;
	font-size:13px;
	letter-spacing:0.01em;
	font-weight:400;
	color: #0a0a0a;
	display: inline-block;
	transition: all 0.4s;
}
.gallery .gallery-title a:hover{
	color: #7fc0ff;
}
.gallery .gallery-title a.uk-active{
	color: #fff;
	background: #f15a00;
}
.gallery .readmore-btn{
	width: 140px;
	height: 35px;
	overflow: hidden;
	padding: 8px 0 0 0;
	text-align: center;
	background: #f15a00;
	display: block;
	font-weight: 400;
	cursor: pointer;
	color: #fff;
	margin: 10px 0 0 0;
	letter-spacing: 0.03em;
	font-size: 15px;
	border-radius: 3px;
	transition: all 0.3s;
}
.gallery .readmore-btn:hover{
	background: #CE4C00;
}
.gallery .gallery-wrapper{
	width:100%;
	height:auto;
	margin:1px 0 40px 0;
	padding:0 0 0 0.25%;
}
.gallery .gallery-wrapper span{
	display:block;
	width:100%;
	height:auto;
}
.gallery .gallery-wrapper span div.img-wrapper{
	width:24.75%;
	height:auto;
	margin:0.25% 0.25% 0 0;
	cursor:pointer;
	background: none;
	z-index:10;
	transition: all 0.5s;
}
.gallery .gallery-wrapper span div.img-wrapper img{
	width:100%;
	height:auto;
	z-index:20;
	opacity: 1;
	transition: all 0.4s;
}
.gallery .gallery-wrapper span div.img-wrapper:hover img{
	opacity:1 !important;
}
.gallery .gallery-wrapper span div.img-wrapper::after{
	content: "\f00e";
	font-family:'Strawford';
	font-size: 26px;
	color: #fff;
	text-shadow:1px 1px 10px rgba(0,0,0,0.2);
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	opacity:0;
	transition: all 0.5s;
	z-index:50;
}
.gallery .gallery-wrapper span div.img-wrapper:hover::after{
	opacity:1;
}
/*  Parallax
/*-----------------------------------------------------------------------------------*/

.parallax{
	width: 100%;
	height: 300px;
	background: center center no-repeat fixed;
	background-size: cover;
	z-index: 1;
}
.parallax::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(232, 117, 17, 0.38);
}
.parallax.nodrop::after{
	background: rgba(232, 117, 17, 0);
}
.parallax a{
	display: block;
	width: 300px;
	height: 40px;
	border:solid 1px rgba(255, 255, 255, 0.5);
	position: absolute;
	z-index: 50;
	left: 0;
	top:0;
	bottom: 0;
	right:0;
	margin: auto;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
	text-align: center;
	overflow: hidden;
	padding: 11px 0 0 0;
	font-size: 14px;
	letter-spacing: 0.09em;
	font-weight: 400 !important;
}
.parallax a:hover{
	border-color: rgba(232, 117, 17, 1);
	background: rgba(232, 117, 17, 1);
	color: #fff;
}
.parallax a::after{
	font-size: 28px;
	top:3px;
}
.parallax a:hover::after{
	right: 18px;
}
.home-parallax a:hover{
	padding: 9px 30px 0 0;
	color: #212121;
}

/*  Tab
/*-----------------------------------------------------------------------------------*/
.tab{
	background: #fff;
}
.tab ul.uk-tab{
	background: #fff;
	width: 400px;
	position: relative;
	left: 0;
	margin: auto;
}
.tab ul.uk-tab li{
	position: relative;
	top: -1px;
	width: 50%;
}
.tab ul.uk-tab li a{
	padding: 8px 15px;
	font-weight: 500;
	letter-spacing: 0.03em;
}
.tab ul.uk-tab li.uk-active a{
	background: #f7f7f7 !important;
}

	
/*  Contact Wrapper
/*-----------------------------------------------------------------------------------*/
.contact-wrapper{
	width: 100%;
	height: auto;
	padding: 0 0 40px 0;
	background: #fff;
}
.contact-wrapper .col-md-6{
	border:none;
}
.contact-wrapper div.title{
	padding: 20px 0 5px 0 !important;
}
.contact-wrapper h3{
	color: #f15a00;
	margin: 15px 0 25px 0 !important;
	padding: 0 !important;
	font-size: 17px;
	letter-spacing: 0.02em;
	font-weight: 500;
	position: relative;
}
.contact-wrapper h4{
	padding: 0;
	margin: 20px 0 !important;
	font-weight: 600;
	font-size: 14px;
}
.contact-wrapper p{
	font-size: 14px;
	letter-spacing: 0.03em;
}
.contact-wrapper ul.list{
	width: 100%;
	height: auto;
}
.contact-wrapper ul.list li{
	display: inline-block;
	width: 50%;
	font-size: 14px;
	letter-spacing: 0.03em;
	padding: 0 0 10px 0;
}
.contact-wrapper ul.list li.title{
	width: 35%;
	font-weight: 500;
}
.contact-wrapper a{
	color: #f15a00;
	font-weight: 500;
}
.contact-wrapper a:hover{
	color: #a53e02;
}

/* FORM */

.contact-wrapper .form{
	width: 550px;
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
.contact-wrapper .form input[type="text"],
.contact-wrapper .form input[type="email"]{
	border:none;
	border-bottom: solid 2px #e9e9e9;
	padding: 8px 0;
	margin: 15px 0 0 0;
}
.contact-wrapper .form select{
	border:solid 2px #e9e9e9;
	height: 40px;
	padding: 0 0 0 10px;
}
.contact-wrapper .form textarea{
	height: 150px;
	border:solid 2px #e9e9e9;
	padding: 10px;
}
.contact-wrapper label{
	width: 100%;
	text-align: left;
	margin: 23px 0 7px 0;
	font-size: 14px;
	color: #535353;
}
.contact-wrapper .form input[type="text"],
.contact-wrapper .form input[type="email"],
.contact-wrapper .form select,
.contact-wrapper .form textarea{
	width: 100%;
	font-size: 14px;
	color: #535353;
	text-align: left;
	background: none;
	transition: all 0.3s;
}
.contact-wrapper .form input[type="text"]:hover,
.contact-wrapper .form input[type="email"]:hover,
.contact-wrapper .form select:hover,
.contact-wrapper .form textarea:hover{
	border-color: #e1e1e1;
}
.contact-wrapper .form input[type="text"]:focus,
.contact-wrapper .form input[type="email"]:focus,
.contact-wrapper .form select:focus,
.contact-wrapper .form textarea:focus{
	border-color: #f15a00;
}
.contact-wrapper .form input[type="submit"]{
	display: block;
	width: 130px;
	height: 35px;
	border-radius: 3px;
	border:none;
	background: #f15a00;
	color: #fff;
	font-weight: 400;
	margin: 30px 0;
	letter-spacing: 0.03em;
	transition: all 0.3s;
}
.contact-wrapper .confirm{
	padding: 30px 0;
	min-height: 150px;
}
.contact-wrapper .confirm label{
	width: auto;
	margin: 13px 5px 0 5px;
}
.contact-wrapper .confirm input[type="text"]{
	margin: 5px;
}

.contact-wrapper .confirm .container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.contact-wrapper .confirm .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
	transition: all 0.3s;
}

.contact-wrapper .confirm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #dedede;
	transition: all 0.3s;
}

.contact-wrapper .confirm .container:hover input ~ .checkmark {
  background-color: #ccc;
}

.contact-wrapper .confirm .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

.contact-wrapper .confirm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.contact-wrapper .confirm .container input:checked ~ .checkmark:after {
  display: block;
}

.contact-wrapper .confirm .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#member-number{
	animation-name: fadeIn;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
	animation-delay: 0s;
}

/*  Member Referal Form
/*-----------------------------------------------------------------------------------*/

.referral-wrapper{
	padding: 5px 0 0 15px !important;
}
.referal-form{
	border: none !important;
	border-radius: 10px;
	background: #f5f5f5 url(../images/backdrop.png);
	width: 47%;
	margin: 1%;
	padding: 0 20px 5px 20px;
	transition: all 0.4s;
	position: relative;
}
.referal-form:hover{
	background: #e7e7e7 url(../images/backdrop.png);
}
.referal-form .row{
	border: 0px !important;
}
.referal-form h4{
	position: relative;
	left: -34px;
	top: -5px;
	background: url(../images/ui/blue-banner-header.png) center center no-repeat;
	background-size: 100%;
	color: #fff;
	width: 200px;
	height: 56px;
	text-align: center;
	padding: 12px 0 0 0!important;
	overflow: hidden;
	font-size: 16px;
	letter-spacing: 0.03em !important;
	font-weight: 400 !important;
}
.referal-form label{
	color: #441d71 !important;
	font-weight: 400 !important;
}
.referal-form input::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #000;
}

.referal-form:first-child .num-ref-form::after{
	content: "1";
}
.referal-form:nth-child(2) .num-ref-form::after{
	content: "2";
}
.referal-form:nth-child(3) .num-ref-form::after{
	content: "3";
}
.referal-form:nth-child(4) .num-ref-form::after{
	content: "4";
}
.referal-form:nth-child(5) .num-ref-form::after{
	content: "5";
}

/*  Fullpage Content
/*-----------------------------------------------------------------------------------*/
.fullpage-content{
	margin: -30px 0 0 0;
	background: #ffffff !important;
}
.fullpage-content.footer{
	margin: 0;
	background: #020202 !important;
	color: #fff !important;
}
.fullpage-content .row,
.fullpage-content .col-md-6{
	border:none !important;
}

.fullpage-content .content-wrapper{
	padding: 40px 0;
}
.fullpage-content p{
	text-align: justify;
	line-height: 22px;
	font-size: 14px;
	letter-spacing: 0.02em;
}
.fullpage-content .contact{
	padding: 0 0 30px 30px;
}
.fullpage-content a.book-btn,
.fullpage-content a.point-btn{
	width: 100%;
	padding: 12px 25px;
	background: #f15a00;
	color: #fff;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 30px 0 0 0;
	display: block;
	text-align: center;
	font-weight: 600;
}
.fullpage-content a.point-btn{
	margin: 10px 0 0 0;
	background: none;
	border:solid 1px #535353;
}
.fullpage-content .uk-accordion h3.uk-accordion-title{
	font-size: 16px !important;
	letter-spacing: 0.04em;
	font-weight: 400;
	color: #717171;
}
.fullpage-content .uk-accordion h3.uk-accordion-title span::before{
	font-size: 14px;
	font-family: 'Strawford';
	margin: 0 5px;
	position: relative;
	top: -1px;
	color: #434343;
	display: inline-block;
	width: 20px;
	text-align: left;
}
.fullpage-content .uk-accordion h3.uk-accordion-title span.accommodation::before{
	content: "\f236";
}
.fullpage-content .uk-accordion h3.uk-accordion-title span.dinning::before{
	content: "\f0f5";
}
.fullpage-content .uk-accordion h3.uk-accordion-title span.facilities::before{
	content: "\f290";
}
.fullpage-content .uk-accordion h3.uk-accordion-title span.attraction::before{
	content: "\f0f2";
}
.fullpage-content .uk-accordion h3.uk-accordion-title span.transportation::before{
	content: "\f207";
}
.fullpage-content ul li{
	display: list-item;
	list-style: circle !important;
}
.fullpage-content .uk-accordion .uk-accordion-content h3{
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.04em;
	margin: 20px 0 5px 0 !important;
}
.fullpage-content .uk-accordion .uk-accordion-content p{
	padding: 0 10px;
}

.photo-slide{
	width: 100%;
	overflow: hidden;
}
.photo-slide img{
	width: 100%;
}

#map-container{
	width: 100%;
	height: 300px;
}

/*  Footer
/*-----------------------------------------------------------------------------------*/
footer,
footer .page-screen{
	background: #f1f1f1;
	color: #0a0a0a;
}
footer .footer-wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 60px 50px 50px 70px;
	font-family: 'Strawford';
}
footer h1{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 500;
}
footer h1.bordert{
	margin: 35px 0 0 0 !important;
}
footer .footer-wrapper .wrapper{
	padding: 20px 40px 0 0;
}
footer .footer-wrapper .wrapper.paddingt{
	padding-top: 42px;
}
footer .footer-wrapper .wrapper.contact p{
	padding: 3px 0 0 10px;
	margin: 0 !important;
	font-weight: 400;
	color: #cccccc;
}
footer .footer-wrapper .wrapper.contact p,
footer .footer-wrapper .wrapper.contact p span,
footer .footer-wrapper .wrapper a,
footer .external-tab a{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: #0a0a0a;
}
footer .footer-wrapper .wrapper.contact p span::before,
footer .footer-wrapper .wrapper a::before{
	font-family: 'Strawford';
	display: inline-block;
	width: 20px;
}
footer .footer-wrapper .wrapper.contact p span.fixed-width{
	display: inline-block;
	width: 90px;
}
footer .footer-wrapper .wrapper.contact p span.remark{
	display: block;
	padding: 0 0 5px 0;
}
footer .footer-wrapper .wrapper a{
	display: block;
	letter-spacing: 0.05em;
	font-family: 'Strawford' !important;
	border-bottom: solid 1px #212121;
	font-weight: 300;
	padding: 9px 0;
}
footer .footer-wrapper .wrapper a.nopadding{
	padding: 5px 0 9px 0;
}
footer .footer-wrapper .wrapper a::before{
	content: "\f105";
	width: 10px;
	color: #646464;
	transition: all 0.3s;
}
footer .footer-wrapper .wrapper a:hover,
footer .footer-wrapper .wrapper a:hover::before{
	color: #f15a00;
}

footer .line {
    padding: 12px 0;
    border-top: 1px solid #738B38;
}

footer .footer{
    float:left;
    padding-top: 5px;
    margin: 0;

}
footer .footer p{
    color: #738B38;
    font-family: "Avenir",Arial,sans-serif  !important;
    font-size: 16px;
    font-weight:400;
    line-height: 24px;
    
}

footer .nav {
    display: table;
    content: " ";
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  
}
footer  ul.menu li{
    margin-bottom: 16px;
    text-align:left;
}

footer ul.menu--footer-col-1,
footer ul.menu--footer-col-2,
footer ul.menu--footer-col-3{
    width:250px;
     list-style-type: none;

} 

footer ul.menu--footer-col-1 li a {
    padding: 0;
    padding-right: 40px;
    background: none;
    color: #BFF143;
    font-size: 16px;
    text-transform: uppercase;
}

footer ul.menu--footer-col-2 li a {
    padding: 0;
    padding-right: 40px;
    background: none;
    color: #ffffff;
    font-size: 16px;
}

footer ul.menu--footer-col-3 li a {
    padding: 0;
    padding-right: 40px;
    background: none;
    color: #ffffff;
    font-size: 16px;
}

footer ul.menu li i{
    
    padding-right : 5px;
}

h2.title{
    color: #000;
    font-family: "Avenir",Arial,sans-serif !important;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.04em;
    padding: 20px 0px 15px 0 !important;
    position: relative;
    text-align:center;
    text-transform:uppercase
}
h2.title-header1{
    color: #000;
    font-family: "Avenir",Arial,sans-serif !important;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.04em;
    padding: 20px 0px 15px 0 !important;
    position: relative;
    text-align:center;
    text-transform:uppercase
}
h2.title-header2{
    color: #000;
    font-family: "Avenir",Arial,sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.04em;
    padding: 0px 0px 15px 0 !important;
    position: relative;
    text-align:center;
    text-transform:uppercase
}

@media only screen and (max-width: 768px){
    section {
        padding: 0 0 400px 0 !important;
        top: -100px;
    }
    .contact-us .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
  .contact-us .pl-5 {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 575px) {
    section.content {
        padding: 0 0 570px 0 !important;
        top: -10px
    }
   
}

/* Socail */

.social{
	padding: 30px 0 0 10px;
}
.social a{
	display: inline-block;
	margin: 0 5px 0 0;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background: #f15a00;
	overflow: hidden;
	position: relative;
	text-align: center;
	color: #000;
	padding: 3px 0 0 0;
}
.social a span::before{
	font-family: 'Strawford';
	position: relative;
	top: 3px;
	font-size: 18px;
}
.social a:hover{
	background: #fff;
	color: #000;
}

footer .external-tab{
	width: 100%;
	height: auto;
	padding: 20px 10px 22px 10px;
	text-align: center;
	background: #f15a00;
}
footer .external-tab a{
	position: relative;
	text-transform: uppercase;
	font-family: 'Strawford' !important;
	letter-spacing: 0.04em;
	display: inline-block;
	padding: 0 14px 0 10px;
	color: #fff;
	font-weight: 300;
}
footer .external-tab a:hover{
	color: #0a0a0a;
}
footer .external-tab a::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -1px;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 10px;
	background: #fff;
	opacity: 0.5;
}
footer .external-tab a:last-child::after{
	display: none;
}

/* Site Copyright / Our Brands */

footer .our-brands{
	width: 100%;
	height: auto;
	padding: 20px 40px;
	background: #ffffff;
	position: relative;
}

footer .our-brands .copyright{
	text-align: left;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: #0a0a0a;
	font-weight: 400;
	margin: 25px 0 0 0;
}

footer .our-brands .brands{
	text-align: right;
}
footer .our-brands .brands a{
	display: inline-block;
	margin: 0 5px;
}
footer .our-brands .brands img{
	position: relative;
	transition: all 0.2s;
	top: 0;
}
footer .our-brands .brands img:hover{
	top: -4px;
}

/*  Footer tab (created on 21 Feb 2018)
/*-----------------------------------------------------------------------------------*/
.foottab{
	width: 100%;
	height: auto;
	background-color: #0a0a0a;
}
.foottab .footer-header{
	width: 100%;
	height: 60px;
	background: #e87511;
	padding: 0 40px;
	overflow: hidden;
}
.foottab .footer-header span{
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 20px 0 0;
	padding: 0 18px 0 0;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: rgba(255,255,255,0.6);
	position: relative;
	cursor: pointer;
	transition: all 0.3s;
}
.foottab .footer-header span.checked{
	color: rgba(255,255,255,1);
}
.foottab .footer-header .col-left,
.foottab .footer-header .col-right{
	width: 50%;
	float: left;
	padding: 20px 0;
}
.foottab .footer-header .col-right{
	text-align: right;
}
.foottab .footer-header .col-left span::before{
	content: "\f107";
	font-family: 'Strawford';
	display: block;
	font-weight: 100;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: -2px;
	transition: all 0.5s;
}
.foottab .footer-header .col-left span.checked::before{
	content: "\f107";
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.foottab .footcontent{
	padding: 25px 40px;
}
.foottab .footcontent ul{
	margin: 0;
	padding: 0;
}
.foottab .footcontent ul li{
	width: auto;
	display: inline-block;
	padding: 2px 15px 2px 0;
}
.foottab .footcontent ul li a{
	font-weight: 600;
	text-transform: none !important;
	font-size: 12px;
	color: #e87511;
	letter-spacing: 0.05em;
}

.foottab .footer-icon {
	text-align: right;
}
.foottab .footer-icon span{
	margin: 0 0 0 20px;
	padding: 0;
}
.foottab .footer-icon span::before{
	font-family: 'Strawford';
	font-size: 20px;
	color: #0a0a0a;
}

.foottab .footer-icon span.email::before{
	content: "\f0e0";
}
.foottab .footer-icon span.facebook::before{
	content: "\f09a";
}

/*  Header Button
/*-----------------------------------------------------------------------------------*/
.header-button{
	width: 100%;
	height: auto;
	position: relative;
	margin: 27px 0 0 0;
}
.header-button a{
	display: inline-block;
	width: auto;
	padding: 8px 15px 8px 40px;
	border-radius: 3px;
	border:solid 1px #cccccc;
	font-size: 13px;
	color: #212121;
	position: relative;
	font-family: 'Strawford' !important;
	background: #f7f7f7;
	cursor: pointer;
}
.header-button a.mark{
	border:solid 1px #f15a00;
	color: #fff;
	background: #f15a00;
}
.header-button a.mark.green{
	border-color: rgba(75,187,62, 1);
	background: rgba(75,187,62, 1);
}
.header-button a.mark.red{
	background: rgba(243,223,72, 1);
}
.header-button a.mark.yellow{
	background: rgba(255,38,38, 1);
}

.header-button a.mark span{
	background: #f15a00;
	color: #fff;
	border-right:solid 1px rgba(255,255,255,0.3);
}
.header-button a span{
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 100%;
	background: #f1f1f1;
	text-align: center;
	padding: 8px 0 0 2px;
	border-right:solid 1px #cccccc;
	transition: all 0.3s;
}
.header-button a span::before{
	font-family: 'Strawford';
	font-size: 15px;
}
.header-button a:hover{
	border:solid 1px #999999;
}
.header-button a:active{
	background: #e1e1e1;
}
.header-button a.mark:hover{
	background: #ff6a10;
}
.header-button a.mark:hover span{
	background: #ff6a10;
}
.header-button a.mark:active{
	background: #ab480d;
}
.header-button a.mark:active span{
	background: #ab480d;
}

.header-button a.icon-color span.green{
	background: rgba(75,187,62, 0.83);
}
.header-button a.icon-color span.yellow{
	background: rgba(243,223,72, 0.83);
}
.header-button a span.hide::before{
	content: "\f070";
}
.header-button a.show-btn span.hide::before{
	content: "\f06e";
}
.header-button a.btn-hide::before{
	content: "Hide All";
}
.header-button a.btn-hide.show-btn::before{
	content: "Show All";
}

/*  Error Page
/*-----------------------------------------------------------------------------------*/
.errorpage{
	text-align: center;
	padding: 100px 30px;
}
.errorpage h1{
	font-size: 155px !important;
	letter-spacing: 0.1em;
}
.errorpage h2{
	font-weight: 400;
	font-size: 40px;
	position: relative;
	top: -20px;
}
.errorpage p{
	font-size: 20px;
	letter-spacing: 0.01em;
	font-weight: 300;
}
.errorpage a{
	color: #f15a00;
	font-weight: 400;
}
.btn-intable{
	display: inline-block;
	width: auto;
	padding: 8px 0;
	border-radius: 3px;
	font-size: 13px !important;
	text-align: center;
	color: #fff;
	position: relative;
	font-family: 'Strawford' !important;
	background: #f15a00;
	cursor: pointer;
	font-weight: 500;
	border:none;
}
.btn-intable::before{
	content: "";
	font-family: 'Strawford';
	margin: 0 5px 0 0;
}
.btn-intable:hover{
	color: #fff;
	background: #c34900;
}
.btn-download::before{
	content: "\f019";
}
.btn-payment{
	background: #652c97;
	padding: 0.5rem !important;
}
.btn-payment:hover{
	background: #39135a;
}
.btn-payment i{
	margin-right: 6px;
}

/*  Quick Menu
/*-----------------------------------------------------------------------------------*/

.quick-menu{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin: -40px 0 0 0;
}

.quick-menu a{
	display: inline-block;
	width: 33.3333%;
	height: 165px;
	float: left;
	border: solid 1px #e1e1e1;
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 0.03em;
	font-size: 16px;
	overflow: hidden;
}
.quick-menu a:hover{
	color: #ffffff;
}
.quick-menu a span,
.quick-menu a span.img::after,
.quick-menu a span.img::before{
	position: absolute;
	left: 0;
	width: 100%;
}
.quick-menu a span.img{
	top: 0;
	height: 100%;
	background: #652c97 top right no-repeat;
	background-size: cover;
	z-index: 10;
	display: block;
	transition: all 0.7s;
}
.quick-menu a:hover span.img{
	-ms-transform: scale(1.1, 1.1); 
    -webkit-transform: scale(1.1, 1.1); 
    transform: scale(1.1, 1.1);
}
.quick-menu a span.img::after{
	content: "";
	display: block;
	top: 0;
	height: 100%;
	background-color: rgba(101,44,151,0.55);
	z-index: 15;
	transition: all 0.4s;
}
.quick-menu a:hover span.img::after{
	background-color: rgba(188,81,19,0.5);
}
.quick-menu a span.img::before{
	content: "";
	height: 80%;
	bottom: 0;
	background: rgba(0,0,0,0);
    background: -webkit-linear-gradient( bottom, rgba(0,0,0,0.45), rgba(0,0,0,0));
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.45), rgba(0,0,0,0));
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.45), rgba(0,0,0,0));
    background: linear-gradient(bottom, rgba(0,0,0,0.45), rgba(0,0,0,0));
	z-index: 16;
}
.quick-menu a span.txt{
	bottom: 0;
	text-align: left;
	padding: 20px;
	z-index: 20;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.quick-menu a span.txt::before{
	content: "\f0da";
	font-family: 'Strawford';
	display: inline-block;
	margin: 0 5px 0 0;
}

@media (max-width: 680px) {
	.quick-menu a{
		width: 50%;
	}
}
@media (max-width: 414px) {
	.quick-menu a{
		width: 100%;
	}
}

/*  Notify
/*-----------------------------------------------------------------------------------*/

.notify-wrapper{
	width: 100%;
	height: auto;
	padding: 30px 20px;
	background: url(../images/background/notify.jpg) center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.notify-wrapper h3,
.notify-wrapper p{
	color: #212121;
}
.notify-wrapper a{
	display: block;
	width: 170px;
	height: 40px;
	border-radius: 5px;
	background: #eb5d0b;
	color: #fff;
	text-align: center;
	padding: 10px 0 0 0;
	letter-spacing: 0.05em;
	margin: 20px 0 0 0;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Strawford' !important;
}
.notify-wrapper a:hover,
.notify-wrapper a:active{
	color: #ffffff;
	background: #c84e07;
}

/*  More
/*-----------------------------------------------------------------------------------*/
 
.content-wrapper.tollfree span{
	display: inline-block;
	font-weight: 500;
}
.content-wrapper.tollfree span.icon{
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
	background: #f15a00;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	padding: 7px 0 0 0;
	position: relative;
	top: 8px;
}
.content-wrapper.tollfree span.icon::before {
	font-family: 'Strawford';
	font-size: 18px;
	position: relative;
}
.content-wrapper.tollfree .toll-list{
	display: inline-block;
	margin: 10px 0;
}  

/* PRINT REPORT
/*-----------------------------------------------------------------------------------*/

#report-container {
	padding: 0;
}
.report-container{
	max-width: 991px;
	min-width: 680px;
	padding: 20px !important;
	margin: 0 auto;
	background: #fff;
}

.report-container-res{
	width: 100%;
	height: auto;
	display: none;
}
.report-container-res .col-md-6{
	border:none !important;
}
.report-container-res .grid{
	border: solid 1px #e1e1e1;
	padding: 0 15px;
	margin: 0 0 10px 0;
	background: #f9f9f9;
}

@media (max-width: 991px ) {
	.report-container{
		display: none;
	}
	.report-container-res{
		display: block;
	}
}

@media (max-width: 768px ) {
	.report-container-res .header {
		display: none;
	}
	.report-container-res a{
		margin: 20px 0 10px 0;
	}
}

.td-logo-header{
	width: 100%;
}
.td-logo-header img{
	margin: 0 auto 10px auto;
	width: 230px !important;
}
.table-overflow{
	width: 100%;
	margin: 0 auto 35px auto;
	border: solid 1px #e87511;
}
.table-overflow.border-none{
	border:none !important;
	margin: 0 auto 10px auto;
}
.table-overflow table{
	width: 100%;
	position: relative;
	font-weight: 300 !important;
	font-size: 14px;
	display: table;
}
table.tbl-report {
	display: table !important;
}
table.tbl-report th{
	margin: 0 !important;
	padding: 0 !important;
}
table.tbl-report td{
	padding: 7px 10px !important;
	position: relative;
}
table.tbl-report tr td:nth-child(2n+1) {
	width: 13% !important;
	text-align: left !important;
}
td.col-right{
	width: 27% !important;
	text-align: left !important;
}
.col-header{
	width: 100%;
	text-align: center;
	background: #652c97 !important;
	padding: 8px 0 !important;
	margin: 0;
}
.col-header h3{
	font-weight: 400 !important;
	color: #fff;
}
.bold{
	font-weight: 500 !important;
}
table.tbl-report td span{
	display: inline-block;
	margin-left: 20px;
	margin-right: 10px;
}
table.border-tr{
	margin: 0 0 30px 0;
}
table.border-tr tr{
	border-bottom: solid 1px #e9e9e9 !important;
}
table.tbl-report tr.sub-header,
table.tbl-report tr.sub-header td{
	padding: 0 !important;
}
table.tbl-report h4{
	width: 100%;
	padding: 8px 15px !important;
	background: #e7cbff !important;
	color: #000;
	font-size: 15px;
	text-transform: none !important;
	font-weight: bold;
	letter-spacing: 0.02em;
}

@media print {

	/*********** FOR PRINT ONLINE REPORT ***********/
	
	#report-container {
		margin-left: 50px;
		margin-right: 50px;
		margin-top: 50px;
		margin-bottom: 50px;
		margin: 50px;
		size: A4 portrait;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		page-break-inside: avoid;
	}
	.table-overflow table{
		font-size: 16pt;
	}
	div.col-header{
		width: 100%;
		text-align: center;
		background-color: #e87511;
		padding: 8px 0 !important;
		margin: 0;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.col-header h3{
		font-size: 20pt;
		color: #fff;
	}
	.td-logo-header img{
		transform:scale(1.4,1.4);
		-ms-transform:scale(1.4,1.4);
		-webkit-transform:scale(1.4,1.4);
	}
	.table-overflow{
		width: 100%;
		margin: 0 auto 35px auto;
		border: none;
		page-break-inside: avoid;
	}
	.table-overflow.border-none{
		border:none !important;
		margin: 0 auto 10px auto;
	}
	.table-overflow table{
		width: 100%;
		position: relative;
		font-weight: 300 !important;
		font-size: 14px;
		display: table;
		size: A4 portrait;
		background: #fff;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	table.tbl-report {
		border: solid 1px #e87511;
	}
	table.tbl-report h4{
		font-size: 15px;
		text-transform: none !important;
		font-weight: bold;
	}
	table.border-tr{
		margin: 0 0 30px 0 !important;
	}
}

/*  UK Accordion
/*-----------------------------------------------------------------------------------*/

.uk-accordion-title{
    background-color: #f7efe7;
    color: #e87511;
    font-size: 15px !important;
    letter-spacing: 0.04em !important;
    font-weight: 400 !important;
    letter-spacing: 0.025em !important;
    border: solid 1px #f3e6e6;
    padding: 7px 15px !important;
}
a {
    color: #e87511;
    font-weight: 400;
    font-family: 'Strawford' !important;
}
.uk-switcher ul li, .uk-accordion-content ul li {
    display: list-item;
    list-style: square !important;
    padding: 5px 0;
}
span.notice-message{
    display: block;
    color: #352f2b;
    font-weight: 400;
    font-size: 15px;
}
span.notice-message::before{
    content: "\f0a1";
    font-family: 'Strawford';
    color: #ffffff;
    float: left;
    width: 27px;
    height: 27px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    background: #f15900;
    position: relative;
    top: -6px;
    margin-right: 7px;
    font-size: 16px;
    padding: 5px 0 0 0;
}

/*  Resize Screen
/*-----------------------------------------------------------------------------------*/
@media (max-width:1366px){
	
}
@media (max-width:1100px) {
	
	/* Header */
	
	.header-tab{
		height: 120px;
	}
	.header-tab .site-logo{
		left: 30px;
	}
	nav.desktop-navigation{
		width: 100%;
	}
	nav.desktop-navigation ul li{
		height: 32px;
	}
	nav.desktop-navigation ul a, nav.desktop-navigation ul span{
		letter-spacing: 0.05em;
		font-size: 12px;
	}
	
	/* Member Area */
	
	.home-header{
		height: auto;
	}
	.home-header .wrapper{
		width: 60%;
	}
	.home-header .title-box{
		width: 40%;
	}
	
	.table ul li,
	.table ul li.title{
		width: 50%; 
	}
	
	/* Other Page */
	
	.listinglist .resort-list .img-wrapper, 
	.listinglist .resort-list .content-wrapper{
		width: 50%;	
	}
	
}
@media (max-width:991px){
	.header-button{
		display: none;
	}
	.header-button.room-availability{
		margin: 0 0 20px 0;
		text-align: left;
		display: block !important;
	}
}

@media (max-height:600px){
	
}

/*  contactus icon
/*-----------------------------------------------------------------------------------*/
.icon-list {
  display: flex !important;
  gap: 12px; /* ระยะห่างระหว่างไอคอน */
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

.icon-list li a {
  display: inline-flex;
  align-items: center;
  font-size: 24px; /* ปรับขนาด icon ได้ตามต้องการ */
  color: #333;      /* หรือสีที่คุณต้องการ */
  text-decoration: none;
  padding-right:0px !important;
}

.icon-list li a img {
  display: block;
}
.whatsapp-icon  {
  font-size: 22px; /* ปรับใหญ่ขึ้นเฉพาะไอคอน WhatsApp */

}
.chat {
  font-size: 19px; /* ปรับใหญ่ขึ้นเฉพาะไอคอน WhatsApp */

}