a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,video,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;
	/*vertical-align:top;*/
}
/*ol, ul {list-style:none;}*/
blockquote, q {quotes:none;}
table{ /* border-collapse:collapse; */ padding:1px;  background:#000000; }
table td {padding:5px; border-color:#000000;  }
table tr { background:#FFFFFF; }
img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;  -webkit-appearance: none; border-radius: 0; }
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px; font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; }

/* -------------------------------------------- */
/* ------------------Font---------------------- */
/*@font-face {
    font-family: 'Axis';
    src: url('../fonts/axis.eot');
    src: local('☺'), url('../fonts/axis.woff') format('woff'), url('../fonts/axis.ttf') format('truetype'), url('../fonts/axis.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Tian Ding Bold';
	/*src: url('../fonts/WenDingBold.ttf') format('truetype');*/
	font-weight: normal;
	font-style: normal;
}


/*@font-face {
    font-family: 'Tian Ding Light';
	src: url('../fonts/TianDing-Light.eot');
	src: url('../fonts/TianDing-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TianDing-Light.woff') format('woff'),
		url('../fonts/TianDing-Light.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0; overflow-x:hidden; position: relative; height:100%; }
body {background: #ffffff; color: #342e2e; font: 16px 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; min-height: 100%; height:auto; }

a{	color: #fabe00; text-decoration: none; font-size: 16px; }
a:hover {color: #fabe00; text-decoration: underline;}

a.button{ font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;  display: inline-block; margin-top:40px; font-size:14px; color:#FFFFFF !important; text-decoration: none; background:#434343;  padding:14px 50px 14px 50px; min-width: 100px; width:auto;}
a.button:hover{ /*opacity: 0.8;*/ background:#f6cdac; } 

a.button02{ font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;  display: inline-block; margin-top:40px; font-size:14px; color:#FFFFFF !important; text-decoration: none; background:#b27f46;  padding:14px 50px 14px 50px; min-width: auto; width:auto;}
a.button02:hover{ opacity: 0.8; } 

input,select{
    -webkit-appearance: none;  border-radius: 0;
}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.break30{ height:30px; }
.break60{ height:25px; }

a.anchor {
	display: block;
	position: relative;
	top: -70px; 
	/* header height */
	visibility: hidden;
}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {  
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.6);
	height: 70px; 
	padding: 0px; 
	position: absolute;
	top:25px; 
	width:100%; 
	z-index: 120 !important; 
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
header.scrolldown { background: rgba(0,0,0,1); top:0px; position: fixed;}
header a{ 
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#header-inner{  /*max-width: 1100px;*/ max-width: 100%;  height: 70px; position: relative; margin: 0 auto; ;}

#header-logo{ width:232px; float: left; }
#logo{ margin:0px auto 0px auto; text-align:center; display: table-cell; vertical-align: middle; height:70px;  }
#logo a{ display:inline-block; float:left;    }
#logo img{ 	max-width:232px; height: auto; width:100%; }

#header-brand{ width:128px; float: left; }
#brand-logo{ margin:10px auto 0px auto; text-align:center;vertical-align: middle; height:70px; width:100%; display: inline-block; }
#brand-logo a{ display:inline-block;    }
#brand-logo img{ max-width:58px; height: auto; width:100%; margin:auto;}

#header-booking{ float:right; height:70px; line-height: 70px; }
#header-booking a{ display: block; width:150px; text-align: center; background: #b27f46; color:#000000; text-decoration: none;}
#header-booking a:hover{ background: #fabe00; }

#header-language.menu{ float:right; }
#header-language.menu ul { width:120px; text-align: center;}
#header-language.menu ul li{ width:100%;}
#header-language.menu ul li a{ color:#FFFFFF;   }
#header-language.menu ul li a:hover,#header-language.menu ul li.active a { font-weight: bold; color:#FFFFFF;   }
.arrow-down {
  display:inline-block;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;  
  border-top: 5px solid #C3C3C3;
}

/*nav {width: 100%; margin-top:0px; z-index: 11;}*/
/*nav .wrap-nav{  max-width: 1100px;  height: 100px; position: relative; margin: 0 auto; }*/

#header-menu{ /*width:calc(100% - 232px - 128px);*/ float:left; }
.menu { text-align: center; float:left; height:70px; font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; }
.menu ul {list-style: none;margin: 0;padding: 0;float:right;  padding:0px 0px 0px 0px; }
.menu ul li {position: relative;float: left;padding: 0px 0px 0px 0px;}
.menu ul li:hover {   }
.menu ul li a { font-size: 16px; line-height: 70px ; color: #FFFFFF;display: block;padding: 0px 0px 0px 0px;z-index: 11;position: relative;  margin:0px 20px 0px 20px; }
.menu ul li:first-child a {margin-left: 0px;}
.menu ul li:last-child a {margin-right: 0px;}
.menu ul li:hover a { color:#fabe00; text-decoration:none; }
.menu ul li.active{ } 
.menu ul li.active a{ color:#fabe00;} 

html.en .menu ul li a,
html.jp .menu ul li a{
	margin:0px 12px 0px 12px; 
	font-size: 14px; 
}

/** Sub Menu **/
/* hide the sub levels and give them a positon absolute so that they take up no room */
.srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position:		absolute;
	display:		none;
	padding:0;
	width:	10em; 
	padding:0;
	margin:auto;
	left:0;
	right:0;
	text-align: center;

	/* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
	width:	100%;
	padding: 0px !important;
	background:#6a6263;
	margin-top:0px;
	height:100%;
	float:left;
}
.srt-menu ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background:		#504647;
}
.srt-menu ul li a{ text-transform:none; color:#ffffff !important; padding: 10px; line-height: 1.4em;  font-size:15px; margin:0px 0px 0px 0px !important;display: block; }
.srt-menu ul li a:hover{ color:#ffffff !important; }
.srt-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
}
.srt-menu li li {
	margin-left:0px;
}
.srt-menu a {
	display:		block;
	position:		relative;
}

/* make the second level visible when hover on first level list OR link */
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	/*left:			0;*/
	/*right:			0;*/
	margin:			auto;
	top:			70px; /* match top ul list item height */
	z-index:		99;
	/*background:url(images/menu-bg.png) top left repeat;*/
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}

/* Third Level */
ul.srt-menu li li ul{ text-align: left; }
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	text-align: left;
	width: 20em;
}
ul.srt-menu li li ul li,
ul.srt-menu li li ul li{
	background:		#504647;
}
ul.srt-menu li li ul li a{ padding-left:20px !important;}
ul.srt-menu li li ul li a:hover{ color: #fabe00 !important;}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}

/* Fourth Level */
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* Mobile Menu */
#menu .span, .m-menu{display:none;}
#menu {background:transparent; margin:0px 0px; height:auto; padding:0px 0px 0px 3px;}
/* Mobile Menu */


/* ------------------Content------------------- */
h1,h2,h3,h4,h5,h6{ font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; letter-spacing: 0px }
h1{ font-size:36px;padding:10px 0px 10px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align: left}
h2{ font-size:28px;padding:10px 0px 10px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align: left}
h3{ font-size:24px;padding:10px 0px 10px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align: left}

.block { margin:0px; padding:10px; color:#342e2e; line-height:normal;  }
.block h2{ font-size:28px; padding:5px 0px 5px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align: left;}
.block h3{ font-size:24px; padding:5px 0px 0px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align:left;}
.block h4{ font-size:20px; padding:5px 0px 0px 0px; font-weight:normal;line-height:1.1em; color:#342e2e; text-align:left;}
.block h5{ font-size:18px; padding:5px 0px 0px 0px; line-height:1.1em; font-weight: normal; color:#342e2e; text-align: left;}
.block h6{ font-size:18px; padding:5px 0px 0px 0px; line-height:1.1em; font-weight: normal; color:#342e2e; text-align: left;}
.block p { font-size:16px; text-align:left; color:#342e2e; line-height:normal; margin:20px 0px 20px auto; }
.block a { color:#342e2e; /*font-size:16px;*/ font-size: 100%; }
.block span { /*font-size:16px; */ font-size: 100%; }

.button{ font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;  display: inline-block; margin-top:40px;}
.button a{ font-size:16px; color:#FFFFFF; text-decoration: none; background:#434343;  display: block; padding:14px 50px 14px 50px; min-width: 100px; }
.button a:hover{  background:#f6cdac; } 

/** Home Page **/
section{ z-index:11;  height:auto;/* padding-bottom:200px;*/ /*position: relative;*/ }
#content{  margin-bottom:0px;  }
#content > div { z-index:6111; }
#content .wrap-content{ margin-top: 0px; padding-top:0px; 	/*min-height: 300px; */}
#content ul{ margin-left:20px; list-style-type:disc; color:#342e2e; list-style-position: initial; }
#content ol{ margin-left:20px; list-style-type:decimal; color:#342e2e; list-style-position: initial;  }
#content ul li, #content ol li{  margin-bottom:5px; }
ul.bullet,ol.bullet{ margin-left:0px !important;margin-top:2px; margin-bottom:8px; list-style-type:none;  }
ul.bullet li,ol.bullet li{ list-style-type:none;   /*list-style-position:inside;*//*list-style-image: url('images/list-bullet.png'); */padding: 2px 0px 0px 30px;margin-left:0px; background:url(images/list-bullet.png) 0px 6px no-repeat; }
.content-inner{ font-size: 16px; width:100%; margin:auto; padding:0px; }
.content-inner p{ font-size: 16px; }
.content-inner img{ max-width: 100%; height:auto;}

ul.col2{ display:inline-block; text-align:left; width:48%; margin-left:1% !important; vertical-align: top; }

#body-bg{  position: relative; }
#slider-banner{  width: 100%; margin: 0 auto; position: relative; z-index:1;/* min-height: 650px*/ overflow-y:hidden;}
/*#subpage .slider-wrapper{ position: fixed; margin: auto;width:100%; }*/
/*.slider-wrapper{ display:none !important; }*/
/*#slider-banner .slick-slide img{ width:100% !important;}*/
.bx-wrapper{ width:100%;  }
.bxslider {width: 100%; min-height: 200px; } 
.bx-wrapper img {width: 100%; height: auto;min-height: 200px; } 
.bx-wrapper iframe {  max-width: 100%; min-height: 200px;  /* max-height: 100%; */ } 
/*.banner-title{ font-size:60px; position: absolute; color:#FFFFFF; z-index: 8888; left:0; right:0; top:40%; margin:auto; width:100%; text-align: center; text-shadow: 2px 2px 2px #000000;}*/

::-webkit-input-placeholder {   color: #8b8b8b;}
:-ms-input-placeholder {  color: #8b8b8b;}
::-moz-placeholder {  color: #8b8b8b;  opacity: 1;}
:-moz-placeholder {  color: #8b8b8b;  opacity: 1; }


@-webkit-keyframes scroll_for_more_animation{
	0%,100%,80%
	{
		filter: alpha(opacity=30);
		khtml-opacity: .3;
		moz-opacity: .3;
		ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
		opacity: .3;
		webkit-opacity: .3;
	}
	40%
	{
		filter: alpha(opacity=100);
		khtml-opacity: 1;
		moz-opacity: 1;
		ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		opacity: 1;
		webkit-opacity: 1;
	}
}
@keyframes scroll_for_more_animation{
	0%,100%,80%
	{
		filter: alpha(opacity=30);
		khtml-opacity: .3;
		moz-opacity: .3;
		ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
		opacity: .3;
		webkit-opacity: .3;
	}
	40%
	{
		filter: alpha(opacity=100);
		khtml-opacity: 1;
		moz-opacity: 1;
		ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		opacity: 1;
		webkit-opacity: 1;
	}
}

.down-scroll-arrow{
	z-index: 11;
	background: #fff;
	background: rgba(255,255,255,.3);
	border-radius: 100px;
	bottom: 16px;
	cursor: pointer;
	height: 40px;
	/*left: 50%;*/
	right: 15px; 
	margin-left: -20px;
	margin-top: -40px;
	moz-background-clip: padding;
	moz-transform: scale(1.2);
	moz-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	ms-transform: scale(1.2);
	o-transform: scale(1.2);
	o-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	position: fixed;
	transform: scale(1.2);
	transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	webkit-background-clip: padding-box;
	webkit-border-radius: 100px;
	webkit-transform: scale(1.2);
	webkit-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	width: 40px;
	opacity: 1;

}
.down-scroll-arrow:hover{
	background: rgba(255,255,255,.7);
}
.down-scroll-arrow .arrow-01,.down-scroll-arrow .arrow-02,.down-scroll-arrow .arrow-03{
	animation: scroll_for_more_animation 1.4s infinite ease-in-out;
	animation-fill-mode: both;
	background: url(images/arrow-down.png) center center no-repeat;
	display: block;
	width: 12px;
	height: 6px;
	left: 14px;
	position: absolute;
	webkit-animation: scroll_for_more_animation 1.4s infinite ease-in-out;
	webkit-animation-fill-mode: both;
}
.down-scroll-arrow .arrow-01{
	animation-delay: -.2s;
	top: 12px;
	webkit-animation-delay: -.3s;
}
.down-scroll-arrow .arrow-02{
	animation-delay: -.2s;
	top: 18px;
	webkit-animation-delay: -.2s;
}
.down-scroll-arrow .arrow-03{
	animation-delay: -.1s;
	top: 24px;
	webkit-animation-delay: -.1s;
}
@media only screen and (max-width:991px){
	.down-scroll-arrow
	{
		display: none;
	}
}
.back-to-top-button{
	z-index: 10;
	background: #fff;
	background: rgba(220,220,220,.9);
	border-radius: 100px;
	bottom: 16px;
	cursor: pointer;
	height: 40px;
	/*left: 50%;*/
	right: 15px; 
	margin-left: -20px;
	margin-top: -40px;
	moz-background-clip: padding;
	moz-transform: scale(1.2);
	moz-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	ms-transform: scale(1.2);
	o-transform: scale(1.2);
	o-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	position: fixed;
	transform: scale(1.2);
	transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	webkit-background-clip: padding-box;
	webkit-border-radius: 100px;
	webkit-transform: scale(1.2);
	webkit-transition: all .4s cubic-bezier(.645,.045,.355,1) 0s;
	width: 40px;
	opacity: 1; 
}
.back-to-top-button:hover{
	background: rgba(220,220,220,.7);
}
.back-to-top-button .arrow-01{
	background: url(images/arrow-up.png) center center no-repeat;
	display: block;
	width: 12px;
	height: 6px;
	left: 14px;
	position: absolute;
}
.back-to-top-button .arrow-01{
	top: 16px;
}

/** Sub Page **/
#content.subcontent .zerogrid{ text-align: left; padding:10px 0px 100px 0px; background:#FFFFFF; /* z-index: 100; */  } 
/*#content.subcontent .zerogrid .subinner{ width:75%; margin:auto; }*/
/*#contactpage #content.subcontent .zerogrid{ padding:0px 0px 100px 0px;}*/

/** Sub Page Side Menu **/
#mobile-side{ width:100%; margin:auto; text-align: center; display: none; }
#mobile-side a{ width:100%; display: block; }
.breadcrumb{ width:100%; background: #000000; margin:auto; height:50px;  z-index: 10; position: relative;}
.breadcrumb h2{ color:#ffffff; padding-left:4%; padding-right: 10px }
.side-menu{ float:left; width:15%; text-align: left;  }
.right-content{ float:left; width: 82%; margin-left:3%; padding-top:10px;}
.right-content p{ margin-top: 0px !important; }
.side-menu a{ padding-left:20%;}
.accordion {
	/*display:none;*/
	margin: 0px auto 5px auto;
}
.accordion dt, .accordion dd {
	padding: 10px;
	/*border: 1px solid #342e2e;*/
	border-bottom: 1px solid #e9e8e8;
}
.accordion dt:first-of-type{
	/*padding-top:0px;*/
}
.accordion dt:last-of-type, .accordion dd:last-of-type {
	/*border-bottom: 1px solid #342e2e;*/
}
.accordion dt a, .accordion dd a {
	display: block;
	color:#342e2e; 
	font-size:16px;
	text-decoration: none;
}
.accordion dt a span{
	background: url(images/plus-red.png) top left no-repeat;
	display: inline-block;
	width:14px;
	height:14px;
	margin-right:10px;
	margin-top:3px;
}

.accordion dd {
	border-top: 0;
	font-size: 16px;
	color:#342e2e;
	padding-left:22px;
}
.accordion dd p{ color:#342e2e; }
.accordion dd:last-of-type {
	position: relative;
	top: -1px;
}
.accordion dt a.active, .accordion dd a.active, .accordion dd > div a.active{ 
	color:#fabe00;
}
.accordion dd > div{ padding:8px; }

/** Booking Form **/
#booking-overlay{ background:rgba(0,0,0,0); background: rgba(0,0,0,0.9); position: absolute; width:100%; height:100%; left:0; right:0; top:0; z-index: 1111; display: none; }
#booking-close{  position: absolute; right:5%; top:-25px; z-index: 1112}
#booking-close a{ background: url(images/book-close.png) top right no-repeat; height:22px; width:72px; text-align: left; color:#FFFFFF; text-decoration: none; display: block; }
#booking-bar{ position: absolute; top:-550px; left:0; right:0; z-index: 1112; width:100%; margin:auto; text-align: center; max-width: 600px; width:96%;/* display: none;*/}

.booking-logo{ margin-bottom: 30px; width:100%;}
.booking-logo img{ max-width: 232px; }
#booking-bar input[type=text]{ width:94%; padding:1.5% 3% 1.5% 3%; margin:5px auto 5px auto; font-size: 22px; }
#booking-bar select{ width:100%; padding:1.5% 2% 1.5% 2%; margin:5px auto 5px auto;  font-size: 22px; color:#8b8b8b; background:#FFFFFF; border:0px; }
.booking-date input.datefield{ width:43.5% !important; float:left; margin:0px; }
.booking-date input.datefield.departure{  float:right; margin:0px; }
#booking-bar .book-now a{ width:94%; background:#868686; color:#FFFFFF; font-size: 22px; display: block; padding:1.5% 3% 1.5% 3%;margin:5px auto 5px auto; text-decoration: none; }
#booking-bar .book-now a:hover{ background:#b27f46; }
/*#booking-bar label{ color:#FFFFFF; font-size: 22px; line-height: 50px; height:50px; margin-left:2%; margin-right:2%; display: inline-block; width:10%;  }*/
#booking-bar .rooms label{color:#FFFFFF; font-size: 22px; line-height: 50px; height:50px; margin-left:2%; margin-right:2%; display: inline-block; width:20%;  } 
#booking-bar .rooms2 label{ color:#FFFFFF; font-size: 22px; line-height: 50px; height:50px; margin-left:2%; margin-right:2%; display: inline-block; width:10%;  }
#booking-bar .rooms select{ max-width: 75%; width:100%; display: inline-block; }
#booking-bar .rooms2 select{ max-width: 18%; width:100%; }
.booking-text{ text-align:left;color:#ffffff; font-size: 16px; display:none; z-index: 0 !important; position: absolute !important; }

html.en #booking-bar .rooms label{  width: 27%; }
html.en #booking-bar .rooms select{ max-width: 68%; } 

/** Home Page **/
#home-about-bg{ background:#fab001; width: 100%;  position: relative; }
#home-about{ width:auto; bottom:0; color:#386295;	overflow: hidden;	padding:10px 20px 10px 20px;}
#about-img{ float:left; width:40%; }
#about-img img{ max-width: 100%; /*width:100%;*/ } 
#about-col{  float:left; width:58%; margin-left: 2% }

/** Home Features **/
#home-featured{ margin:10px 0px 0px 0px; background: #241917; width:100%;}
#features-col { list-style:none;	margin:0;	padding:0;	height:748px;	width:100%;	overflow:hidden; }
#features-col .panel {
	float:left;
	display:block;
	height:748px;
	width:72px;
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	line-height:1.5em;
	background: #241917;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
#features-col .panel h1{ display: none; }
#features-col .panel.active {	width:100%;	background: #504647;  opacity: 1;	cursor: default;}
#features-col .panelContent{	padding:0px; height:848px;	width:100%;	visibility: hidden;}
#features-col .panel.active .panelContent{	visibility: visible; }
.feature1{	width:72px;height:748px;float:left;background:url(images/tabs/feature1.png) no-repeat center center;cursor:pointer;	}
.feature2{	width:72px;height:748px;float:left;	background:url(images/tabs/feature2.png) no-repeat center center;cursor:pointer; }
#features-col .panel.active .feature1, #features-col .panel.active .feature2{ cursor: default; }
.feature-tab img{ display: none; }
.feature-img{ float:left; width:50%; margin:0; padding:0; position: relative; height:374px;  overflow: hidden;  }
.feature-img img{ width:100%; height: 374px; }
.feature-content{ position: absolute; background: rgb(36,25,23); background: rgba(36,25,23,0.8); top:0; width:100%; height:100%;  }
.feature-title{ width:15%;  padding-left:10%; padding-right: 10%; margin-top:10%;  }
.feature-title h2{ text-align: left; color:#FFFFFF; font-size: 32px; line-height: 1.5em }
.feature-title span{ text-align: left; font-size: 50px; width: 100%; display: block; margin-left: 20px; margin-top:10px; }
.feature-right{ width:55%; float:left; margin-top:10%;  position: relative; height:90%; }
.feature-desc{ font-size: 18px;  overflow: auto; text-align: justify; height:200px; }
.feature-desc p{ font-size: 18px; text-align: justify; color:#FFFFFF; }
.feature-btn{  text-align: center; position: absolute; bottom:50px; margin:auto; }
.feature-btn a{ border:1px solid #FFFFFF; margin:auto; display: block; padding:12px 25px 12px 25px; width:120px; color:#FFFFFF; text-decoration: none; }

.feature-img.ltr .feature-content{  left:-65%; /* 55% + 10% of feature-right */ -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out; }
.feature-img.ltr:hover .feature-content,.feature-img.ltr:focus .feature-content{ left:0; }
.feature-img.ltr .feature-title{ float:right; }
.feature-img.ltr .feature-right{ padding-left:10%; padding-right: 0; }
.feature-img.ltr .feature-btn{ left:10%; right:0; }

.feature-img.rtl .feature-content{  right:-65%; /* 55% + 10% of feature-right */ -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;}
.feature-img.rtl:hover .feature-content,.feature-img.rtl:focus .feature-content{ right:0; }
.feature-img.rtl .feature-title{ float:left; }
.feature-img.rtl .feature-right{ padding-left:0; padding-right: 10%; }
.feature-img.rtl .feature-btn{  left:0; right:10%; }

/** Hot News Page **/
#hot-news{ margin:0px 0px 0px 0px;}
#hotnews-col { list-style:none;	margin:0;	padding:0;	height:703px;	width:100%;	overflow:hidden; }
#hotnews-col .panel {
	float:left;
	display:block;
	height:703px;
	width:74px;
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	line-height:1.5em;
	background: #241917;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
#hotnews-col .panel h1{ display: none; }
#hotnews-col .panel.active {	/*width:848px;*/width:100%;	background: #504647;	opacity: 1;	cursor: default;}
#hotnews-col .panel.active .panelContent{ visibility: visible; }
#hotnews-col .panelContent{	height:85%; width:85%;	padding:5% 5% 0 10%; font-size: 18px; color:#FFFFFF; visibility: hidden; }
#hotnews-col .eventItem .panelContent{	padding:0px; height:848px;	width:100%;	visibility: hidden; }
#hotnews-col .panelContent p,#hotnews-col .panelContent div,#hotnews-col .panelContent a{ color:#FFFFFF; }
.event-tab{	width:72px;	height:703px;float:left;background:url(images/tabs/events-tab.png) no-repeat center center;cursor:pointer;border-right:2px solid #ffffff;	}
.news-tab{	width:72px;height:703px;float:left;	background:url(images/tabs/news-tab.png) no-repeat center center;cursor:pointer;border-right:2px solid #ffffff;	}
.blog-tab{	width:72px;height:703px;float:left;	background:url(images/tabs/blog-tab.png) no-repeat center center;cursor:pointer;border-right:2px solid #ffffff;	}
.news-tab-date{ width:15%; margin-right:5px; display:block; float:left; }
.news-tab-name{  width:80%; display:block; float:left; }
#hotnews-col .panel.active .event-tab, #hotnews-col .panel.active .news-tab, #hotnews-col .panel.active .blog-tab{ cursor: default; width:72px; }
.panelContent ul li { list-style-type:none; padding-bottom:10px; display: inline-block; width:100%; }
.panelContent ul li { color:#FFFFFF;}
.panelContent ul li a{ color:#FFFFFF; }
#hot-news .desktop{ display: block; }
#hot-news .mobile{ display: none; }

/** Event Section **/
.event-img{ float:left; width:50%; margin:0; padding:0; position: relative; height:374px;  overflow: hidden;  }
.event-img img{ width:100%; height: 374px; }
.event-content{ position: absolute; background: rgb(36,25,23); background: rgba(36,25,23,0.8); top:0; width:100%; height:100%;  }
.event-title{ width:15%;  padding-left:10%; padding-right: 10%; margin-top:10%;  }
.event-title h2{ text-align: left; color:#FFFFFF; font-size: 32px; line-height: 1.5em }
.event-title span{ text-align: left; font-size: 50px; width: 100%; display: block; margin-left: 20px; margin-top:10px; }
.event-right{ width:55%; float:left; margin-top:10%;  position: relative; height:90%; }
.event-desc{ font-size: 18px;  overflow: auto; text-align: justify; height:200px; }
.event-desc p{ font-size: 18px; text-align: justify; color:#FFFFFF; }
.event-btn{  text-align: center; position: absolute; bottom:50px; margin:auto; }
.event-btn a{ border:1px solid #FFFFFF; margin:auto; display: block; padding:12px 25px 12px 25px; width:120px; color:#FFFFFF; text-decoration: none; }

.event-img.ltr .event-content{  left:-65%; /* 55% + 10% of feature-right */ -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out; }
.event-img.ltr:hover .event-content,.event-img.ltr:focus .event-content{ left:0; }
.event-img.ltr .event-title{ float:right; }
.event-img.ltr .event-right{ padding-left:10%; padding-right: 0; }
.event-img.ltr .event-btn{ left:10%; right:0; }

.event-img.rtl .event-content{  right:-65%; /* 55% + 10% of feature-right */ -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out;	-o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;}
.event-img.rtl:hover .event-content,.event-img.rtl:focus .event-content{ right:0; }
.event-img.rtl .event-title{ float:left; }
.event-img.rtl .event-right{ padding-left:0; padding-right: 10%; }
.event-img.rtl .event-btn{  left:0; right:10%; }


/** Offers Page **/
#offers-list{ margin-bottom: 50px }
.offer-nav{ margin:10px 0 10px 0;}
.offer-nav a{ font-size: 20px; color:#000000; display: inline-block; background: #908a8a; padding:12px 8px 12px 8px; width:140px;text-align: center; border-radius: 8px;text-decoration: none; margin:10px 10px 10px 5px; }
.offer-nav a.active{ font-size: 20px; color:#FFFFFF; background: #241917; width:140px; }
.offer-nav select{font-size: 20px; color:#000000; display: inline-block; background: #ffffff; padding:5px 8px 5px 15px; width:170px;text-align: left; border-radius: 8px;margin:10px 10px 10px 5px; border:2px solid #908a8a; height:44px; }
.offer-block{ }
.offer-col{ width: 49%; display: inline-block; margin-bottom: 10px; margin-right:0.2%; margin-left:0.2%; /*max-height: 400px; */overflow: hidden;}
.offer-col img{ width:100%; }
.offer-col > img{ 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
}
.offer-more{ float:right; margin:10px 10px 10px 0px;} 
.offer-more a{ color: #000000; font-size: 16px;}

/** Offer Detail Page **/
#offers-detail{ margin-bottom: 50px }
.offer-info{ display: inline-block; width: 100%; margin-bottom: 20px; font-size: 18px; vertical-align: top; }
.offer-left{ display: inline-block; width:40%; vertical-align: top; }
.offer-right{ display: inline-block; width:56%; margin-left:2%; vertical-align: top;  }
.offer-img img{ width:100%;  }
.offer-info p{ margin-top:0px; text-align: left; font-size: 18px;   }
.offer-info,.offer-info h1, .offer-info h2, .offer-info h3, .offer-info h4{ margin-bottom:0px;margin-top:0px; text-align: left;  }
.offer-left-info{ margin-top:20px; }
.offer-right-info{ margin-bottom: 20px; }
.offer-events{ }
.offer-event-col{ width: 48%; display: inline-block; margin-bottom: 20px; vertical-align: top; }
.offer-event-col h4{ margin-bottom:20px; }
.event-col{ margin-bottom: 20px; }
.event-col .title{ color:blue; font-size: 18px }
.event-col .title a{ color:blue; }
.event-col .desc { color:#000000;font-size: 18px }
.event-col .desc a{ color:#000000;}
.offer-info ol, .offer-info ul{ margin-left:30px !important; }
.offer-left .book-now{ text-align: center; display: inline-block; width: 100%; margin:auto; }
.offer-left .book-now a{ background: #b27f46; color: #000000; font-size: 22px; display: block; max-width: 200px; padding: 1.5% 3% 1.5% 3%;	margin: 5px auto 5px auto;	text-decoration: none;}

/** Wedding & Meeting Page **/
#wedding-meeting{ margin:10px 0px 0px 0px; background: #241917; width:100%;}
#wed-col { list-style:none;	margin:0;	padding:0;	height:748px;	width:100%;	overflow:hidden; }
#wed-col .panel {
	float:left;
	display:block;
	height:748px;
	width:72px;
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	line-height:1.2em;
	background: #241917; /*504647*/
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
}
#wed-col .panel h1{ display: none; 	background: #241917; border-bottom:2px solid #FFFFFF;  }
#wed-col .panel.active {	width:100%;	background: #241917;	opacity: 1;	cursor: default;}
#wed-col .panelContent{	padding:0px; height:848px;	width:100%;	visibility: hidden;}
#wed-col .panel.active .panelContent{	visibility: visible;}
.wed1{	width:72px;	height:748px;float:left;background:url(images/tabs/wedding-tab.png) no-repeat center center;cursor:pointer;	}
.wed2{	width:72px; height:748px;float:left;background:url(images/tabs/meeting-tab.png) no-repeat center center;cursor:pointer;	}
.wed1.meetings{	width:72px;	height:748px;float:left;background:url(images/tabs/meeting-tab.png) no-repeat center center !important;cursor:pointer;	}
.wed2.weddings{	width:72px; height:748px;float:left;background:url(images/tabs/wedding-tab.png) no-repeat center center !important;cursor:pointer;	}
#wed-col .panel.active .wed1, #wed-col .panel.active .wed2{ cursor: default; }
.wed-tab img{ display: none; }
/*.wed-img{ float:left; width:50%; margin:0; padding:0; position: relative; height:374px;  overflow: hidden; border-left:2px solid #ffffff; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff; }*/
.wed-img{ float:left; width:100%; margin:0; padding:0; position: relative; height:374px;  overflow: hidden; }
.wed-img img{ width:100%; height: 100%; display:none; }
#wed-col .property-list{ width:80px; padding:0 10px 0 10px; float:left; border-left:1px solid #FFFFFF; height:100%; display:table; }
.property-inner-list{ display: table-cell; vertical-align: middle; height:100%; }
#wed-col .wedding-right{/* width:calc(100% - 101px - 72px); */float:left; position: relative; }
#wed-col .property-list select{ display: none; width:100%; padding:5px; margin:2px 0 2px 0; background:#FFFFFF; } 
#wed-col .property-list a{ display: block; width: 100%; margin:18px auto 18px auto; text-align: center;color:#FFFFFF; text-decoration: none; }
#wed-col .property-list a.active,#wed-col .property-list a:hover{ color:#fabe00; }

html.en #wed-col .property-list{ padding:0 9px 0 9px;}
html.en #wed-col .property-list a{ font-size: 14px; }

/** Common block row **/
.rowblock{ background: #ffffff; width:100%; margin-bottom: -5px; padding:0px; vertical-align: middle; position: relative;  overflow: hidden; }
.rowblock .col-img{ overflow: hidden; max-height: 450px; }
.rowblock .col-img img{ /*width:100%; */ height:100%; min-width: 680px; width:100%; }
.rowblock p{ text-align: center; }
.rowblock .col-left{  display: inline-block; width:50%; text-align:center; height: 450px; vertical-align: top; }
.rowblock .col-right{  float:right;  width:50%;text-align:center;  position: relative; height: 450px; vertical-align: top; }
.col-inner{ width:100%; margin:auto; display: inline-block; vertical-align: middle; height:85%; padding-top:10%; padding-bottom:5%; font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; }
.col-inner .col-desc{ color:#342e2e; font-size: 16px; width:75%; max-height: 300px;  height:100%; overflow-y:auto; margin:auto; }
.col-inner p{ color:#342e2e; text-align: center; font-size:16px; font-weight: normal;  }
.col-inner h2{ color:#fabe00; width:auto; display: inline-block; margin-bottom: 10px  }
.col-inner h2:after {
    content:' ';
    display:block;
    width:70%;
    margin: auto; 
    padding-top:5px;
 }
.readmore{ font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;  display: block; margin-top:20px;}
.readmore a{ font-size:16px; color:#fabe00; text-decoration: none; display: block; padding:5px 5px; min-width: 100px; }
.readmore a:hover{ color:#fabe00; text-decoration: underline;} 


.pagination{ text-align: center; padding:20px; line-height: 1.5em}
.pagination a{ margin:0px 6px 0px 6px; display: inline-block; color:#342e2e; font-size: 16px; }
.pagination span{ margin:0px 6px 0px 6px; display: inline-block; color:#fabe00; font-size: 16px; }


/* ------------------Gallery page-----------------*/
/*.album-sidebar-dropdown{ display:none ;}
.gallery{ width:100%; margin:auto; text-align:center;}

.gallery .col-1-4{  text-align:center; margin:0px auto 30px auto !important; display:block; }
.gallery .album-cover{ width:100%; border:0px solid #fabe00; max-width:222px;  margin:auto; height:147px; }
.gallery .album-cover img{ width:100%;  max-width:222px; max-height:147px;  }
.gallery .album-name{ font-size:15px; color:#fabe00; max-width:222px;  margin:10px auto 10px auto; min-height:50px;}
.galleria{ height:100%;max-height:600px;width:100%; }*/
 

/** Popup **/
/*.gallery-popup { display:none;z-index:1000; }
.button{background-color:#000;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none;}
.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}
.button:hover{background-color:#333}
.button>span{font-size:84%}
.button.bClose{border-radius:4px 4px 4px 4px;box-shadow:none;font:bold 150% sans-serif;padding:0 8px 4px;position:absolute;right:0px;top:0px}
.gallery-popup,.bMulti{background-color:#000;border-radius:10px 10px 10px 10px;box-shadow:none;color:#111;display:none;width:900px;padding:25px}
.gallery-popup,.bMulti{height:550px;} 
.gallery-popup .logo{color:#2B91AF;font: bold 325% 'Petrona',sans}
.bMulti p{font:500% 'Petrona',sans-serif;padding:45px 0 0;text-align:center}
.bMulti a{left:175px;position:absolute;top:175px}
.lt-ie9 .bModal{background-color:#000}
/** Popup **/

/** Video Popup **/
/*.video-popup { display:none;z-index:1000;  }
.video-popup,.bMulti{background-color:#000000;color:#111;display:none;width:70%; ;padding:25px; border:1px solid #000000; box-shadow:0 0 8px 8px #999; }
.video-popup,.bMulti{height:550px;} 
.video-popup .logo{color:#2B91AF;font: bold 325% 'Petrona',sans}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
}
.video-popup iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-block { position: relative; float:left; width:20%; margin-bottom:1%;}
.video-play { }*/
/** Video Popup **/



/* -------------------- Contact Us ---------------- */
#home-map,#location-map { width: 100%; height:100%;z-index:0; }
#map-wrapper { max-height: 630px;  margin-top:0px; }

/*#contact-info{ width:100%; }*/
/*.contact-col{ width:33%; display: inline-block; }*/


/** contact form */
#contact-form{ text-align: center; margin:20px auto 20px auto; width:100%; display: inline-block;}
.tbContactform  { width: 100%; max-width: 950px; margin: auto; }
.tbContactform td > div { margin-bottom: 20px; }
.tbContactform td > div:last-child { margin-bottom: 0px; }
.tbContactform input.text {
    width: 92%;
    background-color: #f5f5f5;
    padding: 8px 4%;
    font-size: 14px;
    position: relative;
    z-index: 1;
	border: none; 
	font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;
	color: #6b6b6b; 
	line-height: 1.2;

}
.tbContactform textarea { 
	width: 92%;
    background-color: #f5f5f5;
    padding: 8px 2%;
    font-size: 14px;
    position: relative;
    z-index: 1;
    height: 122px;
    border: none; 
	font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif;
	color: #6b6b6b; 
	line-height: 1.2;
	float:right;
}
.tbContactform td { position: relative; }
.tbContactform input[type="button"] { color: #fff; font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; background-color: #000000; border: none; font-size: 16px; padding: 10px 60px; cursor: pointer; margin-top:10px; }
.antispam  { display: none; visibility:hidden; }


.tbErrors{ text-align:left; color:red !important; margin-bottom:10px;}
.error{ color:red !important;}
.tbSuccess{ text-align:left; color:green !important; margin-bottom:10px;} 
/* -------------------- Contact Us ---------------- */

.magazine-list table td { width:28%; padding-left:1%; padding-right: 1%; }
.magazine-list table td img{ max-width: 300px; width:100%; }

table.table-style{ border:1px solid #A7A7A7; width:100%; }
table.table-style tr.even{ background:#e5e5e5; } 
table.table-style tr a{ color:#342e2e; } 
table.table-style th{ font-weight: normal; background: #c6c5c5; padding:10px 5px 10px 5px; border-right:1px solid #A7A7A7;}
table.table-style td{ font-size:16px; padding:10px 5px 10px 5px; vertical-align:middle; text-align: center; border-right:1px solid #A7A7A7;}
table.table-style th:nth-child(3){ text-align: left; padding-left:20px; }
table.table-style td:nth-child(3){ text-align: left; padding-left:20px; } 
table.table-style td img{ vertical-align:middle; }
/*table.table-style ul{ list-style-image:url(../images/tick.png); margin-left:20px } */


/* -------------------- sitemap ---------------- */
#sitemap  { }
#sitemap a { text-decoration: none; }
#sitemap ul { list-style-type: square; }
#sitemap ul li { margin-left: 25px; padding-left: 5px; }


/* -------------------------------------------- */
/* ------------------Footer-------------------- */
#bottom-black{ background: #000000; margin-top: 10px; display: inline-block;width: 100%; padding:20px 0px 20px 0px; }
#bottom-insta{ float:left; width: 48%; text-align: center;}
#bottom-insta h1{ color:#f2fd6e; font-size: 32px; font-weight: bold; text-align: center; }
#instagram-wrapper{  margin-top:5px; margin-bottom:5px;  display: inline-block; margin-left:auto; margin-right:auto; width:90%;/* max-height: 400px;*/ overflow: hidden; }
.instagram-pic{ width:100% !important; margin:auto; display: inline-block; }
.instagram-container {  display: inline-block;  width: 98%;}
.insta-slide img{  max-width: 65%; }
#bottom-video{ float:left; width: 50%}
#bottom-video iframe{ height:400px; /* height:100%; */ width: 100%;}

footer { z-index:100; position: absolute; bottom:0px; color:#342e2e; font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; width:100%; }
footer a,footer a:hover{ color:#000000; }
.footer-inner{ margin:auto; line-height:1.5em; padding:0 0px 15px 0px;  background: #ffffff; }
.bottom-info{ width:100%; background: #ffffff; padding:10px 0px 10px 0px; margin:auto;}
.footer-left{ float:left; background: #FFFFFF; width:48%; margin-top:10px; margin-right:1%;text-align: left; padding-top:10px;}
.footer-right{ float:left; background: #FFFFFF; width:48%; margin-top:10px; margin-left:1%;text-align: left; padding-top:10px;}
.address{ width:100%; display: inline-block; margin:auto; padding:0px 0 20px 0; text-align: left;}
.address-left{ float:left; width:20%; text-align: right; }
.address-right{ float:right; width:76%; margin-left: 2%}
.address table, .address table td{ border:0px !important; background:transparent !important; vertical-align: top; padding:1px 5px 1px 5px; text-align: left;}
.address table tr td.left{ text-align: right; width:36%; }
.footer-menu { text-align: left;  font-size:16px; margin:0px;  font-family: 'Century Gothic', Helvetica, Arial, 'Tian Ding Bold', Sans-Serif; display: inline-block; }
.footer-menu a{ margin:0px 4px 0px 4px;display: inline-block;  vertical-align: middle;  font-size:16px;	color:#000000; }
.footer-menu span{ display: inline-block;padding:7px 0px 7px 0px; border-right:1px solid #000000; vertical-align: middle; margin:0px 5px 0px 5px;}
.footer-menu span:last-child{ border:0px; padding:0px; margin:0px;}
.footer-socials{ margin:20px 0px 0px 0px;}
.footer-socials img{ margin-right: 10px;}
.footer-brands{ width:100%; display: inline-block; margin:25px auto 15px auto;text-align: center; }
.footer-brands img{ margin:0 8px 0 8px; max-width: 100%; display: inline-block; width:auto; max-height:81px; }
.footer-copyright{ font-size: 18px; display: inline-block; text-align: center; width: 100%; padding:10px 0 10px 0; }
.footer-copyright span{ vertical-align: middle; }
.footer-copyright img{ vertical-align: middle; padding:0 20px 0 20px; width:100px;}