@charset "utf-8";
/*
Theme Name: Dorot - Recipes
Theme URI: https://sola.co.il/
Author: Reza Mamun
Author URI: http://rezamamun.me/
Description: Custom recipe theme with RTL support
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Date: 2019-Mar-03
Text Domain: dorot
Tags: rtl, filter
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Dorot is based on Underscores http://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

@import url('https://fonts.googleapis.com/css?family=Assistant&display=swap');

*{box-sizing: border-box; padding: 0; margin: 0; outline: none; text-decoration: none}

/*@font-face{
	font-family:'colbo-regular';
	src: url('./fonts/colbo-regular/colbo-regular.eot');
	src: url('./fonts/colbo-regular/colbo-regular.eot') format('embedded-opentype'),
		 url('./fonts/colbo-regular/colbo-regular.woff2') format('woff2'),
		 url('./fonts/colbo-regular/colbo-regular.woff') format('woff'),
		 url('./fonts/colbo-regular/colbo-regular.ttf') format('truetype'),
		 url('./fonts/colbo-regular/colbo-regular.svg#colbo-regular') format('svg');
}
@font-face{
	font-family:'colbo-light';
	src: url('./fonts/colbo-light/colbo-light.eot');
	src: url('./fonts/colbo-light/colbo-light.eot') format('embedded-opentype'),
		 url('./fonts/colbo-light/colbo-light.woff2') format('woff2'),
		 url('./fonts/colbo-light/colbo-light.woff') format('woff'),
		 url('./fonts/colbo-light/colbo-light.ttf') format('truetype'),
		 url('./fonts/colbo-light/colbo-light.svg#colbo-light') format('svg');
}*/

body{
	direction:rtl;
	background:url(images/bg.jpg);
	/*font-family:'Roboto', sans-serif;
	font-family:'colbo-regular';*/
	font-family: 'Assistant', sans-serif;
	font-size:1.5em;/*24*/
	line-height:1.5;
	color:#000;
}

ul{font-weight:initial}

/********************************/
/*******	  COMMON	  *******/
/********************************/
.wrapper{
	width:100%;
	max-width:1680px;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	margin:auto;
}
.wrapper > *{position:relative}
.content{
	margin:0;
	padding:0 15px;
	max-width:1410px;
	box-sizing:border-box;
	position:relative;
	margin:auto;
}
.header .content{max-width:100%;}
.row::after,
.row::before,
.content::after,
.content::before{
	display:table;
	content:"";
}
.row::after,
.content::after{clear:both}

.grid-1{width:8.33333333%}
.grid-2{width:16.66666667%}
.grid-3{width:25%}
.grid-4{width:33.33333333%}
.grid-5{width:41.66666667%}
.grid-6{width:50%}
.grid-7{width:58.33333333%}
.grid-8{width:66.66666667%}
.grid-9{width:75%}
.grid-10{width:83.33333333%}
.grid-11{width:91.66666667%}
.grid-12{width:100%}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12{
	box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	position:relative;
	float:left;
}

img{
	max-width:100%;
	display:inline-block;
}


/********************************/
/*******	   LINK		  *******/
/********************************/
a{
	color:#007bff;
	text-decoration:none;
	-webkit-user-select:none; /* Safari 3.1+ */
	-moz-user-select:none; /* Firefox 2+ */
	-ms-user-select:none; /* IE 10+ */
	user-select:none; /* Standard syntax */
}
html body a:hover{color:#77bd43}


/********************************/
/*******	  HEADINGS	  *******/
/********************************/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-family:inherit;
	color:inherit;
}
.page article h1{font-size:1.5em}

/********************************/
/*******	  HEADER	  *******/
/********************************/

.header{width:100%;background-color:#f6f3ee;position:relative;z-index:9999; display:block}
.hdrTop{padding:20px 0; position:relative; display: flex; align-items: center; justify-content:space-between}

.hdrLft{display: flex; /*align-items: flex-start;*/}
.hdrLftTp{display:flex;}
.shareRecipe{width: 52px; margin-right:8px; display:none}

.userCart,
.recipeSrch{display:flex; align-items:center; margin-right:8px; padding:10px; /*font-family:'colbo-light'*/; font-size:1.2em; line-height:1; color:#fff; background-color: #77bd43; position:relative; border-radius: 4px}
.recipeSrch{padding-left:48px; position: relative; background:#77bd43 url(images/search-recipe.png) no-repeat 7px center; background-size: 34px auto}
.userCart:hover{color:#fff; background-color: #7fce44}
.recipeSrch:hover{opacity:0.8; color:#fff}

.userCart.active::after,
.recipeSrch.active::after{width: 0;height: 0; content: ""; display: block;
	border-top:10px solid #77bd43; border-left:8px solid transparent !important; border-right:8px solid transparent !important;
	position: absolute; margin:auto; top:100%; right:0; left:0;
}

.cart{position: relative; width: 28px; /*height: 28px; float: left;*/ display: inline-block; margin-right: 10px}
.cart-counter{background-color: red; color:#fff; width: 25px; height: 25px; display:block; border-radius: 100%; text-align: center; line-height: 25px; font-size: 12px; font-weight: bold; position: absolute; top:-26px; right:-8px}


.cart-heading{margin-bottom: 30px; padding:0 0 15px; border-bottom: 1px dotted #000; display: flex; align-items: center; justify-content: space-between}
.cart-heading h2{font-size: 22px; font-weight: bold}
.cart-heading h2 i{margin-left: 6px}

.cart-list{width: 360px; background-color: #eee; padding: 20px 10px}


.cartWrp{ width:360px; background-color:#fff; position:absolute; display:none; top:100%; left:0;
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
}
	
.cartWrp form{
	width:100%;
	overflow:hidden;
}

.cart-action span,
.rcpTxtBtn .printomatictext{display: inline-block;background-color:#ddd; color:#000; font-size: 15px; padding: 4px 8px;margin: 0 4px; border-radius: 4px}
.cart-action span a{color:#000}
.cart-action span:hover,
.rcpTxtBtn .printomatictext:hover{background-color: #ccc}
.rcpTxtBtn .printomatictext{position:absolute; left:2px; top:7px; font-weight:normal;}


.share-cart{margin-top: 30px}
.share-cart ul li{display: inline-block}
.share-cart ul li a{display:block; color:#f36c21; font-size: 15px;padding: 10px 15px}
.share-cart ul li a:hover{color:#77bd43}
.share-cart ul li a i{margin-left: 6px}

#logo{
	/*width:15.434%;*/
	/*max-width:13%;
	height:93%;
	position:absolute;
	display:block;
	right:0;
	top:0;
	float:right;*/
	
	/*width:150px; display:block; margin-top: -20px;*/
	
	display:block;
}
#logo::after{
	width:15px;
	height:100%;
	/*width:300px;
	height:calc(100% - 20px);*/
	
	background-color:#fff;
	position:absolute;
	display:block;
	content:"";
	left:100%;
	top:0;
}
#logo a{display:inline-block; /*height:100%; float:right*/}
#logo img{/*width:auto; height:100%; display:block*/}

.menuBtn{
	float:left;
	margin:2px 10px 0;
	display:none;
}
.menu-header-mobile-container{}
.mainNav{
	width:100%;
	padding:0;
	text-align:center;
	position:relative;
	list-style:none;
	margin:0;
	display:flex;
	justify-content:center;
	align-items:normal;
	overflow:hidden;
}
/*.mainNav::after{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#f6f3ee;
	display:block;
	content:"";
	top:100%;
	left:0;
}*/
.mainNav > li{
	padding:0 0.8%;
	position:relative;
	text-align:center;
	vertical-align:top;
	/*font-family:'colbo-light';*/
	display:flex;
	align-items:center;
	line-height:1; /*0.777*/
	font-size:1.4em;
}
.mainNav > li::after{
	height:100%;
	position:absolute;
	border-right:1px solid #000;
	display:block;
	content:"";
	right:0;
	top:0;
}
.mainNav > li:first-child::after{display:none}
.mainNav > li.current-menu-item a{/*font-family:'colbo-regular';*/}

.mainNav > li > a{
	position:relative;
	overflow:hidden;
	color:#000;
}

.mainNav .sub-menu{
	width:260px;
	margin:auto;
	display:none;
	position:absolute;
	right:-130px;
	left:-130px;
	top:100%;
}
.mainNav .sub-menu li{
	width:100%;
	line-height:20px;
	display:block;
}
.mainNav .sub-menu li a{
	display:block;
	padding:8px 20px 8px 15px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	background-color:#49505a;
	border:1px solid #32373e;
	border-top:1px solid #fff;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	border-right:none;
	border-left:none;
	font-size:13px;
	color:#eee;
}
.mainNav .sub-menu li a:hover{
	background-color:#36AAE7;
	color:#fff;
}




.rcpMenu{
	width:100%;
	padding:48px 34px 48px;
	box-sizing:border-box;
	background-color:#fff;
	position:absolute;
	display:none;
	top:100%;
	left:0;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}
.rcpMenu h3{
	margin:0 0 10px;
	font-size:1.250em;
	line-height:1.2;
	color:#000;
}
.rcpMenu form{
	width:100%;
	overflow:hidden;
}
.rcpMenuTop{
	width:79.36%;
	padding-left:115px;
	padding-right:40px;
	box-sizing:border-box;
	float:right;
}
.inputText{
	width:100%;
	position:relative;
	margin-bottom:22px;
}
.inputText input{
	width:100%;
	height:auto;
	padding:1.68% 10px;
	border-radius:5px;
	box-sizing:border-box;
	border:2px solid #868686;
	/*font-family:'colbo-regular';*/
	font-size:1.0em;
	line-height:1;
	color:#000;
}
.inputText input::-webkit-input-placeholder{color:#000}
.inputText input::-moz-placeholder{color:#000;opacity:1}
.inputText input:-moz-placeholder{color:#000;opacity:1}
.inputText input:-ms-input-placeholder {color:#000}

.tagBox{
	min-height:40px;
	padding-right:242px;
	position:relative;
	margin-bottom: 22px;

}
.tagify__input {
	margin:0;
	width:242px;
	padding:13px 23px;
	border-radius:5px;
	box-sizing:border-box;
	background:#6da643 no-repeat 16px center;
	position:absolute;
	font-size:1.0em;
	line-height:1;
	color:#fff;
	right:0;
	top:0;
}
#outsideTags1 .tagify__input {background-image:url(images/minusBg.png)}
#outsideTags2 .tagify__input {background-image:url(images/plusBg.png)}
.tagify__input::-webkit-input-placeholder{color:#fff}
.tagify__input::-moz-placeholder{color:#fff;opacity:1}
.tagify__input:-moz-placeholder{color:#fff;opacity:1}
.tagify__inputt:-ms-input-placeholder {color:#fff}
.tagify__input::before{line-height:1.3; top:10px}

.tagify {border:none}
.tagify tag {margin:5px 23px 5px 0}
.tagify tag > div {
	min-width:150px;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#ededed;
	padding:5px 10px 5px 40px;
	font-size:1.250em;
	line-height:1;
	color:#525252;
}
.tagify tag:hover > div{
	background-color:#f36b21;
	color:#fff;
}
.tagify tag > div::before {display:none}
.tagify tag x {
	width:20px;
	height:20px;
	line-height:18px;
	background-color:#c2c2c2;
	font-weight:bold;
	font-size:20px;
	color:#ededed;
	right:auto;
	left:9px;
}
.tagify tag:hover x{
	background-color:#fff;
	color:#f36b21;
}

input[type="reset"],
input[type="submit"]{
	width:100%;
	max-width:163px;
	padding:0 15px;
	margin:auto;
	display:block;
	border-radius:5px;
	box-sizing:border-box;
	background-color:#77bd43;
	border:1px solid #77bd43;
	/*font-family:'colbo-regular';*/
	font-size:1.5em;
	text-align:center;
	line-height:1.75;
	cursor:pointer;
	color:#fff;
	/*iPad/iPhone*/
	-webkit-appearance:none;
}
input[type="reset"]{
	margin-top:8px;
	background-color:#c2c2c2;
	border:1px solid #c2c2c2;
	font-size:1.0em;
	line-height:1.583;
}
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	color:#fff;
}
.rcpMenuBtm{
	width:20.64%;
	padding:65px 0;
	margin-top:35px;
	box-sizing:border-box;
	border-right:2px solid #c2c2c2;
	text-align:center;
	float:left;
}


.contactBnr{
	width:100%;
	overflow:hidden;
	position:relative;
}
.hdrBtm{
	width:100%;
	padding:20px 0;
	background:url(images/hdrBg.png);
	background-size:cover;
	position:relative;
	z-index:2;
}
.contactBnr .hdrBtm{
	background:rgba(60,44,36,0.8);
	position:absolute;
	left:0;
	top:0;
}
.ourPdt{
	display:block;
	padding:0 15px;
	max-width:36.2318%;
	box-sizing:border-box;
	background-color:#f36c21;
	/*font-family:'colbo-regular';*/
	box-sizing:border-box;
	border-radius:3px;
	line-height:1.666;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.hdrLft .ourPdt{display:none}
.pdtRow > a.ourPdt{margin:0 auto 20px; max-width:200px}
.pdtRow .pdtList ~ a.ourPdt{margin-top:-20px}
html .ourPdt:hover{
	opacity:0.8;
	color:#fff;
}

.hdrBtmLft{
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	position:absolute;
	left:15px;
	top:50%;
}
.optionWpr{
	padding-left:70px;
	float:right;
}
#optionBox{position:relative}
.optionBtn{
	background:url(images/angle-down.png) no-repeat left center;
	padding-left:45px;
	line-height:40px;
	font-size:1.583em;
	display:block;
	color:#fff;
}
#optionBox ul{	
	width:200px;
	max-height:170px;
	padding:5px 0px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:none;
	list-style:none;
	overflow-y:scroll;
	background:#fcfcfc;
	box-sizing:border-box;
	border:1px solid #b7b7b7;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
#optionBox a{
	padding:0 15px;
}

/********************************/
/*******	  CONTENT	  *******/
/********************************/
.shortBnr{
	width:100%;
	overflow:hidden;
	position:relative;
	background-color:#f6f3ee;
}
.shortBnr img{
	width:100%;
	height:auto;
	display:block;
}
.bnrLftBox{
	width:61.31%;
	position:relative;
	float:right;
}
.bnrCaption{
	min-width:45.631%;
	padding:7px 18px;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	line-height:1.0909;
	font-size:1.375em;
	color:#fff;
	bottom:0;
	left:0;
}
.bnrRgtBox{
	width:38.69%;
	position:relative;
	float:right;
}
.bnrRgtTxt{
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	position:absolute;
	font-size:4.2em;
	font-weight:bold;
	line-height:0.9; /*0.7;*/
	color:#fff;
	top:50%;
	left:0;
}
.bnrRgtTxt > span{display:inline-block; max-width:620px}

.bnrIn{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.bnrIn .content{height:100%}
.bnrIn h2{
	padding-top:6.5217%;
	margin:0 30px 0 0;
	font-weight:normal;
	line-height:1; /*0.636*/;
	font-size:5.5em;
	color:#000;
}

.textBox{
	width:100%;
	max-width:500px;
	padding:28px 20px;
	box-sizing:border-box;
	border-right:10px solid #f36c21;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	display:block;
	background-color:#fff;
	position:absolute;
	right:15px;
	z-index:1;
	top:50%;
}
.recipesBnr .textBox{margin:auto; right:0; left:0}
.tbxbrdr-t .textBox{border-top:10px solid #f36c21; border-right:none}
.rcpcol-1.tbxpos-l2 .textBox{left:15px; right:auto}
.rcpcol-1.tbxpos-l .textBox{left:97px; right:auto}
.rcpcol-1.tbxpos-r .textBox{right:97px; left:auto}
.rcpcol-1.tbxpos-r2 .textBox{right:15px; left:auto}
.rcpcol-1.tbxpos-l2 > .content > .textBox{left:30px}
.rcpcol-1.tbxpos-r2 > .content > .textBox{right:30px}

.promotionBnr .textBox{left:115px; right:auto}

.textBox h3{
	margin:0;
	font-weight:normal;
	padding:12px 0 0;
	line-height:1; /*0.727;*/
	font-size:2.750em;
	color:#000;
}
.textBox p{
	margin:0;
	padding:3px 0 13px;
	font-size:1.250em;
	line-height:1;
	color:#464646;
}
.arrowBtn{
	width:43px;
	height:30px;
	display:block;
	background:url(images/arrowBtn.png) no-repeat;
	background-size:100% auto;
}
.arrowBtn:hover{opacity:0.8}

.rcpPdt{
	width:100%;
	/*padding-top:53px;*/
	padding-bottom:17px;
	background-color:#f6f3ee;
	position:relative;
	overflow:hidden;
}
.pad-tp{padding-top:53px}
.rcpPdt{padding-top:17px !important; /*for testing purpose if work*/}

.searchTop{
	width:100%;
	position:relative;
	text-align:center;
}
.titleBox{
	padding:0 100px;
	display:inline-block;
	position:relative;
	color:#f36c21;
}
.archive .titleBox{/*margin-top:17px*/}
.titleBox h1,
.titleBox h2{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1.083;
	font-size:2.5em;
	color:inherit;
}
.titleBox h1 a, .titleBox h2 a{color:inherit}
.titleBox::after{
	/*background:url(images/titleBGlft.png) no-repeat;*/
	left:0;
}
.titleBox::before{
	/*background:url(images/titleBGrgt.png) no-repeat;*/
	right:0;
}
.titleBox::after,
.titleBox::before{
	width:43px;
	height:30px;
	position:absolute;
	background-size:100% auto;
	display:block;
	margin:auto;
	content:"";
	bottom:0;
	top:9px;
}
.rcpPdt .pdtItem{
	width:25%;
	padding:17px 15px 0;
	margin:0 0 53px;
	box-sizing:border-box;
	float:right;
}
.pdtCaption{
	width:100%;
	display:block;
	text-align:center;
	background-color:#f36c21;
	line-height:1.458;
	font-size:1.0em;
	color:#fff;
}
html .pdtCaption:hover{
	opacity:0.8;
	color:#fff;
}
.pdtItemBtm h6{
	margin:0;
	padding:10px;
	padding-left:60px;
	font-weight:normal;
	font-size:1.250em;
	line-height:1;
	color:#464646;
	min-height:80px;
}
.pdtItemBtm h6 a{color:#464646}
.backTo{
	width:100%;
	position:absolute;
	background-color:#fff;
	text-align:center;
	bottom:15px;
	left:0;
}
.backBtn{
	display:inline-block;
	/*padding-left:40px;
	background:url(images/backBtn.png) no-repeat left center;
	background-size:auto 100%;*/
	line-height:2.0416;
	font-size:1.0em;
	color:#000;
}
html .backBtn:hover{
	opacity:0.8;
	color:#000;
}
.backBtn span{font-size:2.4em; vertical-align: middle}

.wishlistBox,
.likebtn-wrapper,
.cs-likes-dislikes{
	float:left;
	position:absolute;
	top:8px;
	left:0;
	direction:ltr;
}
body .likebtn-wrapper,
body .likebtn-wrapper *{direction:rtl}
body .lb-style-custom .lb-like,
body .lb-style-custom .lb-dislike{padding-left:0}

body .cs-likes-dislikes .cs-dislike-post{display:none;}
body .cs-likes-dislikes .like-ico{background:url(images/icon-heart.png) no-repeat;}

.number{
	min-width:23px;
	text-align:left;
	line-height:1.0909;
	font-size:0.917em;
	color:#464646;
	float:left;
}
.heart{
	width:25px;
	height:24px;
	background:url(images/heart.png) no-repeat;
	background-size:100% auto;
	float:left;
}

.recipesBnr{
	width:100%;
	overflow:hidden;
	position:relative;
}
.mrgn-btm{margin-bottom:70px}

.flBxClck{display:block; position:relative}

.recipesBnr > img{display:block}
.rcpBnrLft img,
.rcpBnrRgt img{
	height:100%;
	display:block;
	max-width:inherit;
	position:absolute;
	right:0;
	top:0;
}
.rcpBnrLft{
	width:48.85%;
	padding-top:30.3%;
	position:relative;
	overflow:hidden;
	float:left;
}
.rcpBnrRgt{
	width:51.15%;
	position:relative;
	float:left;
}
.rcpBnrRgt .rcpBnrIn{padding-top:59.3%}
.rcpBnrIn{
	width:50%;
	position:relative;
	overflow:hidden;
	float:left;
}
.promotionBnr{
	width:100%;
	margin-bottom:70px;
	position:relative;
}

.btmCont{
	width:100%;
	padding:56px 0;
	background:#eeedec url(images/btmCont.jpg) no-repeat;
	background-size:100% auto;
	box-sizing:border-box;
	margin-bottom:70px;
}
.btmContIn{
	max-width:706px;
	position:relative;
}
.btmCont h2{
	margin:0 0 21px;
	font-weight:normal;
	line-height:1.033;
	font-size:2.5em;
	color:#000;
}
.btmCont h3{
	margin:0;
	font-weight:normal;
	font-size:1.250em;
	line-height:1.2;
	color:#000;
}
.btmCont p{
	margin:0 0 36px;
	/*font-family:'colbo-light';*/
	font-size:1.250em;
	line-height:1.2;
	color:#000;
}
.moreRecipes{
	width:100%;
	margin-top:5px; /*32px;*/
	padding-bottom:53px;
	text-align:center;
	position:relative;
}
.moreBtm{
	margin:0 auto;
	display:block;
	padding:0 15px;
	max-width:235px;
	box-sizing:border-box;
	background-color:#f36c21;
	/*font-family:'colbo-regular';*/
	box-sizing:border-box;
	border-radius:3px;
	line-height:1.666;
	font-size:1.5em;
	font-weight:bold;
	bottom:100%;
	color:#fff;
	/*position:absolute;
	right:0;
	left:0;*/
}
html .moreBtm:hover{
	opacity:0.8;
	color:#fff;
}

.aboutWpr{
	width:100%;
	padding:70px 0;
	background-color:#f6f3ee;
}
.aboutBox{
	width:100%;
	padding:25px 0 378px;
	border-top:25px solid #f36d24;
	border-bottom:25px solid #f36d24;
	background:#f8f7f3 url(images/abtBoxBg.jpg) no-repeat;
	background-size:100% auto;
	position:relative;
}
.aboutBox::before{
	background:url(images/abtBoxBgTop.jpg) no-repeat left top;
	z-index:1;
	left:0;
	top:0;
}
.aboutBox::after{
	background:url(images/abtBoxBgBtm.png) no-repeat right bottom;
	z-index:1;
	bottom:0;
	right:0;
}
.aboutBox::after,
.aboutBox::before{
	width:100%;
	height:100%;
	background-size:100% auto;
	position:absolute;
	display:block;
	content:"";
}
.aboutTxt{
	max-width:868px;
	box-sizing:border-box;
	position:relative;
	padding:0 15px;
	margin:auto;
	z-index:3;
}
.aboutBox h2{
	margin:36px 0 0;
	font-size:1.5em;
	line-height:1;
	color:#000;
}
.aboutBox h3{
	margin:36px 0 0;
	font-size:1.250em;
	line-height:1.2;
	color:#000;
}
.aboutBox ul{
	padding:0;
	margin:0 0 36px;
	list-style:none;
}
.aboutBox li{
	/*font-family:'colbo-light';*/
	font-size:1.0em;
	line-height:1.5;
	color:#000;
}
.aboutBox p{
	margin:0 0 36px;
	/*font-family:'colbo-light';*/
	font-size:1.0em;
	line-height:1.5;
	color:#000;
}
.abtBoxTop p{
	font-size:1.250em;
	line-height:1.2;
}
.bgImg1{
	width:15.942%;
	position:absolute;
	top:455px;
	z-index:2;
	right:0;
}
.bgImg2{
	width:23.0434%;
	position:absolute;
	bottom:805px;
	z-index:2;
	left:0;
}

.pdtContent{
	width:100%;
	padding:40px 0 28px;
	overflow:hidden;
}
.searchCont_2{margin-top:17px}
.pdtList{
	display:flex;
	padding:30px 0;
	flex-wrap:wrap;
	border-top:1px solid #000;
}
.pdtBox .pdtList{
	padding:10px 0 0;
	border-top:none;
}
.rcpPdt .pdtList{
	padding:0;
	border-top:none;
}
.pdtList:first-child{border-top:none}
.pdtItem{
	width:33.3333%;
	padding:30px;
	display:flex;
	box-sizing:border-box;
	float:right;
}
.pdtBox .pdtItem{
	width:25%;
	padding:30px 17px 0;
}
.pdtItem figure{
	margin:0;
	width:100%;
	position:relative;
}
.rcpPdt .pdtItem figure{background-color:#fff}
.pdtImg{
	padding-bottom:30px;
	display:block;
}
.rcpPdt .pdtImg{padding-bottom:0}
.pdtImg img{
	display:block;
	width:100%;
}
.post-type-archive-product .pdtImg img{max-width:370px; margin:0 auto}
.pdtBox .pdtImg img{
	margin:auto;
	max-width:90%;
	width:auto;
}
.rcpPdt .pdtImg img{
	width:100%;
	max-width:inherit;
}
.pdtBtm{
	width:100%;
	padding:26px 0;
	text-align:center;
	border-top:1px solid #ccc;
}
.pdtBtm h6{
	margin:0;
	line-height:1; /*0.8125;*/
	font-size:2.0em;
	color:#464646;
}
.pdtBtm a{color:#464646}
.pdtBtm p{
	margin:0;
	line-height:1;
	/*font-family:'colbo-light';*/
	font-size:1.250em;
	color:#464646;
}

.pdtBox{
	width:100%;
	background-color:#f6f4ee;
	padding:30px 0 0;
	position:relative;
	overflow:hidden;
}
.pdtBoxTop{
	width:100%;
	padding:4.20289% 84px;
	box-sizing:border-box;
	background:url(images/pdtBoxTop.jpg) no-repeat center;
	background-size:cover;
}
.pdtBoxTop h2{
	margin:0;
	font-weight:normal;
	font-size:5.0em;
	line-height:1; /*0.75;*/
	color:#fff;
}
.pdtBoxMid{
	width:100%;
	background-color:#fff;
	padding:29px 0 4px;
	overflow:hidden;
}
.pdtBoxRgt{
	width:47.826%;
	padding:0 15px;
	box-sizing:border-box;
	float:right;
}
.pdtBoxLft{
	width:52.174%;
	padding:0 15px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.pdtBoxLft img{
	padding-top:18%;
	max-width:75%;
	display:block;
	margin:auto;
}
.titleBdr{
	margin:36px 0 21px;
	padding-bottom:16px;
	border-bottom:3px solid #77bd43;
}
.titleBdr h3{
	margin:0;
	line-height:1; /*0.8055;*/
	font-size:1.5em;
	color:#000;
}
.pdtBoxRgt ul{
	padding:0;
	margin:0 0 36px;
	list-style:none;
}
.pdtBoxRgt li{
	line-height:1.5;
	font-size:1.0em;
	color:#000;
	position:relative;
	padding-right:1.3em;
}
.pdtBoxRgt li:before {
	content: '✓';
	display: inline-block;
	position:absolute;
	top:0;
	right:0;
}
.pdtBoxRgt p{
	margin:0 0 36px;
	line-height:1.5;
	font-size:1.0em;
	color:#000;
}
.pdtBoxBtm{
	width:100%;
	margin-bottom:70px;
	background-color:#fff;
	overflow:hidden;
}
.rcpBox .pdtBoxBtm{
	margin-top:20px;
	margin-bottom:0;
	/*border-top:1px solid #000;*/
	float:right;
}
.pdtBoxBtm h3{
	margin:0;
	padding:8px 15px;
	line-height:1.5;
	font-size:1.0em;
	border-bottom:1px solid #000;
	color:#000;
}

/*.pdtBox .rcpPdt{padding:40px 0 70px}*/
.pdtRow{
	padding:0;
	margin-left:-17px;
	margin-right:-17px;
}
.pdtRow::after,
.pdtRow::before{
	display:table;
	content:"";
}
.pdtRow::after{clear:both}

.rcpBox{
	width:100%;
	padding:30px 0;
	background-color:#fff;
	position:relative;
	overflow:hidden;
}
.rcpBoxLft{	
	width:47.826%;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
	float:left;
}
.hasRcpSMbox{clear:left}
.rcpImg{
	width:100%;
	float:left;
}
.rcpImg img{display:block; margin:0 auto}
.rcpSMbox{
	width:100%;
	max-width:300px;
	margin-top:20px;
	padding-top:17px;
	border:1px solid #000;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.rcpSMbox img{
	display:block;
	margin:auto;
}
.rcpSMbox span{
	padding:3px 0;
	display:block;
	font-size:1.250em;
	line-height:1.1;
	color:#000;
}
.rcpSMbox a{color:#000}
.rcpSMbox ul{
	margin:0;
	padding:8px 0;
	list-style:none;
	background-color:#fcaf32;
	border-top:1px solid #000;
}
.rcpSMbox li{
	padding:0 17px;
	/*border-right:1px solid #000;*/
	display:inline-block;
	line-height:1.041;
	font-size:1.0em;
	color:#000;
	position:relative;
}
.rcpSMbox li:first-child{border-right:none}
.rcpSMbox li::before{content:'/'; display:inline-block; position:absolute; right:-6px; top:0}
.rcpSMbox li:first-child::before{display:none}

.rcpBoxTxt{
	width:52.174%;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
	float:right;
}
.rcpTxtBtn{
	display:block;
	padding:0 15px;
	box-sizing:border-box;
	background-color:#f36c21;
	/*font-family:'colbo-regular';*/
	box-sizing:border-box;
	line-height:1.666;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.single-recipe .rcpTxtBtn{text-align:right; position:relative;}
html .rcpTxtBtn:hover{
	opacity:0.8;
	color:#fff;
}

.rcpTbl{
	width:100%;
	margin-top:30px;
	margin-bottom:18px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	/*overflow:hidden;*/
	
	display:flex;
	flex-wrap: wrap;
}
.rcpTblTop{width:100%; flex-basis:100%; border-bottom:1px solid #000;}
.rcpBoxTxt ul,
.rcpBoxTxt ol{
	margin:0;
	padding:0 15px 0 0;
}
.rcpBoxTxt ul{padding-right:18px}
.rcpTbl ul{list-style:none}
.rcpTblRgt ul{padding-top:14px}
.rcpTblLft > ul,
.rcpTblRgt > ul{padding-right:0}

.rcpBoxTxt li{
	/*font-family:'colbo-light';*/
	line-height:1.208;
	font-size:1.0em;
	color:#000;
}
.rcpTblLft li{
	padding-right:30px;
	line-height:1.5;
	font-size:1.0em;
	position:relative;
	color:#000;
}

.rcpBoxTxt h3{
	margin:0;
	line-height:1.5;
	font-size:1.0em;
	color:#000;
}
.ingrdList h3.ingrColHd{float:left}
.ingrdList h3.ingrColHd b{font-weight:normal; font-size:0.7em}
.ingrdList h3.ingrColHd b img{width:22px; margin-right:8px; vertical-align:middle}

.ingrdList h4{margin-top:10px; font-weight:bold;}

.rcpTblRgt{
	width:30.3%;
	padding:18px 0;
	
	/*float:right;*/
	/*font-size:1.28em;*/
}
.rcpTblLft{
	width:69.7%;
	padding:18px;
	box-sizing:border-box;
	border-right:1px solid #000;
	/*float:right;*/
}
.rcpTblLft.rcpTbl12{width:100%; padding-right:0; border-right:0;}
.addBtn,
.removeBtn{
	/*width:22px;
	height:22px;*/
	width:15px;
	height:15px;
	background:url(images/icon-plus-on.png) no-repeat; /*icon-plus-32.png*/
	background-size:100% auto;
	position:absolute;
	right:0;
	top:11px;
}
h3.ingrColHd {
   
}

.removeBtn{background-image:url(images/icon-plus-off.png) /*icon-minus-32.png*/}
.rcpTblBtn{
	width:100%;
	padding:9px 48px 9px 15px;
	border-top:1px solid #000;
	line-height:1.666;
	font-size:0.750em;
	position:relative;
	float:right;
	color:#000;
}
.addToBtn{
	width:30px;
	height:30px;
	display:block;
	background:url(images/addToBtn.png) no-repeat;
	background-size:100% auto;
	position:absolute;
	margin:auto;
	bottom:0;
	right:0;
	top:0;
}
.tipBox{
	margin-top:13px;
	box-sizing:border-box;
	background:url(images/tip.png) no-repeat right center;
	background-size:19.39% auto;
	padding:4% 22.27% 4% 3.787%;
	font-size:1.0em;
	line-height:1.2;
	color:#000;
}
.rcpBox .pdtBoxBtm h6{
	margin:0;
	padding:0 30px;
	line-height:1.208;
	font-size:1.0em;
	color:#000;
}





/********************************/
/*******	SIGNUP BOX	*******/
/********************************/
.signupBox{
	width:100%;
	padding:48px 0;
	text-align:center;
	background:url(images/ftrBg.png);
	background-size:cover;
}
.signupBox h5{
	margin:0;
	/*font-family:'colbo-regular';*/
	display:inline-block;
	line-height:1.145;
	font-size:2.0em;
	color:#fff;
	vertical-align:top;
}
.signupBox .wpcf7{
	max-width:730px;
	margin:0 40px 0 0;
	/*padding-left:255px;*/
	display:inline-block;
	position:relative;
}
.signupBox .wpcf7 .flds{display:flex}
.flds .wpcf7-form-control-wrap{margin-left:10px}
.signupBox [type="email"]{
	width:100%;
	height:55px;
	padding:5px 38px;
	box-sizing:border-box;
	background-color:#fff;
	/*font-family:'colbo-light';*/
	border-radius:3px;
	font-size:1.5em;
	line-height:1.25;
	border:none;
	color:#000;
}
.signupBox [type="email"]::-webkit-input-placeholder{color:#000}
.signupBox [type="email"]::-moz-placeholder{color:#000;opacity:1}
.signupBox [type="email"]:-moz-placeholder{color:#000;opacity:1}
.signupBox [type="email"]:-ms-input-placeholder{color:#000}

.signupBox input[type="submit"]{
	width:auto;
	max-width:none;
	height:55px;
	text-align:center;
	box-sizing:border-box;
	background-color:#f36c21;
	/*font-family:'colbo-regular';*/
	-webkit-appearance:none;
	white-space:nowrap;
	border-radius:3px;
	line-height:1.527;
	font-size:1.5em;
	cursor:pointer;
	border:none;
	color:#fff;
	float:left;
	/*padding:0;*/
	margin:0;
	/*position:absolute;
	left:0;
	top:0;*/
}
.signupBox input[type="submit"]:hover{opacity:0.8}
.signupBox .wpcf7 .ajax-loader{position:absolute; top:18px; left:-26px}
.signupBox div.wpcf7-response-output{margin:10px 0 0; background:rgba(255,100,100,0.7)}


/********************************/
/*******	  FOOTER	  *******/
/********************************/
.footer{
	width:100%;
	padding:47px 0 68px;
	background-color:#f6f3ee;
	display:block;
}
.ftrTop{
	width:100%;
	padding:0 0 36px 190px;
	box-sizing:border-box;
	position:relative;
}
.ftrMenu{
	margin:0;
	width:100%;
	padding:12px 0 0;
	overflow:hidden;
	list-style:none;
}
.ftrMenu li{
	position:relative;
	margin-left:10px;
	padding-left:11px;
	font-size:1.250em;
	line-height:1;
	float:right;
	color:#000;
}
.ftrMenu li::before{
	content:"";
	height:100%;
	display:block;
	position:absolute;
	border-left:3px solid #000;
	margin:auto;
	bottom:0;
	top:4px;
	left:0;
}
.ftrMenu li:last-child::before{display:none}
.ftrMenu li a{
	text-decoration:none;
	color:#000;
}

.socialLink{
	margin:0;
	padding:0;
	float:left;
}
.ftrTop .socialLink{
	position:absolute;
	left:0;
	top:0;
	list-style-type:none;
}
.socialLink li{float:left; list-style:none; padding-right:18px}
.socialLink li a{
	width:50px;
	height:50px;
	display:block;
	text-decoration:none;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:100% auto;
	float:left;
	
	border-radius: 50%;
	-webkit-transition: -webkit-transform .8s ease-in-out;
		transition:             transform .8s ease-in-out;
}
.socialLink li a:hover{
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
}
.hdrRgt .socialLink{display:none}
.socialLink li.facebook a{background-image:url(images/icon-facebook.png)}
.socialLink li.youtube a{background-image:url(images/icon-youtube.png)}
.socialLink li.instagram a{background-image:url(images/icon-instagram.png)}

.ftrMid{
	width:100%;
	padding-bottom:50px;
	overflow:hidden;
}
.menuBox{
	margin-left:15px;
	min-height:180px;
	border-left:1px solid #525252;
	padding-left:32px;
	float:right;
	display:block;
}
.menuBox:last-child{border-left:none}

.menuBox h6{
	margin:0;
	font-size:1.0em;
	line-height:1.5;
	color:#525252;
}
.menuBox h6::after{content:'>'; display:inline-block; padding-right:7px}
.ftrMid .menuBox h6.widget-title a{color:inherit; position:relative}
.ftrMid .menuBox h6.widget-title a:hover{color:inherit}
.menuBox > div{width:100%; display:block; overflow:hidden; position:relative; transition:none}
.menuBox ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	min-height:200px;
}
.menuBox li{
	/*font-family:'colbo-light';*/
	font-size:1.0em;
	line-height:1.5;
	color:#525252;
}
.menuBox a{color:#525252}
.ftrBtm{
	width:100%;
	overflow:hidden;
}
#ftrLogo{
	width:9.0579%;
	margin-left:40px;
	float:right;
}
#ftrLogo img{display:block}
.ftrBtm address{
	float:right;
	padding-top:3.5%;
	font-style:normal;
	/*font-family:'colbo-regular';*/
	line-height:1.083;
	font-size:1.0em;
	color:#131313;
}
.ftrBtm a{color:#131313}

.clr-f36c21{color:#f36c21}
.clr-77bd43{color:#77bd43}
.clr-fbaf34{color:#fbaf34}
.bg-f36c21{background-color:#f36c21}
.bg-77bd43{background-color:#77bd43}
.bg-fbaf34{background-color:#fbaf34}






/********************************/
/*******	NEW PAGES	 *******/
/********************************/
.commWpr{
	width:100%;
	padding:70px 0;
	background-color:#f6f3ee;
}
.commBox{
	padding:25px 19.56%  250px; /* 270 / 1380 */
	border-top:25px solid #f36d24;
	border-bottom:25px solid #f36d24;
	background-color:#fff;
	position:relative;
	overflow:hidden;
}
.bgTyp,
.bgTyp::before{position:relative; background:repeat-y center top; background-size:100% auto; /*background-attachment:fixed;*/}
.bgTyp-about,
.bgTyp-about::before{background-image:url(images/bg-about.jpg)}
.bgTyp-negishut,
.bgTyp-negishut::before{background-image:url(images/bg-negishut.jpg)}
.bgTyp-takanon,
.bgTyp-takanon::before{background-image:url(images/bg-takanon.jpg)}
.bgTyp-nobg{padding-left:2%; padding-right:2%}

.bgTyp::before{content:''; width:calc(100vw - 30px); height:calc(100vh - 0px); position:fixed; top:0px; left:15px; display:none}

.commBox hr{
	height:1px;
	border:none;
	background-color:#78bd43;
	line-height:0;
	font-size:0;
	padding:0;
	margin:0;
}
.bgImg{
	width:100%;
	height:auto;
	position:absolute;
	display:block;
	z-index:1;
	left:0;
	top:0;
}

.commBox h1,
.commBox h2{
	margin:36px 0 0;
	line-height:1.1666;
	font-size:1.5em;
	position:relative;
	color:#000;
	z-index:2;
}
.commBox p,
.commBox h3,
.commBox h4{
	margin:36px 0 0;
	line-height:1.5;
	font-size:1.0em;
	position:relative;
	color:#000;
	z-index:2;
}
.commBox h3{
	line-height:1.2;
	font-size:1.250em;
}
.commBox h3,
.commBox h4{font-weight:bold}
.commBox p,
.commBox ul{margin:36px 0}
.commBox h3 + p,
.commBox h3 + ul,
.commBox h4 + p,
.commBox h4 + ul{margin-top:0}
.commBox ul{
	list-style:none;
	position:relative;
	padding:0;
	z-index:2;
}
.commBox li{
	line-height:1.5;
	font-size:1.0em;
	color:#000;
}
.commBoxRow{
	line-height:1.5;
	font-size:1.0em;
	color:#000;
}
.commBoxRow{
	padding:0;
	margin-left:-15px;
	margin-right:-15px;
}
.commBoxRow::after,
.commBoxRow::before{
	display:block;
	content:"";
}
.commBoxRow::after{clear:both}
.commBoxHalf{
	width:50%;
	box-sizing:border-box;
	padding-right:15px;
	padding-left:15px;
	position:relative;
	float:right;
}
.contact{
	width:100%;
	overflow:hidden;
	position:relative;
}
.contactRow{
	padding:0;
	margin-left:-15px;
	margin-right:-15px;
}
.contactRow::after,
.contactRow::before{
	display:block;
	content:"";
}
.contactRow::after{clear:both}
.contactBox{
	width:50%;
	padding:50px 30px;
	box-sizing:border-box;
	position:relative;
	float:right;
}

.contactBox p,
.contactBox h4,
.contactBox address{
	margin:0;
	line-height:1.2;
	font-size:1.250em;
	font-style:normal;
	display:block;
	color:#000;
}
.contactBox h4{font-weight:bold}
.contactBox p{margin-bottom:36px}
.contact-img{
	margin-top:90px;
	max-width:100%;
	display:block;
}
.inputBox{
	width:100%;
	margin:20px 0;
	position:relative;
}
.inputBox[data-label]{display:flex; margin:0}

.form-control{
	width:100%;
	height:55px;
	display:block;
	padding:14px 20px;
	border-radius:3px;
	box-sizing:border-box;
	/*font-family:'colbo-regular';*/
	transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background-clip:padding-box;
	border:1px solid #e1e1e1;
	background-color:#fff;
	font-size:1.0em;
	line-height:25px;
	color:#808285;
	resize:none;
}
.form-control::-moz-placeholder{
	color:#908f8f;
	opacity:1
}
.form-control:-ms-input-placeholder{color:#808285}
.form-control::-webkit-input-placeholder{color:#808285}
.form-control::-ms-expand{
	background-color:transparent;
	border:0
}
textarea.form-control{height:165px}
.form-control:focus,
.form-control:hover{
	outline:0;
	color:#808285;
	border-color:#0f9cf8;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
.contact input[type="submit"]{
	width:240px;
	height:55px;
	display:block;
	padding:9px 20px;
	border-radius:3px;
	max-width:inherit;
	box-sizing:border-box;
	/*font-family:'colbo-regular';*/
	background-clip:padding-box;
	border:1px solid #78bd43;
	background-color:#78bd43;
	font-size:1.250em;
	line-height:35px;
	font-weight:bold;
	cursor:pointer;
	float:left;
	color:#fff;
	margin:0;
}
.contact input[type="submit"]:hover{opacity:0.9}
.prettycheckbox, .prettyradio{
	width:100%;
	display:block;
}
.prettycheckbox > a, .prettyradio > a{float:right}
.prettycheckbox label, .prettyradio label{
	margin:0 10px 0 0;
	float:right;
}

div.wpcf7{direction:rtl; text-align:right}
.wpcf7 .prettycheckbox, .wpcf7 .prettyradio{width:auto; display:inline-block}
.wpcf7 .cmp-accept{padding-left:5px}
.ras_text{width: 100%; overflow: hidden; display: flex; align-items: baseline; flex-direction: row-reverse}
.wpcf7 span.wpcf7-list-item{margin-left:0}
.cmp-accept span.wpcf7-not-valid-tip{margin-top:-0.8em; margin-bottom:0.5em}



/********************************/
/*******	MIXED CSS	 *******/
/********************************/

.js-tag-active > div {
	background-color: #f36b21 !important;
	color: #fff !important;
}





/*9th May Harendra 2019 changes for search form*/
.predefined-tag-container{padding: 3px; border: 2px solid #868686; border-radius: 5px; margin-bottom: 22px}
.predefined-tag{background-color: #eee; color:#000; padding:4px 12px; font-size:1.0em; border-radius: 5px; display: inline-block; margin-left:4px;font-weight:bold}
.active-tag{background-color: #f36b21;color: #fff !important}
.predefined-tag:hover{outline: none;border-color: #9ecaed;box-shadow: 0 0 10px #868686}
/*9th May Harendra 2019 changes for search form*/



/*9th May 2019 Harendra changing default css*/

/*
.mainNav{display: inline-block}
.mainNav > li{
	padding:0;
	position:relative;
	vertical-align:middle;
	font-family:'colbo-light';
	display:inline-block;
	border-left: 1px solid #000;
	height: 60px;
}
.mainNav > li:last-child{border-left: 0}
.mainNav > li > a{color:#000; font-size: 18px; display: block; padding: 12px 24px; font-weight: bold; vertical-align: middle}

/*.mainNav::after{background-color: red; display: none}*/





.recipe-list{}
.recipe-list > li{ background-color: #f5f5f5; padding: 8px; font-weight: bold; position: relative; border: 1px solid transparent;  border-radius: 8px;
margin: 10px 0}
.recipe-list > li:hover{border:1px solid #ccc}

.recipe-list > li > a{color: #f36c21; font-size: 16px}

.ingredients-list{margin-top: 10px}
.ingredients-list > li{display: inline-block; font-size: 14px; font-weight: 400; padding: 4px; color:#000; position: relative;
min-width: 49%}

.ingredients-list li:hover{background-color: #ddd; border-radius: 20px}



.remove-recipe{background-color: #f36c21; width:20px; height: 20px; border-radius: 100%; content: ""; display: block;
position: absolute; top: 8px; left:8px}
.remove-recipe::before{position: absolute; width: 2px; height: 12px; background-color: #fff; content: ""; display: block; top:50%; left:50%;
transform: translate(-50%, -50%) rotate(45deg)}
.remove-recipe::after{position: absolute; width: 2px; height: 12px; background-color: #fff; content: ""; display: block; top:50%; left:50%;
transform: translate(-50%, -50%) rotate(-45deg)}


.remove-ingredient{background-color: #aaa; width:16px; height: 16px; border-radius: 100%; content: ""; display: block;
position: absolute; top: 4px; left:4px}
.remove-ingredient::before{position: absolute; width: 2px; height: 8px; background-color: #000; content: ""; display: block; top:50%; left:50%;
transform: translate(-50%, -50%) rotate(45deg)}
.remove-ingredient::after{position: absolute; width: 2px; height: 8px; background-color: #000; content: ""; display: block; top:50%; left:50%;
transform: translate(-50%, -50%) rotate(-45deg)}


/*9th May 2019 Harendra changing default css*/



/*13th May 2019 Harendra css changes for header*/


/*16th May 2019 Harendra css changes for thumbnails*/

.searchRow{display:flex}
.searchRow::after{clear:both; display:block; content:""}

article.pdtItem{width:33.33%; position:relative;  overflow:hidden; padding:15px; overflow:hidden}
.pdtList article.pdtItem.pdtTtl{flex-basis:100%; width:100%}
/*.pdtImg{position:relative; width:100%; height: 463px}
.pdtImg img{position:absolute; top:0; right:0; bottom: 0; left:0; margin: auto; display: block}*/


/*16th May 2019 Harendra css changes for thumbnails*/



.bnrCaption a{color:#fff; font-weight: 600}
.recipeTxtBtm ul{list-style-type:decimal}

.pdtItemBtm{position:relative}
/*.pdtItemBtm a{font-weight:600}
.ftrMenu li a{font-weight:600}*/

.searchRow{flex-flow: row wrap}

/* 21st May 2019 css  */
.no-results.not-found h1.page-title {
   text-align: center;
	padding: 30px 0px;
	font-weight: bold;
}


/* 21st May 2019 css  */
#menu-secondary-menu{}
#menu-secondary-menu li{display: inline-block; position: relative}
#menu-secondary-menu li a{display:block; color: #fff; text-transform:capitalize}


#menu-secondary-menu .sub-menu{position: absolute; top:100%; right:0; visibility: hidden; opacity: 0; transition: ease-in-out 0.3s}
#menu-secondary-menu .sub-menu li{display: block}
#menu-secondary-menu .sub-menu li a{display: block; background-color: #fff; padding: 4px 8px; color: #000}

/*#menu-secondary-menu li:hover  .sub-menu{visibility: visible; opacity: 1}*/
.js-visibleMenu{visibility: visible !important; opacity: 1 !important}



.sharethis-inline-share-buttons div.st-btn{display:inline-block !important}
#st_gdpr_iframe{left: 0 !important}

.menu-item-has-children {position:relative; padding-left:45px;
 background: url(images/angle-down.png) no-repeat left center;
 line-height: 40px;font-size: 1.583em; display: block; color: #fff}

#menu-secondary-menu .sub-menu li a{min-width: 150px; padding: 8px 15px; font-size:20px; line-height:1}



.sub-menu{max-height: 200px; overflow:scroll; overflow-x:hidden}

 #btngenerate{background-color: #f36c21;
	color: #fff;
	padding: 4px 10px;
	display: inline-block;
	border: 0;
	margin: 10px 0px;
	font-size: 20px;
	border-radius: 6px;
}

#menu-secondary-menu > li{margin:0 10px}
#menu-secondary-menu li a:hover{color:#77bd43}


#message-div{display:none}
.message{background-color:#000; padding:20px; width: 240px; color: #fff; border-radius: 14px; text-align:center;
position:fixed; bottom:50px; right:50px; }
.message.message-success{background-color: green}
.message.message-error{background-color: red}


.pdtBtm,
.pdtCaption,
.bgTyp .bgImg{display:none}



.pdtBoxTop{min-height: 297px}
.rcpPdt .pdtItem figure {
	background-color: #f6f3ee!important;
}




/********************************/
/*******   RESPONSIVE	********/
/********************************/
@media screen and (min-width:1380px){
	body{font-size:24px}
	.ourPdt,
	.moreBtm,
	.rcpTxtBtn,
	.commBox h1,
	.commBox h2,
	.titleBdr h3,
	.aboutBox h2,
	.mainNav > li,
	.page article h1,
	input[type="reset"],
	input[type="submit"],
	.signupBox [type="email"],
	.signupBox input[type="submit"]{font-size:1.25em}
	
	.bnrRgtTxt{font-size:3.75em}
	.bnrCaption{font-size:1.279em}
	
	
	
	.hdrTop{padding-top:0; padding-bottom:0}
}
@media screen and (max-width:1379px){
	body{font-size:1.4vw}
	.hdrTop{padding-top:1%; padding-bottom:1%}
	.mainNav > li{font-size:1.3em}
	.optionBtn{
		padding-left:35px;
		background-size:25px auto;
	}
	.optionWpr{padding-left:30px}
	.socialLink li{padding-right:10px}
	.socialLink a{
		width:40px;
		height:40px;
	}
	.textBox h3{padding:0}
	.titleBox{padding:0 50px}
	.titleBox::after,
	.titleBox::before{
		width:30px;
		height:23px;
	}
	.arrowBtn{
		width:30px;
		height:23px;
	}
	.textBox{padding:15px}
	.heart{
		width:15px;
		height:16px;
	}
	.number{
		min-width:18px;
		font-size:14px;
		line-height:1;
	}
	.pdtItemBtm h6{padding-left:50px}
	.ftrTop{padding-left:145px}
	.ftrMenu li::before{border-left:1px solid #000}
	.btmContIn{max-width:75%}
	.bgImg1,
	.bgImg2{display:none}
	.pdtContent{padding:0}
	.pdtList,
	.pdtItem{
		padding-top:15px;
		padding-bottom:15px;
	}
	.pdtBtm{padding:10px 0}
	.pdtCaption{
		line-height:1.8;
		font-size:1.2em;
	}
	.rcpTblRgt ul{padding-top:0}
	.backBtn{padding-left:25px}
	.rcpMenuTop {
		width:75%;
		padding-left: 15px;
		padding-right: 0;
	}
	.rcpMenuBtm {
		width: 25%;
		margin-top: 30px;
	}
	.tagBox {
		min-height: 40px;
		padding-right: 190px;
	}
	#outsideTags1 .tagify__input,
	#outsideTags2 .tagify__input{
		width:190px;
		background-size:15px auto;
	}
	.tagify tag > div {min-width:inherit}
}

@media screen and (max-width:1200px){
	body{font-size:1.5vw}
	.mainNav > li{font-size:1.2em}
}

@media screen and (max-width:1023px){
	body{font-size:1.7vw}
	.mainNav > li{padding-left:0.5%; padding-right:0.5%}
	.textBox,
	.rcpBnrRgt .textBox,
	.promotionBnr .textBox{
		width:auto;
		border-width:5px;
		margin:auto;
		right:15px;
		left:15px;
	}
	.rcpPdt{
		padding-top:20px;
		padding-bottom:15px;
	}
	.rcpPdt{padding-top:10px !important; /*for testing purpose if work*/}
	.rcpPdt .pdtItem{
		padding-top:10px;
		margin-bottom:20px;
	}
	/*.signupBox .wpcf7{padding-left:150px}*/
	.signupBox input[type="submit"]{
		/*width:140px;*/
		height:35px;
		line-height:35px;
	}
	.signupBox [type="email"]{
		height:35px;
		line-height:25px;
		padding:5px 15px;
	}
	.aboutBox{border-width:15px}
	.aboutWpr{padding:15px 0}
	.pdtBox{padding-top:15px}
	.btmCont,
	.pdtBoxBtm,
	.recipesBnr,
	.promotionBnr{margin-bottom:15px}
	.pdtItem{
		padding-left:15px;
		padding-right:15px;
	}
	.pdtBoxTop{min-height:200px; padding:15px; display:flex; align-items:center}
	.titleBdr{
		margin:15px 0 10px;
		padding-bottom:5px;
		border-bottom:2px solid #77bd43;
	}
	.pdtBoxRgt p,
	.pdtBoxRgt ul{margin-bottom:15px}
	.rcpTbl{
		margin-top:15px;
		margin-bottom:15px;
	}
	.rcpTblLft{padding-left:0}
	.rcpBoxLft,
	.rcpBoxTxt{
		padding-left:15px;
		padding-right:15px;
	}
	.rcpBox,
	.pdtBox .rcpPdt{padding:15px 0}
	.pdtBox .pdtItem{padding-top:15px}
	.moreRecipes{
		margin-top:0;
		padding-bottom:0;
	}
	.moreBtm{position:static}
	.rcpMenu {padding: 15px}
	.tagBox{font-size:2vw}
	.tagBox {padding-right: 150px}
	#outsideTags1 .tagify__input,
	#outsideTags2 .tagify__input{
		width:150px;
		background-size:10px auto;
	}
	
	.commWpr{padding:15px 0}
	.commBox{border-width:15px}
	.contact input[type="submit"]{width:180px}
}

@media(min-width:992px){
	.searchCont{width:1410px; margin:auto}
}

@media screen and (max-width:900px){
	body{font-size:2.0vw}
	.mainNav > li{font-size:1em}
}

@media screen and (min-width:768px){
	.showMobOnly{display:none}
	ul#menu-header-main{display:flex !important}
	.rcpBoxLft .rcpTxtBtn{display:none}
}

@media screen and (max-width:767px){
	body{font-size:2.2vw}
	.hdrBtm,
	.hideMobOnly{display:none}
	
	.btmCont,
	.pdtBoxBtm,
	.recipesBnr,
	.promotionBnr{margin-bottom:0px}
	
	.mainNav > li{font-size:1.2em}
	.header .content{padding-left:5px; padding-right:5px}
	.hdrTop{align-items:stretch}
	.hdrRgt{position:relative}
	#logo{width:auto; max-width:140px; position:relative; margin:-5px 0 5px}
	#logo::after{top:auto; bottom:7px}
	
	.hdrLft{flex-wrap:wrap; justify-content: space-between; padding-top:2%; max-width:300px}
	.hdrLft > *{margin:0 5px 0 0; flex:1}
	.hdrLft .ourPdt{display:flex; justify-content:center; align-items:center; border-radius:0; max-width:100%; width:100%; flex-basis:100%; flex-grow:0; order:3; font-size:1.1em; line-height:1; margin-top:5px}
	
	.hdrRgt .socialLink,
	.footer .socialLink{display:flex; float:right; clear:both}
	.hdrRgt .socialLink li,
	.footer .socialLink li{padding-right:3px}
	.hdrRgt .socialLink li:first-child,
	.footer .socialLink li:first-child{padding-right:0}
	.hdrRgt .socialLink li a,
	.footer .socialLink li a{width:45px; height:45px}
	
	.userCart,
	.recipeSrch{padding:5px; border-radius:0; justify-content:center; font-size:1.5em}
	.recipeSrch{max-width:36%; background-image:none; padding:5px; text-align:center}
	
	.menuBtn{
		width:55px;
		max-width:55px;
		height:auto;
		outline:none;
		padding:5px 15px;
		margin-left:0;
		margin-right:5px;
		border-radius:0;
		background-color:rgba(119,189,67,1);
		text-shadow:0 2px 1px rgba(0,0,0,0.3);
		border:0px dashed #fff;
		box-sizing:border-box;
		position:relative;
		cursor:pointer;
		display:block;
		z-index:999;
		color:#fff;
		order:2;
	}
	.menuBtn span,
	.menuBtn span::after,
	.menuBtn span::before{
		width:100%;
		height:3px;
		content:"";
		display:block;
		border-top:6px solid #fff;
		box-sizing:border-box;
		border-radius:0;
		position:absolute;
		margin:auto;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	.menuBtn span{width:86%}
	.menuBtn span::after{
		top:-26px;
		left:0;
	}
	.menuBtn span::before{
		top:15px;
		left:0;
	}
	.menuBtn.active span{
		border:none;
		background-color:transparent;
		transform:rotate(360deg);
		transition:300ms ease all;
	}
	.menuBtn.active span::after{
		top:0;
		transform:rotate(-45deg);
	}
	.menuBtn.active span::before{
		top:0;
		transform:rotate(45deg);
	}
	.mainNav{
		width:100%;
		height:auto;
		display:none;
		position:absolute;
		top:100%;
		left:0;
	}
	.mainNav li{
		width:100%;
		display:block;
		line-height:18px;
	}
	.mainNav > li{
		padding-left:0;
		padding-right:0;
	}
	.mainNav > li br,
	.mainNav > li::after{display:none}
	.mainNav li a{
		margin:0;
		display:block;
		padding:8px 20px 8px 15px;
		box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
		background-color:#49505a;
		border:1px solid #32373e;
		border-top:1px solid #fff;
		border-right:none;
		border-left:none;
		color:#eee;
	}
	.mainNav li a:hover,
	.mainNav > li:hover > a,
	.mainNav li.current-menu-item > a{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
		background:#36AAE7;
		color:#fff;
	}
	.mainNav li em{
		width:50px;
		height:38px;
		display:block;
		background:url(images/plus.png) no-repeat center center;
		position:absolute;
		cursor:pointer;
		content:"";
		z-index:9;
		right:0;
		top:0;
	}
	.mainNav li a.plus-minus em{background:url(images/minus.png) no-repeat center center}
	.mainNav .sub-menu{
		width:100%;
		position:static;
	}
	.rcpPdt .pdtItem{width:50%}
	.rcpBnrLft{
		width:100%;
		padding-top:0;
	}
	.rcpBnrLft img,
	.rcpBnrRgt img{
		height:auto;
		position:static;
		width:100%;
	}
	.rcpBnrRgt{width:100%}
	.rcpBnrIn,
	.rcpBnrRgt .rcpBnrIn{
		width:100%;
		padding-top:0;
		margin-top:15px;
	}
	.rcpBnrIn:first-child:not(.hasTxtBx){display:none}
	
	.bnrIn,
	.textBox, .rcpBnrRgt .textBox, .promotionBnr .textBox{
		-webkit-transform:translateY(0);
		transform:translateY(0);
		position:static;
	}
	.bnrIn.abso{position:absolute}
	.textBox, .rcpBnrRgt .textBox, .promotionBnr .textBox{
		margin-top:15px;
		max-width:inherit;
	}
	.footer{padding:30px 0; background:#fff; /*margin-top:-35px*/}
	.ftrMid{padding-bottom:35px}
	.menuBox{
		width:100%;
		min-height:0;
		padding-left:0;
		border-left:0;
		margin-left:0;
		border-top:1px solid #525252;
		overflow:hidden;
	}
	.menuBox h6{width:100%; float:left}
	.menuBox h6 a{display:block; padding:2px 0;}
	.menuBox h6::after{display:none}
	.menuBox.actv h6{font-weight:bold}
	.menuBox > div{
		max-height:0;
		overflow:hidden;
		-webkit-transition: max-height 400ms ease-in-out;
		-moz-transition: max-height 400ms ease-in-out;
		-ms-transition: max-height 400ms ease-in-out;
		-o-transition: max-height 400ms ease-in-out;
		transition: max-height 400ms ease-in-out;
		
		/*transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
	}
	.menuBox.actv > div{max-height:350px}
	.menuBox ul{min-height:0}
	.menuBox ul li::before{content:'-'; display:inline-block; padding-left:7px}
	
	.ftrBtm{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
	#ftrLogo{width:25%; margin:0}
	.ftrBtm address{padding:6% 20px 0; width:100%; text-align:center}
	.ftrBtm .ftrMenu{text-align:center; padding-top:6%}
	.ftrBtm .ftrMenu li{font-size:1em}
	
	.aboutBox{
		padding:0 0 250px;
		border-width:10px;
	}
	.aboutBox h2,
	.aboutBox h3{margin-top:20px}
	.aboutBox p{margin-bottom:20px}
	.pdtImg{padding-bottom:15px}
	.bnrIn h2{
		margin-right:0;
		font-size:4.5em;
	}
	
	.pdtBoxLft img{max-width:95%}
	
	.pdtBox .pdtItem{width:50%}
	.pdtBoxTop h2{font-size:4.0em}
	.rcpImg{
		display:block;
		float:none;
		margin:5px auto;
	
	}
	.haveyoutubevideo{
	    display:none;
	}
	.rcpSMbox{
		margin:15px auto;
		float:none;
	}
	.rcpBoxLft,
	.rcpBoxTxt{width:100%}
	.tipBox{
		padding-right:17%;
		background-size:15% auto;
	}
	.rcpMenuTop {
		width: 100%;
		padding-left: 0;
	}
	.rcpMenuBtm {
		width: 100%;
		border: none;
		margin-top:15px;
		border-top: 2px solid #c2c2c2;
		padding:15px 0 0;
	}
	
	.content{font-size:1.3em}
	.commBox{
		padding:15px 5% 15px;
		border-width:10px;
	}
	.bgTyp{background-attachment:fixed; background-position:center top; background:none}
	.bgTyp::before{display:block}
	
	.commBox h1, .commBox h2,
	.commBox h3, .commBox h4{margin-top:15px}
	.commBox p + p,
	.commBox h3 + p, .commBox h3 + ul,
	.commBox h4 + p, .commBox h4 + ul{
		margin-top:0;
		margin-bottom:15px;
	}
	.contactBox{
		width:100%;
		padding:15px;
	}
	.contact-img{margin-top:60px}
	.inputBox{margin:15px 0}
	
	.rcpMenu .predefined-tag-container{padding-top:0}
	.rcpMenu .predefined-tag{padding:2px 10px; margin-left:6px; margin-top:6px}
	.tagBox{font-size:3vw}
	
	.signupBox .wpcf7{
		width:100%;
		margin:15px 0 0;
		box-sizing:border-box;
		max-width:inherit;
	}
	.signupBox .wpcf7 .flds{flex-wrap:wrap; justify-content: center}
	.signupBox .wpcf7 .flds .wpcf7-form-control-wrap{padding-bottom:12px}
	.signupBox .wpcf7 .ajax-loader{position:static; margin-top:5px}
}

@media screen and (max-width:639px){
	body{font-size:2.6vw}
	#logo{}
	.menuBtn{margin-top:0}
	.socialLink a{
		width:30px;
		height:30px;
	}
	.optionWpr{padding-left:10px}
	.optionBtn{
		padding-left:20px;
		background-size:15px auto;
		line-height:30px;
	}
	#optionBox ul{
		width:150px;
		max-height:150px;
	}
	#optionBox a{font-size:12px}
	.btmCont{padding:15px 0}
	.btmCont h2{margin-bottom:5px}
	.btmCont p{margin-bottom:15px}
	
	.ftrTop{
		padding-left:0;
		text-align:center;
		padding-bottom:15px;
	}
	.ftrTop .socialLink{
		position:static;
		float:none;
	}
	.ftrMenu li,
	.ftrTop .socialLink a{
		display:inline-block;
		float:none;
	}
	
	
	.pdtCaption{
		line-height:1.8;
		font-size:1.2em;
	}
	.arrowBtn,
	.titleBox::after, .titleBox::before{
		width:20px;
		height:17px;
	}
	.titleBox{padding:0 30px}
	.textBox, .rcpBnrRgt .textBox, .promotionBnr .textBox{border-width:3px}
	.bnrRgtTxt{font-size:3.5em}
	.aboutBox{padding-bottom:200px}
	.bnrIn h2{font-size:3.5em}
	.pdtItem{width:50%}
	.pdtBoxTop h2{font-size:3.0em}
	.tagBox{font-size:3.5vw}
	
	.commBoxHalf{width:100%}
}

@media (min-width:601px){
	#menu-header-main{visibility:visible; opacity:1}
}

@media (max-width:600px){
	#menu-header-main{visibility:hidden; opacity:0}
	#menu-header-main.js-show-menue{visibility:visible; opacity:1}
	.hdrRgt .socialLink li a,
	.footer .socialLink li a{width:40px; height:40px}
	
	.rcpTbl{flex-wrap:wrap}
	.rcpTblRgt{width:100%; order:2; border-top:1px solid #000}
	.rcpTblLft{width:100%; padding-right:0; border-right:0}
}

@media screen and (max-width:479px){
	body{font-size:4vw}
	.ourPdt{font-size:1.1em}
	.titleBox h1,
	.titleBox h2{font-size:1.7em}
	.btmCont, .signupBox{font-size:3.5vw}
	.rcpPdt .pdtItem{margin-bottom:5px}
	
/*	.recipeSrch{
		width:25%;
		background-size:30% auto;
		padding:3% 5%;
		left:14%;
	}*/
/*	.shareRecipe{
		width:11%;
		padding-top:14%;
	}*/
	.userCart,
	.recipeSrch{padding:4px; font-size:1.2em}
	
	.menuBtn{
		width:40px;
		max-width:40px;
	}
	
	.socialLink a{
		width:25px;
		height:25px;
	}
	.hdrRgt .socialLink li a{width:34px; height:34px}
	
	.optionWpr{padding-left:0}
	.optionBtn{
		padding-left:15px;
		background-size:10px auto;
		line-height:25px;
	}
	.rcpPdt{padding-top:0}
	.searchTop{margin-top:20px}
	
	/*.signupBox .wpcf7{padding-left:120px}
	.signupBox input[type="submit"]{width:115px}*/
	
	
	.shortBnr{display:flex; flex-wrap:wrap}
	.shortBnr > img{align-self:flex-start}
	.bnrLftBox{width:100%}
	.bnrRgtBox{width:100%; order:1}
	
	
	.moreRecipes{margin-top:10px}
	.aboutBox{padding-bottom:150px}
	.bnrIn h2{font-size:2.5em}
	.pdtItem,
	.pdtBoxLft,
	.pdtBoxRgt,
	.rcpPdt .pdtItem,
	.pdtBox .pdtItem{width:100%}
	.typ-recp .pdtItem{}
	.typ-prod .pdtItem{width:50%}
	
	.rcpPdt .pdtBck .pdtImg img{max-width:50%}
	
	.pdtBoxRgt{padding-top:20px}
	.pdtBoxTop h2{font-size:2.0em}
	.pdtBoxLft img{padding-top:0}
	.addBtn{
		bottom:auto;
		top:3px;
	}
	.backTo{
		bottom:0;
		padding:10px 0;
	}
	.tagBox{font-size:3.6vw; padding-right:120px}
	#outsideTags1 .tagify__input,
	#outsideTags2 .tagify__input {
		width: 120px;
		padding: 8px 10px;
	}
	.tagify tag{margin-right:10px}
	.tagify tag > div {
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.ourPdt{
		font-size:0.8em;
		line-height:3em;
	}
	#ftrLogo{width:30%}
}
@media screen and (max-width:350px){
	.cart-counter{top:-20px}
	.userCart,
	.recipeSrch{font-size:1em}
	.hdrRgt .socialLink li a{width:26px; height:26px}
}
@media screen and (max-width:319px){
	.userCart,
	.recipeSrch{padding:2px}
}
html {
    margin-top: 0 !important;
}