@charset "utf-8";
body {
	font-family: "copperplate", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.55em;
	line-height: 1.4em;
	-webkit-text-stroke: .00em;	
	color: #FFF;
	background-image: url(../../images/bg.jpg);
	background-position:center top;
	background-color:#e7c71e;
	/*
	background-repeat:repeat-x;
	background-attachment: fixed;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*@font-face {
  	 font-family: "Brothers", sans-serif;
    src: url('../fonts/Brothers.woff2') format('woff2'),
         url('../fonts/Brothers.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  	 font-family: "CopperPennyDTP";
    src: url('../fonts/CopperPennyDTP.woff') format('woff'),
         url('../fonts/CopperPennyDTP.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
/*@font-face {
  	 font-family: "hetilica";
    src: url('../fonts/hetilica.woff2') format('woff2'),
         url('../fonts/hetilica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

/*.OhnoFont{
	font-family: "kautiva-pro", sans-serif;
	font-weight: 200;
	font-style: normal;
}*/

#header, #content{
	margin:0 auto;
}
#footer{
	margin:10px auto;
}
a {color: #d25d28; text-decoration: none;}
a:hover {color: #d25d28; text-decoration: none; -webkit-text-stroke: .03em; }
#contentInner{
	padding:0 20px 20px 20px;
}
#con50{
	width:50%;
	float:left;
}
#con70{
	width:65%;
	float:left;
	padding:0 0 0 5%;
}
#con30{
	width:30%;
	float:left;
}
.txtNormal{
	font-size:12px;
	color:#FFF;
}
#nav .tel a{
	font-size:38px;
	color:#f6c27a;
	text-shadow: 2px 2px #181819;
	font-weight:bold;
	line-height:28px;
}
#nav .tel a:hover{
	font-size:38px;
	color:#f6d6ab;
	text-shadow: 2px 2px #181819;
	font-weight:bold;
	line-height:28px;
}
.tel-top{	 width:52px;}
.logo{z-index: 9; margin:0 0 0 0px; position: absolute; width: 80%;}
.navLR{	margin:0 15px;}
.txtGold{	color:#f6c27a;}

/****************** NEW ***********************/
h1{ font-family: "copperplate"; font-size: 8em; letter-spacing: .05em; color: #000; line-height: 1em; padding: 20px 0 0 0; margin: 0;}
h2, .fontSpecial{font-family: "copperplate"; font-size: 1.5em; line-height: 1em; color:#d25d28; margin: 0; padding: 0; -webkit-text-stroke: 0em;  }
h2.h2book{font-size: .95em; color:#000; }
h3{font-family: "copperplate"; font-size: 1.2em; line-height: 1em; margin: 0; padding: 0; -webkit-text-stroke: 0em;  }

#bkk_bgHeader{}
#bgLiveBrand h2, #bgWhaton h2, #bgBooking h2, #bgBookingAlert h2{	
	font-weight: bold;
	font-size: 2em;
}
#bgLiveBrandWhite, #bgWhatonWhite, #bgBookingWhite, #bgAboutWhite, #bgBookingWhiteAlert{
	position:fixed;
	background-color: #2e5027;	color: #FFF;
	z-index: 9998;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;	
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}
#bgLiveBrand, #bgWhaton, #bgBooking, #bgAbout, #bgBookingAlert{	
	/*background-color: #FFF;*/
	position:absolute;
	color:#000;
	/*top:0;*/
	left: 0;
	z-index: 9999;
	width: 100%;

}
#closLiveBrand, #closWhaton, #closBooking, #closBookingAlert{ right:1svw; top:10px; position:fixed; width: 50px; z-index: 99;}
.spcLRicon{
	position: absolute;
	z-index: 99;
}
.br1, .br2, .br3, .br4{
	display:none;
}	
.hide1, .hide2, .hide3, .hide4 { display:inherit; }
.setNav{width: inherit; position: relative;}
.bluestrip, .bluestrip2{background-color: #6fccdd; color: #000; text-align: center;font-size: 1.2em; padding: 15px 0; position: absolute; bottom: 0; z-index: 99; width: 100%; text-transform: uppercase;}
.bluestrip2{position:inherit; width: 100%;}
/*.btOrderOnlineT{margin: 50px 0 0 0; right: 125px; width: 110px; z-index: 999; position: absolute;}
.btBookingOnlineT{margin:100px 0 0 0; right: 125px; width: 110px; top: 0; z-index: 999; position: absolute; }*/
.lineNavBlue{ display:none;	 background-color: #b5904b;}
.lineNavBlueshow{ height: 2px; background-color: #b5904b; margin-top: 5px; }
.lineNavGold{ height: 5px; background-color: #b5904b;}

.bgUs{ margin: 0; background-image:url("../../images/bgAbout.jpg"); background-position: center bottom;  background-size: 100% auto; position: relative; padding: 50px 0 0 0;}
.bgMenu{ margin: 0; background-image:url("../images/bgMenu.jpg"); background-position: center top;  background-size: 100% auto; position: relative; padding: 50px 0 0 0;}
.bgMenuText{ margin: 0; background-image:url("../images/bgMenuTxt.png"); background-position: center top;  background-size: 100% auto; background-repeat: no-repeat;}
.bgContact{background-image: url("../images/bgContact.jpg"); background-position: top center; background-size: 100% auto;  background-repeat: repeat-y; position: relative; color: #000; font-size: .9em; -webkit-text-stroke: .03em; letter-spacing: .02em; }
.bgContactBox{background-color: #f2ede9; border-radius: 100px; padding: 50px 0;}
.menuClick{ width: 18%; margin-right: 3%; }
.menu_bt{width: 100%;}
.menu_1, .menu_3{margin: 35px 0 0 0;}
.menu_4{margin: 10px 0 0 0;}

.tiAbout{width: 100%; margin-bottom: 30px;}
.bgAboutText{ background-color: #f5a0c5; padding: 20px 50px;}
.bgAboutTextWhite{ background-color: #FFF; padding: 20px; -webkit-text-stroke: .03em; }
.aboutTi{font-size: 2.7em; line-height: 1em; -webkit-text-stroke: .03em; letter-spacing: .08em; padding-bottom: 10px;}
.aboutTextFinish{width: 300px;}
.btRead-about{width: 100px; margin-bottom: 28px;}
.btRead-menu{width: 90px; position: absolute; z-index: 1; right: 80px;}
.showAbout{position: absolute; z-index: 99; width: 102%; margin-left: -3.75%; }
.bgMenuInner{ background-color: #fac1b5; padding: 20px 100px 20px 50px; margin-right: 8.5%; -webkit-text-stroke: .03em; font-size: .9em;}
.showMenu{position: absolute; z-index: 99; padding: 0px 100px 20px 50px; width: 86%; margin-left: -50px; background-color: #fac1b5; }

.tiGal{ font-family: "copperplate"; font-size: 4em; letter-spacing: .05em; color: #FFF; line-height: 1em; /*margin-top: 10svh;*/ margin-top: 150px;}
.bgMenuUnder{ width: 100%;}
.logoFoot1, .logoFoot2{width: 200px; margin: 20px 0 0 0;}
.logoFoot2{position: absolute; margin: -205px 0 0 -100px;}
.foot-ti{height: 35px;}
.foot-bt{width: 100%;}
.bgFootMid{background-image: url("../images/bgFoot.jpg"); background-position: bottom center; background-size: auto 60%;  background-repeat: repeat-x;  }
.tbDefault{ width: 100%; margin: 15px 0;}
.tbDefault td{border: .1em solid #5bc6c7; padding: 5px;}
.tbDefaultBlue, .tbDefaultBlue2{background-color: #def1f2; width: 60%;}
.tbDefaultBlue2{width: 20% !important;}
.txtUppercase{text-transform: uppercase;}




.bgAboutImg{background-position: bottom right; background-size: 100%; background-image:url("../../images/bgAboutFoot.jpg"); }
.aboutColumn{background-color: #f27a9e; color: #002c41; padding: 30px 70px 10px 70px;}
.connectMainImg{ margin-top: -103px;}
.coninnerLR{ padding:0 30px;}
.spcLus{padding-left: 100px;}

/*.bgMenu{background-image: url("../images/bgMenu.jpg"); background-size: 100%; padding: 90px 0 0 0;  background-position: top center; background-repeat: no-repeat; }*/
.bgGallery{/*background-image: url(../images/bgGallery.jpg);*/ background-size: 100%; background-position: bottom center; padding-top: 50px; }
.bgFooter{background-image: url("../../images/bgContactPink.jpg"); background-repeat: repeat; background-color: #f8d1e6; color: #000; font-size: 1.1em; line-height: 1.1em; }
.btMenuC{margin-top: -50px;}
.bgArrow{margin-top: 35px;}
.bgArrowGallery{margin-top: 0;}



.bgGal{ width:100%; }
.galset1{margin: 0; padding: 0 0 0 15px;}
/*.galset2{margin: -7px 0 0 0; padding: 0 0 0 0;}
.galset3{margin: -7px 0 0 0; padding: 0;}
.galset4{margin: 0; padding: 0 15px 0 0;}*/
.lb-prev{margin-left: 10px;}
.lb-next{margin-right: 10px;}

.txtContactUs{ font-size:20px; padding: 50px; line-height: 22px;}
.heightcontact{ height: 100px;}

.imgwhaton{ width: 90%;}



.txtComplete{color:#559c0f;}
.btMenu{ /*background-image: url(../images/btMenu.png);*/ width: 228px; height: 227px; padding: 80px 0 0 0; margin: 10px auto 30px auto; color: #000; font-size: 36px; line-height: 36px; font-weight: bold; text-align: center;}
.txtBranch{font-size: 30px; padding-bottom: 50px; line-height: 30px; text-shadow: #FFF 1px 1px 5px;}
	.burger{ top: 207px; margin:0 0 0 0px; position:absolute; z-index: 99; width: 93px; right: 14px; }
	.orderonlinelink{position:absolute; width: 90px; right: 20px; top: 20px; }
	.bookinglink{position:absolute; width: 90px; right: 20px; top: 115px; }
.btHiring{position:absolute; width: 90px; right: 120px; top: 20px;}
/**/
.Close-button{width:  47px; /*margin: -30px 0 30px 0;*/ cursor: pointer; position: absolute; top: 30px; left: 70%;}
	.bgNavSlide{ font-family: "copperplate"; position:fixed; background-image: url("../../images/bgNavBar.png"); background-size: 100% auto; background-position: center; background-repeat: repeat-y; padding: 0; z-index: 90; top: 100svh; left: 10%; width: 80%; height: 80svh; color: #FFF; letter-spacing: .03em;  font-size: 2.5em; line-height: 1.5em; text-align: center; padding-top: 5svh; }
.bgNavSlide a{color: #FFF; text-decoration: none;}
.bgNavSlide a:hover{color: #5bc6c7; text-decoration: none;}

	.logoS{ margin: 0 0 0 -200px; }
	.navTopNormal{margin-bottom: 20px;}
	.txtBlue{ color:#238cc1;}
	.txtRed{color: #d63f23;}
	.tiMenu{ width: 600px; margin-top: 15vh;}
	.txtTitle {font-size: 60px; line-height: 60px; color: #ece7c7; }
	.txtTitleHeader {font-size: 1.5em; line-height: 2.5px; color: #ece7c7;}
	.txtWhite{color:#FFF;}
	.firstGallery{width: 40%; height: 60vh; cursor:pointer; margin:-5vh  0 0 -41%; opacity: .0;  filter: alpha(opacity=.0); position: absolute;}
	.icoNavSet, .icoNavSet2{width: 55px; margin: 0px 20px 0 0;}
	.icoNavSet2{ margin: 0px 0 0 0;}
	.icoNavSetContact{width: 40px; margin: 0px 20px 20px 0;}
	.txtContact{font-size: 25px; line-height: 30px;}

	.closeAbout{position: absolute; margin-left: -40px;}
	.hightAbout{height: 1050px;}
	.galSection{margin: 0; padding: 0;}
.boxCon1{color: #231f20; padding: 10px 30px;}
.boxCon2{color: #231f20; padding: 10px 30px;}
.HiBox2{height: 90px;}
	.clrMrPd{ padding: 0; margin: 0; }
	/*.txtAbout{ padding: 0 25px;}*/
	.txtGallery{width:100%;}
	.btMenuAll{width: 80%;}
	.bgArrowFoot{width: 100px;}

.imgAbout{ width: 20%; margin-bottom: 10px;}
.txtAbout{font-weight: 400; font-size: 2.9em; line-height: 1.1em; color: #cc306b;}
.readmore{font-size: .4em; color: #32bfbd; cursor: pointer; text-transform: uppercase; font-weight: 700;}
.conditionMenu{ color: #fff450; font-size: 1em; line-height: 1em; align-content: center; padding: 20px 0; background-color: #bf262e; letter-spacing: .05em;  }
.menu_img{width: 90%;}
.fontabout{font-size: .4em; line-height: 1.2em;}
.logo-only{margin-bottom: 20px; width: 80%;}
.txt_title{font-size: 2.35em; line-height: .85em; text-transform: uppercase;}

/****************** NEW ***********************/




	.navbar{background: #2A0405;}
	.navbar-default .navbar-toggle{border-color:#e9dca1; background-color:#ead895;}
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#7d3b45;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#7d3b45}
	.navbar-default .navbar-toggle:hover .icon-bar{background-color:#e9dca1}
	.navbar-default .navbar-toggle:focus .icon-bar{background-color:#e9dca1}
	.navbar-default .navbar-nav>li>a{color:#FFF; padding:10px 15px; text-transform: uppercase; border-bottom:1px #FFF solid;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#7d3b45; background-color:#e9dca1;}

	
	.carousel-caption{top:100px;}

		.carousel-fade .carousel-inner .item {
		  opacity: 0;
		  -webkit-transition-property: opacity;
		  -moz-transition-property: opacity;
		  -o-transition-property: opacity;
		  transition-property: opacity;
		}
		.carousel-fade .carousel-inner .active {
		  opacity: 1;
		}
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
		  left: 0;
		  opacity: 0;
		  z-index: 1;
		}
		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
		  opacity: 1;
		}
		.carousel-fade .carousel-control {
		  z-index: 2;
		}

	html,body {    height: 100%;}
	.carousel,.item,.active {   height: 100%;}
	.carousel-inner {   height: 100%;}
	/* Background images are set within the HTML using inline CSS, not here */
	.carousel-control, .carousel-indicators, .carousel{  max-height: auto !important; }
	.fill {
		width: 100%;
		height: 100%;
  		background-position: 40% 50%;
		/*background-position: center;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}






	footer {
		margin: 50px 0;
	}





 .home-pro{
	padding:104px 0 0 45px;
}
.home-welcome{
	padding:0 250px 0 0;
}
.welcome{
	padding-top:10px;
}
.show-mobile{
	display:none;
}
.show-mobile img.imgnotshow{
	height:1px;
}
.hide-tablet{
	display:inherit;
}
.show-tablet{
	display:none;
}



/*************** Web Addon ******************/
.widConBox{ width: 15px; height: 15px; padding: 0; margin: 0;}
.ConBox{background-image: url("../images/bgBoxContact.jpg");}
.ConBoxForm{background-color: #f5edd5;}
.btBoxContact{ width: 35%; margin: 10px 10px;}
h3.h3ContactBox{color: #002c41; margin: 0; font-size: 1em; line-height: 1em; text-transform: uppercase; padding: 15px 0; font-weight: 600; }
.boxCmmt{ height: 130px;}
.mobLeft{text-align: right;}



	.bgTopHead{background-position: top center; width: 100%; height: 110px; position: absolute; z-index: 99; }
	.btScroll{ position:absolute; left: 12.5%; width: 75%; bottom: 0%; text-align: center; background-color: #211d1d; color: #4c999a; font-family: "copperplate"; text-transform: uppercase; font-size: .8em; padding: 10px 0;z-index: 91;}
	.txtFoot{font-family: "copperplate"; text-transform: uppercase; font-size: .8em;  -webkit-text-stroke: .03em; color: #231f20; padding: 0 0 30px 0;}
	.clickLink{color: #fac1b5;}
	.spTopLogo{padding: 65px 0 0 0;}
	.bgAboutFoot{width: 100%;} .imgBGmenu{ width: 100%;}
	.bgAlldayMenu{background-image: url('../../images/bgAllday-bg.png'); padding-top: 20px;}
	.txtMenu, a:hover.txtMenu{font-size: 3.8em; font-weight: 600; line-height: .7em; color: #002c41; text-decoration: none;}
	.titleGalery{position: absolute; bottom: 0; font-size: 8em; font-weight: 600; line-height: 1em; color: #FFF; text-align: center; width: 100%;}
	.clrContact{padding: 0; margin-top: 0; margin-left: 0; margin-right: 0;}
	.clrPad{ padding: 0;}
	.contactHeader{width: 100%;}
	.bgContactForm{background-color: #78c043; color: #002c41; padding: 30px 0 50px 0;}
	.bgContactForm2{background-color: #eef6e7; color: #002c41; padding: 30px 0 50px 0;}
	.colContactL{padding: 0 0 0 30%; text-transform: uppercase; font-size: 1.1em;}
	.colContactR{padding: 0 0 0 0; text-transform: uppercase; font-size: 1.1em;}
	.colContactL2{padding: 0 0 0 20.5%; text-transform: uppercase; font-size: 1.1em;}
	.contactBT, .contactBTBook{width: 75%; margin: 2px 0;}
	.contactBTBook{ position: absolute; z-index: 1; }
	.contactBTCollect{ margin-top: 73px;}
	.logo-onlyFoot{ width: 320px; position: absolute; margin: -265px 0 0 -155px; }
	.Back-button{ width: 250px; position: absolute; margin: -55px 0 0 -125px; cursor: pointer;}

/*************** End Web Addon ******************/



/***************  Commingsoon ******************/
.commingsoonBox{ position: absolute; background-image: url('../../images/bgGreen.png'); width: 100%; left: 0svw; top: 12svw; padding: 3% 2%; z-index: 9; }
.commingsoonFoot{font-size: 2.2em; color: #ece7c7; text-align: center;}
.logoComingsoon{ width: 100%;}
.copyright{font-family: "stratum-1-web", sans-serif;
font-weight: 500;
font-style: normal; text-align: center; font-size: .9em; position: absolute; bottom: 4svw; left: 0; color: #FFF; width: 100%; z-index: 98;}
/*************** End Commingsoon ******************/



/*#boxRegister{
	padding-top:5px;
}*/
.boxRegister, .boxRegisterSubject{
	margin-left:0;  /*border: none !important;*/ width: 100%;
}
input.boxRegister, textarea.boxCmmt{background-color: #def1f2; color: #006e85; border: #006e85 0px solid; font-size: 1em; padding: 0; }
input.boxRegister::placeholder, textarea.boxCmmt::placeholder  {
	color: #006e85;
	background-color: #def1f2;
	border: #def1f2 1px solid;
}
input.boxRegisterSubject{padding: 0px 0 0 0; margin-bottom: -2px;	border: #f2ede9 1px solid; background-color: #f2ede9; font-family: "copperplate"; letter-spacing: .06em; font-size: 1.4em;}
input.boxRegisterSubject::placeholder  { 
	font-family: "copperplate";
	/*font-size: 1.5em;*/
	color: #dfd3c9;
	background-color: #f2ede9;
	border: #f2ede9 1px solid;
}
textarea.boxCmmt{ height: 470px;}
.btSubmit{ /*width: 100%; height: 50px; margin: 20px 0 0 2px; background-image:url(../../images/Send-button.png); background-size: auto 100%; background-repeat: no-repeat; background-color:#eef6e7; border:none;*/
	font-family: "copperplate"; font-size: 2.3em; line-height: 1em; color:#006e85; margin: 0; padding: 0; -webkit-text-stroke: 0em;  border: none; background-color: #f2ede9;
}

.borMap{
	border:#CCC 1px solid;
	padding:1px;
}
.txtBlack{
	color:#000;
}