/* 

Smoothy Template 

http://www.templatemo.com/free-website-templates/396-smoothy

*/

html, body {
	font-family: 'Raleway', "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px; 
	margin: 0px; 
	color: #333333;
}

header{
	position: fixed;
	width:100%;
	z-index:5000;
	top:0;
}

a {
	color: #eb610a;
}

a:hover {
	text-decoration: none;
}

p {
	color: #333;
}

.height10 { height: 10px; }
.height20 { height: 20px; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1	{	font-size: 1.5em;
	color: #ffffff;
	background: #343537;
	padding: 10px 8px;
	float: left;
	}
	
h2	{ font-size: 1.4em; color: #333333; }

.templatemo_reasonbg h2, .templatemo_blog h2 { color: #ffffff; }

img {
  	max-width: 150%;
  	height:auto;
  	width:100%;
}

table.qrecipe_comparison {font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
	margin:10px 0px 30px 30px;
}

.fa-stack{width:1em;margin-left:18px;}


i.fa-solid, i.fa-brands{margin-left: 0px;margin-right: 4px;}


/*#userprofile > fieldset > div:nth-child(4) > div:nth-child(1),*/
#userprofile > fieldset > div > div {
	display: inline-block;
	width: 49%;
	margin-right: auto;
}

#userprofile > fieldset > div.form-group.small > i.fa-solid,
#userprofile > fieldset > div.form-group.small > i.fa-brands{margin-left: 15px;}

.labsmall, .lablarge, .labmed{padding-right:0px;}

.box {
    width:300px;
    height:300px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-150px; /* half of width */
    margin-top:-150px;  /* half of height */
    top:50%;
    left:50%;
}

.video_section iframe{
	border-radius: 4%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-evenly;
    width: 95%;
    height: 350px;
}

.video iframe{
	width:90%;
	height:400px; 
}
.smartapp{
	padding-top:200px;	
}
.smartapp img {
	opacity:0.8;
}

.goback{
	text-decoration: none;
  	/*display: none;*/
  	padding: 8px 16px;
	margin: 2.5em;
	border-radius: 0.4rem;
	background-color: dodgerblue;
	font-weight:600;
	border: none;
	color: #FFFFFF;
	text-align: center;
}

button.goback:hover {
    background-color: #eb610a;
	box-shadow: #666;
	-webkit-box-shadow: 1px 3px 13px 0px rgba(158, 158, 158, 0.75);
	-moz-box-shadow:    1px 3px 13px 0px rgba(158, 158, 158, 0.75);
	box-shadow:         1px 3px 13px 0px rgba(158, 158, 158, 0.75);
}

body > div.container.topmargin > button.goback > span {
    font-size: 1.6em;
    vertical-align: middle;
    line-height: 1em;
}

div#keyword_searched {
	display: none;
    margin: 0 auto 2em 12em;
    font-size: 1.2em;
	white-space: nowrap;
}

.qrecipe_comparison td {/*border: 1px solid #dddddd;*/
    text-align: center;
    padding: 10px;
	font-size:1em;
	vertical-align:middle;
}

.qrecipe_comparison th, .qrecipe_comparison th p {/*border: 1px solid #dddddd;*/
	text-align:center;
    padding: 6px;
    color:#fff;
    background-color:#eb610a;
	font-size:1.2em;
	vertical-align:middle;
}

.qrecipe_comparison tr:nth-child(odd) {background-color: #dadada;}


.nomargin{margin:0px;}
.notopmargin{margin-top:0px;}
.nobottommargin{margin-bottom:0px;}
.nopad{padding:0px;}
.padleft {padding-left:10px;}
.padright {padding-right:0px;}
.padbottom {padding-bottom:15px;}
.noleft{padding-left:0px;}
.noright{padding-right:0px;}
.btn {margin-left:-15px;}

.btnaddingredient{display:inline-block;padding:2px 0px;/*margin-left:-45px;*/margin-bottom:0;margin-top:-7px;width:100%;font-size:1em;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}


.templatemo_reasonbg img {
  	max-width: 3%;
  	height: auto;
  	width:3%;
}

.clear	{ clear: both;}

.dropbtn {
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.dropdown {
    /*position: fixed;*/
    display: inline-block;
}

.dropdown-content {
	top:70%;
	text-align:center;
    display: none;
    position: absolute;
    background-color: #fff;
    /*min-width: 100px;*/
	max-width:12.5em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
    z-index: 100;
	line-height: 1.5em;
    padding: 0 0 0.5em 0;
}

.dropdown-content.droplist ul{
	line-height: 0em;
	text-align: right;
}

.dropdown-content.droplist ul > li{
	line-height: 1.5em !important;
}

.dropdown-content.droplist ul > li > a{
	padding: 0.7em 1em !important;
}

.proflist {
	margin: 0 0 0 6.5em;
}

.dropdown-content a {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
	float:right;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color:#eb610a;
	/*background: linear-gradient(to bottom, #eb610a 0%, #c90000 100%) repeat scroll 0 0 transparent;*/
}

.nav-tabs {
	font-size:16px;
}

.titleDetails{font-size:1.3em;}
 div.offer_data, .datestartend_details {font-size: 1.2em; font-weight: bold; text-align: center; margin-top: 3rem;}
.datecreated_details {font-size: 0.8em; text-align: center}
.descriptionDetails  {margin-top:2%;font-size:1.2em;text-align:justify;}
.iconsDetails{font-size:1em;text-align:right;}
.ingredientDetails{margin-bottom:3em;margin-top:4%;font-size:1.2em;text-align:justify;}
.ingredientDetails ul li {margin:10px;font-size:0.8em;text-align:center;}
.preparationDetails, .costsummaryDetails, .costanalysisDetails{margin-top:4%;font-size:1.2em;text-align:justify;}
.ingredientDetails hr,.descriptionDetails hr, .preparationDetails hr, .costsummaryDetails hr, .costanalysisDetails hr{margin-top:0px;border-top:2px solid #eb610a;}
.border-right{border-right:1.5px solid #e6e6e6;margin-left:6px;width:182px;padding:14px 30px 14px 8px;}
.shareDetails{font-size:1.2em;margin:10px 0px 5px;}
.shareDetails ul li{font-size:0.8em;}
.recipeshare{font-size:2.3em;text-align:center;}
.recipeshare a{color:#cecece;padding:0px 15px;}

div.offerimg_detail {
	width: 80%;
	max-width: 150%;
	margin-left: auto;
	margin-right: auto;
}

.imgsmallmenuqr {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.btn-smallmenuqr {
	width: 45%;
    margin-left: 3%;
    margin-right: auto;
    display: inline-block;
}

.fa-solid.fa-globe.soc:hover{
	color:#eb610a;
}

.fa-brands.fa-facebook.soc:hover{
	color:#3B5998;
}

.fa-brands.fa-pinterest.soc:hover{
	color:#E60023;
}

.fa-brands.fa-instagram.soc:hover{
	color:#E95950;
}

.fa-brands.fa-x-twitter.soc:hover{
	color:#000000;
}

.fa-brands.fa-bluesky.soc:hover{
	color:#239ED0;
}

.fa-brands.fa-linkedin.soc:hover{
	color:#0077B5;
}

.fa-brands.fa-youtube.soc:hover{
	color:#ff0000;
}

#foodnutritionDetails{font-size:0.9em}
#foodnutritionDetails .smallerNutrition{font-size:0.85em;}
#foodnutritionDetails .indentNutrition{padding-left:5px; padding-right:5px;text-align:center;}
#foodnutritionDetails table{margin-left:auto;margin-right:auto;}
#foodnutritionDetails th{background-color:#eb610a;color:#fff;text-align:center;font-weight:bold;}
#foodnutritionDetails .groupNutrition{background-color: #a2a2a2;color:#fff}

#menu1 ul, #menu2 ul{
	padding-left:0;
}

#editRecipe .btn-warning{width:100%;height:40px;margin-left:0px;}

form#editRecipe {
    width: 35%;
    padding-right: 10px;
    margin-right: 5px;
}

.btn-group.btn-group-justified {display: inline-flex;}

.privpol ul{
	list-style: disc;
}

.privpol h1{
	font-size: 1.4em;
    font-weight: 900;
    color: #000;
    float: none;
    background: #fff;
    padding: 0px;
}
.privpol h2{
	font-size: 1.2em;
	font-weight: 600;
}

#combicreate, #QRcreate, #QRcreate_template, #userprofile {
  margin-top: 20px;
  width: 100%;
}

.combidetails {display: flex;}

#QRcreate .reply-title, #QRcreate_template .reply-title,
#userprofile .reply-title {
	font-size: 25px;
}
#QRcreate .comment-notes, #QRcreate_template .comment-notes, #userprofile .comment-notes {
  font-size: 15px;
}
#QRcreate .required, #QRcreate_template .required, #userprofile .required {
	color: #eb610a;
}
#tobecreatedmenu label, #combicreate label, #QRcreate label, #QRcreate_template label, #userprofile label{
	display: inline;
	margin:5px 15px 5px;
	font-size:1.2em;	
}

#combicreate .form-group .pico label, #QRcreate .form-group .pico label, #QRcreate_template .form-group .labsmall label, #userprofile .form-group .pico label{
	display: inline;
	margin:30px 0px;
	font-size:1em;
}

#QRcreate_template .form-group .lablarge label{
	display: inline;
	margin-top:30px;
	margin-bottom:30px;
	/*margin-left: 60px;*/
	font-size:1em;
}

#QRcreate_template .form-group .labmed label{
	display: inline;
	margin-top:30px;
	margin-bottom:30px;
	/*margin-left: 5px;*/
	font-size:1em;
}
#QRcreate .form-group #tags_div > div > span > div{
	border: 2px solid #ccc;
    /* border-radius: 10%; */
    /* border-bottom-right-radius: 10%; */
    /* padding: 15%; */
    text-wrap-mode: nowrap;
    background-color: white;
    width: 15rem;
    /* border-bottom-left-radius: 10%; */
    
	
}
#QRcreate .form-group #tags_div > div > span > input.tt-hint{
	display: none;
}

#QRcreate .form-group #tags_div > div > span > input.tt-input {
	border: none;
    margin-top: auto;
    height: 1.7rem;
    text-align: left;
    margin-left: 1px;
	width: 25rem;
}
/* Slider - Profit margin*/
.slidecontainer {
  width: 70%;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.slider {
  -webkit-appearance: none;
  appearance: none;
  border: 0.5px solid #eb610a;
  width: 100%;
  height: 10px;
  margin: 1em 0 1em 0;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 2em;
  height: 2em;
  border: 0;
  background: url('../images/qrecipelogosingle.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 2em;
  height: 2em;
  border: 0;
  background: url('../images/qrecipelogosingle.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

#profitmarginvalue {
    display: inline-block;
    margin: 1em 0 1em 0;
}

#profitmargincost {
    display: inline-block;
    margin: 1em 0 1em 0;
}

.tt-menu {
    left: 2rem !important;
}

.bootstrap-tagsinput,
#tobecreatedmenu .form-group input[type="text"],
#combicreate .form-group input[type="text"],
#QRcreate .form-group input[type="text"],
#QRcreate .form-group input[type="email"],
#QRcreate .form-group input[type="number"],
#QRcreate .form-group input[type="url"] {
	color: #333;
	margin:5px 15px;
	height: 2.4rem;
	padding: 5px;
	width: 98%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	font-weight:bold;
}

#QRcreate_template .form-group input[type="text"],
#QRcreate_template .form-group input[type="email"],
#QRcreate_template .form-group input[type="url"] {
	color: #333;
	margin:10px 30px 20px;
	/*height: 30px;*/
	padding: 5px;
	width: 65%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:18px;
}

#QRcreate_template .form-group input[type="number"]{
	color: #333;
	margin:10px 0px 20px;
	/*height: 30px;*/
	padding: 5px;
	width: 65%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:18px;
}


#QRcreate_template .form-group input[type="number"]{
	color: #333;
	height: 32px;
	padding: 5px;
	width: 65%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:18px;
}

#userprofile .form-group input[type="text"],
#userprofile .form-group input[type="email"],
#userprofile .form-group input[type="number"],
#userprofile .form-group input[type="url"] {
	color: #333;
	margin:5px 15px 0px;
	height: 2.2rem;
	padding: 5px;
	width: 98%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1.1em;
	font-weight:bold;
}

#userprofile .form-group input[type="number"]{
	font-size: 1em;
	text-align: center;
}
#userprofile .form-group input[type="number"]::placeholder{
	text-align: left;
}

#combicreate .form-group input:focus, #QRcreate .form-group input:focus, #QRcreate_template .form-group input:focus, #userprofile .form-group input:focus, #userprofile .form-group textarea:focus ,#QRcreate .form-group textarea:focus {
		border-color:#eb610a;
		box-shadow: none;  
    	-webkit-box-shadow: none; 
	   	outline: -webkit-focus-ring-color auto 0px;
}


#combicreate .smaller label, #QRcreate .smaller label, #QRcreate_template .smaller label, #userprofile .smaller label{
	display: inline;
	margin:0 15px 0;
	font-size:1em;
	/*padding-top:5px;*/
}

#QRcreate .servings label, #QRcreate_template .servings label{
	display: inline;
	margin:0 0px 0;
	font-size:1em;
	/*padding-top:5px;*/
}

#QRcreate .preptime label, #QRcreate_template .preptime label, #QRcreate .descrtags label{
	display: inline;
	margin:0 0px 0;
	font-size:1em;
	/*padding-top:5px;*/
}


#QRcreate .small label, #QRcreate_template .small label, #userprofile .small label{
	display: inline;
	margin:0 15px 0;
	font-size:1.2em;	
}

#combicreate .smaller input[type="text"],
#QRcreate .smaller input[type="text"],
#QRcreate .smaller input[type="email"],
#QRcreate .smaller input[type="number"],
#QRcreate .smaller input[type="url"] {
	color: #333;
	font-weight:bold;
	margin:10px 15px;
	height: 35px;
	padding: 5px;
	width: 20%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:16px;
	text-align:center;
}

#QRcreate .servings input[type="number"]{
	color: #333;
	font-weight:bold;
	margin:5px 0px;
	/*height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

#QRcreate .preptime input[type="number"], #QRcreate .preptime input[type="text"] {
	color: #333;
	font-weight:bold;
	margin:5px 0px;
	/*height: 30px;*/
	padding: 5px;
	width: 50%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}


#QRcreate .descrtags input[type="email"] {
	color: #333;
	font-weight:bold;
	margin:5px 0px;
	/*height: 30px;*/
	padding: 5px;
	width: 50%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:left;
}


#QRcreate_template .smaller input[type="text"],
#QRcreate_template .smaller input[type="email"],
#QRcreate_template .smaller input[type="number"],
#QRcreate_template .smaller input[type="url"] {
	color: #333;
	font-weight:bold;
	margin:10px 30px 10px;
	height: 50px;
	padding: 5px;
	width: 15%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:16px;
	text-align:center;
}

#QRcreate_template .servings input[type="number"]{
	color: #333;
	font-weight:bold;
	margin:10px 30px 10px;
	height: 50px;
	padding: 5px;
	width: 15%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:16px;
	text-align:center;
}

#QRcreate_template .preptime input[type="number"]{
	color: #333;
	font-weight:bold;
	margin:10px 30px 10px;
	height: 50px;
	padding: 5px;
	width: 15%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:16px;
	text-align:center;
}

#otpcountdown h1{
	text-align: center;
    font-family: sans-serif;
    color: #000;
    background: white;
    float: none;
}

#userprofile .smaller input[type="text"],
#userprofile .smaller input[type="email"],
#userprofile .smaller input[type="number"],
#userprofile .smaller input[type="url"] {
	color: #333;
	font-weight:bold;
	margin:5px 15px 0px;
	height: 30px;
	padding: 5px;
	width: 35%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1.1em;
	/*text-align:center;*/
}

#userprofile .small input[type="text"],
#userprofile .small input[type="email"],
#userprofile .small input[type="number"],
#userprofile .small input[type="url"] {
	color: #333;
	font-weight:bold;
	margin:5px 15px;
	height: 30px;
	padding: 5px;
	width: 98%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:14px;
	/*text-align:center;*/
}

#combicreate .smaller input[type="text"]:focus, 
#QRcreate .smaller input[type="text"]:focus, 
#QRcreate .smaller input[type="number"]:focus,
#QRcreate .servings input[type="number"]:focus, 
#QRcreate .preptime input[type="number"]:focus, 
#combicreate .pico input[type="text"]:focus, 
#QRcreate .pico input[type="text"]:focus, 
#QRcreate .pico input[type="number"]:focus, 
#QRcreate .pico select:focus, 
#QRcreate .list select:focus,
#QRcreate_template .smaller input[type="text"]:focus, 
#QRcreate_template .smaller input[type="number"]:focus, 
#QRcreate_template .servings input[type="number"]:focus, 
#QRcreate_template .preptime input[type="number"]:focus, 
#QRcreate_template .pico input[type="text"]:focus, 
#QRcreate_template .pico input[type="number"]:focus, 
#QRcreate_template .pico select:focus, 
#userprofile .smaller input[type="text"]:focus, 
#userprofile .smaller input[type="number"]:focus, 
#userprofile .small input[type="text"]:focus, 
#userprofile .small input[type="number"]:focus, 
#userprofile .small select:focus ,
#userprofile .pico input[type="text"]:focus, 
#userprofile .pico input[type="number"]:focus, 
#userprofile .pico select:focus {
		border-color:#eb610a;
		box-shadow: none;  
    	-webkit-box-shadow: none; 
	   	outline: -webkit-focus-ring-color auto 0px;

	}

#QRcreate .pico input[type="text"], 
#QRcreate .pico select>option, 
#QRcreate_template .pico input[type="text"], 
#QRcreate_template .pico select>option,
#userprofile .pico input[type="text"], 
#userprofile .pico input[type="number"], 
#userprofile .pico select, 
#userprofile .pico select>option {
	color: #333;
	font-weight:bold;
	margin:2px 0px;
	height: 35px;
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:10px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:left;
}

#QRcreate .pico input[type="number"], #QRcreate_template .pico input[type="number"], #quantity{
	color: #333;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	/*margin-left:60px;
	height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

#foodgroup, #foodsubgroup{
	color: #333;
	font-weight:bold;
	margin:2px 0px;
	/*height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:left;
}

#foodcostmain {
	font-size: large;
	font-weight: 600;
	display: flex;
  	justify-content: center;
 	align-items: center;
}

#ingredient{
	color: #333;
	font-weight:bold;
	margin:2px 0px;
	/*height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:left;
}

#unit{
	color: #333;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	/*margin-left:5px;*/
	/*height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

.coststyle{
	color: #333;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	margin-right:1em;
	/*height: 30px;*/
	padding: 2px;
	/*width: 100%;*/
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

.coststylenull{
	color:#333;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	margin-right:1em;
	/*height: 30px;*/
	padding: 2px;
	/*width: 100%;*/
	border: 2px solid red;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

.coststylepend {
	color:blue;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	margin-right:1em;
	/*height: 30px;*/
	padding: 2px;
	/*width: 100%;*/
	border: 2px solid blue;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
}

.storedinventorystyle{
	color: #333;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	margin-right:1em;
	/*height: 30px;*/
	padding: 2px;
	/*width: 100%;*/
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:center;
	width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.showninventory, .hiddeninventory{
	display: table-row;
}

.hiddeninventory{
	display: none;
}

.inventorybutton{
	width: 3em;
	margin: 1em;
}

[data-open]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-open]:after {
    content: attr(data-open);
    background: linear-gradient(to bottom, #00B425 0%, #27DB1F 100%) repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 1.1em;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: 1.6em;
    right: 2.3em;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #4cae4c;
    border-radius: 0.4em 0.4em 0em 0.4em;
    z-index: 99999;
   	visibility: hidden;
}

[data-open] {
    position: relative;
}

[data-open]:focus {
    outline: none;
}

[data-close]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-close]:after {
    content: attr(data-close);
    background: linear-gradient(to bottom, #da0202 0%, #c90000 100%) repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 1.1em;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: 1.6em;
    right: 2.3em;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #df0000;
    border-radius: 0.4em 0.4em 0em 0.4em;
    z-index: 99999;
   	visibility: hidden;
	
}

[data-close] {
    position: relative;
}

[data-close]:focus {
    outline: none;
}

.pricestyle {
    color: #333;
    font-weight: bold;
    /* margin-top: 2px; */
    /* margin-bottom: 10px; */
    /* margin-right: 1em; */
    /* height: 30px; */
    /* padding: 0.4em; */
    /* width: 100%; */
    border: 2px solid #ccc;
    border-radius: 8px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 1.2em;
    text-align: center;
	height: 2em;
    box-sizing: border-box;
}

.menuprice {
	padding-right: 2em;
    font-size: 1.1em;
}

.btn-smallcost{
	margin-left: 0%;
    display: inline-block;
}

.btn-smallcost:focus{
	outline: none;
}

.btn-smallinventory{
	margin-left: 0%;
    display: inline-block;
    background-color: #1ab906;
}


#startoffer_div label, #expireoffer_div label{
	margin-left: 0px;
}

#startoffer_div input[type=date],
#expireoffer_div input[type=date],
#combifoodcourses,
#foodcourses{
	color: #333;
	font-weight:bold;
	margin-top:5px;
	/*margin-bottom:10px;
	margin-left:15px;
	height: 30px;*/
	padding: 5px;
	width: 100%;
	border: 2px solid #ccc;
	border-radius:8px;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size:1em;
	text-align:left;
}

#foodgroup placeholder, #foodsubgroup placeholder, #ingredient placeholder, #quantity placeholder, #unit placeholder{font-size:0.8em;}

#preparation .ql-editor{
	padding: 0px;
}
#preparation.ql-container {height: 300px;}

#QRcreate > fieldset > div > div .ql-toolbar.ql-snow {
    border: 2px solid #ccc;
    box-sizing: border-box;
    padding: 8px;
}

#QRcreate textarea, #userprofile textarea, .ql-toolbar, #preparation.ql-snow, #preparation.ql-container {
  font-size:1em;
  font-family: 'Raleway', "Trebuchet MS", Arial, Helvetica, sans-serif;
  border: 2px solid #ccc;
  border-radius:8px;
  color: #222;
  margin:5px 15px 0px;
  font-weight:bold;
  padding: 10px;
  width: 98.5%;
  resize: vertical;
}


#QRcreate textarea, #userprofile textarea {
  font-size:1em;
  border: 2px solid #ccc;
  border-radius:8px;
  color: #000;
  margin:5px 15px 0px;
  font-weight:bold;
  padding: 10px;
  width: 98%;
  resize: vertical;
}


.alert-success {
	color: #333;
    font-size: 1em;
    padding: 2rem;
    font-weight: 600;
    background-color: #ff6a0040;
    border-color: #eb610a;
	margin-top: 1.5rem;
  }

.alert-info {
	color: #333;
    font-size: 1em;
    padding: 2rem;
    font-weight: 600;
    background-color: #49fc4340;
    border-color: #1b8a05;
	margin-top: 1.5rem;
  }

.otp_code_text{
	font-size: 1.4em;
	letter-spacing: 0.5em;
    height: 4rem;
    font-weight: bold;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.forgot_submit, 
.otp_submit{
	font-size: 1.4em;
	font-weight:600;
    height: 3rem;
}

/* Chrome, Safari, Edge, Opera */
.otp_submit_group input::-webkit-outer-spin-button,
.otp_submit_group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.otp_submit_group input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.forgot_code_text{
	font-size: 1.2em;
	height: 3rem;
    font-weight: bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.recipesearchinput{
	position: sticky;
    top: 3.5em;
	width: 55%;
    z-index: 5000;
    margin: 8em auto 0;
}

.recipesearch{
	/*margin:3% 5% 6%;*/
	display:flex;

}

.input-group.recipesearchdiv{
	display: flex;
	margin-left: auto;
    margin-right: auto;
    width: 30rem;
    margin-top: 5%;
    margin-bottom: 3%;
}

.input-recipesearch{
	font-size:1em;
	height:auto;
	padding:0.5em;
	width:120%;
}

#recipesearch.input-recipesearch, #recipe_search_btn.searchbtn{
	    /* width: 6rem; */
    /* height: -webkit-fill-available; */
    display: inline-block;
    /* -webkit-appearance: none; */
    /* position: absolute; */
    margin: 0% 0% 0% 0%;
    /* font-size: 0.8em; */
    /* -webkit-appearance: none; */
}

.searchbtn {
	padding:0.8em;
}

.loadmore {
	margin: auto;
	width: 50%;
	padding: 2% 0%;
	display: block;
	text-align: center;
}

.menucreation_flex{display: flex;}

.stick_top{
	position: sticky;
	top:12em;
	align-self: flex-start;
}

.loadmorebtn {
width: 40%;
font-size: 1.4em;
padding: 1%;
}

body > div.templatemo_bottom > div > div > div.left > span{
	color:#ccc;
}

#menu2 input[type=radio].css-checkbox, #combicreate input[type=radio].css-checkbox, #QRcreate input[type=radio].css-checkbox, #userprofile input[type=radio].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 0;
	width: 0;
	margin: -1px;
	padding: 0;
	border: 0;
}
#menu2 input[type=radio].css-checkbox + label.css-label, #combicreate input[type=radio].css-checkbox + label.css-label, #QRcreate input[type=radio].css-checkbox + label.css-label, #userprofile input[type=radio].css-checkbox + label.css-label {
	/*margin-top:5px;*/
	margin-bottom:5	px;
	padding-left: 41px;
	/*height: 66px;*/
	display:inline-block;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: 0 12px;
	font-size:1.25em;
	vertical-align:middle;
	cursor: pointer;
	white-space:nowrap;
}	

#menu2 input[type=radio].css-checkbox + label.css-label{
	margin-top:5px;
}

#menu2 input[type=radio].css-checkbox + label.css-label {text-align:left;}

#menu2 input[type=radio].css-checkbox:checked + label.css-label, #combicreate input[type=radio].css-checkbox:checked + label.css-label, #QRcreate input[type=radio].css-checkbox:checked + label.css-label, #userprofile input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -53px;
}
#menu2 input[type=radio].css-checkbox:checked + label.css-label, #combicreate label.css-label, #QRcreate label.css-label, #userprofile label.css-label {
	background-image:url(../images/radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-large.indexbutton{
	margin-left:0px;
	margin-right:0px;
	width:15%;
}

.btn.indexbutton{
	margin-left:0px;
}


.mWrapper {
  	width: 100%;
  	background-color: white;
  	z-index: 5000;
}

.templatemo_top	{
	position: relative;
	background: #ffffff;
	width: 100%;

}
.templatemo_slider {
	/*top: 80px;*/
	position: relative;
}
.logo {
	padding: 10px 0 10px 20px;
	width: 148px;
}

.logo.hide{
	display:none;
}

.coverphoto {
	/*background-image:url(../images/blank_cover.png);*/
	background-repeat:no-repeat;
	background-position:center;
	height:200px;
	max-height:200px;
	position: relative;
	top:80px;
	opacity:0.3;
	font-size:24px;
}


.topmargin{margin-top:60px;}*/

.textnorm{font-size:1.2em;font-weight:bold;}

/*.mainMenu {

}*/

#createdoffers{
	margin-top: 4em;
}

#offerforprint > h4,
#createdoffers > div > h4{
	text-align: center;
}

.btn-cost-expand{
	display: block; 
	margin: 0 auto;
	width: 10em;
    font-size: 1em;
	font-weight: 600;
    border-radius: 5px;
	padding: 0.2em;
}

/* Style the buttons that are used to open and close the accordion panel */
#createdoffers > button.accordion,
#createdrecipemenus > button.accordion,
#mycombiContainer > button.combiaccordion,
#createdrecipes > button.accordion,
#foodgroups > button.accordion{
	/*background-color: #eee;*/
	color: #222;
	font-weight: 600;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
  }
 
   #costanalysis > button.accordion{
	/*background-color: #eee;*/
	color: #222;
	font-weight: 600;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	text-align: center;
	border: none;
	outline: none;
	transition: 0.4s;
  }
 
  #createdoffers > button.accordion:nth-child(4n-2),
  #createdrecipemenus > button.accordion:nth-child(4n-2),
  #mycombiContainer > button.combiaccordion:nth-child(4n-3),
  #createdrecipes > button.accordion:nth-child(4n-2),
  #foodgroups > button.accordion:nth-child(4n-2)
  {background-color: #e95b09; color: #fff; font-weight: 600;}
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 /* #createdrecipes > button.active, #createdrecipes > button.accordion:hover {
	background-color: #ccc;
  }*/
  
  #createdoffers > button.accordion:after,
  #createdrecipemenus > button.accordion:after,
  #mycombiContainer > button.combiaccordion:after,
  #createdrecipes > button.accordion:after,
  #foodgroups > button.accordion:after{
	content: '\2BC6'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	font-weight: 600;
	
	float: right;
	margin-left: 5px;
  }
  
   #costanalysis > button.accordion:after{
	content: '\2BC6'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	font-weight: 600;
	
	float: center;
	margin-left: 5px;
  }

  #createdoffers > button.accordion:after:nth-child(4n-2),
  #createdrecipemenus > button.accordion:after:nth-child(4n-2),
  #mycombiContainer > button.combiaccordion:after:nth-child(4n-2),
  #createdrecipes > button.accordion:after:nth-child(4n-2),
  #foodgroups > button.accordion:after:nth-child(4n-2){
  color: #fff;
  }

  #createdoffers > button.active:after,
  #createdrecipemenus > button.active:after,
  #mycombiContainer > button.active:after,
  #createdrecipes > button.active:after,
  #costanalysis > button.active:after{
	content: "\2BC5"; /* Unicode character for "minus" sign (-) */
	}

  /* Style the accordion panel. Note: hidden by default */
  #createdoffers > div.panel,
  #createdoffers > button.panel,
  #createdrecipemenus > div.panel,  
  #createdrecipemenus > button.panel,
  #mycombiContainer > div.panel,
  #mycombiContainer > button.panel,
  #createdrecipes > div.panel,  
  #createdrecipes > button.panel,
  #foodgroups > div.panel,
  #costanalysis > div.panel{
	padding: 0 15px;
	margin-bottom: 0px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }

  #createdoffers > h4,
  #createdrecipemenus > h4,
  #mycombiContainer > h4,
  #createdrecipes >h4,
  #recipestomenus > h4 {
	font-size: 1em;
	text-align: center;
  }

  #menusforprint > h4,
  #menusforweb > h4 {
	font-size: 1em;
	text-align: center;
  }

  .menudate{
	font-size: 1em;
	text-align: center;
  }

.mainMenu ul {
	float: right;
	padding-left: 0;
	margin-bottom: 0;
	line-height: 50px;
}
.mainMenu li {
	list-style-type: none;
	display: inline-block;
}
.mainMenu li a {
	display: block;
	/*text-transform: uppercase;*/
	color: #939393;
}

.preparationDetails li{
	margin-left: 30px;
	padding-bottom: 15px;
}

.tooltip{position:absolute;z-index:1030;display:block;font-size:1em;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:35rem;padding:3px 8px;color:#fff;text-align:justify;font-weight:600;background-color:#ff7c00;border-radius:8px;padding:10px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#ff7c00;border-width:5px 5px 0}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}
.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#ff7c00;border-width:5px 5px 5px 0}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}

#consent-popup {
	position: fixed;
    display: flex;
	opacity: 1;
    z-index: 4000;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 8rem;
    background-color: #333536;
    transition: opacity 1s ease;
    height: 22%;
    align-items: center;
    font-size: 1.2em;
    border-radius: 10% 10% 0% 0%;

    &.hidden {
		opacity: 0;
    }
}
#consent-popup p{
	color: #ccc;
}

.accept_cookie {
	margin-left: auto;
    margin-right: 3rem;
}

#top-menu {
    background: white;
	float:right;
}
#top-menu ul { float: right;}
#top-menu li {
    /*float: left;*/
	line-height: 50px;
	display: inline-block;
}

#top-menu a {
    display: block;
    -webkit-transition: 0.1s all ease;
    -moz-transition: 0.1s all ease;
    transition: 0.1s all ease;
    color: #666;
    text-decoration: none;
	font-size: 1.2em;
	font-weight:bold;
	background-color:#fff;
}

#top-menu a:hover {
    color: #eb610a;
	/*background-color:#eb610a;*/
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
	/*font-size:1.22em;*/
	/*text-decoration: underline;*/
}

/*#top-menu li.active a {
    color: #ffffff;
	background-color:#eb610a;*/
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
	/*line-height: 60px;
	font-size: 14px;
}*/

/*.btn-primary {
	background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;
	border-color: #dadada;
}

.btn-primary:hover {
	background: linear-gradient(to bottom, #eb610a 0%, #c90000 100%) repeat scroll 0 0 transparent;
	border-color: #e9e9e9;
}*/

table#dynamicTable {
	/*width:99%;*/
	margin-left:auto;
	margin-right:auto;
}


/*#matrix > div{font-size: 1em;}*/
.tg-matrix {margin: 10px 0 10px 0;}
#foodgroups > div.panel, #costanalysis > div.panel {margin: 0.2em 0% 0.2em 0%;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}
#foodgroups > div > table > thead > tr > th.tg-recipe, .costanalysisDetails th.tg-recipe {padding: 1% 0 0 0;font-weight: bold;width:50%}
#foodgroups > div > table > thead > tr > th.tg-opt, #foodgroups > div > table > thead > tr > th.tg-invent {padding: 1% 0 0 0;width:8%}
#foodgroups > div > table > tbody > tr > td.tg-recipe {padding: 1% 0 0 0;}
#foodgroups > div > table > tbody > tr > td.tg-inventory {text-align: right;padding-right: 1em;color: blue;}
#foodgroups tbody > tr:nth-child(even of .ingredientstored) {background-color: #f2f2f2ce;}
#foodgroups tbody > tr:nth-child(odd of .ingredientstored) {background-color: #ffffffce;}


#matrix > div > table th.tg-0lax {transform: rotate(-60deg);padding: 0 10px 0 10px;font-weight: bold; max-width: 3.1em;}
#matrix > div > table th.tg-recipe {padding: 3% 0 0 0;offset-position: 20% 77%; offset-path: ray(90deg);font-weight: bold;}
#matrix > div > table td.tg-recipe{border: 0.4px solid; border-color: lightgray; padding: 0.5% 10px 0.5% 10px; text-align: right; vertical-align: middle; font-size: 0.8em; font-weight: 600;}
#matrix > div td.tg-0lax {border: 1px solid; border-color: lightgray; text-align: center; vertical-align: middle;}
#matrix table {color: black;background-image: URL("../images/QRecipe_logo.png"); background-repeat: no-repeat;background-position: center;background-size: 50%; font-size: 1.1em; font-weight: 500;}
#matrix tbody > tr:nth-child(odd) {background-color: #f2f2f2ce;}
#matrix tbody > tr:nth-child(even) {background-color: #ffffffce;}
#matrix tbody > tr:hover {background-color:#eb610ace;; color: #ffffff;font-weight: 800;}


.highlight {color:#333;font-size:1.3em;}
.smallhighlight{color:#555;font-size:1em;}
.titleLabel {width:400px;
	margin:15px;
	text-align:center;
	padding:10px 25px 0px;
}

.smalls {
	width:158px;
	/*margin:15px;*/
	text-align:left;
	padding:5px 0px 0px;
}

.mediums {
	width:53%;
	/*margin:15px;*/
	text-align:center;
	padding:0.4em;
}

.smallers {
	width:18%;
	margin:15px;
	text-align:center;
	padding:0.4em;
}

.deleteRow {
	margin-left:10px;
	width:auto;
	padding:4px 15px;
}

.menustyle{
	text-align:left;
	padding: 20px 0px 0px 15px;
	font-size: 1.2em;
	font-weight: 600;	
}

.menurecipestyle{
	text-align:left;
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 1em;
	width: 100%;
}

.recipeupdown {
	font-size: 1em;
	background-color: white;
	border: none;
	border-radius: 100%;
	margin-right: 6px;
}

.recipeupdown:hover{
	background-color: #eb610a;
	border-radius: 100%;
	color: #fff;
}

.deletemenurecipe{
	margin-left: 15px;
	font-size: 1em;
	color: red;
	background-color: white;
	border: none;
	border-radius: 100%;
	margin-right: 6px;
}

.deletemenurecipe:hover{
	background-color: red;
	border-radius: 100%;
	color: #fff;
}

#tobecreatedmenu i.fa-solid, #QRcreate i.fa-solid {
	margin: 1px 2px 1px 2px;
	padding: 2px;
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
}

/*#dynamicTable thead, #dynamicTable tbody{
	margin-left:30px;
	width:500px;
}*/
#dynamicTable tbody tr:hover{background-color:#149ef524}

.indent {
	margin-left:30px;
	margin-top:10px;
}

.bottom{margin-top:10px;margin-bottom:10px;}

.btn-large{
	margin-left:30px;
	margin-right:-25px;
	width: 45%;	
}

.btn-large-indent{
	margin-top:40px;
	margin-left:30px;
	margin-right:-25px;
	width: 91%;	
}

.btn-download{
	margin-top:10px;
	margin-left:7px;
	width: 85%;
	font-size:1.8em	
}

.btn-userhalf{
	margin-top:20px;
	margin-left:7px;
	/*margin-right:-8px;*/
	width: 100%;	
}

.btn-userhalfprofile{
	margin-top:10px;
	margin-left:15px;
	margin-right:-8px;
	width: 49%;	
}

.btn-userhalf-offer{
	margin-top:10rem;
	margin-left:0px;
	width: 100%;
	height: 5em;
	border-radius: 1em;
	font-weight: bold;	
}


.btn-smalluserhalf{
	margin-top:20px;
	margin-left:1%;
	/*margin-right:-8px;*/
	width: 100%;	
}


.btn-small{
	display:inline-block;
	  position:relative;
	  width:78%;
	  height:auto;
	  margin-left:11%;
	  margin-bottom:10px;
}

.btn-small-details{
	display:inline-block;
	  position:relative;
	  width:40%;
	  height:auto;
	  margin-left:8%;
	  margin-right:-7%;
	  margin-bottom:10px;
}


.templatemo_caption p { color: #ffffff; background: rgba(0, 0, 0, 0.32); padding: 10px; font-size: 12px; }

.templatemo_caption	{
	margin-left: 20%;
	text-align: left;
	text-shadow: none;
	top: 25%;
	position: absolute;
	z-index: 10;
	width: 60%;
}

.templatemo_slidetitle	{
	font-size: 1em;
	background: #ffffff;
	padding: 5px 8px;
	color: #202224;
	float: left;
	margin-bottom: -10px;
	-webkit-box-shadow: 1px 3px 13px 0px rgba(158, 158, 158, 0.75);
	-moz-box-shadow:    1px 3px 13px 0px rgba(158, 158, 158, 0.75);
	box-shadow:         1px 3px 13px 0px rgba(158, 158, 158, 0.75);
}

.templatemo_lightgrey_about.grey	{
	background-color: #dadada;
}
.templatemo_lightgrey_about	{
	/*background-color: #dadada;*/
	padding: 9rem 0px 2rem 0px;

}

.templatemo_lightgrey_about_row	{
	background-color: #dadada;
	padding: 1rem 0 3rem 0;

}


.templatemo_lightgrey {
	background-color: #dadada;
	padding: 10px 0px;

}

.templatemo_white_about	{
	background-color: #fff;
	padding:120px 0px 25px 0px;

}

.templatemo_white_about_row	{
	background-color: #fff;
	padding:15px 0px 50px 0px;

}


.templatemo_white {
	background-color: #fff;
	padding: 70px 0px;

}


.templatemo_paracenter { text-align: center; }

.templatemo_about_box {
	background: #ffffff;
	border-radius: 8px;
	padding: 20px 0px;
	text-align: center;
	font-size:1.2em;
	
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.pricing_plans {
            /* grid-column-gap: 2rem; */
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 6rem;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* justify-items: center; */
    /* width: 10px; */
    /* width: 69%; */
    margin-left: auto;
    margin-right: auto;
}

#templatemo_pricing{
	position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 8rem;
}

.pricing_title h2, .comparison_title h2{
	font-weight: 900;
	font-size: 3em;
}

.pricing_plan {
	border: 1px solid #ccc;
    border-radius: 1.5rem;
    margin: 3rem 0rem 0px 0rem;
    width: 26rem;
    font-weight: 900;
    margin-left: auto;
    margin-right: auto;
}

.pricing_content.is-primary {
        /* background-image: radial-gradient(circle at 0 0, #eb610a, #bfbfbf78); */
		background-color: #eb610a;
		color: white;
}

.pricing_feature-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding: 2rem;
    display: flex;
}

.strikethrough {
	position: relative;
	}
	.strikethrough:before {
	    position: absolute;
    content: "";
    left: -12px;
    top: 60%;
    right: -13px;
    border-top: 3px solid #ff6a00dd;
    /* border-color: inherit; */
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-25deg);
	}

.pricing_content {
	background-color: #0000;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
    border: 2px solid #eee;
    border-radius: 3%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5%;
}

.pricing_price-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.pricing_content-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom: 2px solid #99999955;
    flex-direction: column;
    padding: 2rem;
    display: flex;
}

.pricing_feature {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

div.pricing_check.is-primary > span {
    background-color: white; color: #eb610a;}

div.pricing_check > span {
    background-color: #eb610a;
	color: #fff;
    border-radius: 100vw;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
}

.heading-style-h6 {
    font-size: 1.13rem;
    font-weight: 600;
    line-height: 1.3;
}

.pricing_price {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
}

#templatemo_comparison{
	display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 4rem;
}

#templatemo_video{
	display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
	text-align: center;
}

.table_component {
    overflow: auto;
    width: 100%;
	margin-bottom: 2em;
}

.table_component table {
    border: 1px none #ffffff;
    height: 100%;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: center;
	
}

.table_component caption {
    caption-side: top;
    text-align: center;
}

.table_component th {
    /*border: 1px solid #dededf;
    background-color: #eceff1;*/
	font-size: 1.5em;
	font-weight: 600;
    color: #333;
    padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.table_component td {
    border: 1px solid #dededf;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
	min-width: 12rem;
}

.comparison_check{
	display: inline-flex;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.comparison_check > span {
    background-color: #eb610a;
	color: #fff;
    border-radius: 100vw;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
	margin-left: auto;
	margin-right: auto;
}

.comparison_cross{
	display: inline-flex;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.comparison_cross > span {
    background-color: #ccc;
	color: #000000;
    border-radius: 100vw;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
	margin-left: auto;
	margin-right: auto;
}


td.no_top {border-top:none;}
td.no_left {border-left:none;}
td.no_right {border-right:none;}
td.no_bottom {border-bottom:none;}



.comparison_detail{
	display: inline;
}
.comparison_detail span{
	position: absolute;
	padding-left: 5px;
	font-size: 0.6em;
	font-weight: 900;
	width: max-content;
}


div.benefit_details{
	color: #fff;
    font-weight: 500;
    /* border: 1px solid #000; */
    text-align: center;
    margin: 0% 0% 0% 0%;
    padding: 1% 0% 0% 0%;
    background: url(../images/QRecipe_platform_entry.jpg) no-repeat;
    background-position: center;
	background-size: cover;
}

div.benefit_details h2{
	color: #fff;
	font-weight: 900;
}

.benefit_details img {
	max-width: 2%;
	height: auto;
	width:2%;
	padding: 0% 0% 2% 0%;
}

.square_coner {
	margin: 0 auto;
	width: 30%;
	margin-bottom: 20px;
}
.texts-a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 20px 30px;
	background-color:#eb610a;
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
	border-radius: 8px;
	font-size: 32px;
	color: #ffffff;
} 

.tox-tinymce {
	margin: 5px 0px 0px 15px;
	resize: vertical;
}

.hover-box {
    font-size:0.9em;
	position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 100%;
	border-radius: 10px;
    background-color:#eb610a;
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transform: rotateY(-90deg) scale(0.8);
    -moz-transform: rotateY(-90deg) scale(0.8);
    -ms-transform: rotateY(-90deg) scale(0.8);
    -o-transform: rotateY(-90deg) scale(0.8);
    transform: rotateY(-90deg) scale(0.8);
}

.project-post:hover .hover-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg) scale(1);
    -moz-transform: rotateY(0deg) scale(1);
    -ms-transform: rotateY(0deg) scale(1);
    -o-transform: rotateY(0deg) scale(1);
    transform: rotateY(0deg) scale(1);
}

.inner-hover-box p {
	font-size:1.1em;
	color: #ffffff;
	padding: 10px 0px;
}

.templatemo_reasonbg {
	background: url(../images/QRecipe_platform_entry.jpg) no-repeat;
	background-position: center;
	padding: 30px 0px 50px 0px;
	color: #ffffff;
	text-align: center;
	margin-top:-40px;
}

.templatemo_reasonbg p { color: #ffffff; }


.templatemo_reasonbg div.fa {
	font-size: 40px;
	margin: 10px 8px;
}

.templatemo_portfolio {
	padding: 80px 80px;
	background-image:url(../images/QRecipe_bg_entry.jpg);
	background-size: cover;
	text-align: center;
}

.flex_this{
	display: flex;
}

.templatemo_portfolio p { padding-bottom: 50px; }

.templatemo_portfolio h2 { color:#ffffff;
							padding-top:10px;
							padding-bottom:50; }

.portfolio-thumb { overflow: hidden; position: relative; }

.portfolio-thumb img { width: 100%; height: auto; }

.portfolio-thumb .overlay-p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eb610a; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.portfolio-thumb .overlay-p a { position: absolute; top: 10%; margin-top: -12px; left: 10%; width: 80%; margin-left: -15px; color: white; text-align: center; }
.portfolio-thumb .overlay-p a ul { text-align: center; margin-top:0.1em;}
.portfolio-thumb .overlay-p a ul li	{ padding: 0.2em 0em; margin: 0px; width: 100%; list-style: none;}
.portfolio-thumb .overlay-p a ul li.fsmall{ font-size: 0.7em; }

.portfolio-item { margin-bottom: 40px; overflow: hidden; }
.portfolio-item:hover .overlay-p { visibility: visible; opacity: 1; }

.portfolio-title { width: 100%; text-align: center; }
.portfolio-title a { color: #eb610a; font-size: 18px; text-transform: uppercase; }


.templatemo_blog {
	width: 100%;
	background: #333537;
	padding: 80px 0px;
	color: #ffffff;
	text-align: center;
}
.templatemo_blog p { padding-bottom: 50px; }
.templatemo_wrapperblogbox	{	
	float: left;
}
.templatemo_wrapperblogbox a.fa	{ 
	padding: 8px;
	background: #c6cfd3;
	color: #ffffff;
	margin: 0px;
	text-align: left;
	float: left;
	font-size: 18px;
}

.templatemo_wrapperblogbox a.fa:hover {
	background-color:#eb610a;
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
}

.templatemo_wrapperblogbox .tooltip1, .templatemo_wrapperblogbox .tooltip2, .templatemo_wrapperblogbox .tooltip3, .templatemo_wrapperblogbox .tooltip4 {
    display: inline;
    position: relative;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.templatemo_wrapperblogbox .tooltip1:hover:after, .templatemo_wrapperblogbox .tooltip2:hover:after,
.templatemo_wrapperblogbox .tooltip3:hover:after, .templatemo_wrapperblogbox .tooltip4:hover:after {
    background: #eb610a;
    top: 33px;
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	font-size: 14px;
	white-space: nowrap;
}
.templatemo_wrapperblogbox .tooltip1:hover:after {
    left: 0px;
}
.templatemo_wrapperblogbox .tooltip2:hover:after {
    left: -33px;
}
.templatemo_wrapperblogbox .tooltip3:hover:after {
    left: -63px;
}

.templatemo_wrapperblogbox .tooltip4:hover:after {
    left: -94px;
}
.templatemo_wrapperblogbox img	{
	width: 100%;
}

.templatemo_blogtext	{
	width: 100%;
}

.templatemo_blogtext span.left	{
	text-align: left;
	width: 70%;
	float: left;
}
.templatemo_blogtext span.right	{
	text-align: right;
	width: 30%;
	float: left;
}
.templatemo_blogtext span.right	a i {
	padding-left: 5px;
	font-size: 9px;
	color: #ffffff;
}
.templatemo_blogtext span.right	a:hover i	{
	color: #eb610a;
}

.templatemo_partner	{ padding: 80px 0px;}


/* Style the tab */
div.tab {
    float: left;
    /*border: 1px solid #ccc;*/
	border-radius:8px;
    background-color: #eaeaea;
    width: 20%;
    height: auto;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: #fff;
    color: #eb610a;
    padding-left:10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1.1em;
	height:2.8em;
	
}

div.tab button:nth-child(odd) {background-color: #dadada;}

div.tab > button.alter {background-color:#fff;}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ffaa75;
	color: #fff;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #eb610a;
	padding-left:0px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	height:80px;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 10px 0px;
    /*border: 1px solid #ccc;*/
    width: 80%;
    border-left: none;
    height: auto;
}

#costanalysis {
    float: center;
    padding: 0px 0px 0px;
    /*border: 1px solid #ccc;*/
    width: 100%;
    border-left: none;
    height: auto;
}


#prev {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  left:0;
  text-indent: -9999px;
  background: url(../images/prev.png)0px -50px no-repeat;
}

#next {
  width: 35px;
  height: 50px;
  position: absolute;
  top: -30%;
  right: 0;
  text-indent: -9999px;
  background: url(../images/next.png)0px -50px no-repeat;
}

#prev:hover, #next:hover {
  background-position: 0px 0px;
}

.partnerWrap {
  margin: 50px 0;
  position: relative;
}
.slideshow { 
  margin: auto;
  width: 80%;
}
.slideshow img { padding: 2px; }
.templatemo_clientwrapper	{
	margin: 0 auto;
	float: none;
	width: 500px;
}

.templatemo_clientimage {
	float: left;
	margin-left: 10px;
	margin-top: 80px;
}

.templatemo_clientimage img{
	width: 80px;
	height: 80px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}
.templatemo_clientimage img:hover { border: 3px solid #eb610a; }

.templatemo_clientdes {
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  width: 100%;

}
.templatemo_clientimage:hover .templatemo_clientdes {
  visibility: visible;
  opacity: 1;

}
.templatemo_clientimage	div.fa	{font-size: 12px; position: absolute;}
.templatemo_clientimage:hover div.fa{ color: #eb610a; font-size: 12px; }
.templatemo_clientimage	div.mleft1	{ left: 40%;}
.templatemo_clientimage	div.mleft2	{ left: 43%;}
.templatemo_clientimage	div.mleft3	{ left: 46%;}
.templatemo_clientimage	div.mleft4	{ left: 49%;}
.templatemo_clientimage	div.mleft5	{ left: 52%;}

.templatemo_maps {
  margin: 50px 0;
  display: block;
  overflow: hidden;
  height: 400px;
}

.fluid-wrapper {
    position: relative;
    /* padding-bottom: 56.25%;  16:9 */
    height: 0;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    border: none;
}
/*.addr {}*/

.addr ul {
  padding-left: 0;
}
.addr ul li {
  list-style-type: none;
} 
.addr ul li i {
  width: 14px;
  margin-right: 10px;
  margin-bottom: 15px;
  color: #eb610a;
  font-size: 18px;
  text-align: center;
}
.templatemo_footer	{
	padding: 30px 0px 10px;
}

.templatemo_footer p{font-size: 12px;}
.templatemo_footer div p{font-size: 14px;}

.templatemo_footer ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

.templatemo_footer ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.templatemo_footer ul li:before {
    content: "\002022 ";
    color: #eb610a; 
	font-size: 2.5em;
    vertical-align: middle;
	line-height: 30px;
	margin-right: 5px;
}
.templatemo_morelink a{
	float: left;
	color: #eb610a;
	text-indent: 15px;
}

.templatemo_footer span.left {
	float: left;
	color: #eb610a;
	font-size: 1.5em;
	text-align: left;
	line-height: 30px;
}
.templatemo_footer span.right {
	float: left;
}
.templatemo_footer .col-xs-1 {
	padding: 0px;
}
.templatemo_footer .col-xs-11	{
	padding: 0px 0px 0px 10px;
}
.templatemo_footer span.left.fa-envelope { font-size: 1.2em;}

.templatemo_bottom	{ 
	padding: 15px 0px; 
	width: 100%; 
	background: #333536;
	}
.templatemo_bottom .left { float: left;}
.templatemo_bottom .right { float: right;}
.templatemo_bottom .right fa { padding: 15px;}
.templatemo_bottom .right div.soc {
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	background: #c6cfd3;
	color: #333536;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.templatemo_bottom .right a:hover div.soc{
	background-color:#eb610a;
	/*background: linear-gradient(to bottom, #c90000 0%, #eb610a 100%) repeat scroll 0 0 transparent;*/
}

/*#templatemo_flicker	{}*/
#templatemo_flicker ul li:before {
    content: none;
    vertical-align: middle;
}

#templatemo_flicker.ddsmoothmenu ul li a {
	width: 55px;
	height: 55px;
	margin-right: 0px;
}

ul.nobullet { margin: 0; padding: 0; list-style: none }
ul.nobullet li { margin: 0; padding: 0 }

ul.list_bullet { margin: 10px 0 10px 15px; padding: 0; list-style: none }
ul.list_bullet li { color:#555; margin: 0 0 7px 0; padding: 0 0 0 20px; background: url(images/templatemo_bullet.png) no-repeat scroll 0 5px  }
ul.list_bullet li a { color: #555; font-weight: normal; text-decoration: none }
ul.list_bullet li a:hover { color: #555 }

ul.footer_gallery li { display: block; float: left; margin: 0 5px 5px 0 }
/*ul.footer_gallery li img { }*/

/*.offer-container{
	border: 1px solid #ccc;
	border-radius: 5px;
}*/

.offer_avatarimg{
    z-index: 1;
    position: absolute;
    width: 100px;
    height: auto;
    border: none;
    box-shadow: none;
}

div.offer_img img{
	height: 14rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}

.grid-item {
	height:50%;
}

div.offer_qrimg > img{
	width: 4rem;
    position: absolute;
    margin: -3.8rem 0rem 0rem 0rem;
    border: 1px solid #fff;
    border-radius: 5px;
}

div.offer_avatarimg > img {
	border-radius: 50%;
    width: 55px;
    height: 55px;
    background-color: white;
    opacity: 0.75;
    top: -1rem;
    /*margin-right: 8rem;*/
}

div.offer-details {
	margin: 20px;
}

.offer-container .monogram {
	  width: 100%;
      border-radius: 5px;
      /*transition: all .25s ease-in-out;*/
	  margin-top:-46px;
	  display: block;
	  margin-left: auto;
	  margin-right:auto;
}

.offer-container .offer_avatarimg .monogram{
	/*color: #fff;*/
    font-size: 1.8em;
    font-weight: 600;
	border: 1px solid #ccc;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    /*background-color: #ff6a00;*/
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*-------------------------------------------------------------------------------------------Masonry styles start----------------------------------------------------------------------------------*/
.mason-container {
  columns: 4 250px;
  column-gap: 1.5rem;
  width: 80%;
  margin: 0 auto;
}

.mason-container div {
    width: 150px;
    margin: 0.9rem 1.5rem 0.9rem 0;
    display: inline-block;
    width: 100%;
    border: solid 2px #eeeeee;
    padding: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    border-radius: 5px;
    transition: all .25s ease-in-out;
	}
.mason-container div:hover{
	border-color: coral;
	}


.mason-container img {
      width: 100%;
      filter: grayscale(10%);
      border-radius: 5px;
      /*transition: all .25s ease-in-out;*/
	  margin-top:-46px;
	  display: block;
	  margin-left: auto;
	  margin-right:auto;
    }

.mason-container .monogram {
	  width: 100%;
      border-radius: 5px;
      /*transition: all .25s ease-in-out;*/
	  margin-top:-46px;
	  display: block;
	  margin-left: auto;
	  margin-right:auto;
}
	
.mason-container img:hover {
      filter: grayscale(0);
	  border-color: coral;
	  /*margin-top:-50px;*/
    }
    /*&:hover {
      border-color: coral;
    }*/
.mason-container p {
      margin: 5px 0;
      padding: 0;
      text-align: center;
      /*font-style: italic;*/
	  font-weight:bold;
    }

.mason-container .avatarimg {
	z-index:1;
	position:relative;
	width:100px;
	height: auto;
	margin: 23px 10px 0px 0px;
	border: none;
	box-shadow:none;
	}
.mason-container .avatarimg img{
	border-radius: 50%;
	width:55px;
	height:55px;
	background-color:white;
	opacity:0.75;
	}

.mason-container .avatarimg .monogram{
	/*color: #fff;*/
    font-size: 1.8em;
    font-weight: 600;
	border: 1px solid #ccc;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    /*background-color: #ff6a00;*/
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mason-container .qrimg {
	width:100px;
	height: auto;
	margin: -28px 10px -20px 63%;
	border: none;
	box-shadow:none;
	}
.mason-container .qrimg img{
	width:100px;
	height:100px;
	border-radius:none;
	}		
.mason-container .cheftitle {
	margin: -3% 0px 0px -46%;
	border: none;
	box-shadow:none;
	position:absolute;
	}

.mason-container .loadpgdescr {
     width: 100%;
	 height:46px;
     /*white-space: nowrap;*/
     overflow: hidden;
     text-overflow: ellipsis;
	 margin: -28px 0px -15px 0px;
	 border: none;
	 box-shadow: none;
}

.mason-container .bychef {
     width: 200px;
	 height:40px;
     /*white-space: nowrap;*/
     overflow: hidden;
     text-overflow: ellipsis;
	 margin: 15px 0px -20px 0px;
	 border: none;
	 box-shadow: none;
	 font-weight:bold;
}

.mason-container .masoniconDetails {
	border:none;
	box-shadow:none;
	font-size:0.85em;
	margin:-6px 0 0 0;
}

.masoniconDetails .fa-stack{
	margin-left:0px;
}

.masoniconDetails .border-right{
	margin-left:0px;
	padding:4px 8px 4px 8px;
}

.masoniconDetails .noborder-right{
	border-right:hidden;
}

/*-------------------------------------------------------------------------------------------Masonry styles  end-----------------------------------------------------------------------------------*/

.error {
    color: red;
}



/*-------------------------------------------------------------------------------------------Top menu-----------------------------------------------------------------------------------*/

#top-menu a{
	float:right;
	padding: 14px 16px;
}
#top-menu.navbar {
  overflow: hidden;
  background-color: #fff;
  float:right;
  font-size: 1.2em;
}

#top-menu.navbar a {
  float: right;
  font-size: 1.2em;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/*#idBtn.dropbtn a{
	float:right;
}*/

#myBtn.dropbtn {float: right;overflow: hidden;font-size: 1.2em;font-weight:bold;padding: 14px 16px;background-color:unset;color: #666;}
#myBtn.dropdown #myBtn.dropdown-content {top:50px;}
#myBtn.dropbtn:hover {/*font-size:1.3em;*/color: #eb610a;font-weight:bold;}
#myBtndum.dropbtn {float: right;overflow: hidden;font-size: 1.2em;font-weight:bold;padding: 14px 16px;background-color:unset;color: #666;}
#myBtndum.dropdown #myBtn.dropdown-content {top:50px;}
#myBtndum.dropbtn:hover {/*font-size:1.3em;*/color: #eb610a;font-weight:bold;}

#top-menu.dropdown #top-menu.dropbtn {
  font-size: 1.2em;  
  border: none;
  outline: none;
  color: #666;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

#top-menu.navbar a:hover, #top-menu.top-menu #top-menu.dropdown:hover #top-menu.dropbtn {
  background-color: inherit;
}

#top-menu.dropdown #top-menu.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#top-menu.dropdown #top-menu.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  
}

#top-menu.dropdown #top-menu.dropdown-content a:hover {
  background-color: #ddd;
}

#top-menu.dropdown #top-menu.dropdown:hover #top-menu.dropdown-content {
  display: block;
}

.to_faq_link, .pricing_title, .comparison_title {
  display: flex; /* Add this */
  align-items: center; /* Add this */
  justify-content: center;
  margin-bottom: 1%; 
}
.to_faq_link a {
	position: relative;
	font-size:1.1em;
	padding:8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 2%;
}

/*Cookie consent*/
.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {max-width: 100%; right:3em; left:3em;}
.freeprivacypolicy-com---reset div button{float:right;}


/*@media(min-width:768px){
.navbar{
		float:right;
		padding: 14px 0px;
		font-size: 1.2em;
	}

}

.menu{
		padding: 15px 25px;
	}*/

/*-------------------------------------------------------------------------------------------Top menu-----------------------------------------------------------------------------------*/


/* Smartphones (portrait and landscape) ----------- */
@media(max-width:320px ){
	#QRcreate input[type="text"], 
	#QRcreate input[type="number"], 
	#QRcreate input[type="email"], 
	#QRcreate input[type="url"], 
	#QRcreate_template input[type="text"], 
	#QRcreate_template input[type="number"], 
	#QRcreate_template input[type="email"], 
	#QRcreate_template input[type="url"], 
	#userprofile input[type="text"], 
	#userprofile input[type="number"], 
	#userprofile input[type="email"], 
	#userprofile input[type="url"] {width: 100%;}

}


@media only screen 
and (min-device-width : 320px) 
and (max-width : 480px) {
	.mainMenu li a {font-size: 8px;}
	#top-menu li a {font-size:0.7em;padding:0px;}
	#myBtn.dropbtn{font-size: 0.7em;padding: 0px 7px;}
	#myBtndum.dropbtn{font-size: 0.7em;padding: 0px 7px;}
	.textnorm{font-size: 0.8em;}
	.nav>li>a {padding: 6px 10px;}
	.nav-justified>li {float: left;}
	.templatemo_slider{top:58px;}
	/*#top-menu li.active a {
    color: #ffffff;
	background: #bb0000;
	font-size: 8px;
	}*/
	.templatemo_col12{width: 100%;margin-bottom: 5px;}
	.logo{width:100px;}
	.hover-box {left: 3%;width: 94%;}
	.templatemo_bottom span.left	{ width: 90%; margin-left: 10px;}
	.templatemo_bottom span.right { width: 90%; float: left; margin: 10px;}
}
@media (max-width:600px){
	.templatemo_caption {
		display: none;
	}
}
@media(min-width:500px) and (max-width: 650px){
	.hover-box {
    left: 5%;
    width: 90%;
	}
}
@media(max-width:767px){
	.templatemo_col9	{ font-size:0.9em; padding: 10px 0px 0px 140px;}
	/*.templatemo_slider	{ top: 130px;}*/
	.templatemo_lightgrey_about	{ padding-top: 130px;}
	.templatemo_white_about	{ padding-top: 150px;}
	.templatemo_portfolio	{ padding-top: 130px; }
	.templatemo_blog	{ padding-top: 130px;}
	.templatemo_partner	{ padding-top: 130px;}
	.templatemo_lightgrey	{ padding-top: 130px;}
	.templatemo_white	{ padding-top: 130px;}
	/*.templatemo_margintop10{margin-top: 10px;}*/
	
    
	/*.mailme {}*/
	
	.logo {
		text-align: center;
	}
	.socials ul {
		float: none;
		text-align: center;
	}
	.mainMenu ul {
		float: none;
		text-align: center;
		line-height: 40px;
	}
	.mainMenu li a {
	padding: 8px 7px;

	}
	#top-menu ul {
		float: none;
		text-align: center;
		line-height: 40px;
		margin-left: 15px;
	}
	#top-menu li {
    float: left;
	line-height: 40px;
}
	#top-menu li a {padding: 0px 0px 0px 7px;}
	#top-menu li.active a {
    /*color: #ffffff;
	background: #bb0000;*/
	line-height: 40px;
	}
	
  .teamInfo ul li {
    width: 50%;
  }
  .imgWrp {
    height: 220px;
  }
  .imgWrp:hover {
      height: 220px;
      opacity: 1;
      margin-top: 0px;
  }
  .txtarea {
    margin: 20px 0;
  }
  .info3 {
    margin-bottom: 30px;
  }

}

@media(min-width:768px){
	.rmargin	{ right: 10%;}
	.socials ul {float: none;text-align: center;}
	.imgWrp {height: 160px;}
	.imgWrp:hover {height: 160px;opacity: 1;margin-top: 0px;}
    .imgmed {display:block;background-repeat:no-repeat;background-position:center;position:relative;height:auto;margin-left:auto;margin-right:auto;margin-top:0px;font-size:18px;}
    .imgsmall {/*display:inline-block;*/position:relative;width:70%;height:auto;margin-left:auto;margin-right:auto;margin-top:1rem;}
    .addtop {margin-top:15rem;}
	.imgsmaller {display:block;background-repeat:no-repeat;background-position:center;position:relative;width:128px;height:auto;opacity:0.3;margin-left:auto;margin-right:auto;margin-top:10px;font-size:16px;}
	#box-img_testimonial a {width: 40px;}
	.opener span:before,
	.opener span:after {width: 30%;}
	.info3 {margin-bottom: 30px;}
	.topmargin {margin-top: 30px;padding: 0px 5px 0px 5px;}*/
	#costanalysis {width: 100%;}
	.tabcontent {width: 80%;}
}


@media(min-width:561px) and (max-width:769px){
	h1{ font-size: 1em;}
	h2{font-size:1em;}
	.templatemo_slidetitle { font-size: 0.8em;}
	.templatemo_caption	{ font-size: 12px; top: 20.5%;  width: 90%; margin-left: 5%; }
	.rmargin	{ right: 3%; }
	.btn	{ font-size: 12px; padding: 3px 5px;}
	#recipe_search_btn.searchbtn {padding: 0px;}
	.btnaddingredient { font-size: 12px; padding: 3px 5px;}
	/*APO EDW EVALA XERI*/
	#top-menu a{font-size:1em;padding: 0px 16px;}
	#top-menu .navbar {margin: 10px 0px 0px 5px;}
	#myBtn.dropbtn {font-size:1em;padding: 0px 5px;}
	#myBtndum.dropbtn {font-size:1em;padding: 0px 5px;}
	.hover-box {font-size:0.65em;padding:0px 4px;left:10%;width:94%;}
	.templatemo_about_box{font-size:0.88em;width:130px;}
	/*.inner-hover-box p {font-size:0.7em;padding:3px 0px 0px 5px;}*/
	.txtarea {margin: 0px 0px;}
	.templatemo_footer span.left.fa-envelope{line-height:20px;}
	.templatemo_footer span.left{line-height:20px;}
	/*.templatemo_slider{top:80px;}*/
	.logo{width:100px;padding:10px 0px 10px 10px;text-align: left;}
	.templatemo_col9	{ font-size:0.9em; padding: 10px 0px 0px 7em;}
	.square_coner {width:82px;}
	.texts-a img{width:28px;}
	.templatemo_reasonbg{padding:3px 0px 0px 0px;}
	.templatemo_reasonbg li{font-size:0.8em;}
	#templatemo_portfolio {font-size:0.8em;}
	#templatemo_portfolio h2 a {font-size:1.4em;}
	table.qrecipe_comparison{width:90%;}
	.templatemo_lightgrey{padding-top:3px;}
	.templatemo_footer div p{font-size: 0.8em;}
	.templatemo_footer {padding:0px 15px 5px 0px;}
	.templatemo_bottom{padding:5px 20px;}
	.mason-container {columns: 2 165px;width: 88%;}
	.mason-container .avatarimg img {border-radius: 50%;width: 48px;height: 48px;}
	.mason-container .avatarimg {width:80px;margin: 30px 10px 0px 0px;}
	.mason-container .qrimg img {width: 90%;height: 90%;}
	.mason-container .qrimg {margin: -28px 10px -10px 60%;}
	.col-xs-6 {width: 45%;}
	/*.btn {margin-left: 42%;padding: 2px 2px;width: 80px;font-size: 12px;margin-bottom: 5px;}*/
	.textnorm{font-size: 1em;}
	.nav>li>a {padding: 10px 10px;}
	.nav-justified>li {float: left;margin: 0% 7% 0% 7%;}
	.templatemo_slider{top:58px;}
	#timelineContainer {height: 85px;}
	
	.row.toprow {margin: 0px 45px 0px 0px;}
	.container.topmargin {padding: 10px 0px 0px 0px;}
	.topmargin {margin-top: 30px;}*/
	.tabcontent {width: 100%;}
	.col-lg-4.col-md-4.col-sm-4.col-xs-4.leftside {padding: 0px 15px 0px 0px;}
	.btn {width: 48%; font-size: 0.8em; margin: 0px 0px 0px 0px;}
	.titleDetails {font-size: 1.2em;}
	.titleDetails h5 {font-size: 0.8em;}
	.iconsDetails {font-size: 0.8em;}
	.border-right {padding: 14px 8px 14px 8px;margin-left: 0px;}
	.descriptionDetails {font-size: 1em;}
	.descriptionDetails h5 {font-size: 0.8em;}
	.ingredientDetails {font-size: 1em;}
	.ingredientDetails h5 {font-size: 0.8em;}
	.preparationDetails, .costsummaryDetails, .costanalysisDetails {font-size: 1em;}
	.preparationDetails h5 {font-size: 0.8em;}
	.shareDetails {font-size: 1em;}
	#foodnutritionDetails {font-size: 0.6em;}
	.recipeshare {font-size: 1.5em;}
	.recipeshare a {padding: 0px 10px;}
	.templatemo_footer ul li {font-size: 0.8em;}
	.templatemo_footer span.left.fa-envelope {font-size: 0.8em;}
	.templatemo_footer span.right {font-size: 0.8em;}
	.templatemo_footer span.left {font-size: 1em;}
	span.fa-stack.fa-2x {width: 1em;margin-left: 0px;}
	#foodnutritionDetails {font-size: 0.6em;}
	.recipeshare {font-size: 1.3em;}
	.padleft {padding-left: 15px;}
}
	
	/*MEXRI EDW EVALA XERI*/
	
@media(min-width:768px) and (max-width:992px){
	.textnorm{font-size: 1em;}
	.bootstrap-tagsinput{line-height: 2.6em;}
	 #menu2 input[type=radio].css-checkbox + label.css-label, #QRcreate input[type=radio].css-checkbox + label.css-label, #userprofile input[type=radio].css-checkbox + label.css-label {font-size:0.85em;}
	 #QRcreate input[type=radio].css-checkbox + label.css-label >font{font-size:0.8em;}
	 #QRcreate .form-group .pico label, #QRcreate_template .form-group .labsmall label, #userprofile .form-group .pico label, #QRcreate_template .form-group .lablarge label, #QRcreate_template .form-group .labmed label, #foodgroup, #foodsubgroup, #ingredient, #QRcreate .pico input[type="number"], #QRcreate_template .pico input[type="number"], #quantity, #unit, #QRcreate .servings input[type="number"], #QRcreate .preptime input[type="number"], #combifoodcourses, #foodcourses , .btnaddingredient, #userprofile .small input[type="text"], #userprofile .small input[type="email"], #userprofile .small input[type="number"], #userprofile .small input[type="url"], #userprofile .smaller input[type="text"], #userprofile .smaller input[type="email"], #userprofile .smaller input[type="number"], #userprofile .smaller input[type="url"] {font-size:0.7em;}
	 #QRcreate .servings label, #QRcreate_template .servings label, #QRcreate .preptime label, #QRcreate .descrtags label, #QRcreate_template .preptime label, #QRcreate .smaller label, #QRcreate_template .smaller label, #userprofile .smaller label, #QRcreate textarea, #userprofile textarea, #QRcreate .form-group input[type="text"], #QRcreate .form-group input[type="email"], #QRcreate .form-group input[type="number"], #QRcreate .form-group input[type="url"], .smallhighlight, #QRcreate .small label, #QRcreate_template .small label, #userprofile .small label, #userprofile .form-group input[type="text"], #userprofile .form-group input[type="email"], #userprofile .form-group input[type="number"], #userprofile .form-group input[type="url"] {font-size:0.7em;}
	 #QRcreate label, #QRcreate_template label, #userprofile label, .highlight { font-size: 1.1em;}
	 h1, #QRcreate label, #QRcreate_template label, #userprofile label { font-size: 0.7em;}
	.templatemo_slidetitle { font-size: 0.8em;}
	.templatemo_caption	{ font-size: 12px; margin-left: 15%; top: 18%;}
	.btn	{ font-size: 13px; padding: 3px 5px;}
	.btnaddingredient { font-size: 13px; padding: 3px 5px;}
	.templatemo_about_box{font-size:0.9em;}
	.templatemo_container {width: 100%;}	
	.templatemo_container .mainMenu li a {padding: 10px;}
	/*.templatemo_margintop10{margin-top: 10px;}*/
	.inner-hover-box p{font-size:0.8em;}
	.texts-a{padding:6px 12px;}
	#QRcreate input[type="text"], 
	#QRcreate input[type="number"], 
	#QRcreate input[type="email"], 
	#QRcreate input[type="url"], 
	#QRcreate_template input[type="text"], 
	#QRcreate_template input[type="number"], 
	#QRcreate_template input[type="email"], 
	#QRcreate_template input[type="url"], 
	#userprofile input[type="text"], 
	#userprofile input[type="number"], 
	#userprofile input[type="email"], 
	#userprofile input[type="url"] {width: 80%;}
		
	#foodnutritionDetails{font-size:0.6em}
	.shareDetails, .ingredientDetails, #eachBox .recipeTitle {font-size:0.9em;}
	.shareDetails ul li{font-size:0.8em;}
	.ingredientDetails ul li{font-size:0.9em;}
	.btn{font-size:11px;}
	.recipeshare{font-size:1.1em;}
	.titleDetails{font-size:1em;}
	.iconsDetails{font-size:0.7em;}
	.descriptionDetails, .preparationDetails, button.btn.btn-warning.buttonExpand h5 {font-size:0.9em;}
	.titleDetails h5, .descriptionDetails h5, .preparationDetails h5 {font-size:0.9em;}
	.lacglutInfo h6, .lastUpdate h6 {font-size:0.7em;}
	#editRecipe .btn-warning {width:32.7%;}
	.templatemo_footer div p {font-size:12px;}
	.qrecipeimg{height:60px; width:60px;}
	#timelineShadeRecipe {margin-left:46%;}
}

@media(min-width:768px) and (max-width:919px){
	#foodnutritionDetails{font-size:0.6em}
	#editRecipe .btn-warning {width:32.5%;}
	.iconsDetails .fa-stack{width:0.9em;margin-left:0px;}
	.btn{font-size:9px;}
	.recipeshare a {padding:0px 10px;}
	div.tab button {font-size:1em;}
	div.tab button.active {font-size:1.1em; height:60px;}
	.descriptionDetails, .preparationDetails, button.btn.btn-warning.buttonExpand h5 {font-size:1.2em}
	.mason-container .qrimg img {width: 90%;height: 90%;}
	#top-menu .navbar {margin: 10px 0px 0px 5px;}
}

@media(min-width:992px) and (max-width:1080px) {
  .inner-hover-box p{font-size:0.9em;}
  .texts-a{padding:10px 20px;}
  .imgWrp {height: 190px;opacity: 0.5;}
  .imgWrp:hover {height: 220px;opacity: 1;margin-top: -15px;  }
  .txtarea {margin: 0;}
  #box-img_testimonial a {width: 50px;}
  .opener span:before, .opener span:after {width: 45%;}
  .socials ul {float: right;}
  #QRcreate .form-group .pico label, #QRcreate_template .form-group .labsmall label, #userprofile .form-group .pico label{font-size:0.9em;}
  #foodgroup, #foodsubgroup, #ingredient, #unit, #combifoodcourses, #foodcourses, #QRcreate .pico input[type="number"], #QRcreate_template .pico input[type="number"], #quantity , #QRcreate .servings input[type="number"], #QRcreate .preptime input[type="number"], #QRcreate .servings label, #QRcreate_template .servings label, #QRcreate .preptime label, #QRcreate .descrtags label, #QRcreate_template .preptime label, #QRcreate textarea, #userprofile textarea, #QRcreate .smaller label, #QRcreate_template .smaller label, #userprofile .smaller label , #QRcreate .form-group input[type="text"], #QRcreate .form-group input[type="email"], #QRcreate .form-group input[type="number"], #QRcreate .form-group input[type="url"], #QRcreate label, #QRcreate_template label, #userprofile label,#userprofile .form-group input[type="text"], #userprofile .form-group input[type="email"], #userprofile .form-group input[type="number"], #userprofile .form-group input[type="url"], #userprofile .smaller input[type="text"], #userprofile .smaller input[type="email"], #userprofile .smaller input[type="number"], #userprofile .smaller input[type="url"],#QRcreate .small label, #QRcreate_template .small label, #userprofile .small label, .smallhighlight, .smalls, .smallers, .mediums, .templatemo_footer div p, .btn-small{font-size:0.9em;}
  .deleteRow{font-size:0.9em;margin-left:0px;width:72px;}
  #QRcreate input[type=radio].css-checkbox + label.css-label, .templatemo_about_box, #templatemo_portfolio {font-size:1em;}
  div.tab button{font-size:1em;height:40px;}
  .highlight{font-size:1.1em;}
  div.tab button.active{font-size:1.2em;height:60px;}
  h2{font-size:1.2em;}
  h3{font-size:1.1em;}
  .btnaddingredient{font-size:0.9em;margin-top:-3px;}
  #foodnutritionDetails{font-size:0.7em}
  .shareDetails, .ingredientDetails{font-size:1em;}
  .ingredientDetails ul li{font-size:0.9em;}
  .shareDetails ul li{font-size:0.8em;}
  .btn{font-size:12px;}
  .recipeshare{font-size:1.4em;}
  .titleDetails{font-size:1.1em;}
  .iconsDetails{font-size:0.85em;}
  .descriptionDetails, .preparationDetails, button.btn.btn-warning.buttonExpand h5 {font-size:1em;}
  .titleDetails h5, .descriptionDetails h5, .preparationDetails h5 {font-size:0.9em;}
  .lacglutInfo h6 {font-size:0.7em;}
  #editRecipe .btn-warning {width:32.8%;}
    
}

@media screen and (min-width: 1480px){
	html,body{font-size:1em;}
	.logo {padding: 10px 0px 10px 0px;width: 100px;}
	.templatemo_container {height:8rem;}
	a img {height:auto;width:300px;}
	/*.templatemo_slider {top: 98px;}*/
	#top-menu ul{margin-right:0px;}
	#top-menu a{font-size:1.2em;}
	/*#top-menu a:hover{font-size:1em;}*/
	.templatemo_lightgrey_about .container, .templatemo_lightgrey_about_row .container{font-size:1em;}
	.templatemo_lightgrey{padding:5px 0px 10px;}
	.templatemo_reasonbg img{width:2%;}
	.templatemo_reasonbg {padding: 30px 0px 53px 0px;/*margin-top:-115px;*/}
	.inner-hover-box p{font-size:1.1em;}
	.nav>li>a{position:relative;display:block;padding:15px 25px}
	.coverphoto {top:180px;}
	.topmargin{margin-top:160px;}*/
	.textnorm{font-size:1.3em;}
	.bottom{margin-top:20px;margin-bottom:10px;width:95%}
	.templatemo_maps{height:600px;}
	.fluid-wrapper iframe {height: 600px;}
	#templatemo_contact .container{margin-top:0;}
	.nav-tabs {font-size:1.4em;}
	/*.nav-pills{padding-top:50px;}*/
	/*.mediums{width:290px;}*/
	#QRcreate_template .form-group .labmed label {margin-left:0;}
	#QRcreate label, #QRcreate_template label, #userprofile label{font-size:1em;}
	#QRcreate .smaller label, #QRcreate_template .smaller label, #userprofile .smaller label{font-size:1em;}
	#QRcreate .small label, #QRcreate_template .small label, #userprofile .small label{font-size:1em;}
	#QRcreate .pico input[type="number"], #QRcreate_template .pico input[type="number"], #quantity{width:100%;height:35px;font-size:1em;}
	#userprofile .form-group input[type="text"], #userprofile {height:35px;font-size:1em;}
	#userprofile .small input[type="text"] {height: 30px;font-size:1em;}
	.templatemo_footer	{padding-top: 20px;padding-bottom:50px;}
	.indexpage{padding-top:0px;padding-bottom:0px;}
	.faqpage{padding-top:20px;padding-bottom:30px;}
	h2{font-size: 1.3em;}
	.templatemo_footer div p{font-size: 16px;}
	.templatemo_bottom .right div.soc {width:38px;height:38px;font-size: 20px;line-height: 39px;}
	.btn{font-size:0.8em;}
	.btnaddingredient{font-size:0.8em;width:auto;padding:0px 45%;margin-top:0px;text-decoration:none;}
	.btn-large.indexbutton{width:15%;font-size:1.1em;padding:8px;}
	.indexbutton{margin-left:0px;}
	.btn-large{margin-left:30px;margin-right:30px;width:15%;}
	.btn-small{width:78%;margin-left:33px;}
	/*.imgsmall {margin-top:33%;}*/
	#foodgroup, #foodsubgroup{width:150px; height:35px; font-size:1em;}
	#QRcreate .form-group .pico label, #QRcreate_template .form-group .labsmall label, #userprofile .form-group .pico label{font-size:1em;}
	#ingredient{width:290px; height:35px; font-size:1em;}
	.btnaddingredient{margin-left:-60px;}
	#unit {margin-left:0;width:90%;height:35px;font-size:1em;}
}

@media only screen 
and (min-device-width : 1260px) 
and (max-width : 1720px)	{
	.coverphoto img {height:200px;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-width : 560px)	{
	body{font-size:0.8em;}
	.templatemo_clientwrapper	{ width: 320px; font-size: 12px;}
	.templatemo_clientwrapper .next{ margin-top: 20px;}
	.templatemo_marginleft50	{ margin-left: 50px;}
	.templatemo_clientimage	div.fa	{ display: none;}
	.templatemo_footer {padding: 0px 0px 10px;font-size: 0.8em;}
	.templatemo_footer div p {font-size: 0.8em;}
	.templatemo_bottom {font-size:10px;padding: 15px 10px 10px 10px;}
	.templatemo_bottom .right div.soc {width: 20px;height: 20px;font-size: 12px;line-height: 20px;}
	#top-menu a{font-size:9px;padding: 0px 10px;}
	.templatemo_col9{padding:4px 0px 0px 100px;}
	.logo{padding:8px 0 8px 20px;width:80px;}
	/*.templatemo_slider{top:70px;}*/
	.templatemo_lightgrey_about{padding-top:80px;}
	.templatemo_lightgrey {padding-top: 2px;font-size:10px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px;}
	.navbar {min-height: 35px; margin: 12px 0px 8px 0px;}
	.modal-content {width: 85%;}
	body.modal-open{font-size:0.8em;}
	.btn {margin-left: 36%;padding: 0px 0px;width: 80px;font-size: 10px;margin-bottom: 5px;}
	.templatemo_lightgrey .container .bottom {margin:0px 0px 0px 0px;}
	.mason-container {columns: 2 100px;width: 80%;}
	.mason-container .avatarimg img {border-radius: 50%;width: 30px;height: 30px;}
	.mason-container .avatarimg {width: 40px;}
	.mason-container img {margin-top: -2.8em;}
	.mason-container .qrimg img {width: 58%;height: 58%;}
	.mason-container .qrimg {margin: -28px 0px -2px 35%;}
	.mason-container .masoniconDetails {font-size: 0.40em;}
	.mason-container p {font-size: 9px;}
	.mason-container .loadpgdescr h5{font-size:8px;}
	.mason-container .loadpgdescr {width: 100%;}
	.mason-container .bychef h6{font-size:8px;margin-top:0px;}
	.mason-container .bychef {margin: 15px 0px -32px 0px;}
	.txtarea {margin: 0px 0;}
	.form-control {width: 100%;height: 30px;padding: 3px 4px;font-size: 10px;}
	.templatemo_footer span.left {line-height: 15px;}
	.bottom {margin-top: 0px;margin-bottom: 0px;}
	.nav-tabs {font-size: 12px;}
	.tab-content {font-size:10px;margin-top: -15px;}

	button.btn-small-details.btn.btn-success.printoff {margin-left: 10%;}
	button.btn-small-details.btn.btn-warning.printoff {margin-left: 10%;}
	div#course {width: 110%;}
	.titleDetails {font-size: 0.9em;}
	.titleDetails h5 {font-size: 0.9em;}
	.iconsDetails {font-size: 0.8em;}
	.border-right {padding: 10px 0px 3px 0px;}
	.iconsDetails {font-size: 0.6em;text-align: right;}
	span.fa-stack.fa-2x {width: 0.8em;margin-left: 0px;}
	.descriptionDetails {font-size: 0.8em;}
	.descriptionDetails h5 {font-size: 0.8em;}
	.ingredientDetails {font-size: 0.8em;}
	.ingredientDetails h5 {font-size: 0.8em;}
	.preparationDetails {font-size: 0.8em;}
	.preparationDetails h5 {font-size: 0.8em;}
	.shareDetails {font-size: 0.8em;}
	#foodnutritionDetails {font-size: 0.35em;}
	.topmargin {margin-top: 40px;padding: 0px 5px 0px 5px;}*/
	.recipeshare {font-size: 0.8em;text-align: left;}
	.recipeshare a {padding: 0px 6px;}
	.col-xs-6.col-sm-6.col-md-6.templatemo_col12 h2 {font-size:0.9em;}
	.col-xs-3.col-sm-3.col-md-3.templatemo_col12 h2 {font-size:0.9em;}
	#top-menu ul {margin-right: 15px;}
	h4#myqrecipes {font-size: 1em;}
	div.tab button {padding-left: 5px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#slider-direction-nav,
	#slider-control-nav { opacity: 1; }
	.mason-container {columns: 3 200px;width: 90%;}
	.mason-container .qrimg {margin: -28px 10px -10px 55%;}
}

@media only screen 
and (min-device-width : 1025px) 
and (max-device-width : 1380px) {
	.mason-container .qrimg {margin: -28px 10px -20px 68%;}
	.mason-container {columns: 3 250px;width: 90%;}
	#top-menu a {padding: 20px 28px;}
}

@media only screen 
and (max-device-width : 285px) {
	.templatemo_top {width: 80%;}
	.templatemo_lightgrey {padding-top: 10px;}
	.mason-container .qrimg {margin: -28px 10px -20px 68%;}
	.mason-container {columns: 3 250px;width: 90%;}
	#top-menu a {font-size:0.7em;padding: 13px 5px;}
	.logo {padding: 10px 0 10px 20px;width: 90px;}
	.container {padding-right: 0px;padding-left: 0px;}
	.templatemo_col9 {padding: 10px 0px 0px 0px;}
	.row {margin-right: -55px;margin-left: -30px;}
	.navbar {margin-bottom: 0px;}
	.mason-container .qrimg img {width: 80px;height: 80px;}
	.mason-container .qrimg {margin: -38px 10px -8px 58%;}
	.mason-container div {margin: 0.9rem 1.5rem 0.9rem 0;}
	.btn {font-size: 1em; width:45%; margin-left: 28%;}
}