/* @override 
	http://dev.samyarn.com/vista-cafe/wp-content/themes/vista-cafe/style.css?ver=4.0.1
	http://dev.samyarn.com/vista-cafe/wp-content/themes/vista-cafe/style.css?seed  */


/*
Theme Name: Vista Cafe 2015
Description: Minimal Starter theme
Copyright: 2014
Version: 0.9.8
Author: SeedThemes
Author URI: http://SeedThemes.com
*/

@charset "UTF-8";

@font-face {
  font-family: "vistacafe";
  src:url("plus/fonts/vistacafe.eot");
  src:url("plus/fonts/vistacafe.eot?#iefix") format("embedded-opentype"),
    url("plus/fonts/vistacafe.woff") format("woff"),
    url("plus/fonts/vistacafe.ttf") format("truetype"),
    url("plus/fonts/vistacafe.svg#vistacafe") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "vistacafe" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vistacafe" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e000";
}
.icon-facebook:before {
  content: "\e001";
}
.icon-twitter:before {
  content: "\e002";
}
.icon-google-plus:before {
  content: "\e003";
}
.icon-youtube:before {
  content: "\e004";
}
.icon-instagram:before {
  content: "\e005";
}
.icon-angle-right:before {
  content: "\e006";
}
.icon-right-dir:before {
  content: "\e008";
}
.icon-angle-left:before {
  content: "\e007";
}
.icon-mail:before {
  content: "\e009";
}
.icon-call-phone:before {
  content: "\e00a";
}
.icon-clock:before {
  content: "\e00b";
}
.icon-email-envelope:before {
  content: "\e00c";
}
.icon-paper-plane:before {
  content: "\e00d";
}
.icon-note:before {
  content: "\e00e";
}
.icon-calendar:before {
  content: "\e010";
}
.icon-talk:before {
  content: "\e011";
}
.icon-tripadvisor:before {
  content: "\e00f";
}
.icon-menu:before {
  content: "\e012";
}
.icon-close:before {
  content: "\e013";
}
.icon-angle-down:before {
  content: "\e014";
}
.icon-angle-up:before {
  content: "\e015";
}
.icon-user:before {
  content: "\e016";
}



@font-face {
    font-family: 'db_helvethaicamon_x65_med';
    src: url('plus/fonts/db_helvethaicamon_x_med_v3.2-webfont.eot');
    src: url('plus/fonts/db_helvethaicamon_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('plus/fonts/db_helvethaicamon_x_med_v3.2-webfont.woff') format('woff'),
         url('plus/fonts/db_helvethaicamon_x_med_v3.2-webfont.ttf') format('truetype'),
         url('plus/fonts/db_helvethaicamon_x_med_v3.2-webfont.svg#db_helvethaicamon_x65_med') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'db_helvethaicamon_x55_regular';
    src: url('plus/fonts/db_helvethaicamon_x_v3.2-webfont.eot');
    src: url('plus/fonts/db_helvethaicamon_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('plus/fonts/db_helvethaicamon_x_v3.2-webfont.woff') format('woff'),
         url('plus/fonts/db_helvethaicamon_x_v3.2-webfont.ttf') format('truetype'),
         url('plus/fonts/db_helvethaicamon_x_v3.2-webfont.svg#db_helvethaicamon_x55_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	color: #221f1f;
	height: 100%;
	/* min-height: 100%; */
}
body {
	font: 24px/1.5em 'db_helvethaicamon_x55_regular',sans-serif;
	font-weight: normal;
	height: 100%;
	/* min-height: 100%; */
}
textarea{
	padding: 10px;
}

#mailform #mc_embed_signup .mc-field-group {
	width: 100%;
}
#mailform #mc_embed_signup div#mce-responses {
	padding: 0 30px 10px;
	height: auto;
	margin: 0;
	width: 100%;
	
}

#mailform #mc_embed_signup #mce-success-response {
	margin: 0;
	padding-top: 0;
	width: 100%;
	color: red;
}	
	#mc_embed_signup #mce-error-response{
		width: 100%;
		color: red;
	}
		#mc_embed_signup #mce-error-response a{
			display: block;
			padding-top: 8px;
		}
	

#mailform #mc_embed_signup #mc-embedded-subscribe {
	font: 22px/1.5em 'db_helvethaicamon_x55_regular',sans-serif;
	font-weight: normal;
	margin: 0 auto;
}

#mailform #mc_embed_signup div.mce_inline_error {
	background: none;
	color: #f00;
	padding: 15px 0 0;
	margin-bottom: 0;
	text-align: center;
}


body.th .lang-en, body.th input.lang-en{
	display: none !important;
}
body.en .lang-th, body.en input.lang-th{
	display: none !important;
}




b,strong,th,
h1, h2, h3, h4, 
#navgroup, .cart-bar, #foot .nav,
#mailform #mc_embed_signup .mc-field-group input,
#w ul.products li.product .price,
#w #subcat, label{
	font-family: 'db_helvethaicamon_x65_med',sans-serif;
	font-weight: normal !important;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2.cat-title{
	display: none;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 28px;
	margin: 30px 0 20px;
}
.yellow{
	color: #fdc02f;
	display: inline;
}
p{
	line-height:30px;
	margin-bottom: 20px;     
}

li{
	list-style-image: url('img/li.png');
}

	a {
		color: #221f1f;
	}
	a:hover {
		color: #423f3f;
		text-decoration: none;
	}
	a:active {
		
	}

abbr.required {
	color: red;
}



.modal{
	z-index: 9999;
}



#page {
	height: 100%;
}
	
.container {
	max-width: 1600px;
}
#head {
	position: fixed;
	width: 100%;
	height: 200px;
	background: url('img/bg-topbar.png') repeat-x center bottom;
	z-index: 900;
}
	#inc-con{
		position: absolute;
		z-index: 0;
		right: 0;
		top: 100px;
	}
	#top-bar {
		height: 35px;
		padding: 15px 0 5px;
		text-align: right;
		clear: both;
	}
		#top-bar .sign-bar{
			float: right;
			width: 340px;
			margin-left: 15px;
		}
			#top-bar .sign-bar .dropdown-toggle{
				position: relative;
				display: inline;
			}
			#top-bar .sign-bar .dropdown-toggle:hover .login+.dropdown-menu{
				display: block;
			}

				#top-bar .dropdown-menu.login-error{
					display: block;
				}
			
			.sign-bar .dropdown-menu{
				top: 25px;
				left: -80px;
				padding: 15px;
				border: none;
				font-size: 21px;
				overflow: hidden;
				border-radius: 0;
			}
			
				.sign-bar form.login input[type="submit"].button{
					background-image: url(img/bg-order-s.png);
					width: 145px;
					height: 55px;
					margin: 8px 0 0;
					padding: 0 0 10px;
					border: none;
					background-color: transparent;
					-webkit-font-smoothing: antialiased;
				}
				.sign-bar p{
					margin-bottom: 8px;
				}	
				.sign-bar p label{
					display: block;
				}				
				.sign-bar .dropdown-menu hr{
					margin: 8px 0;
				}
					.sign-bar .dropdown-menu ul.woocommerce-error{
						padding: 0;
						font-size: 19px;
						line-height: 1.3;
					}
						.sign-bar .dropdown-menu ul.woocommerce-error li{
							list-style: none;
						}
						.sign-bar .dropdown-menu ul.woocommerce-error strong{
							color: red;
						}
						
				
				.sign-bar .wc-social-login p,
				body.woocommerce-account .sign-bar .dropdown-menu .login .wc-social-login,
				.sign-bar .dropdown-menu .login .lost_password{
					display: none;
				}
					
					
		#top-bar .cart-bar{
			float: right;
			margin: -15px 0 0 15px;
			padding: 15px 14px 0 0;
			width: 123px;
			height: 66px;
			background: url('img/bg-cart.png') no-repeat center top;
			font-size: 20px;
			text-align: center;
			white-space: nowrap;
		}
			#top-bar .cart-bar a{
				color: white;
			}
			#top-bar .cart-bar i{
				margin-right: 4px;
				font-size: 17px;
			}
			
			
		#top-bar .lang-bar{
			float: right;
			margin-left: 15px;
		}
			#top-bar .lang-bar #lang_sel_list li{
				line-height: 0;
			}
			#top-bar .lang-bar #lang_sel_list a{
				padding: 0;
				margin: -5px 5px 0;
				font: normal 24px "db_helvethaicamon_x65_med", sans-serif;
				background: transparent;
				opacity: 0.8;
			}
			#top-bar .lang-bar a.lang_sel_sel {
				border-bottom: 2px solid #222;
				opacity: 1;
			}
	#brand {

	}
		#brand a {
			display: block;
		}
		
		
	#navgroup {
		padding: 10px;
		margin: 0;
		font-size: 28px;
	}
		.menu-toggle {
			
		}
		#nav {
			padding: 0;
		}
			#nav .mainnav > li {
				position: relative;
			}
			#nav .mainnav > li:hover > a,
			#nav .mainnav > li > a:hover {
				 color: white;
				 cursor: pointer;
			}
			#nav .mainnav > li > a:active {
				
			}
			#nav .mainnav > li.current-menu-item,
			#nav .mainnav > li.current-menu-ancestor,
			#nav .mainnav > li.current-page-item,
			#nav .mainnav > li.current-page-ancestor {
				
			}
			.single-post #nav .mainnav > li.menu-item-224 > a,
			.single-product #nav .mainnav > li.menu-item-223 > a,
			#nav .mainnav > li.current-menu-item > a,
			#nav .mainnav > li.current-menu-ancestor > a,
			#nav .mainnav > li.current-page-item > a,
			#nav .mainnav > li.current-page-ancestor > a {
				color: white;
				text-shadow: 2px 2px #888;
			}
			#nav .mainnav .dropdown{
				
			}
			
			#nav .mainnav > li:hover ul.sub-menu{
				display: block;
				
			}
			#nav .mainnav ul.sub-menu{
				display: none;
				position: absolute;
				left: -32px;
				top: 35px;
				padding: 20px 20px;
				margin-top: 10px;
				margin-left: 12px;
				background-color: rgba(0, 0, 0, 0.6);
			}
			#nav .mainnav ul.sub-menu li{
				display: block;
				width: 200px;
			}
			#nav .mainnav ul.sub-menu li a{
				display: block;
				padding: 0 10px;
				color: #fff;
			}
				#nav .mainnav ul.sub-menu li a:hover{
					color: #fed675;
				}
			
		#searchbox {
		
		}
			#s{
				width: 180px;
				height: 28px;
				border: 1px solid #ccc;
				border-right: none;
			}
			#searchsubmit{
				border: 1px solid #ccc;
				background-color: #fff;
				width: 70px;
				height: 28px;
				vertical-align: top;
			}
			
		
		
#main, .page.woocommerce-page #main {
	padding-top: 200px;
}
	body.woocommerce-cart #main, .page.woocommerce-page #main,
	body.page-template-page-shop #main, .page.woocommerce-page #main{
		min-height: 100%;
		margin-bottom: -83px;
	}
	body.woocommerce-cart #main:after, .page.woocommerce-page #main:after,
	body.page-template-page-shop  #main:after, .page.woocommerce-page #main:after{
		content: '';
		display: block;
		height: 83px; 
	}
	body.home #main, .page #main {
		padding-top: 0px;
	}
	#content {
		min-height: 100%;
	}
	
	.pic-main {
		position: relative;
		text-align: center;
		min-height: 700px;
		background-size: cover;
		background-position: center center;
		-webkit-animation-delay: 0.3s;
	}
		.pic-main .container{
			position: relative;
		}
		.pic-main h2.slogan{
			position: absolute;
			right: 40px;
			bottom: 250px;
			text-align: right;
			font-size: 95px;
			line-height: 70px;
			letter-spacing: 5px;
			font-family: 'db_helvethaicamon_x55_regular',sans-serif;
			margin: 0;
			top: 400px;
		}
			.pic-main h2.slogan small{
				font-size: 62px;
			}
			.pic-main h2.slogan b{
				font-size: 105px;
			}
			.pic-main h2.slogan p,
			.pic-main h2.slogan i{
				margin: 15px 0;
				font-size: 32px;
				/*line-height: 18px;*/
				letter-spacing: 0;
				color: #111;display: block;
				font-style: normal;
			}
			
		.pic-main-product, .pic-main-testimonials{
			
		}
		
	
			
	/* button */
	a.btn, #mailform input.button, 
	#w .entry a.button, #w .entry button.button, 
	#w .entry input.button, #w .entry #respond input#submit,
	body.woocommerce-cart #w a.button.wc-backward{
		display: block;
		padding: 8px 0;
		width: 222px;
		height: 56px;
		text-align: center;
		background: url('img/bg-order.png') no-repeat left top;
		-webkit-font-smoothing: antialiased;
	}
			
	
	#w #mailform #mc-embedded-subscribe {
		background: url('img/bg-btn-mail-s.png') no-repeat left top;
		text-align: left;
		width: 145px;
		padding-left: 60px;
		display: inline-block;
	}
		a.btn:hover, #mailform input.button:hover, a.more:hover,
		#w .entry a.button:hover, #w .entry button.button:hover, 
		#w .entry input.button:hover, #w .entry #respond input#submit:hover{
			opacity: 0.8;
		}
		a.btn.apply{
			margin: 0 auto;
			font-size: 100%;
		}
		
		#w .entry a.button, #w .entry button.button, 
		#w .entry input.button, #w .entry #respond input#submit{
			padding: 4px 0 12px;
			margin: 0 auto;
		}
		#w .woocommerce-message a.button.wc-forward {
			padding: 8px 0 0;
		}
		
		#mailform #mc-embedded-subscribe-form input.button{
			padding: 5px 0 12px;
			color: #000;
			background-color: #fff;
		}
			#mailform #mc_embed_signup .clear{
				text-align: center;
			}
			
	a.more{
		display: inline-block;
		padding: 0;
		margin-left: 5px;
		width: 88px;
		height: 30px;
		color: #fff;
		font-size: 18px;
		line-height: 27px;
		text-align: center;
		background: url('img/bg-more.png') no-repeat left top;
	}
	
	#w .entry a.button.unlink-social-login-profile{
		background-image: url(img/bg-order-s.png);
		width: 145px;
		height: 45px;
		line-height: 40px;
		font-family: 'db_helvethaicamon_x65_med',sans-serif;
	}
	

		
	
	/* foam */
	#gform_wrapper_1{
		margin: 0 auto;
		width: 800px;
	}
		.gform_wrapper .Jobs .top_label input.large{
			margin: 0 0 15px;
			padding: 8px 5px 5px;
			width: 100%;
			font-size: 24px;
			text-align: center;
			border: 2px solid #959595;
		}
		
		.Jobs  li#field_1_5{	
			margin: 16px 0 20px;
			overflow: hidden;
		}
			.Jobs li#field_1_5 label{
				float: left;
				width: 50%;
				padding-right: 15px;
				text-align: right;
			}
			.Jobs  li#field_1_5 .ginput_container{
				float: left;
				width: 50%;
				padding-top: 8px;
				padding-left: 15px;
			}
			.gform_wrapper .Jobs .top_label li#field_1_5 input.medium, 
			.gform_wrapper .Jobs .top_label li#field_1_5 select.medium {
				width: 100%;
				color: #fecb54;
				
			}
			.gform_wrapper .Jobs .top_label li#field_1_5 input.medium {
				line-height: 0;
				font: normal 15px "Arial", Helvetica, Geneva, sans-serif;

			}
			#gform_wrapper_1 #gform_submit_button_1 {
				background-image: url(img/bg-btn-apply.png);
				text-align: left;
				width: 145px;
				padding-left: 67px;
			}
			#gforms_confirmation_message{
				text-align: center;
			}
			
			#page .gform_wrapper .ginput_container + .gfield_description.validation_message{
				display: none;
			}
			#page .gform_wrapper li.gfield.gfield_error, 
			#page .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
				background: transparent;
				border: none;
				padding: 0!important;
				width: 100%;
			}
			#page .gform_wrapper .validation_message{
				display: none;
			}
			#page .gform_wrapper .top_label .gfield_error .ginput_container {
				max-width: 100%;
			}
			#page .gform_wrapper ul li.gfield{
				padding-left: 0;
			}
			#page .gform_wrapper div.validation_error {
				color: #790000;
				background-color: #fff;
				padding: 5px 15px;
				font-size: 21px;;
				text-align: center;
				font-weight: bold;
				margin-bottom: 25px;
				opacity: 0.8;
			}
			#page .gform_confirmation_message_1{
				background-color: #f6f6f6;
				padding: 40px 0;
			}
			
		
					
	
	
	#mailform{
		margin: -70px auto 140px;
		max-width: 800px;
	}
		#mailform #mc_embed_signup form {
			padding: 0;
		}
		#mailform #mc_embed_signup h2{
			font-size: 24px;
			font-weight: normal;
			text-align: center;
		}
		#mailform #mc_embed_signup .mc-field-group label{
			display: none;
		}
		#mailform #mc_embed_signup .mc-field-group input{
			font-size: 24px;
			text-align: center;
			border: 3px solid #959595;
		}
		#mailform #mc_embed_signup .mc-field-group {
			padding-bottom: 18px;
		}
		
		
	/**** Contact ***/	
	#page-contact .entry.foot-entry{
		margin-bottom: 90px;
		overflow: hidden;
	}	
		#page-contact .entry.foot-entry p{
			/*line-height: 0;*/
			margin-bottom: 0;
		}
		#page-contact .page-single {
			padding: 30px 0;
		}
		#page-contact .entry.foot-entry #list-items .item{
			display: inline-block;
			padding-left: 15px;
			padding-right: 15px;
			width: 33.33%;
			vertical-align: top;
		}
		@media screen and (max-width:768px){
			#page-contact .entry.foot-entry #list-items .item{
				width: 50%;
			}
		}
		@media screen and (max-width:480px){
			#page-contact .entry.foot-entry #list-items .item{
				width: 100%;
			}
		}
	.branch{
		margin-top: 70px;
/* 		height: 130px; */
		font-size: 22px;
		line-height: 1.2em;
	}
		.branch .col-xs-4{
			
		}
		.branch h3{
			margin: 0 0 10px;
		}
		.branch .open, .branch .phone{
			position: relative;
			padding-left: 25px;
		}
			.branch .open i, .branch .phone i{
				position: absolute;
				top: 5px;
				left: 0;
				font-size: 16px;
			}
		.branch p{
			margin: 0;
		}
		.branch br{
			
		}
			
	#map{
		
	}
		#map .balloon{
			padding: 0 10px 10px;
			width: 400px;
			line-height: 21px;
			overflow: hidden;
		}
	
		#map .pic-branch{
			float: left;
			padding-top: 10px;
			width: 110px;
		}
		
		#map .info-branch{
			float: right;
			width: 270px;
		}
			#map .info-branch p{
				margin: 0;
				font-size: 14px;
				font-weight: bold;
			}
		
			#map .open, #map .phone{
				position: relative;
				padding-left: 25px;
			}
				#map .open i, #map .phone i{
					position: absolute;
					top: 2px;
					left: 0;
				}
			
	
	/* Page */
	.pic-page{
		position: relative;
		height: 700px;
		padding: 400px 0 0;
		text-align: center;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-animation-delay: 0.3s;
	}	
		/* Thank you page */
		.page-id-1211 .pic-page-nopic {
			height: 200px;
		}
		
		.page-id-70 .page-single {
			padding: 70px 0;
		}
		
		.page-id-82 .page-single{
			padding: 20px 0 70px;
		}
			.page-id-82 .page-single .line{
				margin-top: 0;
			}
	
	/* Testimonials */	
	#testimonials-section{
		padding: 20px 0 20px;
	}	
		#testimonials-section .post-item{
			margin-bottom: 70px;
		}
			#testimonials-section .post-item h3{
				margin-bottom: 15px;
			}
			#testimonials-section .post-item .pic{
				position: relative;
			}
				#testimonials-section .post-item .pic img.icon-source{
					position: absolute;
					right: 15px;
					bottom: 15px;
				}
			#testimonials-section .post-item p{
				
			}
		
	/* News Promotion */	
	#news-section{
		padding: 30px 0;
	}	
		#news-section .post-item h3 {
			margin-bottom: 10px;
		}
		#news-section .post-item .meta {
			margin-top: -10px;
			font-size: 21px;
			line-height: 1.2;
		}
		#news-section .post-item .meta span{
			display: block;
		}
			#news-section .post-item .meta span,
			.single-news-promotions .post-single .meta span{
				margin-right: 5px;
				color: #010101;
			}
		#news-section a.more{
			margin-left: 0;
		}	
	#news-section .excerpt p{
		height: 60px;
		overflow: hidden;
	}
			
	/* Career */	
	.page-id-70 .entry, .parent-pageid-70 .entry{
		
	}
	
	.line{
		margin-top: 100px;
		height: 37px;
		text-align: center;
		border-bottom: solid 2px #e6e5e5;
	}
		.line h2{
			display: inline-block;
			padding: 15px;
			font-size: 1.5em;
			margin: 0;
			background-color: #fff;
		}
		
	/* About */	
	#page-about{
		
	}
		h4.bg-black{
			margin: 0 auto 20px;
			padding: 8px 0;
			width: 222px;
			height: 56px;
			color: white;
			text-align: center;
			background-image: url(img/bg-black.png);
		}
		
		#page-about .page-single{
			padding: 100px 0 60px;
		}
		
	/* นโยบาย */
		.page-id-202 #content,
		.page-id-1022 #content{
			padding-top: 200px;
		}
		
		.page-id-202 .line,
		.page-id-1022 .line{
			margin-top: 45px;
		}
		.page-id-202 h1.title,
		.page-id-1022 h1.title{
			line-height: 0.9em;
		}
		
	/* blog */
	#blog-section{
		padding: 30px 0;
	}
		#blog-section a.more{
			margin-left: 0;
		}
	
	
	/* Catering */
	
	#page-catering .foot-entry{
		max-width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
	}
		#page-catering .page-single{
			padding: 30px 0;
		}
		#page-catering .foot-entry .page-single{
			padding-top: 4px;
			line-height: 1.3em;
		}
		#page-catering .foot-entry p{
			line-height: 0;
			margin-bottom: 0;
		}
		#page-catering .foot-entry #customer{
			margin: 70px 0 0;
		}
		
		#page-catering  .owl-theme .owl-controls {
			
		}
			#page-catering .owl-theme .owl-controls .owl-page span{
				
			}
	
	
	#lightbox-section{
		max-width: 1170px;
		margin: 0 auto;
		padding: 0 15px;
	}
		#lightbox-section .col-sm-4:nth-of-type(3n+1) {
			clear: left;
		}
		#lightbox-section a, .popup{
			outline: none;
		}
		.lightbox{
			padding: 15px;
			line-height: 1.4em;
			border-radius: 20px;
			background-color: #fff;
		}
		.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
			margin-top: 50px;
			max-width: 640px;
		}
		#lightbox-section .thumb-info{
			padding: 12px 0;
			height: 76px;
			line-height: 1.1em;
			text-align: center;
		}
		.lightbox-info{
			padding: 20px 0;
			text-align: left;
		}
			.lightbox-info ul{
				padding-left: 20px;
			}
		.mfp-close-btn-in .mfp-close{
			padding: 0;
			top: -17px;
			right: -17px;
			height: 34px;
			width: 34px;
			color: rgb(255, 255, 255) !important;
			font-size: 24px;
			line-height: 20px;
			background-color: rgb(25, 25, 25);
			border-radius: 40px;
			border: 2px solid rgb(255, 255, 255);
		}
			.mfp-close:active{
				top: -17px !important;
			}
		
		/*
		#lightbox-section .lightbox .modal-content {
			max-width: 640px;
		    padding: 5px;
		    border-radius: 20px;
		    line-height: 1.4em;
		}
		
		#lightbox-section .lightbox .close {
		    opacity: 1;
		    color: rgb(255, 255, 255);
		    background-color: rgb(25, 25, 25);
		    border-radius: 40px;
		    border: 2px solid rgb(255, 255, 255);
		    position: absolute;
		    width: 36px;
		    height: 36px;
		    top: -10px;
		    right: -10px; 
		    z-index: 10000;
		    font-size: 24px;
		    line-height: 30px;
		    padding: 0;
		    text-align: center;
		    float: none;
		}
			#lightbox-section .lightbox .close.hidden{
				 display: block !important;
				 visibility: initial !important;
				 
			}
		
		#lightbox-section .thumbnail{
			padding: 0;
			border: none;
		}
			#lightbox-section img{
				max-width: 100% !important;
			}
			#lightbox-section a.thumbnail:hover{
				opacity: 0.8;
				text-decoration: none;
			}
			#lightbox-section .thumbnail .thumb-info{
				padding: 12px 0;
				height: 76px;
				line-height: 1.1em;
				text-align: center;
			}
			
			
		#lightbox-section .modal-dialog{
			position: relative;
			margin: 80px auto;
		}
		
			.modal-body img{
				
			}
			
			#lightbox-section .modal-info{
				padding: 20px 0;
				text-align: left;
			}
				#lightbox-section .modal-info p{
					margin-bottom: 0;
				}
				#lightbox-section .modal-info ul{
					padding-left: 20px;
				}
		*/
		
	/* Memo */
	.product-addon-memo{
		display: none;
	}
		.product-cat-cake .product-addon-memo,
		.product-cat-cake-en .product-addon-memo{
			display: block;
		}
	
	/* INDEX */
	
	.post-item {
		margin-bottom: 60px;;
	}
		.post-item .pic {
			
		}
		.post-item .info {
			
		}
			
			.post-item h3 {
				margin-bottom: 20px;
			}
			.post-item .info span.line-s{
				display: block;
				width: 75px;
				margin-bottom: 20px;
				border-bottom: 2px solid #e6e5e5;
			}
			.post-item .meta {
				clear: both;
				font-size: 20px;
				color: #a1a1a1;
				overflow: hidden;
			}
				.post-item .meta .date, 
				.post-item .meta .comments{
					position: relative;
					float: left;
					display: inline-block;
					padding-left: 30px;
					margin-right: 40px;
				}
			
				.post-item .meta i{
					position: absolute;
					top: 5px;
					left: 0;
					color: #fed675;
					font-size: 23px;
				}
			.post-item .excerpt p{
				margin: 10px 0 0;
			}

	
	/* SINGLE */
	.single #content{
		width: 1000px;
		margin: 0 auto 80px;
	}
	
	
	.post-path{
		margin-top: 10px;
		color: #777;
	}
		.post-path a{
			padding-right: 2px;
			color: #777;
		}
			.post-path a:hover{
				color: #333;
			}
			.post-path br{
				display: none;
			}
		
		.post-path .yellow{
			padding-left: 2px;
		}
		
	.title-pic{
		margin: 70px 0 0;
		text-align: center;
	}
	
	.post-single{
		
	}	
		.post-single h1.title{
			margin: 40px 0 0;
			font-size: 47px;
			line-height: 43px;
		}	
		.post-single .meta{
			color: #a1a1a1;
			font-size: 21px;
			text-align: center;
		}
		
		.post-single .entry{
			margin-bottom: 70px;	
		}
		
		
	.page-single{
		padding: 10px 0 70px;
	}	
		
	.page-home{
		
	}
	
	h1.title{
		text-align: center;
	}
		h1.title a {
			
		}
		
		h1.title a:hover {
			
		}
		
		h1.title a:active{
			
		}
	.w-entry {
		min-height: 200px;
		max-width: 1200px;
		margin: 0 auto;
	}
	.entry {
		min-height: 200px;
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 15px;
	}
		.entry ul li{
			padding-left: 20px;
			margin: 0;
		}
		
		.entry a.orange{
			color: #fdb813;
			text-decoration: underline;
		}
		
		.entry a.orange:hover{
			color: #eda803;
		}
	

	.share {
		margin: 0 0 20px;
	}
		.share .essb_links.essb_template_round-retina{
			text-align: center;
		}
		.share .essb_links.essb_template_round-retina li a{
			padding: 12px 14px;
			border-radius: 100px;
		}
	
	.button-fb {
		
	}
	
	.button-tw {
		
	}
	
	.button-gplus {
		
	}
	
	.comments {
		
	}
		.comments .fb_iframe_widget{
			display: block;
		}
		.comments h2.title{
			font-size: 30px;
		}
		
		

	/* Pagination */
	.pagi-section{
		clear: left;
		text-align: center;
	}
	.pagination{
	
	}
	.pagination>li>a, .pagination>li>span{
		position: relative;
		color: #333;
		border: none;
	}
		.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
			color: #fdb813;
			background: transparent;
		}
		
		.pagination>li>span.current{
			color: #fdb813;
		}
		.pagination>li>a.prev,
		.pagination>li>a.next {
			font-size: 21px;
			line-height: 32px;
		}
		.pagination>li>a.prev {
			margin-right: 5px;
		}
		.pagination>li>a.next{
			margin-left: 5px;
		}
			.pagination>li>a i {
				position: absolute;
				top: 11px;
			}
				.pagination>li>a.prev i{
					left: -12px;
				}
				.pagination>li>a.next i{
					right: -12px;
				}
	

#section-foot{
	
}
	#section-foot .widget{
		
	}
	
#foot{
	padding: 20px 0;
	/* height: 83px; */
	height: auto;
	color: #fff;
	background-color: #000;
	opacity: 0.82;
	overflow: hidden;
}
	#foot .copyright{
		margin-top: 3px;
		padding: 12px 0 0;
		font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		text-transform: uppercase;
		float: left;
		display: none;
	}
	#foot .nav{
		margin-top: 5px;
		font-size: 22px;
		text-align: center;
	}
		#foot .nav .footnav > li.current-menu-item a,
		#foot .nav .footnav > li.current-menu-ancestor a,
		#foot .nav .footnav > li.current-page-item a,
		#foot .nav .footnav > li.current-page-ancestor a {
			color: #fdb813;
		}
	#foot .social-bar{
		margin-top: 8px;
		padding-left: 0;
		font-size: 15px;
		text-align: center;
	}
		#foot .social-bar a.inc-social{
			margin-left: 5px;
		}
		#foot .social-bar a.inc-social i.big{
			vertical-align: sub;
			font-size: 18px;
		}
		
	#foot a{
		padding: 0 5px;
		color: white;
	}
		#foot .footnav a{
			padding: 0 17px;
		}
		#foot a:hover{
			color: #fdc02f;
		}

/***** page-shop ****/	
#page-product .pic-page{
	padding: 340px 0 0;
}
#page-product .post-path{
	margin: 1.2em 0 1em;
}
#page-product .nav-child{
	clear: both;
	font-size: 32px;
	line-height: 33px;
	text-align: center;
	overflow: hidden;
}
	
	#page-product .nav-child li{
		display: inline;
		padding: 10px 0;
		line-height: 42px;
		list-style: none;
	}
		#page-product .nav-child li a{
			padding: 0px 20px;
			height: 15px;
			background-color: rgba(255, 255, 255, 0.85);
			border-right: 2px solid #ddd;
		}
		#page-product .nav-child li a:hover{
			color: #524f4f;
			cursor: pointer;
		}
		#page-product .nav-child li a.active{
			color: #fdc02f;
		}
		
		#page-product .nav-child li:last-child a{
			border-right: none;
		}
		
		
		#page-product .nav-child.fix{
				position: fixed;
				width: 1200px;
				top: 220px;
				z-index: 500;
			}
				#page-product .nav-child.fix li{
					
				}
				#page-product .nav-child.fix li a{
					
				}
				#page-product .nav-child.fix li a:hover{
		
				}
	
	#page-product .line  {
		margin-top: 20px;
	}	
	#page-product .items  {
		margin: 10px 0;
	}

	#page-product .post-item  {
		text-align: center;
	}
		#page-product .post-item h3 {
			font-size: 1em;
			margin: 10px 0 5px;
			min-height: 2em;
			line-height: 1;
		}
		
		#page-product .post-item .pic{
			position: relative;
		}
			#page-product .post-item .pic .organic-tag{
				position: absolute;
				top: 0;
				left: 0;
			}
			
			#w ul.products li.product{
				position: relative;
			}
				#w ul.products li.product .organic-tag{
					position: absolute;
					top: 0;
					left: 0;
				}

	#page-product .price {
		color: #221f1f;
		display: block;
		margin-bottom: 8px;
		font-size: 1.8em;
		line-height: 1em;
	}	
		#page-product .price .amount {
			font-weight: normal;
		}
		#page-product .price .amount span {
			color: #888;
			font-size: 0.65em;
		}
		
/***** shop button ****/	
button , input{
    outline: none;
}

#page-product .cart-btn {
	margin: 10px 0 0;
}		
	#page-product .cart-btn button{
		background-image: url(img/bg-order-s.png);
		width: 145px;
		height: 55px;
		padding: 0 2px 2px 0; 
		border: none;
		background-color: transparent;
		-webkit-font-smoothing: antialiased;
	}
		#page-product .cart-btn button:hover{
			opacity: 0.8;
		}
	#page-product .cart-btn button.icon-cart:before {
		font-size: 16px;
		margin-right: 5px;
	}


		
/***** woo ****/	

#w ul.products li.product{
	text-align: center;
}	
		
#w ul.products li.product a{
	padding: 11px 0;
	width: 145px;
	height: 55px;
	text-align: center;
	background: url('img/bg-order-s.png') no-repeat left top;
}
	#w ul.products li.product a:before{
		font-size: 16px;
		margin-right: 7px;
		line-height: 1.6em;
		vertical-align: text-top;
	}
	#w ul.products li.product a:hover{
		opacity: 0.8;
	}
	
	.tax-product_cat #main , .post-type-archive-product #main{
		padding: 0;
	}
	
	#w .woocommerce-result-count, #w .woocommerce-ordering{
		display: none;
	}
	#w #content .page-single{
	
	}
	
	#w div.product .woocommerce-tabs .panel{
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
	}
	
	.woocommerce-account #w .col2-set{
		margin: 40px 0 50px;
	}
	.woocommerce-account #w .col2-set a{
		text-decoration: underline;
	}
	.woocommerce-account #w a.button-social-login{
		text-decoration: none;
	}

	#w div.product p.price span.prc-p{
		color: #888;
		font-size: 0.65em;	
	}
	
	.reset-hide{
		display: none;
	}
	
	.woocommerce-account .alert-myaccount  .woocommerce-message{
		font-size: 28px;
		text-align: center;
	}
		body.page-id-7.woocommerce-account #w .woocommerce-message a{
			color: #fdc02f;
			text-decoration: underline;
		}
		body.page-id-7.woocommerce-account #w form .form-row label{
			font-size: 20px;
			white-space: nowrap;
		}
	
.woocommerce-account #myaccount_stuff{
	border-top: none !important;
}

#myaccount_stuff h2{
	margin: 0 0 30px;
	font-size: 33px;
}
	#w #myaccount_stuff table.shop_table{
		border-collapse: collapse;
	}
	#myaccount_stuff thead{
		border-bottom: 1px solid #ccc;
		border-color: #ccc;
		border-collapse: collapse;
	}	
	
body.woocommerce-account #w .woocommerce{
	position: relative;
}
	body.woocommerce-account #w .woocommerce-error{
		/*margin: 0 0 -40px;
		font-size: 24px;
		color: red;*/
		padding-left: 20px;
		border-left: 3px solid #b81c23;
		font-size: 24px;	
		color: #b81c23;	
	}
	
	
body.woocommerce-account #w .customer-box,
body.woocommerce-account #w .bill-ad-box,
body.woocommerce-account #w .blank-left,
body.woocommerce-account #w .ship-ad-box{
	float: left;
	width: 50%;
}

body.woocommerce-account .bill-ad-box b{
	/*font-weight: bold !important;*/
}
body.woocommerce-account #w td.order-actions a.button.pay,
body.woocommerce-account #w td.order-actions a.button.cancel{
	display: none;
}


body.woocommerce-checkout .form-row.address-field#billing_country_field,
body.woocommerce-checkout .form-row.address-field#shipping_country_field{
	display: none;
}
	body.woocommerce-checkout .customer-box,
	body.woocommerce-checkout .bill-ad-box{
		float: left;
		width: 50%;
	}
body.woocommerce-page #w .checkout .woocommerce-shipping-fields h3#ship-to-different-address{
	margin-bottom: 42px;
}

body.woocommerce-checkout.en #w .woocommerce-billing-fields h3{
	  margin-bottom: 42px;
}

#w table.cart td.actions{
	padding: 5px 0px 20px !important;
}

#w table.cart td.actions input.checkout-button{
	margin-top:25px;
}

/***** woo popup****/
.single-product div.pp_woocommerce .pp_details{
	
}
.single-product div.pp_woocommerce .pp_description, 
.single-product div.pp_woocommerce .pp_nav,
.single-product div.ppt{
	display: none!important;
}
.single-product div.pp_woocommerce .pp_content_container{
	padding: 0;
}
.single-product .pp_content{
	margin-bottom: -35px;
}


#w table.cart a.remove{
	margin-top:40px;
}

@media (min-width: 768px) {
	#navgroup {
		font-size: 26px;
	}
}

@media (min-width: 992px) {

	#nav .mainnav > li a {
		padding: 10px 10px 30px 10px;
		
	}
}

















@media (min-width: 1200px) {

	#navgroup {
		margin: 5px 0 0;
		font-size: 28px;
	}
	#nav .mainnav > li a {
		padding: 10px 18px 30px 10px;
	}
	#foot {
		height: 83px;
	}
		#foot-wrap {
			display: table;
			width: 100%;
		}
		#foot .copyright {
			display: table-cell;
			vertical-align: top;
			white-space: nowrap;
		}
		#foot .nav {
			display: table-cell;
			white-space: nowrap;
			vertical-align: top;
			padding-top: 3px;
		}
		#foot .social-bar{
			text-align: right;
			display: table-cell;
			vertical-align: top;
			padding-top: 4px;
			white-space: nowrap;
		}
	
	
	#blog-section{
		
	}
		#blog-section .post-item .pic{
			padding-right: 0;
		}
		#blog-section .post-item .info{
			padding-left: 0;
			margin-left: -20px;
		}

}

@media (min-width: 1400px) {
  .container {
    width: 100%;
	padding-left: 30px;
	padding-right: 30px;
  }
  #nav .mainnav > li a {
  	padding: 10px 40px 30px 10px;
  }
}




@media (max-width: 767px) {
  #head {
  	position: fixed;
  	width: 100%;
  	height: 100px;
  	background: url('img/bg-topbar.png') repeat-x center top;
  	background-size: auto 100%;
  	z-index: 9000;
  }
  #brand{
  	padding: 20px 30px 0 30px;
  }
  #top-bar .sign-bar{
   	display: none;
   }
  #top-bar .lang-bar {
  	display: none;
  }
  #top-bar .cart-bar{
  	background: no-repeat;
  	position: relative;
  	text-align: left;
  	width: 40px;
  }
  #top-bar .cart-bar .no{
  	background-color: #000;
  	height: 24px;
  	display: inline-block;
  	line-height: 24px;
  	min-width: 24px;
  	border-radius: 12px;
  	position: absolute;
  	left: 16px;
  	top: 5px;
  	text-align: center;
  }
   #top-bar .cart-bar .txt {
   	display: none;
   }
  #top-bar .cart-bar i.icon-cart {
  	color: #000;
  }
  #top-bar {
  	height: 35px;
  	padding: 15px 50px 5px 0;
  	text-align: right;
  	clear: none;
  	float: right;
  	width: 50%;
  }
}

h1.title{
	margin-bottom: 70px;
}

#w table.cart .product-thumbnail img{
	width: 125px;
}

#paymentconfirm-section h1.title{
	margin-top:250px;
}
#paymentconfirm-section .gform_fields{
	text-align: center;
}

.gform_wrapper .paymentconfirm .top_label input, .gform_wrapper .paymentconfirm .top_label select, .gform_wrapper .paymentconfirm textarea{
	margin: 0 0 15px !important;
    padding: 8px 5px 5px !important;
    width: 50% !important;
    font-size: 24px !important;
    text-align: center !important;
    border: 2px solid #959595 !important;
}
.gform_wrapper .paymentconfirm .top_label select{
	height: 53px;
}
.gform_wrapper .paymentconfirm .top_label input.button{
	display: block;
    padding: 8px 0;
    width: 222px !important;
    height: 56px;
    text-align: center;
    background: url('img/bg-order.png') no-repeat left top;
    -webkit-font-smoothing: antialiased;
    border:none !important;
	padding-bottom: 15px !important;
	margin: 0 auto !important;
}
.gform_wrapper .paymentconfirm .gfield_time_hour input, .gform_wrapper .paymentconfirm .gfield_time_minute input{
	margin-bottom:0px !important;
	margin-right: 14px !important;
}
.gform_wrapper .paymentconfirm .gfield_time_hour label, .gform_wrapper .paymentconfirm .gfield_time_minute label{
	font-size: 24px;
}
.gform_wrapper .paymentconfirm .gfield_time_ampm select{
	width: 65px !important;
}

.woocommerce-order-received .woocommerce-info{
	display: none;
}
#w td.product-name dl.variation dt{
	display: block !important;
}
#w .quantity input.qty{
	position: static !important;
	margin-left:15px;
}
#w .quantity{
	width: 140px !important;
}

#w #payment #place_order{
	top:auto;
}