@charset "UTF-8";
/* CSS Document */
/*Disable Some Predefined CSS*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start of css */

body
{
	overflow-x: hidden;
	height: 100%;
	position: relative;
}
a{color:#FFF;}
a:visited{color:#FFF;}
.blue{color: #22689E!important;}
#headContain
{
	width: 100%;
	z-index: 2;
	height: 450px;
}
#headContent
{
	position: relative;
	width: 999px;
	margin: 0 auto;
	height: 480px;
	text-align:center;
}
#headImgCol {
    display: inline-block;
    z-index: 4;
    position: absolute;
    left: 50%;
    margin: 30px 0 0 -530px;
}

#headLaptopImage
{
	width: 670px;

}
#headFormCol
{
	display: inline-block;
	z-index: 3;
	margin-left: 10px;
	margin-top: 70px;
	vertical-align: top;
	min-width: 268px;
}
#headLogo{
    height: 70px;
    width: auto;
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: 200px;
}
#headIconContain img
{
	position: absolute;
	right: 37px;
	top: 15px;
	width: 60px;
}
#headSloganContain
{
	margin-top:20px;
	text-indent: 30px;
}
#headFormContain
{
	position: absolute;
	width: 250px;
	background-color: #EEE;
	padding: 25px 23px 16px;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
	z-index: 5;
	margin-left: -15px;
	margin-top:50px;
    -webkit-box-shadow: 7px 6px 10px 4px rgba(0,0,0,.2);
}
.heading
{
	text-transform: uppercase;
	font-family: HelveticaLTCondensedBlackObl;
	font-size: 22px;
	color: #444;
	text-align: center;
	padding: 7px 20px 20px 0;
}
.headFormItem
{
	position: relative;
	padding: 2px 0;
}

.headFormItem .headSignUpItem,input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	width: 228px;
	height: 27px;
	padding: 5px 10px;
	border: 0;
	font-size: 16px;
	transition:box-shadow 300ms;
	color: #1d76bb!important;
	background-color:#f7f7f7!important;
	-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.4)!important;
	box-shadow: 1px 2px 10px rgba(0,0,0,0.4)!important;
	ont-weight: bold;
}
.headFormItem select.headSignUpItem{
	width: 100%;
	height: 38px;
	font-size: 12px;
	color:#555;
}
.wquotebox{
	display: block;
    color: #555;
    position: relative;
    margin: 20px 0;
    line-height: 150%;
}
.wquotebox::before{
	content: "“";
    font-size: 78px;
    color: rgb(204, 204, 204);
    position: absolute;
    font-weight: 900;
    left: 15px;
    top: 20px;
}
.wquotebox::after {
    content: "”";
    left: auto;
    top: auto;
    right: -25px;
	bottom: 75px;
	font-size: 78px;
	color: rgb(204, 204, 204);
	font-weight: 900;
	position: absolute;
}
.textBlock{
	text-align: center;
	padding-bottom: 10px;
	max-width: 980px;
	margin: 80px auto 60px;
}
#textTestimonialAuthor{
	font-weight: bold;
}
#textTestimonial{
	font-size: 31px;
	letter-spacing: -1px;
	line-height: 110%;
	clear: both;
	padding-top: 20px;
	text-shadow: none;
	color: #1d76bb;
	text-indent: 50px;
    font-style: italic;

}
/*
.headFormItem .headSignUpItem:hover
{
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
*/
#submit
{
	width: 250px;
	border: 1px solid #ccc;
	background-color: #ff6600;
	height: 40px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: HelveticaLTCondensedBlackObl;
	border: 0;
	box-shadow: -2px -2px 5px rgba(0,0,0,0.15) inset;
	cursor:pointer;
	transition:background 250ms;
	margin-top: 2px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-weight: bold;
    font-style: italic;
	margin-top:10px;
}
#submit:hover
{
	background-color: #f50;
}
#headFormPointer
{
	position: absolute;
	left: 285px;
	bottom: 80px;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;  /* left arrow slant */
	border-top: 10px solid transparent; /* right arrow slant */
	border-right: 10px solid #f70; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}
.fb-like
{
	position: relative;
	float: right;
	top: 285px;
}
#mainContain
{
	width: 100%;
	background-color: rgb(71, 131, 179);
	background-image: url(/images/back-fade-blue.gif);
	position: relative;
	background-size:contain;
}
#mainContentBannerHead
{
	background-color: rgba(0, 0, 0, 0.4);
}
#mainContentBannerHead h1
{
	padding: 20px 20px 20px 45px;
    text-transform: uppercase;
    font-size: 46px;
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    font-family: HelveticaLTCondensedBlackObl;
    width: 965px;
    margin: 0 auto
}
#mainContent
{
	width: 100%;
	margin: 0 auto;
}
#mainContentBody
{
	width: 920px;
	margin: 0 auto;
	min-height:480px;
}
span#nocreditcard{
    font-size: 10px;
    display: inline-block;
    background-color: #ff6600;
    padding:0px;
    color: #FFF;
    font-family: tahoma;
    text-align: center;

	width: 80px;
	height: 54px;
	border-radius: 60px;
	padding-top: 26px;
	font-weight: bold;
	position: absolute;
	top: -10px;
    left: 233px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
#mainContentBodyLeft
{
	width: 560px;
	margin-right: 60px;
	padding: 30px 0;
	display: inline-block;
}

#mainContentBodyLeft h2
{
	color: #ffd;
	font-size: 32px;
	margin-bottom: 20px;
	border-bottom: dotted 2px #ffd;
	padding-bottom: 10px;
	font-family: HelveticaLTCondensedLight;

}

#mainContentBodyLeft div{
	color: #fff;
	font-size: 21px;
	line-height: 140%;
	font-family: HelveticaLTCondensedLight;
}

#mainContentBodyLeft p, #mainContentBodyLeft li, #mainContentBodyLeft b
{
	color: #fff;
	font-size: 21px;
	margin-bottom: 20px;
	line-height: 140%;
	font-family: HelveticaLTCondensedLight;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}


#mainContentBodyLeft b, #mainContentBodyLeft h3{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
    padding: 10px 20px 7px 40px;
	margin-top:20px;
}
h5{ font-size:24px; color:#FFF; font-weight:bold; font-family:Arial;}
.red{color:#FFD!important;}

#mainContentBodyLeft ul{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

#mainContentBodyLeft li{
	margin-bottom: 0px;
	list-style:initial;
	margin-left: 0px;
	list-style-type: none;
}

#mainContentBodyRight
{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 40px;
}

#mainQuoteContain img{
	height:82%;
	width:100%;
}

#mainQuoteContent
{
	position: absolute;
	top: 45px;
	left: 20px;
	right: 20px;
}
#mainQuoteContent table td, #mainQuoteContent table{
	width:auto!important;
}
#mainQuoteContent p, #mainQuoteContent table td, #mainQuoteContain p
{
	font-size: 18px;
	color: #444;
	line-height: 24px;
	font-family: HelveticaLTCondensedLightObl;
}
#mainQuoteSource
{
	text-align: right;
	font-size: 11px;
	color: #555;
	padding: 10px 0;
}
#mainQuoteIcon
{
	position: absolute;
	padding: 7px;
	background: #fff;
	border-radius: 5em;
	margin-top:-20px;
	margin-left: 180px;
}

#mainQuoteIcon img{
	max-height: 100px;
	margin-left:-45px;
}
#footPressReview
{
	padding: 2px;
	background-color: #333;
}
#footPressReviewImgContain
{
	width: 920px;
	margin: 0 auto;
}
#footMenuContain
{
	padding: 40px 30px;
	background-color: #404040;
	background-image: url(/images/back-pat.png);
}
#footMenuOptions
{
	margin: 0 auto;
	color: #fff;
	width: 370px;
}
#footMenuOptions li
{
	display: inline-block;
	padding: 0 20px;
}
#footCopyright
{
	color: #777777;
	width: 300px;
	margin: 7px auto 0 auto;
	text-align: center;
	font-size: 11px;
}
#smIcons
{
    display: block;
    width: 155px;
    background: url(/images/icons-sm.png) no-repeat;
    height: 31px;
    margin: auto;
    margin-top: 10px;
	margin-bottom: 10px;
}
#smIcons:hover
{
	background-position: 0 -31px;
}
.orangeBtn
{
	padding: 0px 32px 0px 32px;
	border: 1px solid #ccc;
	background-color: #ff6600;
	height: 40px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-family: HelveticaLTCondensedBlackObl;
	border: 0;
	box-shadow: -2px -2px 5px rgba(0,0,0,0.15) inset;
	cursor:pointer;
	transition:background 250ms;
	margin-top: 2px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-weight: bold;
    font-style: italic;
	margin-top:10px;
	border-radius: 25px;
	box-shadow: 1px 1px 4px rgba(0,0,0,.5);
	text-shadow: 0 2px 5px rgba(0,0,0,.5);

}

h2{
	line-height: 34px;
}

#smIcons a
{
	display: block;
	float: left;
	height: 29px;
	text-indent: -2000px;
	overflow: hidden;
	margin: 0;
	font-size: 10px;
	text-align: center;
	margin-right: 13.5px;
	width: 28px;
	border-radius: 30px;
	margin-top:1px;
}
#smIcons a span
{
    width: 155px;
    display: none;
    color: #333;
    position: absolute;
    margin-top: 37px;
    text-align: center;
    margin-left: -62px;
}

#smIcons a.i4{
	margin-right:0px;
}
#smIcons a:hover
{
	text-indent: 0;
}
#smIcons a.i3:hover, #smIcons a.i4:hover{
	margin-right: 0px;
	margin-top: 0px;
	margin-left: -1px;
	border: solid 1px #999;
}
#smIcons a:hover span{
	display:block;
}

#designlinks
{
	position: absolute;
	right: 4%;
	width: 230px;
	line-height: 16px;
	bottom: 65px;
}
#designlinks a:not(:first-child)
{
	margin-left:30px;
}
#designlinks a
{
	color:#666666;
	display:inline-block;
	font-size:10px;
}
#designlinks a:hover
{
	color:#FFF;
}

#quoteContent2,#quoteContent3,#quoteContent4,#quoteContent5, .quote1,.quote2,.quote3{
	display:none;
}
#quoteContent2{
	display:inline-block;
}

#mainQuoteIcon.quote1{
	display:inline-block;
}

label{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#696969;
	font-weight:bold;
	cursor:pointer;
}

input::-webkit-input-placeholder{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#696969;
	font-weight:bold;
}

input:-moz-placeholder{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#696969;
	font-weight:bold;
}

input::-moz-placeholder{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#696969;
	font-weight:bold;
}

input:-ms-input-placeholder{
	font-size:9px!important;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#696969;
	font-weight:bold;
}

input:focus::-webkit-input-placeholder,input:hover::-webkit-input-placeholder{
	color: rgb(170, 170, 170);
}

input:focus:-moz-placeholder,input:hover:-moz-placeholder{
	color: rgb(170, 170, 170);
}

input:focus::-moz-placeholder,input:hover::-moz-placeholder{
	color: rgb(170, 170, 170);
}

input:focus:-ms-input-placeholder,input:hover:-ms-input-placeholder{
	color: rgb(170, 170, 170);
}

/*//////////////////////////////////////// FONTS ////////////////////////////////////////*/
@font-face {
	font-family: 'HelveticaLTCondensedBlack';
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-black-webfont.eot');
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-black-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-black-webfont.woff') format('woff'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-black-webfont.ttf') format('truetype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-black-webfont.svg#HelveticaLTCondensedBlack') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaLTCondensedBlackObl';
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-blackobl-webfont.eot');
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-blackobl-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-blackobl-webfont.woff') format('woff'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-blackobl-webfont.ttf') format('truetype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-blackobl-webfont.svg#HelveticaLTCondensedBlackObl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaLTCondensedLight';
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-light-webfont.eot');
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-light-webfont.woff') format('woff'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-light-webfont.ttf') format('truetype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-light-webfont.svg#HelveticaLTCondensedLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaLTCondensedLightObl';
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-lightobl-webfont.eot');
	src: url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-lightobl-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-lightobl-webfont.woff') format('woff'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-lightobl-webfont.ttf') format('truetype'),
url('https://www.nutritics.com/skin_prev/fonts/helveticalt-condensed-lightobl-webfont.svg#HelveticaLTCondensedLightObl') format('svg');
	font-weight: normal;
	font-style: normal;

}

select#input_branch{
	margin-top: 10px;
	height: 30px;
	width: 100%;
	font-size:12px;
}

input#password{
	margin-bottom:10px;
}

input.highlighted{
	border: solid 1px #f00!important;
	outline:none;
}
/*
.magnify {
    cursor: none;
    border:none;
}
.magnify .glass{
    z-index:9000;
    width: 200px;
	height: 200px;
    position: absolute;
    border-radius: 100%;
    background-repeat:no-repeat;
    background-color:white;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    display: none;
}
*/
#labelbranch{
	top:10px;
}

#headFormItemi{
	display:none;
}

#mainQuoteContain{
    background-image: url('media/speechbubble.png');
    padding: 24px 20px 50px 20px;
    background-size: 100% 100%;
	min-height:100px;
	width:190px;
}

#theMainQuote{
	position: absolute;
	top: 150px;
	z-index:999;
	left: 50%;
    margin-left: 150px;
}

#mainContentBodyLeft ul{
	margin-left:45px;
}

ul li:before, #mainContentBodyLeft h3:before{
	content: '';
    margin: 0 15px -5px -40px;
    background: #FFF url(/media/tick.gif) center no-repeat;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    background-size: 80%;
    box-shadow: 1px 2px 9px rgba(0,0,0,.2);
    position: relative;
    z-index: 1;
}


#bottomLogos{
    box-sizing: border-box;
    min-height: 80px;
    padding: 5px;
    overflow: hidden;
    background: #FFF;
    margin:0px;
	width:100%;
	text-align:center;
}
#bottomLogos a{
	display:inline-block;
}
#bottomLogos img{
	background: none;
	padding: 10px 20px;
	height: 50px;
	border: 0;
	margin-left: -1px;
	margin-bottom: 5px;
	display:inline-block;
}

#goodCompany{
    text-align: center;
    background: #fff;
    padding: 20px 0px 8px 0px;
    font-size: 12px;
    border-bottom: dotted 2px #AAA;
    color: #777;
    font-weight: bold;
	text-transform: uppercase;
}
.justeat span#nocreditcard{top: 547px!important;font-size: 11px!important;}



/* RESPONSIVE STARTS HERE */
@media screen and (max-width: 1023px){
	#bottomLogos img{
		height:40px;
	}
	#headLaptopImage{
		/*width: 550px;
		margin-left: 50px;
		margin-top: 20px;*/
	}
	#headImgCol{
		position: relative;
		margin-right:0px;
		/*width:60%;*/
		text-align:center;
	}
	#headFormCol{
		margin-left:0px;
		width:30%;
		float: right;
		margin-right: 2%;
	}
	#headLogo{
		position:inherit;
		margin-left: 0px!important;
	}
	#mainQuoteContain{
	}
	#headContent,#headContain{
		height: 460px;
		transform: scale(0.9);
	}
	#headContent img{
		max-width: 100%;
		/*height: auto;*/
		display:block;
	}
	#mainQuoteIcon{
	}
	#mainContentBody,#footPressReviewImgContain,#headContent{
		width:100%;
	}
	#mainContentBodyLeft, #mainContentBodyRight{
		width:100%;
		margin-right:0px;
	}
	#mainContentBodyRight{
		padding-bottom: 30px;
		margin:0px;
	}
	#headFormContain{
		position:inherit;
		margin:auto;
	}
	#headFormPointer{
		position: relative;
		bottom: 30px;
		left: 272px;
	}

	#mainContentBannerHead h1{
		max-width: 100%;
	}
	div#mainContentBodyLeft p, div#mainContentBodyLeft h2{
		max-width:90%;
	}
	.magnify .glass{
		width:150px;
		height:150px;
	}
	#mainContentBodyLeft{
		padding:10px 50px 10px 40px;
		box-sizing: border-box;
	}
	span#nocreditcard{
		margin-top: -110px;
		margin-left: 220px;
		top:inherit;
		left:inherit;
	}
	#mainContentBody{
		padding-bottom: 50px;
	}
	#mainContentBodyRight{
		margin-top:60px;
	}
	span#play{
		margin-top: 0px!important;
		margin-left: 2%!important;
		top: 200px;
		left: 430px;
	}
}

@media screen and (max-width: 850px){
	#bottomLogos{
		min-height: 60px;
	}
	#bottomLogos img{
		height:30px;
	}
	div#headFormCol{
		float: none;
		clear: both;
		margin-top: 30px;
	}
	div#headImgCol{
		/*position: absolute;*/
		top: 40px;
		width: 100%;
		/*left: 150px;*/
	}

	div#headContent, div#headContain{
		text-align:center;
		height: 440px;
	}

	div#mainContentBodyRight{
		padding-bottom: 75px;
	}
	/*
	#headLaptopImage{
		max-width:90%;
	}*/
	#theMainQuote{

	}
	#headSloganContain{
		text-indent:inherit;
	}
	.magnify .glass{
		width:100px;
		height:100px;
	}
	#theMainQuote{
		top:430px;
	}
	span#play{
		margin-top: 100px!important;
		margin-left: 42%!important;
		top: 0px!important;
		left: 0px!important;
	}
	#logoPartner{display: none!important; }
	#headLogo{margin: 0 auto!important; height: 80px!important;}
	#mainContent{margin: -76px auto!important;}
	.justeat #headLogo{
		top: 61px;
    	left: 109px!important;
    	height: 68px!important;
	}
	.justeat #logoPartner{
		margin-top: 22px;
		right: 110px;
		display: block!important;
	}
	.justeat span#nocreditcard{
		margin-top: 5px;
	}
	.justeat #mainContent{
		margin: 117px auto!important;
	}
	.waitlist #headText{width: 100%;}
	.waitlist #mainContentBodyRight{display: none;}
	.waitlist #headText{width:100%!important; margin-left: 0%;margin-top: 19px;}
	.waitlist #middleBanner{width: 80%;margin-left:10%; margin-top: -2px;}
	.waitlist #headFormContain{margin: -1447px 1px 1px 38px }
	.waitlist .testimonial{display: grid; margin: 7% 13%;}
	.waitlist #textTestimonial{width: 100%!important;text-align: center;padding:0;}
	.waitlist #testimonialPhoto{display: grid;}
	.waitlist #testimonialPhoto img{margin: 0 auto; position: relative;}
	.waitlist .iconsBody{text-align: center;}
	.waitlist #headLogo{margin: 20px auto!important;display: inline-block;}
	.waitlist #icon_mappin{position: absolute; margin-left: 195px; float:none;}
	.waitlist .wquotebox::before{display: none;}
	.claimaccount #nocreditcard { top: 484px!important; }
	.referral #nocreditcard { top: 503px!important }

	.ypo #headLogo{ top: 61px; left: 109px!important; height: 68px!important;}
	.ypo #resellerLogo{margin: -115px;;right: 110px;display: block!important;}
	.ypo #mainContent{margin: 117px auto!important;}
	.ypo #headImgCol{margin: 97px 0 0 -550px!important;}
	.ypo #mainContentBodyLeft{margin: 0px 79px!important;}

	.bookademo #mainContentBody{padding-top: 120px!important;padding-bottom: 6px!important;}
	.bookademo #headContent img{margin: 0 auto;}

	.bookademo.sellerpage #mainContentBody{padding-top: 120px!important;padding-bottom: 6px!important;}
	.bookademo.sellerpage #headContent img{margin: 0 auto;}
	.bookademo.sellerpage #headLaptopImage2{display: inline-table;padding-left: 154px;width: 79px;}
	.bookademo.sellerpage #headImgCol{display: flex; top: 12px!important;}

	.labelmagic .iconsBody{width: 751px!important; margin-left: 0!important; max-width: none!important;}
	.labelmagic #mainContentBody>div+div+div+div{width: 745px!important}

}

/*@media screen and (max-width: 540px){
	div#headContent, div#headContain{
	    height: 710px;
	}
	#theMainQuote{

	}
}*/
@media only screen and (max-width : 420px) {
	#mainQuoteContain{width: 280px; padding: 24px 20px 50px 20px;}
	#mainQuoteContain p{font-size:15px;}
	#mainContentBannerHead h1{padding: 20px 20px 20px 20px; box-sizing: border-box; font-size:25px; text-align:center;}
	#theMainQuote{top:324px; position: absolute; left: 30px;}
	#mainQuoteIcon{ margin-top: 4px; }
	#mainQuoteIcon.quote1{display:block!important;}
	#mainQuoteIcon img{width:120px;}
	#mainContentBodyLeft{padding:0px 20px 0px 20px;box-sizing: border-box;width:100%!important;}
	#mainContentBodyLeft h2{font-size:22px;}
	#mainContentBodyLeft h3{font-size:20px;}
	#mainQuoteIcon{}
	#headLaptopImage{margin-left: 0px; width:100%;}
	.default #headContent, .default #headContain{ height: 630px;}
	.getStarted #headContent, .getStarted #headContain,.nis #headContent, .nis #headContain{height:330px;}
	.getStarted #headContent, .getStarted #headContain{top:0px;}
	.headFormItem .headSignUpItem{padding: 10px 10px;}
	#branch.headSignUpItem{height:40px;}
	#headFormPointer{display:none;}
	#headContent #headLogo{display: inline-block;}
	#headContent #resellerLogo{ display:inline-block;width:35%; height:auto; position: inherit; margin-left: 0px;}
	#headContent img[src=""] { display: none!important; }
	#headImgCol{margin:0;left:0px;position: inherit;!important;}

	.justeat #mainContentBody>div, #mainContentBody>h2{width: 317px!important;}
	.justeat #mainContent{margin: 0 auto!important;}
	.justeat #headFormContain{width: 243px!important; }
	.justeat .headFormItem .headSignUpItem{width: 213px!important; }
	.justeat #branch{width: 243px!important;}
	.justeat #input_tel{width: 243px!important;}
	.justeat #submit{width: 243px!important;}
	.justeat span#nocreditcard{margin-left: 87px!important; top: 760px!important;}
	.justeat #mainContentBody{width: 343px;margin-top: 87px!important;}
	.justeat #logoPartner{margin: -16px -99px 0 87px; float: right;}
	.justeat #headContent img{display: inherit!important;}
	.justeat #headLogo{ top: 33px!important;left: 19px!important; height: 53px!important;}

	.bookademo #mainContentBody>div, #mainContentBody>h2{width: 317px!important;}
	.bookademo #mainContent{margin: 0 auto!important;}
	.bookademo #headFormContain{width: 243px!important; }
	.bookademo #headFormContain #swebform{margin: 0 -10px;}
	.bookademo #headFormContain{padding: 39px 56px!important;}
	.bookademo .headFormItem .headSignUpItem, .bookademo #input_email, .bookademo #input_companyname{width: 237px!important }
	.bookademo #branch, #country, #input_nemployees, #submit{width: 267px!important;}
	.bookademo #mainContentBody{width: 343px;margin-top: 0px!important;padding-bottom: 15px!important;padding-top: 36px!important;}
	.bookademo #headLaptopImage{ margin: 0 auto!important;}
	.bookademo #headLogo{ top: 33px!important;left: 52px!important; height: 53px!important;}
	.lp1.bookademo{background-image: none!important;}

	.videodemo #headFormContain{width: 243px!important; }
	.videodemo .headFormItem .headSignUpItem{width: 213px!important; }
	.videodemo #branch{width: 243px!important;}
	.videodemo #input_tel{width: 243px!important;}
	.videodemo #submit{width: 109px!important;}
	.videodemo #nocreditcard{margin-left: 97px!important; top: 343px!important;}
	.videodemo #mainContentBody{width: 343px;padding: 86px 0 0 0!important; margin: 9px auto;}
	.videodemo #mainContentBody>div, #mainContentBody>h2{width: 320px;}
 	.videodemo #mainContentBody{margin: 0px auto!important;}
	.videodemo #headContent #headLogo{display: block;margin: 0 auto!important; top: 2px;}
	.videodemo #headContent img{ height: auto!important;}
	.videodemo #mainContent{margin: -49px auto!important;}
	.video frame{width:349px!important;; height: 183px!important;}

	.signup #headFormContain{width: 243px!important; }
	.signup#mainContain{ z-index: -1;}
	.signup #mainContentBody>div, #mainContentBody>h2{width: 317px!important;}
	.signup .headFormItem .headSignUpItem{width: 213px!important; }
	.signup #branch{width: 243px!important;}
	.signup #input_tel{width: 243px!important;}
	.signup #submit{width: 109px!important;    margin-left: 26%;}
	.signup #nocreditcard{margin-left: 103px!important; top: 317px!important;}
	.signup #mainContentBody{width: 343px;min-height: 150px; padding: 78px 0 0 0;}

	.waitlist#headContain{height: 510px!important;background-color: transparent;}
	.waitlist #headContent{height: 475px;}
	.waitlist #mainContentBodyRight{display: none;}
	.waitlist #headText{width:100%!important; margin-left: 0%;margin-top: 19px;}
	.waitlist #middleBanner{width: 80%;margin-left:10%; margin-top: -2px;}
	.waitlist #middleBanner img{margin-top: -76px!important; width: 100%!important;}
	.waitlist #headFormContain{margin: -1447px 1px 1px 38px }
	.waitlist .testimonial{display: grid; margin: 7% 9%;}
	.waitlist #textTestimonial{width: 100%!important;text-align: center;padding:0;}
	.waitlist #testimonialPhoto img{margin-left: 24%;}
	.waitlist .iconsBody{text-align: center;}
	.waitlist #headLogo{margin: 20px auto!important;}
	.waitlist #icon_mappin{position: absolute; margin-left: 62px; float:none;}

	.claimaccount #headContain{ height: 1068px;width: 100%;}
	.claimaccount #headContent{ background-color: transparent!important;}
	.claimaccount #headLogo {margin-left: -208px!important;position: unset;}
	.claimaccount #headSloganContain {margin: 0px 0 0 -23px;height: 118px; width: 112%; margin-top: -76px!important;;}
	.claimaccount #mainContentBody{width: 343px;padding: 86px 0 0 0!important; margin: 9px auto;}
	.claimaccount #mainContentBody>div, #mainContentBody>h2{width: 320px;}
 	.claimaccount #mainContentBody{margin: 7px auto 0 auto!important;}
	.claimaccount #headContent #headLogo{display: block;margin: 0 auto!important; top: 2px;}
	.claimaccount #headContent img{ height: 65px!important;}
	.claimaccount #mainContent{margin: -49px auto!important;}
	.claimaccount #nocreditcard{margin-left: 82px!important; top: 445px!important;}

	.referral #headContain{ height: 1068px;width: 100%;}
	.referral #headContent{ background-color: transparent!important;}
	.referral #headLogo {margin-left: -208px!important;position: unset;}
	.referral #headSloganContain {margin: 0px 0 0 -23px;height: 118px; width: 112%; margin-top: -76px!important;;}
	.referral #mainContentBody{width: 343px;padding: 86px 0 0 0!important; margin: 9px auto;}
	.referral #mainContentBody>div, #mainContentBody>h2{width: 320px;}
 	.referral #mainContentBody{margin: -42px auto 0 auto!important;}
	.referral #headContent #headLogo{display: block;margin: 0 auto!important; top: 2px;}
	.referral #headContent img{ height: 65px!important;}
	.referral #mainContent{margin: -49px auto!important;}
	.referral #nocreditcard{margin-left: 82px!important; top: 531px!important}
	.referral #mainContent{margin: 0 auto!important;}
	.referral #headFormContain{width: 243px!important; }
	.referral .headFormItem .headSignUpItem{width: 213px!important; }
	.referral #branch{width: 243px!important;}
	.referral #input_tel{width: 243px!important;}
	.referral #submit{width: 243px!important;}

	.ypo #headContain{height: 504px!important;}
	.ypo #headImgCol{margin: 12px 0 0 -20px!important;}
	.ypo #headLogo{ top: 61px; left: 109px!important; height: 68px!important;}
	.ypo #headContent #resellerLogo{top: 190px!important; left: 52%!important; margin: auto!important;}
	.ypo #mainContent{margin: -83px auto!important;}
	.ypo #mainContentBodyLeft{margin: 0px!important;}

 	.bookademo.sellerpage #mainContain{z-index: -1!important; position: unset!important;}
	.bookademo.sellerpage #headLaptopImage2{padding-left: 0px!important; width: 93px!important;}
	.bookademo.sellerpage #headImgCol{top: 28px!important;}
	.bookademo.sellerpage #mainContent{margin: 28px auto!important}
	.bookademo.sellerpage #mainContentBody { padding-top: 20px!important;}
	body.sellerpage{background: white;}

	.foodprint #mainContain{z-index: -1!important; position: unset!important;}
	.foodprint #headLaptopImage2{padding-left: 0px!important; width: 165px!important; float:right!important;}
	.foodprint #headLaptopImage{float: left!important;}
	.foodprint #headImgCol{top: 28px!important;}
	.foodprint #mainContent{margin: -83px auto!important;}
	.foodprint #mainContentBody { padding-top: 20px!important;  padding: 109px 44px 23px!important; width: 322px!important;}
	.foodprint #logoPartner{margin: -16px -99px 0 87px; float: right;}
	.foodprint #headContent img{display: inherit!important; }
	.foodprint #headLogo{ top: 33px!important;left: 19px!important; height: 53px!important;}
	.foodprint .headFormItem #firstname{ width: 233px!important;}

	.labelmagic #mainContent{margin: 0 auto!important;}
	.labelmagic .iconsContent{ min-width: 294px;}
	.labelmagic #headFormContain{width: 233px;}
	.labelmagic #input_besttime, #input_companyname, #input_fullname, #input_email, #note{width: 233px!important;}
	.labelmagic #input_tel,#options, #submit{width: 263px!important;}
	.labelmagic .iconsBody{width: 100%!important;}
	.labelmagic #mainContentBody {padding: 27px 0 0 0!important;}
	.labelmagic #mainContentBody>div+div+div+div{width: inherit!important;}
	/*body{
	body.sellerpage{background: white;}
		min-width:400px;
	}*/
}