@charset "utf-8";
body {
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family: 'Saira';
	font-size: 1.75em;
	line-height: 1.2em;
	color: #FFF;
	background-image: url(../images/bg.jpg);
	background-position:center top;
	background-color:#000;
	/*
	background-repeat:repeat-x;
	background-attachment: fixed;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


@font-face {
    font-family: 'BertholdCity';
    src: url('../fonts/BertholdCityBoldItalic.woff2') format('woff2'),
         url('../fonts/BertholdCityBoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/SairaCondensed-Regular.woff2') format('woff2'),
         url('../fonts/SairaCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'city';
    src: url('../fonts/city-medium-opentype.woff2') format('woff2'),
         url('../fonts/city-medium-opentype.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#header, #content{
	margin:0 auto;
}
#footer{
	margin:10px auto;
}
a.tel{
	color: #000;
	text-decoration: none;
}
a:hover.tel{
	color: #70cbd2;
	text-decoration: none;
}
#contentInner{
	padding:0 20px 20px 20px;
}
#bgNav{
	background-image:url(../images/bgNav.png);
	height:32px;
	margin:79px 0 0 0;
}
#mins{
	width:60px;
	float:left;
}
#price{
	width:70px;
	float:left;
	font-size:14px;
	color:#f6c27a;
}
#name2{
	width:75%;
	float:left;
	font-size:14px;
	color:#f6c27a;
	padding:10px 0 0 0;
}
#mins2{
	width:15%;
	float:left;
	padding:10px 0 0 0;
}
#price2{
	width:10%;
	float:left;
	font-size:14px;
	color:#f6c27a;
	padding:10px 0 0 0;
}
#con50{
	width:50%;
	float:left;
}
#con70{
	width:65%;
	float:left;
	padding:0 0 0 5%;
}
#con30{
	width:30%;
	float:left;
}
#lineGold{
	border-bottom:1px dashed #f6c27a;
	margin:20px 0 0 0;
}
.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{right: 15px; top:180px; z-index: 97; margin:-79px 0 0 0; position: absolute;}
.navLR{
	margin:0 15px;
}
.price{
	font-size:14px;
	color:#f6c27a;
}
.txtGold{
	color:#f6c27a;
}

/****************** NEW ***********************/
#bkk_bgHeader{
	background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#bgLiveBrand h2, #bgWhaton h2, #bgBooking h2, #bgBookingAlert h2{	
	font-weight: bold;
	font-size: 30px;
}
#bgLiveBrandWhite, #bgWhatonWhite, #bgBookingWhite, #bgBookingWhiteAlert{
	position:fixed;
	background-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, #bgBookingAlert{	
	/*background-color: #FFF;*/
	position:absolute;
	color:#000;
	/*top:0;*/
	left: 0;
	z-index: 9999;
	width: 100%;

}
#closLiveBrand, #closWhaton, #closBooking, #closBookingAlert{ right:10px; top:10px; position:fixed; width: 58px; z-index: 99;}
.spcLRicon{
	position: absolute;
	z-index: 99;
}
.br1, .br2, .br3, .br4{
	display:none;
}	
.hide1, .hide2, .hide3, .hide4 { display:inherit; }
.setNav{width: inherit;}
.btOrderOnlineT{margin: -38px 0 0 0; right: 195px; height: 100px;}
.btBookingOnlineT{margin: -38px 0 0 0; right: 90px; height: 100px;}
.lineNavBlue{ display:none;	}
.lineNavBlueshow{ height: 2px; background-color: #70cbd2; margin-top: 5px; }
.bgUs{background-image: url(../images/bgUs.jpg); margin-top: -1px;}
.connectMainImg{ margin-top: -103px;}
.coninnerLR{ padding:0 30px;}
.spcLus{padding-left: 100px;}

.bgMenu{background-image: url(../images/bgMenu.jpg);}
.bgGallery{background-image: url(../images/bgGallery.jpg);  margin: 0px;}
.bgContact{background-image: url(../images/bgContact.jpg); color: #000; }
.btMenuC{margin-top: 10px;}
.bgArrow{margin-top: 35px;}
.bgArrowGallery{margin-top: 0;}

.txtmain2{margin-top: 90px;}
.txtmain3{margin-top: -10px;}
.txtmain4{margin: -100px 0 0 -250px;}
.txtmain5{margin: 0 0 0 -200px;}
.txtmain6{margin: 200px 0 0 0px;}
.txtmain7{margin: 200px 0 0 0px;}

.wf-txtmain2{margin: 150px 0 0 150px;}
.wf-txtmain3{margin: 150px 0 0 0px;}
.wf-txtmain4{margin: 200px 0 0 -670px;}



.bgGal{ width:105%; }
.galset1, .galset2, .galset3, .galset4 { padding: 0; margin: 0; }
/*.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: 80%;}

.footer{ color:#000; font-weight: bold; padding: 30px 0;}

.boxRegister{ background-color: #d1d2d4; color: #000; font-size: 14px; border: 0; padding: 3px; margin: 3px; width: 70%;}
.boxRegisterNormal{ background-color: #d1d2d4; color: #000; font-size: 14px; border: 0; padding: 3px; margin: 3px;}
.txtBoxForm{position: absolute; color: #FFF; font-size: 14px; margin: 5px 0 0 5px;}

.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;}

.bgArrowFoot{width: 180px;}
/****************** 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;}

 .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;
}



/*************** Little B Addon ******************/
.navset2spc{ margin-right: 25px;}
#navset2{position:fixed; width: inherit; text-align: left; margin-top: 50px; z-index: 98; background-color: #ec008c; color: #FFF; padding: 3px;    opacity: 0.90;    filter: alpha(opacity=90); /* For IE8 and earlier */}
/*************** End Little B Addon ******************/


#boxRegister{
	padding-top:5px;
}

.boxRegister{
	margin-left:3px;
}
input.boxRegister::placeholder, textarea.boxRegister::placeholder {
	text-transform: uppercase; color: #FFF; font-size: 1.5em; padding: 5px 10px;
}
.borMap{
	border:#CCC 1px solid;
	padding:1px;
}
.txtBlack{
	color:#000;
}



/* Order Online */

.bgOrderOnline{background-image: url(../images/bgUs.jpg);}
.bgH1{	background-color:#70cbd2; border-radius:15px; margin: 0 20px; padding:0 30px; }
#bgFoot{	background-color:#70cbd2;	color:#FFF; }
.txtListMenuResponsive a{ color:#000; text-decoration: none; font-weight: bold;}
.txtListMenuResponsive a:hover{ color:#0d6c73; text-decoration: none;}
h1{
	font-family: "BertholdCity";
	font-weight: normal;
	font-size: 3em;
	padding-top: 15px; margin: 0;	
}
h2.h2Us{
    font-family: 'city';
	font-weight: normal;
	font-size: 2em;
	padding: 0;
	margin: 0;
}
h2.newmenu{
	color:#ec008c;
	font-size:30px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:10px 0 0 0;
}
h4.newmenu{
	color:#0d6c73;
	font-size:34px;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:10px 0 15px 0;
	width:100%;
}
h5.newmenu{
	color:#f1d588;
	font-size:18px;
	padding:0;
	margin:0;
}
#descMenu_new{
	font-size:13px;
	padding:10px 10px 0 10px;
	color:#FFF;
}
.txtPrice_new{
	color:#f1d588;	font-size:16px; font-style:normal; 
}
.bgLightBrown{
	background-image:url(../images/navC.png);
}
.new_menu_img{
	border:1px solid #70cbd2;
	width:90%;
	padding:1px;
	margin:0 0 5px 0;
}
#txtDesc{
	font-size:12px;
	padding:0 0 0 23px;
}
#lineMenuList{
	border-bottom:dashed 1px #CCC;
	margin:3px 0;
	padding:3px 0;
}
.txtCmmt{
	color:#ee7171;
}
.txtBlack{
	color:#333;
}
.txtCatSmall{
	color:#8b1111;
	font-size:12px;
}
.tbTitle{
	color:#FFF;
	background-color:#451f16;
	padding:5px;
	font-size:22px;
}
.tbDesc{
	/* color:#FFF;
	background-color:#FFF; */
	padding:24px;
	border-bottom:dashed 1px #999;
	font-size:22px;
}
.tbDescNew{
	color:#F00;
	background-color:#fba7a7;
	padding:24px;
	border-bottom:dashed 1px #999;
	font-size:22px;
}
.tbDescNew a, .tbDescNew a:hover{
	/*color:#F00;
	font-size:24px;*/
}
.tbL{
	padding-left:3px;
}
.bgMenuSubList{
	color:#FFF;
	background-color:#ec008c;
	padding:5px 0;
}
/*.bg65{
	background-image:url(../images/bgWhite65_C.png);
}*/
.btOrder{
	margin:0 0 0 0;
}
.btOrderNor{
	margin:2px 0 0 0;
}
/*#descMenu{
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	font-style:italic;
	font-size:12px;
	padding:0 0 16px 0;
}*/
#note{
	padding:20px 0 0 0;
}
#bgCondition{	background-color: #ec008c; color:#FFF; padding: 30px 0 80px 0; margin: 20px; border-radius: 20px; }

 	#stickyheader {
		width: 100%;	margin:0 0 0 0;	z-index:90;	background-image:url(../images/bg-red.png);
     }
	.img100{
		width:100%;
	}
	.imgTop100{
		width:100%;
	}
	.btViewCart{
		margin:-18px 0 0 0;
		position: absolute;
		right: 3px;
	}
	.icoVegGluten{
		padding:10px 0;
		color: #0d6c73;
	}
/* End Order Online */