#h_menu{width:100%; background:#000000; height:90px;}
		.h_menu{/*float:right;*/ height:90px; display:none;}
		.hidden-md{display:none;}
		.hidden-sm{display:none;}
		.h_menu .hide{display:block !important;}
		.menu_item {		
		height:90px;
		float:left;
		cursor:pointer;
		/*border-right:1px solid rgba(0, 0, 0, 0.2);
		box-shadow:1px 0 0 rgba(255, 255, 255, 0.1);*/
	}
	.h_dropdown_menu li .has-hdropdown {
		background: url(../../images/plusM.png) no-repeat 0px 14px;
	}
	.menu_active {		
		height:90px;
		float:left;		
		cursor:pointer;
		/*border-right:1px solid rgba(0, 0, 0, 0.2);
		box-shadow:1px 0 0 rgba(255, 255, 255, 0.1);*/
		/*background:url(../images/menu_active.jpg) repeat-x;*/
	}
	.loc{ display:none;}
	.menu_item .menu_bt_left{width:10px; float:left; height:90px;}
	.menu_item .menu_bt_center{height:90px; float:left; padding:0 0px ; color:#fff; font-weight:normal; line-height:90px; font-size:14px; text-transform:uppercase;}
	.menu_item .menu_bt_center a{color:#fff;}
	.menu_item .menu_bt_right{width:10px; height:90px; float:left;}
	.menu_active .menu_bt_left{width:10px; float:left; height:90px; background:url(../images/menu_active_left.png) no-repeat;background: rgba(0, 0, 0, 0.1); background:#1c1c1c;}
	.menu_active .menu_bt_center{height:90px; line-height:90px;  float:left; padding:0 0px ; color:#fff;font-weight:normal;  font-size:14px; background:url(../images/background/menu_active_center.png) repeat-x;background: rgba(0, 0, 0, 0.1); background:#1c1c1c; position:relative; text-transform:uppercase;}
	.menu_active .menu_bt_center a{color:#fff;}
	.menu_active .menu_bt_center:before{content:''; width:100%; height:3px; background:url(../images/line_hmenu.png) repeat-x; position:absolute; bottom:28px; left:0;}
	.menu_active .menu_bt_right{width:10px; height:90px; float:left; background:url(../images/menu_active_right.png) no-repeat;background: rgba(0, 0, 0, 0.1); background:#1c1c1c;}	
	.border_menu{width:0px; height:90px; float:left; background:url(../images/menu_separator.png) no-repeat; background:none;}
	/*this is the css for the vertical version*/
	.vertical ul{
		list-style-type: none;
		padding: 0px;
		width:198px;
		*margin:0px;
	}

	.vertical li a{
		display: block;
		line-height:25px;
		color:#000;
		font-size:12px;
		font-weight:normal;
		background: #f0d761 url(../../view/images/bg_menu_item.jpg) left top no-repeat;
		text-indent:25px;
		text-decoration:none;
		margin:0px 0 1px 0;
	}

	.vertical li li a{
		text-indent:0px;
		line-height:25px; 
		_margin-top:-2px;

	}
	.vertical li a:hover{
		background: #f0d761 url(../../view/images/bg_menu_item.jpg) left top no-repeat;
		color:#000; 
		text-decoration:underline;
	}

	.vertical li ul a{
		background: #f0d761 url(../../view/images/bg_menu_item.jpg) left top no-repeat;
		line-height:25px;
	}

	.vertical li li a{
		padding-left:25px;
		line-height:25px; 
		color:#362424;
		font-weight:normal;
	}
	.vertical li li a:hover{
		background: #f0d761 url(../../view/images/bg_menu_item.jpg) left top no-repeat;
		color:#8f4904;

	}
	.vertical li{
		/*Needed for IE. Don't ask me why, It was a lucky guess.*/
		display: inline;
	}
	.vertical li ul{
		position: absolute;
		margin-top: -26px;
		margin-left: 198px;
		width:200px;
		background:url(../../view/images/box_subcat.jpg) repeat-y;
	}
	.vertical li ul ul{
		position: absolute;
		margin-top: -29px;
		margin-left: 252px;
	}
	/*this is the css for the horizontal version*/
	.horizontal ul{
		list-style-type: none;
		display: block;
		height: 90px;
		float:left;
	}
	.horizontal li{
		float: left;
		text-align:center;
		display: inline;
		position:relative;
	}
	.horizontal li a{
		text-decoration: none;
		height: 90px;
		float: left;
		display: block;
		width: auto;
		line-height:90px; 
	}
	.horizontal li li a{
		border-bottom:solid 1px #fdb405;
	}
	.horizontal li ul{
		position: absolute; 
		margin-top: 90px;
		width: 200px;
		border: none;
		display: block;
		height: auto;
		padding:0px;
		*top:0px;
		*left:0px;
		background-color:#000;
		/* for IE */
		/*filter:alpha(opacity=90);*/
		/* CSS3 standard */
		/*opacity:0.9;*/
		border-bottom:0px solid #000;
		border-left:0px solid #000;
		border-right:0px solid #000;
		z-index:9999;
	}
	.horizontal li li ul{
		position: absolute;
		margin-top: 0px;
		*margin-top: -9px;
		margin-left: 200px;
	}
	.horizontal li ul li a{
		width: 200px;
		margin:0px;
		float:left;
		padding-left:20px;
		text-align:left;
		font-weight:normal;
		color:#fff;
		height:auto;
		/*height:28px;
		line-height:28px;*/
		line-height:normal; padding-top:6px; padding-bottom:6px;
		border-bottom:solid 1px #fdb405;
	}
	.horizontal li ul li a:hover{
		background:#fdb405;
		color:#af2024;
		text-decoration:underline;
		font-weight:normal; 
	}
	.horizontal li li li a{position:relative;}
	.horizontal li li li a:before{content:''; width:5px; height:5px; background:url(../../images/menuToggle.png) no-repeat; position:absolute; top:15px; left:8px;}
	.horizontal li li li a:hover:before{content:''; width:5px; height:5px; background:url(../../images/icon-menutop-hover.png) no-repeat; position:absolute; top:15px; left:8px;}
	.horizontal li li.li_view_more a{color:#fdb405; font-style:italic; text-decoration:underline;}
	.horizontal li li.li_view_more a:before{background:none;}
	.horizontal li li.li_view_more a:hover:before{background:none;}
	/*.horizontal li li:last-of-type a{border-bottom:none;}*/
	/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
	/*Not sure if I recommend this or not*/
	.inaccesible li ul{
		display: none;
	}
	/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
	.arrow a span{
	padding-left: 1em;
	font-size: 85%;  
	}
	.arrow a:hover span{
		padding-left: 2em;			
	}
	.arrow a span.noshow{
		visibility: hidden;
	}
	/*Plus code*/
	.plus a span{
		padding-left: .5em;
	}
	/*colors for menu*/
	.blackwhite li a{
		background-color: white;
		color: black;
		border-color: black;
	}
	.blackwhite li a:hover{
		color: white;
		background:red;
		border-color: black;
	}
	.blackwhite ul{
		border-color: black;
	}

	.bluewhite li a{
		/*font-weight:bolder;*/
	}
	/*.bluewhite li a:hover{
		background:url(../../view/images/bg_menu_active_1.gif) bottom center no-repeat; 
		color:#FFF;
	}*/
	/*menu mobile*/
	.is-hvisible{display:block;}
	.is-hactive{}
	.h_option_mobile{width:60px; height:90px; /*float:right;*/ position:relative; cursor:pointer; z-index:110; /*background:url(../../images/menuToggle.png) no-repeat center;*/}
	.h_option_bar{width:26px; height:26px; position:absolute; top:30px; left:10px; border-radius:6px;}
	.h_option_bar span{/*background-color:#fff;*/background-image: linear-gradient(to right, #1c1c1c , #1c1c1c);border-radius:5px;display:block;height:2px;left:0;opacity:1;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .25s ease-in-out 0;-moz-transition:all .25s ease-in-out 0;-o-transition:all .25s ease-in-out 0;transition:all .25s ease-in-out 0;width:25px}
	.h_option_bar span:nth-child(1){top:0}
	.h_option_bar span:nth-child(2),.h_option_bar span:nth-child(3){top:10px}
	.h_option_bar span:nth-child(4){top:20px}
	.h_option_bar.is-hactive span:nth-child(1){left:50%;top:18px;width:0}
	.h_option_bar.is-hactive span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
	.h_option_bar.is-hactive span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
	.h_option_bar.is-hactive span:nth-child(4){left:50%;top:18px;width:0}

	.div_information_bar{display: inline-block; position: relative; z-index:111;}
	.h_information_bar{width:26px; width: 80px; padding-left: 35px; height:26px; position:absolute; top:-12px; left:10px; border-radius:6px;cursor:pointer;}
	.div_information_bar.fixed-scroll .h_information_bar{top: 22px;}
	.h_information_bar span{/*background-color:#fff;*/background-image: linear-gradient(to right, #1c1c1c , #1c1c1c);border-radius:5px;display:block;height:2px;left:0;opacity:1;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .25s ease-in-out 0;-moz-transition:all .25s ease-in-out 0;-o-transition:all .25s ease-in-out 0;transition:all .25s ease-in-out 0;width:25px}
	.h_information_bar span:nth-child(1){top:0}
	.h_information_bar span:nth-child(2),.h_information_bar span:nth-child(3){top:10px}
	.h_information_bar span:nth-child(4){top:20px}
	.h_information_bar.is-hactive span:nth-child(1){left:50%;top:18px;width:0}
	.h_information_bar.is-hactive span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
	.h_information_bar.is-hactive span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
	.h_information_bar.is-hactive span:nth-child(4){left:50%;top:18px;width:0}
	.h_information_bar strong{transform: translateY(1px); display: block}

	.sub-menu-information{display: none;position: absolute; top: 25px; left: -200px; width: 456px;}
	.div_information_bar.fixed-scroll .sub-menu-information{ left: -130px; top: 70px;}
	.sub-menu-information a{color: #666}
	.sub-menu-information a:hover{text-decoration: underline}
	.sub-menu-information.open{ 
		display:inline-block;
		background:#fff;
		border-radius: 0px 0px 2px 2px;
		box-shadow: 1px 2px 3px #58585a;
		-webkit-animation-name:dropInDown;-moz-animation-name:dropInDown;-o-animation-name:dropInDown;animation-name:dropInDown;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both
	}

	.fa-list-ul{
		 color:white; font-size:20px; padding-left: 9px;
   padding-top: 10px;
padding-right: 9px;
padding-bottom: 10px;}
	.h_boxlang_menu{height:90px; float:right; line-height:85px; padding-right:20px;}
	.h_dropdown_menu{position:absolute; top:90px; left:0px;background:#fff; visibility: hidden; padding:10px; box-shadow:3px 3px 3px #ccc;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);}
	.h_dropdown_menu.is-hvisible{visibility: visible; /* 1 */
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);}
	.h_dropdown_menu ul{margin:0;}
	.h_dropdown_menu li{list-style:none; text-transform:uppercase; padding-left:30px;padding-top:12px;}
	.h_dropdown_menu li.has-hdropdown{background:url(../../images/plusM.png) no-repeat 0px 14px;}
	.h_dropdown_menu li.is-hactive{background:url(../../images/vM.png) no-repeat 0px 14px;}
	.h_dropdown_menu li a{color:#36454f;}
	.h_dropdown_menu li ul{padding-left:0; display:none;}
	.h_dropdown_menu li ul.is-hvisible{display:block;}
	.h_dropdown_menu li li{list-style:none; background:url(../../images/vM.png) no-repeat 0px 14px; text-transform:uppercase; padding-left:25px;}
	.scr320-hid{display:block;}
	.scr320-blo{display:none; background:none !important;}

	@media (min-width: 768px) {

	}
	@media (max-width: 1199px) {
	/* CSS destop md - container 970px*/
	}
	@media (max-width: 991px) {
	/* CSS tablet sm  - container 750px*/
	.h_dropdown_menu{width:100vw;}
	.h_menu{display:block;}
	.hidden-md{display:block;}
	.c_header{background:#fff;}
	.h-logo{position:absolute; top:0; left:0; right:0; margin: auto; width: 150px;}
	.h-logo img{height:80px; margin-top:5px;}
	.h-logo-cooking-live{position:absolute; top:4px; left:160px;}
	}
	@media (max-width: 767px) {
	/* CSS phone xs */
	.hidden-sm{display:block;}
	.hidden-sm.h-logo{display:block !important;}
	.h_dropdown_menu{width:100vw;}
	.l_h2{ text-align:center; color:#333333 !important; font-size:24px !important; font-weight:bold !important;}
	.loc{ display:block !important;
	 background:#e0e5e2 !important; margin-top: 30px;
margin-bottom: 26px;}
	.hide_2{ display:block !important;}
	.hide_3{ display:none !important;}
	.img_mobi_l{ max-width:130% !important; width:100% !important;}
	.product_search:hover .text { position:relative;}
	.pull-right {
		display:none !important;
	}
	.block_m_767{ display: block !important; float:left;padding-right: 20px;}
	.main-breadcrumb {display: none !important;}
	#cookingclass_detail{ position:relative !important;}

		.c_header .show-search-header{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #1c1c1c; font-size: 20px;}
		.c_header .li_search form{width: 100%; display: inline-block}
		.c_header .li_search{position: absolute; height: 40px; top: 50%;left: 0; right: 0; margin: auto!important; z-index: 99; text-align: center; width: calc(100% - 20px); background: #fff; line-height: 36px!important;
			-webkit-transition:all 0.25s;
			-khtml-transition:all 0.25s;
			-moz-transition:all 0.25s;
			-ms-transition:all 0.25s;
			-o-transition:all 0.25s;
			transition:all 0.25s;
			opacity: 0; visibility: hidden; transform: translate(200px,-50%); pointer-events: none;}
		.c_header .li_search.show{opacity: 1; visibility: visible; transform: translate(0,-50%); pointer-events: auto;}
	}

	.block_m_767 strong{padding-right: 20px;}
	}

	@media (max-width: 361px) {
	/* CSS phone xs */
	.scr320-hid{display:none;}
	.scr320-blo{display:block; background:none !important;}
	}
	@media(min-width:768px) and ( max-width:)