@import url(../media/fonts/helvetica.css);
/* CSS Document
blue 1b76bb
dark blue 004f8c
*/
:root {
	--txtcol: #333;
	--hcol: #0089bf;
	--h2col: #005d80;
	--h3col: #ff6600;
	--bgcol: #FFF;
	--bgcol2: #E9E9E9;
	--bgcol3: #FFE;
	--bgcol4: #ecf6fd;
}
* { margin: 0; border-radius:2px;}
html{ height:100%;}
body { font-size: 12px;  font-family: Arial, Helvetica, sans-serif; box-sizing:border-box; padding-top:20px; min-height:100%; transition: opacity 500ms 200ms;}
body.loading{opacity: 0; }
#loading{transition: opacity 500ms;}
#loading.hidden{opacity: 0; pointer-events: none;}

.small { font-size:8px!important;font-family:Tahoma;font-weight:bold;text-transform:uppercase; }
.normal { font-size: 10px!important; font-family:Arial, Helvetica, sans-serif}
.medium { font-size: 14px!important; font-family:Arial, Helvetica, sans-serif}
.large { font-size: 18px!important; font-family:Arial, Helvetica, sans-serif}
.hidden{display:none!important;}
.invisible{visibility: hidden!important;}
.vlarge{ font-size:22px; color:#AAA;}
.fr { float: right; }
.fl { float: left; }
hr { visibility: hidden; clear: both; margin: 10px;}
hr.spacer{margin-top:80px;}
p { margin: 8px 0; line-height: 130%;}
a { color: var(--hcol); text-decoration: none; border-bottom: dotted 1px var(--hcol); }
a:hover { color: #F60; border-color:#F60!important; }
input { color: var(--hcol) }
.red { color: #C00; font-weight: bold; }
.black { color: #000; }
.blue { color: var(--hcol)!important; }
.white{ color:#FFF!important; }
.yellow{ color:#FFC!important; }
a.white:hover{color:#FFC!important; }
.grey{color:#888;}
.lgrey{color:#AAA;}
.orange{ color: #F60;}
a.white:hover{color:#FFC;}
a.delbtn{display:inline-block; padding:1px 5px 3px; border-radius:50%; border:solid 2px #CCC; font-size:10px; font-weight:bold;}
a.delbtn:hover{border-color:var(--h2col);}
.greyback{ background:#CCC; padding:10px!important;}
.blueback:not(.orangebtn){ background:var(--h2col); color:#FFF; padding:10px!important;}
.lgreyback{ background:#EEE; padding:3px 5px;}
.center{text-align:center;}
input[type=checkbox]{display:none;}
.noborder{border:0!important;}

.bluebtn{background:var(--h2col); display: inline-block; position: relative; font-size: 14px; white-space: nowrap; color: #fff; border-radius:50px; font-family: HelveticaLTCondensedBlackObl; text-transform: uppercase; border: 0; transition: background 300ms; padding: 10px 23px;}
	.bluebtn:hover{ background:var(--hcol); color:#FFC}
	.bluebtn.large, .bluebtn.medium, .bluebtn.normal{background:var(--h2col); padding:5px 15px; font-weight:normal;}
.largeDetail{font-family: helvcond; font-size: 15px; font-weight:bold; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);}

.circlebtn{ background:#ff6600; display:inline-block; position:relative; font-size:14px; border-radius:33px; height:66px; line-height:66px; width:66px; white-space:nowrap; color: #FFF; font-family:HelveticaLTCondensedBlackObl; text-transform:uppercase; border:0; transition: background 300ms;}
	.circlebtn:hover{background:#ffa500; color:#FFF;}
	.circlebtn::after{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #EC5E00;position:absolute;margin-top:24px;right:-9px; }

.orangebtn, #pop input.orangebtn{ border-radius:50px; background: #f60; display: inline-block; position: relative; font-size: 14px; white-space: nowrap; color: #fff; font-family: HelveticaLTCondensedBlackObl; line-height: 140%; text-transform: uppercase; border: 0; transition: background 300ms; padding: 10px 23px;}
	.orangebtn:hover{background:#ff8300; color:#FFF;}
	.orangebtn::after { content:""; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #FFF; position:absolute; margin-top:4px; right:10px; }

.orangebtn.blueback, #pop input.blueback{background:var(--h2col);}
.orangebtn.blueback:after{border-color:transparent transparent transparent var(--h2col);}
.orangebtn.blueback:hover, #pop input.blueback:hover{background:var(--hcol);}
.greybtn{background: #999; display: inline-block; position: relative; font-size: 14px; white-space: nowrap; color: #fff; font-family: HelveticaLTCondensedBlackObl; line-height: 140%; text-transform: uppercase; border: 0; transition: background 300ms; padding: 10px 23px;}
.greybtn:hover{ color:#FFC; border-color:#004f8!important;}

#content { padding:130px 50px 0px 50px; margin:0 auto; min-height:430px; border-radius:0; position:relative;}
#header { height: 120px; }
#logoutbtn{position: absolute; top: 30px; right: 30px;}




#loginheader{ width:220px; float:right; font-size:12px; color:#333; }
#loginheader p{ font-size:12px;}
#loginheader a{float:right; }
h1,h2,h3,h4,h5,h6{border-radius:0;}
h1{color:#FFF; text-transform:uppercase; font-size:250%; font-family:HelveticaLTCondensedBlackObl; padding:10px 25px 10px 25px;}
h2 { font-size: 40px; color: var(--h2col); font-family: HelveticaLTCondensedBlackObl; letter-spacing: -2px; text-transform: uppercase; }
h3 { color:#444; font-size:17px; margin:20px 0px 2px; font-family:HelveticaLTCondensedBlackObl; text-transform:uppercase; }
h6 { font-size:25px; margin-bottom: 10px; color:#555; font-family: HelveticaLTCondensedBlackObl; text-transform: uppercase; }
h4 { font-family: HelveticaLTCondensedBlackObl; color:#444; font-size:30px; margin:20px 0 10px 0;text-transform: uppercase; text-align:center}
h4.grey{background: #DDD; padding: 6px 15px; color:#333; width:770px; }
h4.blue{background: #175e96; padding: 6px 15px; color:#FFF; width:770px; background: -moz-linear-gradient(top,  #175e96 0%, #134d7a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#175e96), color-stop(100%,#134d7a)); background: -webkit-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: -o-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: -ms-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: linear-gradient(to bottom,  #175e96 0%,#134d7a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175e96', endColorstr='#134d7a',GradientType=0 );}
h4.blue a{color:#FFC; border:0}
h4.blue a:hover{color:#FF9;}
h4.black{background: #444; padding: 6px 15px; color:#FFF; width:770px; }
h3.smallblock{text-transform:uppercase; font-size: 16px; margin-bottom:20px;}
#logo { float: left; margin-right: 5px; margin-top:-32px; }
h5 { font-family: HelveticaLTCondensedBlackObl; font-size:20px; color: var(--h2col); text-transform: uppercase; height:100%;}
h1 a, h2 a, h3 a, h4 a, h5 a{border:0;}

#menubar{ background: rgba(220,220,220,0.6); padding:0 0 0 20px; position: absolute; top:75px; left: 50%; width: 870px; margin-left: -450px;  text-align:center}
	#menubar a{display:inline-block; padding:8px 20px; border:0; border-right:solid 1px #CCCCCC; text-transform:uppercase; font-size:10px; font-weight:bold; margin-left:-4px; border-left:solid 1px transparent; transition:background 300ms}
	#menubar a:first-child{border-left:solid 1px #CCCCCC;}
	#menubar a:hover{background:#EEE; color:var(--hcol); border-color:#FFF!important}

#nutriticsBar { background:#FFC; padding:10px; text-align:center; z-index:1; box-shadow:0 2px 5px rgba(0,0,0,0.3); margin:-20px 0 20px; }

/* chose a product: */
body#choose { background:url(/images/feedimgs/macrecipe1.png) no-repeat; background-size:600px; background-position:calc(50% - 550px) 96px; overflow: hidden; overflow-y: scroll}
#choose h1{ color: #666;margin-left: -260px;padding: 0;position: relative;left: 50%;text-align: left;font-size: 40px;text-transform: uppercase;}
#products { margin:50px 0 50px calc(50% - 265px); width:750px; }
.ad { display:inline-block; width:49%; text-transform:uppercase; font-size:22px; font-family:helvcond; font-weight:900; font-style:italic; border:0; line-height:18px; transition:color 300ms, background-color 300ms; text-align:left; padding:30px 40px 30px 90px; color:#666; vertical-align:top; border-radius: 2px; margin: 2px 0px; box-sizing: border-box; cursor: pointer;}
	#products.singleline{width: 360px; padding-bottom: 50px;}
	#products.singleline .ad{ display:block; width:100%; max-width:none; cursor:pointer; padding-left: 100px}
	.ad:before { content:''; display:inline-block; width:45px; height:40px; margin:-2px 0px 0 -58px; position:absolute; background:url(/media/icon-medical.gif) no-repeat; background-size: contain; }
	.ad *{ cursor: pointer;}
	.ad b{display: block; font-size: 13px; color: var(--h2col); margin-top: 5px; transition: color 300ms;}
	.ad span { display:block; font-weight:normal; text-transform:none; margin-top:5px; font-style:normal; font-size:18px; line-height:110%; }
	#products .ad:hover{background-color:#EEE; color: var(--h2col);}
	#products .ad:focus,#products .ad:active{background-color:#EEE; color:#F60}
	#products .ad:hover b{color: #F60;}
	.ad.ath:before{ background-image:url(/media/icon-sports.gif);}
	.ad.ret:before{ background-image:url(/media/icon-foodindustry.gif);}
	.ad.edu:before{ background-image:url(/media/icon-circle-education.gif);}
	.ad.fml:before{ background-image:url(/media/icon-circle-labelling.gif);}
	.pillbtn{ font-weight:bold; background:#EEE; padding:10px 20px; text-transform:uppercase; font-size:10px; border:0; border-radius:50px; transition:background 300ms}
	.pillbtn:hover{background: #E5E5E5;}
	#products+.pillbtn{position:absolute; left:50%; margin:-160px 0 0 190px;}

/* only on website: */
#ifr #content{padding-top:90px;}
#ifr #questions{top:30px;}
#ifr #pagetitle a, #ifr #pagetitle+a{display: none;}

/* TOGGLE SWITCHES: */
.toggle{display:inline-block; width:44px; height:15px;  background:#DDD; color:#999; border-radius:10px; margin: 2px 5px; padding:0; position:relative; transition: background 400ms ease 200ms;}
	.toggle:before{content:'OFF'; text-align:right; font-size:8px; font-weight:bold; line-height:15px;  font-family:Arial; display:block; padding:0 6px 0 7px}
	.toggle:after{content:''; display:block; width:17px; height:17px; border:solid 2px #CCC; background:#FFF; border-radius:50%; position:absolute; top:-3px; left:-1px; transition:left 250ms}
	.toggle:hover{color:#555; box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset; background: #DDD;}
	.toggle:hover:after{box-shadow:0px 1px 6px rgba(0,0,0,0.3); border-color:#AAA}

	.toggle.on{background:#1D76BB; color:#FFF; text-align:left; box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;}
	.toggle.on:before{content:'ON'; text-align:left;}
	.toggle.on:after{left:23px; border-color:#1D76BB}


#summarytable{color:#777;}
table { margin-top: 20px; width: 100%; clear: both; }
table td { border-top: solid 1px #DDD; border-left: solid 1px #DDD; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding:15px}
table td.discount{padding:3px 15px; }
table tr.lastrow td{ border-bottom:solid 1px #CCC;}
table td.lastcol {border-right:solid 1px #CCC;}
	.headercell td{background:#124B78; font-weight:bold; color:#FFF; border-color: #175E96;}
	.totalcell { height: 20px;  background: #EEE;}
	.numbercell{text-align:right!important; width:80px; border-color: #3F8BC5;}
	.blueCell{color:#FFF; background:var(--h2col); border-radius: 0 0 15px 15px;}
	.blueCell:hover{background:#175E96;}
	.blueCell a{color:#FFF; display:block; border:0; font-size:20px; font-family:helvcondObl; text-transform: uppercase; height:100%}
	.blueCell a:hover{color:#FFC;}

#featuresTable{margin-top:-10px; color:var(--h2col);}
	#featuresTable td{padding:4px 15px 6px;}
	#featuresTable .totalcell{width: 188px; font-size: 11px; color: #444;}
		#featuresTable .totalcell p{opacity:0; position: absolute; background: #FFF; padding:15px 20px; width: 220px; margin:-25px 210px; font-size: 14px; transition:all 0.2s; border: solid 3px var(--h2col); color:var(--h2col);pointer-events: none;}
		#featuresTable .totalcell p::before { content: "◄"; position: absolute; left:-16px; font-size:15px; color:#175E96; top: 10px; }
		#featuresTable tr:hover .totalcell p{opacity:1; }
	#featuresTable tr.lastrow td{padding:15px}
	#featuresTable td.headercell, #featuresTable td.arrowcell{width: 260px; padding:5px 15px; background-color: #175E96; border-color: var(--h2col);}
	.tick,.cross{width:20px; height:auto; vertical-align:middle;}
	.qmark { float: right; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #999; display: inline-block; border: solid 2px #DDD; border-radius: 10px; padding: 1px 3px; margin-right: -12px; line-height: 100%; }
	#featuresTable tr:hover .qmark{border-color:var(--h2col); color:var(--h2col); background:#fff;}
	.cross{width:12px;}
	#featuresTable tr:hover{background:#EEE;}
	.featureHead{font-weight: normal; font-size: 14px; line-height: 120%; color: #444; margin: 0 0 -5px -3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);}
	#featuresTable tr:hover .totalcell{background:#DDD;}
	#featuresTable tr:hover .totalcell .featureHead{color:var(--h2col);}
	#featurebtn{display:none; height:100%; width:100%; background:#EEE; text-align:center;padding: 8px; margin: -5px -14px; line-height: 24px; border: 0;}
	#featuresFooter{background:#FFC; padding:30px 15px!important;}
		#featuresFooter .tick{margin-left:20px;}
		#featuresFooter .largeDetail{ font-size:18px}

	#featuresTable .red{text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);}

	.priceCell{ height:50px; font-size:10px; border-top:0; cursor:pointer}
	.priceCell:hover{color:#FFC;}
		.price{font-family:HelveticaLTCondensedBlackObl; font-size:50px; font-weight:normal; margin-right:6px;}
		.priceraised{ position:absolute; margin-top:10px; font-weight:normal;}
		strong.priceraised {margin-left:-3px; font-weight:bold;}


.arrowcell h5{padding:5px 15px; margin:-5px -15px;}
.arrowcell h5::after { content: "►"; }
	.arrowcell h5, .arrowcell h5 a{color:#FFF;}
	.arrowcell h5 a:hover{ color:#FFC;}
	.arrowcell h5.on, .arrowcell h5.on a{ background:#FFF; color:var(--h2col)}
	.arrowcell h5.on::after { content: "▼"; }

	#subnote { font-size: 15px; color: #555; line-height: 140%; margin: 40px 0 -20px 220px; text-align: center; }

.pack { text-align: center; display:none; margin-top:10px; opacity:0; -webkit-transition:opacity 0.7s ; -moz-transition: opacity 0.7s ; -ms-transition: opacity 0.7s ; -o-transition: opacity 0.7s ; transition: opacity 0.7s ;}
.pack.on{display:block;}
.block { padding: 20px; width:206px; margin-right: 10px; margin-bottom: 10px; float: left; background:#FFF; border:solid 7px #DDD; cursor: pointer; height: 150px; }
.block:hover{background:#FFC; border-color:#CCC}
.block:hover h6{color:var(--h2col);}
.extendedtrial { padding:15px; background:#175E96; margin:10px 0 10px 0; text-align: center; clear: both; width:770px; height:auto; float:none; color:#FFF; border:0; background: -moz-linear-gradient(top,  #175e96 0%, #134d7a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#175e96), color-stop(100%,#134d7a)); background: -webkit-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: -o-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: -ms-linear-gradient(top,  #175e96 0%,#134d7a 100%); background: linear-gradient(to bottom,  #175e96 0%,#134d7a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175e96', endColorstr='#134d7a',GradientType=0 );}
.extendedtrial:hover{background:var(--h2col);}
.extendedtrial h3 { color:#FFC; font-size:26px; font-family: HelveticaLTCondensedBlackObl; text-transform: uppercase; margin:0;}

#footer { padding:20px; color: #999; font-size: 10px; text-align: center; border-top:solid 4px #EEE; margin-top:50px}

#cancel{text-align:center;}

#ok { font-size: 19pt; line-height: 140%; padding: 50px 0 80px 0; clear: both; color: #555; }
.msg { color: #C00; }
.loginbox{ border: dotted 1px #CCC; padding:10px 30px 50px 30px; width: 350px; float:left; font-size:10px; background: #FFF; height:180px;}
#launchnote{background:#EEE; border:dotted 1px var(--h2col); width:210px; float:right;}


#loginform input { display: block; width:330px; border: solid 1px #DDD; padding: 5px 10px 5px 10px; margin-bottom: 10px; font-size: 12pt; }
#loginform #submit { width: 150px; float: right; margin-right:-1px; font-size:10px; margin-top:-5px; padding:7px 15px; cursor:pointer }
#loginform input:hover { border-color:var(--h2col) }
#launchnote h3{background: var(--h2col); color: #FFF; padding: 5px 10px; text-align: center; }
#managebtn{padding: 20px; border: solid 2px #DDD; width: 370px; display: inline-block; text-align: center; border-radius: 40px; font-weight: bold; margin-top: 80px; }

#invoices{border-right:solid 1px #CCC; border-bottom:1px solid #CCC; width:990px; margin:20px auto;}
#invoice{text-align:left; line-height:300%; margin:0 20px;}
#invoice h4.blue{text-align:left; margin-left:-20px;}
#invoice p{padding:10px 0;}
#invoicedate{float:right; margin-top:-80px; margin-right:20px; font-size:20px;}
#receivedStamp{border:solid 2px #444; padding: 2px 30px; border-radius: 50px; text-align:center; display: inline-block; position:absolute; left:50%; margin-left:-180px;}
.borders{border-top: dotted 1px #999; border-bottom: dotted 1px #999;}

#summarytable { border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; margin: 20px 0 }
#summarytable td { text-align: left; border-top: solid 1px #DDD; border-left: solid 1px #DDD; }


#CClogos{margin: 5px 0 13px 0;}
	#CClogos img{vertical-align:middle;}
	#CClogos.tooltip span{margin: -37px 0 0 -50px; }
	.infobtn{display: inline-block; padding: 1px 5px 2px; line-height: 100%; border: solid 2px #DDD; color: #777; font-family: verdana; border-radius: 10px; margin-right: -23px; font-size: 10px; text-transform: none;}
	#CClogos.tooltip span::before{left:auto; right: -15px; content:"►";}
#secureLogos{width:200px;}
	#secureLogos a{border:0;}
	#secureLogos p{clear:both; text-align:right; margin:0 0 40px 0}
#activeNote{float: left; color: #999; margin-left: 240px; margin-top: -7px;}
#vatform{background: #DDD; padding: 2px 15px 5px; margin: 5px -15px -5px; display:none;}
	#vatform input{margin:0 5px;}

#paymentCell{ width:200px; height: 200px; padding:5px 15px 15px; border:0; background:#DDD; color: #333; position:relative;}
	.warningCell{padding:15px; border:0; background:#FFC!important; margin-bottom:20px; line-height:140%; vertical-align:middle;;}
	.warningCell p.red{font-weight: normal; font-size:14px}
	#payment-form label,#payment-form .label{font-family: tahoma; font-weight:bold; display:block; padding:2px 0; font-size:8px; text-transform:uppercase;}
	#payment-form input{padding:6px 10px; margin-top:2px; font-size: 16px; border: 0; box-shadow: 0px 1px 2px 0px #BBB;}
	#payment-form input:hover{box-shadow: 0px 1px 5px 0px #888;}
	#payment-form input.full{display:block; width:100%; box-sizing:border-box}
	#payment-errors{display:block; color:#C00; font-size:16px; text-align:center; padding:10px; margin-bottom: 50px;}
	#existingCard{font-size:18px; color: #555; background: #EEE; padding: 10px;  position: absolute; left: 10px; right: 10px; bottom: 10px; border: solid 1px #CCC; border-radius: 10px;}
		#existingCard .small{font-size:8px;}
	#submitPayment{ font-size:16px; text-transform:none; font-weight:normal;}
	#submitPayment:disabled{background:#999; color:#666;}
	#pop #pSettings p#paymentMethods{display: inline-flex!important; margin: 20px 0 0;}
		#selectPayment{background: var(--h2col)!important; font-size: 14px; min-width: unset!important;  margin:-10px 5px; border-radius: 50px}
		#paymentMethods .blueline{height: 15px;}

#pTabs{display:flex;text-align:left;background:#CCC5;margin-bottom: 30px;height: 60px;font-size: 12px;}
	#pTabs div{display: inline-block;font-size: 12px;font-style: normal;transition: 0.3s all;font-weight: bold;line-height: 60px; }
	#pTabs div.on{ background-color:#fff!important; border-top:5px solid var(--h2col)!important; }
	#pTabs #other{color:#a8a8a8;font-style: italic;padding-left: 40px;}
	#pTabs div#pPaypalTab{ padding: 0 30px 0 23px; background:url(https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png) no-repeat center; width:100px; height:100%; border:0; cursor: pointer;}
	#pTabs #pCard {padding: 0px 52px 10px 52px; line-height: 48px; cursor: pointer;}
	#ppData { position:absolute; z-index:101; background-color:white; font-size:24px; color:#AAA;  padding:70px; justify-content: center;}
	#paypal-button{justify-content: center; padding: 70px;}

	/* .payPopup #pTabs div:after{content:'|';display: block;} */
	.payPopup input,.payPopup select{height:40px;}
	.payPopup #pTabs img{/* position:relative; *//* top:3px; *//* width:30%; */display: block;margin-top: -16px;margin-left: -4px;}
	.payPopup input:not(.orangebtn),.payPopup select{width:300px; box-sizing: border-box;}
	.payPopup .smallInp { width:95px!important; }
	.payPopup .half{width:149px;}
	.payPopup label span, .payPopup .label span {width:80px;display:inline-block;text-align:right;padding-right:5px;margin-left: -40px;}
	.payPopup .btns{width:300px;margin:0!important;text-align:right;margin-left: 168px!important;position:relative;}
	.payPopup .btns .arrow{ border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #EC5E00; position:absolute; margin-top:14px; right:-9px}
	.payPopup input::-webkit-input-placeholder{font-style: italic;font-weight: normal;}


#refcodebox{margin-left: 180px; float: left; margin-top: -10px; width: 490px;}
	#refcode{font-size: 10px; border: solid 1px #CCC; box-shadow: none; padding: 3px 12px; color: #999; vertical-align:top;}
	#refcode:hover{border-color:#999; color:var(--h2col);}
	#refcodebox h6{font-size:21px; margin:-2px 10px 0 0; display:inline-block;}

#currencymenu { width:156px; padding-left:10px; height:30px;line-height: 30px; background: #DDD; margin:17px 0 -21px; border: solid 1px #CCC; border-radius: 5px 5px 0 0; font-weight:bold; font-size:8px;}
	#currencymenu a { display: inline-block; padding:0 15px; height:100%; font-size: 10px; border:0; line-height: 30px; }
	#currencymenu a:hover{background-color:#CCC;}
	#currencymenu a.sel { background: #FFF; color: #C00; font-weight: bold; }

.tooltip span{opacity:0; position: absolute; background: #FFF; font-size:9px!important; font-family:Tahoma, Geneva, sans-serif; transition:all 0.2s; border: solid 3px var(--h2col); color:var(--h2col); padding: 15px 15px;
width: 130px; margin: -10px 0 0 25px; line-height: 140%; pointer-events:none; z-index:1}
		.tooltip span::before { content: "◄"; position: absolute; left:-16px; font-size:15px; color:#175E96; top:16px; }
		.tooltip:hover span{opacity:1; }
		.tooltip .gif { width:100%; height: auto; border-radius:10px 10px 0 0; position:absolute; top:0; left:0; transform:translate(0,-100%); box-shadow:0 -1px 9px #999; }



#cancelform, #pauseform{ pointer-events: none; opacity: 0; transform: scale(0.8); transition:opacity 300ms, transform 300ms; position: fixed; top: 50%; left: 50%; background: #FFF; padding: 50px; margin-top:-250px; margin-left:-200px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.5); width:400px; border-radius:5px; max-height:60vh; overflow-y:auto; }
	#cancelform.on, #pauseform.on{pointer-events: all; opacity: 1; transform: scale(1);}
	#cancelform h5, #pauseform h5{margin: 10px 0 2px; height:auto}
	#pauseform select{ padding: 10px 15px;}
	#pauseform p{line-height: 150%; font-size: 14px; color: #333; margin-bottom: 10px}
	#cancelform label{display:block; padding: 5px 0; font-size: 14px; color: #333;}
		#cancelform #page2 label{ padding:15px 0; line-height:150%; border-bottom:solid 5px #EEE; }
		#cancelform #page2 label:first-of-type{ border-top:solid 5px #EEE; margin-top:15px; }
	#cancelform input[type=radio]{margin-right: 10px;}
	#cancelform textarea, #cancelform input[type=text]{width:100%; border:solid 1px #CCC; box-sizing:border-box; width:100%; height:50px; padding:5px; margin:5px 0; box-sizing:border-box}
	#cancelform input[type=submit], #cancelform input[type=button]{ padding: 12px 25px; background:#CCC; font-weight:bold; border:0; margin-top:10px; transition:background 300ms;}
	#cancelform input[type=submit]:hover, #cancelform input[type=button]:hover{background:#D5D5D5; color:var(--h2col)}
	#cancelform p, #cancelform p:empty, #cancelform p:empty.on{color: #F60; border: dotted 2px #F60;  background: #FFF7F7;  transition:all 300ms; max-height:0px; overflow:hidden; visibility:hidden; margin:0;}
	#cancelform p:empty{display:none;}
	#cancelform p.on{ max-height:72px; padding:10px 15px; visibility:visible; margin:10px 20px; display:inline-table;}
	#cancelform p a{ color:#BB0000; border-color:#F60;  padding:0px 3px; font-weight:bold; }
	#cancelform p a:hover{ color:#990000; background:rgba(0,0,0,0.1); }
	#cancelform .inlinelabels label{display:inline-block; width:auto; margin-top:5px}
	#cancelform label:hover{ background:rgba(0,0,0,0.05);}
	#cancelform .page{display:none; text-align:left;}
	#cancelform .page.on{display:block;}
	#page2 input[type=button]{margin-top:50px;}
	#page3 div{margin-top:20px; color:#777; line-height:135%}
	#s-call2cancel, #s-cancel {display:none;}
	.call2cancel #s-call2cancel, .cancel #s-cancel, #page1 #s-cancel{display:inline-block;}

h1#pagetitle{background:#333; position:relative; height:35px; text-align:center; font-size: 25px; margin-top:-20px}
h1#pagetitle span{}
#notice{ position:absolute; background:#FFD; z-index:1; padding:10px 10px 6px; width:360px; text-align:center; color:#444; border-bottom:solid 1px #D6D664; right:0; border-radius:0 0 0 12px; border-left:solid 1px #D6D664; font-weight:bold;}

h2.pageheading{ font-family: HelveticaLTCondensedLightObl; text-transform: none; font-weight: normal; font-size: 47px; letter-spacing: -1px; text-align:center;}

#upgrade{max-width:990px; font-family:HelveticaLTCondensedLightObl; margin:-50px auto 0; position:relative; padding-top:10px;}
#upgradeBanner{text-align:center; position:absolute; left: 0; right: 0; top: 95px;    width: 282px;}
	#upgradeBanner h2{border-top:none; font-size:48px;}
	#upgradeBanner p{color:var(--h2col); margin-top:-10px; font-size:18px; font-family:HelveticaLTCondensedLightObl}
	#upgradeBanner .savings { color:#F60; font-family:Arial; text-transform:uppercase; text-align:left; font-weight:bold; font-size:11px; }
	#upgradeBanner .savings span{  text-align: center; display: inline-block; width: 92px;}

#upgradeBanner .floatingBTN{line-height: 12px;}
.floatingBTN { width:70px; height:31px; margin-left:55px; text-align:center; text-transform:uppercase; color:#FFF; margin-top:-72px; background-color:var(--h2col); padding:10px 25px 0px 25px; line-height:20px; font-size:9px; font-family:Arial; font-weight:bold; transition:background 300ms; border-radius:0 50px 50px 0;  z-index:1; position:relative;}
	.floatingBTN:hover{cursor: pointer; background-color:var(--hcol);}
	.floatingBTN#price{width: 90px; margin: -38px 10px 0 0; text-transform: uppercase; color: #FFF; background-color: #ff6600; line-height:20px; font-size: 14px; text-align: right;
	float: right; font-family: HelveticaLTCondensedBlackObl; border-bottom: none; cursor: pointer; padding-right: 25px;}
	.floatingBTN span { position:absolute; left:-105px; background:#e5e5e5; padding:0px 20px 0 5px; font-size:8px; color:#777; line-height:19px; transition:background 300ms; }
	.floatingBTN span:before { content:''; border-style:solid; border-width:9px 10px 9px 0; border-color:transparent #e5e5e5 transparent transparent; position:absolute; left:-10px; transition:border-color 300ms;}
		.floatingBTN span:hover{background:#F60; color: #FFF;}
		.floatingBTN span:hover:before{border-color:transparent #F60 transparent transparent;}


.circle { width:70px; height:70px; background:#FFF url(../media/icons-industry.gif) no-repeat; border-radius:50px; border:solid 3px var(--h2col); margin:-30px 0 0 -85px; position:absolute; font-family:HelveticaLTCondensedBlackObl; color:#4F4F4F; text-align:center; }

	.circle.ath{background-position:8px -10px;}
	.circle.edu, .circle.sta, .circle.stu, .circle.res{background-position:8px -100px}
	.circle.ret{background-position:8px -190px}
	.circle.fml{background-position:8px -360px}
	.circle.pro,.circle.per{background-position:8px -280px}

.floatingBTN#price:hover{background-color:#FFA500; }
.floatingBTN#price .circle{border-color:#ff6600; background:#FFF; margin:-50px 0 0 -48px; font-size:19px; line-height:62px;}
	.floatingBTN#price .circle p{font-size:8px; line-height:0px; margin-top: -13px; font-family:Arial, sans-serif; color:#4F4F4F; display:block}
	.floatingBTN#price .circle::after{content: ""; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #fff; position: absolute; right: -9px; top: 31px;}
	.floatingBTN#price .circle p#vat{color:#999; margin-top:-6px;}


.page{ text-align: center;}
.feature{background-color:#FFF; height:240px; width:198px; -webkit-background-clip:padding-box; background-clip:padding-box; border:solid 6px #EEE; margin:0 15px 70px 0; position:relative; display:inline-block; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:default; transition:background 300ms; vertical-align:top; text-align:center}
	.feature:hover{background:#FFE;}

	#upgrade p { font-size:16px; color:#666; text-align:center; margin:0px 10px 0px; font-family:helvcond; color:#666; display: block;}

.featuregroup{display: inline-block; margin-right: 43px; vertical-align:top; height: 320px;}
	.featuregroup .feature{margin:-3px;}
	.featuregroup:hover .feature{background:#FFE;}
	.featuregroupname{    border-bottom: solid 3px transparent;  position: relative;  width: 610px;  z-index: 1; transition:border-color 1s}
	.featuregroupname span{ display: block; background: #DDD; color: #777; position: absolute; left: 50%; z-index: 1; padding: 6px 20px; font-family: Arial; text-transform: uppercase;  font-weight: bold; font-size: 9px; margin:-11px 0 0 -85px; text-align: center; border-radius: 20px; width: 130px; transition:background 250ms}
	.featuregroup:hover .featuregroupname{ border-color:var(--h2col)}
	.featuregroup:hover .featuregroupname span{ background:var(--h2col); color:#FFF;}

.featureFoot { position: absolute; bottom: 0; left: 0; height: 50px; background: #AAA; border-radius: 0; z-index: 10; margin:-6px; right: 0; }
.upgradeTypeBtn{width:99px; height:46px; color:#FFF; background-color:#AAA; text-align:center; font-size:30px; line-height:40px; font-family:HelveticaLTCondensedLightObl; cursor:pointer; padding-bottom:4px;transition:background 300ms;}
	.feature.onoff .upgradeTypeBtn.neg, .onoff .upgradeTypeBtn.pos{font-size:17px; line-height:47px;}
	.upgradeTypeBtn.pos{ float:right; }
	.feature[data-quantity="-1"] .upgradeTypeBtn.pos, .feature[data-quantity="1"] .upgradeTypeBtn.pos, .feature[data-quantity="0"] .upgradeTypeBtn.neg{background:var(--hcol);}
	.feature[data-quantity="0"] .upgradeTypeBtn.neg{background:#666;}
	.upgradeTypeBtn:hover{background-color:var(--h2col)!important; }
	.featuregroup.off .feature, .feature[data-quantity="0"]{background:rgba(0,0,0,0.05)!important;}
	.featuregroup.off .feature h3, .feature[data-quantity="0"] h3{color:#999!important;}
	.feature.num[data-quantity="0"] .upgradeTypeBtn.neg span{display:none}
	.feature.num[data-quantity="0"] .upgradeTypeBtn.neg::after{content:'OFF'; font-size:17px; line-height:47px;}


.upgradeStatus{width:60px; height:60px; line-height:60px; border-radius:50px; margin-top:-65px; margin-left:68px; background-color:#FFF; border:solid 3px #AAA; text-align:center; color:var(--h2col); font-size:30px; font-weight:bold;  font-family:HelveticaLTCondensedBlackObl; position: absolute;}
	#upgrade .upgradeStatus p{font-size:7px; height:16px; font-family:Arial; position:absolute; margin: 7px 0 0 -10px; color:var(--h2col)}
	.upgradeStatus span{ display:block; margin-left:-5px;}
	.feature.onoff .upgradeStatus span{ font-size: 22px; margin: -2px 0 0 -5px; }

.upgradePrice{background-color:#404040; width:144px; height:17px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-left:30px; margin-top:-1px; color:#FFF; padding:3px; text-align:center; font-size:13px; font-weight:bold; text-transform:uppercase; font-family:HelveticaLTCondensedBlackObl;}

#standardPlans{ margin:50px -50px 50px; padding-bottom:50px;}
	#standardPlans h2{ font-size:20px; color:var(--hcol); letter-spacing:0; padding:15px 40px; margin-bottom:20px; background:#eee; text-align:center;}
	#standardPlans div{width:26%; margin:0 0 0 20px; padding:4px 15px 15px 35px; display:inline-block; text-align:left; background:url(../media/icon-tick.png) no-repeat; background-position:10px 15px; cursor:default;}
	#standardPlans p, #standardPlans h3{text-align:left; padding:0;}
	#standardPlans p{ margin:5px 0;}
	#standardPlans div:hover{background-color:rgba(255,255,255,0.5);}

#msg { position:fixed; width:330px; background:var(--hcol); color:#FFF; font-family:helvcond; font-size:20px; padding:20px 30px 20px 50px; bottom:40px; right:-500px; box-shadow:-1px 1px 3px rgba(0,0,0,0.4); transition:right 500ms; border-radius:200px 0 0 200px; z-index:10; line-height:110%; }
	#msg.on{ right:0px;}

#pop{position: fixed; top: -560px; left: 50%; margin-left: -200px; margin-top: -200px; width: 400px; height: 400px; background: #FFF; border-radius: 200px; box-sizing: border-box; padding: 90px 50px; z-index: 10; box-shadow: 0px 0px 20px rgba(0,0,0,0.5); display:block; text-align:center; font-family:helvcond; font-size: 22px; color: #666; z-index: 4; transition:all 500ms; }
	#pop.on{top: 50%; }
	#pop:not(.on) { overflow:hidden; }
	#pop h2{font-size: 28px;letter-spacing: -1px;text-align: center; }
	#pop .btns{margin-top: 20px!important;}
	#pop #payment-errors ~ .btns{margin-top: 5px!important;}/*//Divya//#34821//reduced margin for btns*/
	#pop p, #pop label, #pop .label{margin:10px 0; line-height:140%; display:block;}
		#pop p.msgForm { width: 300px; display: inline-block; font-size: 11px!important; margin: 0px 0 -5px 45px; text-align: left;}
	#pop #pSettings p{margin:15px 0;}
	#pop label, #pop .label{margin: 10px 0;}
	#pop input,#pop select{border:solid 1px #DDD;background:#EEE;padding:8px 15px;margin-bottom:2px;vertical-align:middle;font-weight: bold;}
		#pop input.visibleCheckbox { display: inline-block; height: 20px; width: 20px; margin-right: 5px; }
	#closepop{position:absolute; top: 70px; right: 20px; background:var(--h2col); color:#FFF; font-size:12px; font-weight:bold; font-family:Arial; height:25px; width:25px; line-height:25px; border-radius:50%;}
	#closepop:hover{background:var(--hcol);}

#pop.square { border-radius:0; width:600px; margin:-300px; padding:0; border:0; box-shadow:2px 3px 9px rgba(0,0,0,0.6); height:600px; }
#pop.rect { border-radius:0; width:1000px; margin-left:-500px; padding:0; border:0; box-shadow:2px 3px 9px rgba(0,0,0,0.6); }
#cover { background:#000; transition:opacity 300ms 200ms; pointer-events:none; top:0; left:0; bottom:0; right:0; position:fixed; z-index:3; opacity: 0}
#cover.on{opacity:0.3; pointer-events:all;}
#pop.square #closepop{top:-12px;right:-12px;}
.CardField--ltr .CardBrandIcon-container{margin-left: 4px;}

.toggleBtns a{display:inline-block; background:#AAA; padding:7px; line-height:100%; color:#FFF; text-transform:uppercase; font-family:Arial; font-size:10px; font-weight:bold; bborder-radius: 0; transition: background 300ms}
	.toggleBtns a:hover{background:#888; color:#FFC;}
	.toggleBtns a.on{background:var(--h2col)}
	#discount{font-weight:bold; font-style:italic; color:#ff6600; border:dotted 1px #ff6600; border-radius:30px; display: inline-block!important; padding:5px 20px; margin:5px auto -5px!important;}
	#vatnumbox{position:relative;}
	#vatnumbox input{ padding:5px 10px 5px 15px; border-radius: 50px;}
	#vatnumbox.exempt1::after, #vatnumbox.exempt-1::after, #vatnumbox.exempt-0::after{ top:0px; right: 13px; background: #D8FFD3; color: #298100; padding: 0px 10px; border: dotted 1px #97D78F; position: absolute; content: '\2713\0000a0 accepted'; font-size: 8px; text-transform: uppercase; line-height: 25px; font-weight:bold; border-radius:0 50px 50px 0 }
	#vatnumbox.exempt-1::after{content: "\2713\0000a0 Reclaimable (IE)";}
	#vatnumbox.exempt-0::after{content: "Unrecognised"; background:#FFE9E9; color:#900; border-color:#900;}

	#vatStatus{ position:relative; top:-45px; right:-180px;}
	#vatStatus.exempt1::after, #vatStatus.exempt-1::after, #vatStatus.exempt-0::after{ top:0px; right: 18px; background: #D8FFD3; color: #298100; padding: 0px 10px; border: dotted 1px #97D78F; position: absolute; content: '\2713\0000a0 accepted'; font-size: 8px; text-transform: uppercase; line-height: 25px; font-weight:bold;width: max-content;}
	#vatStatus.exempt-1::after{content: "\2713\0000a0 Reclaimable (IE)";}
	#vatStatus.exempt-0::after{content: "Unrecognised"; background:#FFE9E9; color:#900; border-color:#900;}

#res,#payment-errors{  font-size:12px; font-family:Arial; padding:5px 15px; display:inline-block; margin:8px 0 3px; color:#F60; font-weight:bold; border:dotted 1px #F60; background:#FFF7F7; border-radius:30px;}
	#res:empty,#payment-errors:empty{display:none;}

#extendTrial{font-family: Arial; font-size: 12px;}
	#extendTrial p.label{margin:10px 0;}
	#acceptBtn.disabled{ pointer-events: none; background: #777; }
	  #acceptBtn.disabled:after { margin:-8px -5px; height:24px; width:24px; animation:rotate 0.8s infinite linear; border:2px solid #EC5E00; border-right-color:transparent; border-radius:50%; z-index:-1; border-top-color:transparent;}
		  @keyframes rotate {
		   0% { transform:rotate(0deg); }
		   100% { transform:rotate(360deg); }
		  }

/*PACKAGES PAGE:*/
#payingToggles{ display:none; float:left; font-family:Arial; font-size:10px; font-weight: bold; text-transform:uppercase; margin:15px 0 5px;width: 100%;}
	#payingToggles:before{content:attr(data-contenton); color:#AAA; display:block; margin-bottom:5px;margin-right: 35px;}
	#payingToggles a { float:left; padding:12px 19px; background:#EEE; color:#999; border: 0!important; vertical-align:middle; transition:background 300ms; margin-right:0px; }
	#payingToggles a.on{background:var(--hcol); color:#FFF; }
		#payingToggles a:first-child{ border-radius:50px 0 0 50px;}
		#payingToggles a:last-child{ border-radius:0 50px 50px 0;}
	#payingToggles a:hover:not(.on){ color:var(--hcol); background:#DDD;}
	#payingToggles.on{display:block;}

#orgname{display:inline-block; position:absolute; top:50px; border-radius: 50px; margin:0 0 0 -500px; left:50%; padding:3px 20px; }

#questions{  position:absolute; top:50px; right:50%; margin-right:-465px; text-align:right; transition:all 300ms}
	#qbtn{ font-family:HelveticaLTCondensedBlackObl; font-size:12px; text-transform:uppercase;}
		#qbtn:after{content:' ▼'; display:inline-block; transition:transform 400ms 150ms;}
		.on #qbtn:after{transform:rotate(180deg); }
	#questions.on{  width:500px; height:550px;border-radius: 30px; background:#FFF; z-index:3; box-shadow:1px 1px 10px rgba(0,0,0,0.5); padding:20px 40px 35px 60px; overflow:auto; }
	#questions div{display:none;}
	#questions.on div{display:block; text-align:left; font-size:20px; line-height:150%; font-family:helvcond; color:#555;}
	#questions h5{    margin: 30px 0 -5px; font-size: 17px;}
	#questions.on div .bluebtn{line-height:100%;}

#plans *{cursor:default;}
#plans{ border-collapse:collapse; border:0; user-select: none; text-align:center}
#plans .bluebtn, #plans .orangebtn{ line-height:140%; margin: 0 -50px; width:155px; box-sizing:border-box;}
#plans td{border:0; color:#666; line-height:32px; padding:0 20px; border-left: solid 3px #FAFAFA; font-family:HelveticaLTCondensedBlackObl; font-size:20px; min-width:130px;}
#plans #hiddenAddons td{line-height: 40px;}
tr{ border-radius: 50px 0 0 50px; transition:box-shadow 300ms}
	tr:not(:first-child):hover{ box-shadow: 1px 1px 20px rgba(0,0,0,0.1)!important; position: relative;}
	tr:hover td{ color:#666; }
#plans td.empty{background:none; border:0!important}
	#plans td.empty *{display:none;}
#plans thead td{vertical-align: top; position:relative; padding:0; border: solid 4px #FFF; line-height:25px; color:#FFF; font-size:14px;}

	#plans .bg{ position:absolute; text-transform:uppercase; z-index: 1; line-height:26px; overflow:hidden; display:block; width: 100%; background:#FFF; color:#666; text-shadow:0px 1px 3px rgba(0,0,0,0.5);}
	#plans thead td.Premium .bg, #plans thead td.Graduate .bg{ line-height:33px; margin-top:-7px; }
		#plans thead .bg span{display:block; background: rgba(0,0,0,0.3); color: #FFF; border-radius: 50px;}
		#plans thead .bg{ border-radius: 50px;}

	#plans thead td.Current{color:#666; background:#FFF;}
	#plans td.Plus .bg, #mobdrop a.Plus{color:#FFF; background:var(--h2col); text-shadow:0px 1px 3px rgba(0,0,0,0.3);}
	#plans td.Premium .bg, #mobdrop a.Premium{color:#FFF; background:#dcbc3b; text-shadow:0px 1px 3px rgba(0,0,0,0.4);}
	#plans td.Enterprise .bg, #plans td:nth-child(3).Enterprise, #mobdrop a.Enterprise{ color:var(--h2col); background: #FFF}
	#plans td.Premium{ color:#c1a225;}
	#plans td.Current{ color: #999; }
	#ifr.ret #plans td.price.Premium:after, #ifr.ret #hiddenAddons, #ifr.ret #addonsbtn, #ifr.ret .foot,
 	#ifr.ret .toggleBtns, #ifr.ret .savings{display: none;} /*54478*/

	#plans td.price.Premium:after, #plans td.price.Graduate:after{content:'POPULAR'; display: block; margin-bottom: -20px; color:#F60}
	#plans td.price.trialPack::after{content:'YOUR TRIAL PLAN'; display: block; margin-bottom: -20px; color:#c1a225}
	#plans.trial-1  td.sel:after{content:'SELECTED'; display: block; margin: 5px 0 -25px; background:#f60; color:#FFF; border-radius:20px;}
	td.price .orange{display:none;}
	td.price.saveSwitch .orange{ display: block; width: 90px; margin: 0 auto -18px;}
	td.price.current{color:#AAA!important;}
	#corporatePoints{ position:absolute; background:#FFF; text-align:center; left:0; right:-10px; height:413px; padding:16px; margin-top:25px; z-index:1;}
		#corporatePoints li { list-style:none; margin:0 0 16px 0; font-size:12px; }
	.checkout #plans tbody td.Corporate:not(.price), .checkout #plans tbody td.Enterprise:not(.price){text-indent:-500px; overflow:hidden; border-top:0!important; border-bottom:0!important;}
	#chargebtns{line-height: 50%!important;}
	#confirmNote{position:absolute; line-height:140%; z-index:0; opacity:0; margin-left:-80px; font-size:14px; padding-top:14px; top:50px; white-space:nowrap;transition:all 300ms; pointer-events: none;}
	#confirmNote.on{z-index: 1;opacity: 1; top:80px;}


	#plans .price{color:#555; background:#FFF; font-size:10px; font-family:Arial; font-weight:bold; line-height: 17px; padding:34px 10px 32px 20px;position: relative;}
	#plans .price .large{font-size:36px!important; font-family:HelveticaLTCondensedBlackObl; letter-spacing:-2px; }
	#plans .price .bluebtn{line-height:100%;}
		.mainprice .fl { margin:0 -30px 0 0px; font-size:10px; font-family:Arial; letter-spacing:normal; color:#AAA; }
		.tempPrice{display:none;}
		.mainprice+.tempPrice{ display:block; position:absolute; color:#F63; font-family:HelveticaLTCondensedBlackObl; font-size:20px;  letter-spacing:-1px;right: 27%;top: 14%}
		.cols2 .mainprice+.tempPrice{right: 36%!important;}
		.mainprice+.tempPrice:before { content:''; border-bottom:solid 2px #f63; position:absolute; margin:24px 0 0 -40px; width:40px; transform:rotate(-24deg); }
		.mainprice+.tempPrice:after{content:'*'; font-size:12px; vertical-align: super; margin-left:3px;}

		#upgrade p#fineprint { padding:15px 0 0; color:#F60!important; font-family:Arial; font-weight:bold; font-size:12px; display:block; float:right; }
		#fineprint:empty{display:none}

#plans td.name{ width:auto; width:240px; color:#555; text-align:left; font-size:16px;}
	#plans tr.feat:hover .name:before{background:#ff6600!important; color:#fff!important;}

	#plans .name:hover{color:#222; background:#FFF;}
	#plans .name:before{content:'i'; width:20px; height:20px; line-height:20px; margin:5px -10px 0 0; background:#CCC; color:#444; font-size:13px; font-family: times; font-weight:bold; text-align:center; float:right; text-transform:lowercase; border-radius:50%;}
	#plans .name:hover:before{ color:#FFF; background:#ff6600;}
	.tooltip{ pointer-events:none;position:absolute; width:350px; max-height:0px;  margin:-35px 240px; opacity:0; text-transform:none; font-family:helvcond; font-size:20px; line-height:140%;  transition:all 300ms; box-sizing:content-box; z-index:0; color:#FFF; background:#ff6600; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); transform:scale(0.8); z-index:4}
	#plans .name:hover .tooltip{ max-height:150px; padding:20px 40px; margin:-45px 260px; opacity:1; transform:scale(1); z-index:5; border-radius:25px; }
		#plans .name:hover .tooltip:before{ content:''; border-style: solid; border-width: 6px 16px 6px 0; border-color: transparent #ff6600 transparent transparent; position:absolute;     left: -16px;}
		#plans .name:hover .tooltip.withVideo{ border-radius: 0 0 25px 25px;}

	#plans td.fgrouphead {  position:relative; border-color:transparent; height:2px; background:linear-gradient(to right, #eeeeee 0%, var(--h2col) 49%, #eeeeee 100%)!important; background:var(--h2col);}
	#plans .fgrouphead .bg{display:inline-block; position:absolute; z-index:1; line-height:16px; overflow:hidden; color:#FFF; background:var(--h2col); margin:-7px -80px; font-size:12px; width:160px; text-shadow:0 1px 5px rgba(0,0,0,0.3); border-radius: 20px; left:50%;}

	a#addonsbtn { margin:-0px 0px 10px; border-radius: 50px; background:var(--h2col); color:#FFF; display:block; position: relative; line-height:40px; border:0; text-align:left; padding-left:20px; font-size:14px; text-transform:uppercase; }
		a#addonsbtn:hover{color:#FFD; background:var(--h2col);}
		#addonsbtn:before{content:attr(data-contentOn);}
		#addonsbtn.on:before{content:attr(data-contentOff);}
		#addonsbtn:after{content:' ▼'; margin-left:10px;}
		#addonsbtn.on:after{content:' ▲';}

		#discountCode {border-radius: 50px; box-shadow:0 1px 15px #EEE; color:#F60; font-weight:bold; text-align:center; font-size:14px; width:90%; display:block; font-family:Arial; padding:12px 10px; margin-top:8px; line-height:110%; white-space: nowrap; transition: all 0.5s;}
			#discountCode:hover,#discountCode:focus,#discountCode:active {box-shadow:0 1px 10px #AAA;}
			#discountCode.width80{width:80%;}
			#discountCode input { padding:8px 10px; outline: none; background:transparent; margin:-10px; border:0; width:100%; text-align:center; color:#F60; font-weight:bold; }
			#discountCode #applyBtn { margin:-24px 0px -16px -10px !important; border-radius:50px; font-weight:bold; background:#f60; font-size:14px; white-space:nowrap; color:#fff; font-family:HelveticaLTCondensedBlackObl; text-transform:uppercase; border:0; transition:background 300ms; padding:14px; display:inline-block; }
				#discountCode #applyBtn:hover { background: #ff8300; color: #FFF;}
			#discountCode.fullSpan{width:235px;}
		#sticker { position:fixed; background:#F60; color:#FFF; width:100px; height:100px; border-radius:50%; line-height:100%; padding:25px 15px; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,0.5); transform:rotate(15deg); font-size:16px; font-family:HelveticaLTCondensedBlack; text-transform:uppercase; text-shadow:0px 1px 3px rgba(0,0,0,0.4); top:170px; z-index:2; left:50%; border:solid 3px #FFF; margin-left:420px; }

	#hiddenAddons{display:none;}
		#hiddenAddons.on{display:table-row-group;}
		#hiddenAddons tr{transition:opacity 600ms;}
		#hiddenAddons tr.prefade{opacity:0; z-index:0}
		#hiddenAddons tr.feat:not(.on) td:not(.name){color:transparent!important; background:transparent; text-shadow:none!important}

		#plans .featurecover.price { position:absolute; background:#E5E5E5; top:10px; height:107px; left:280px; right:0; padding:0; margin:0; transition:opacity 500ms; border-radius:0 70px 70px 0; z-index:1 }
		.featurecover .fr { margin:40px 88px 0 0; line-height:14px; position:absolute }
		.featurecover:before { content:'DISABLED'; font-size:29px; font-family:HelveticaLTCondensedBlackObl; letter-spacing:-1px; color:rgba(0,0,0,0.1); float:left; margin:44px 158px; }
		#plans tr.on .featurecover.price{opacity:0; pointer-events:none;}

		.fgrouphead .toggle { position:absolute; right:-22px; top:53px; transform:scale(1.4); background: #666; text-align:right; z-index:2}
			.fgrouphead .toggle.on{background:#1D76BB}
			.fgrouphead .toggle:before{text-align:left; color:#FFF; font-size:7px;}
			.fgrouphead .toggle:after{left:23px;}
			.fgrouphead .toggle.on:before{text-align:right;}
			.fgrouphead .toggle.on:after{left:-1px;  }

	#plans .foot td{ line-height:100px; background:#fff; padding: 10px 0 25px; border:0;}
		#plans .foot td.lgreyback{background:#EEE; border-radius:5px}
	#upgrade .foot p{ font-size:18px;}

	#triallerNote{ position: absolute; top: 20px; left: 50%;  margin-left: -213px;  font-size: 15px; color:#666; padding: 10px 20px; background: #FFD;}
	#triallerNote strong{ color:var(--h2col)}

	#trialbanner{margin:10px 0 -40px 263px;padding:20px!important;border-left:solid 6px #F60;}
		#trialbanner:before{content:'Not yet ready to buy?'; }

.tipbubble{position:fixed; background:#ffffff; padding:20px 50px; width:330px; bottom:40px; right:-420px; border-radius:100px 0 0 100px; color:#165e96; font-family:HelveticaLTCondensedBlackObl; font-size:16px; z-index:2; border:solid 3px #165e96; border-right:0; transition:right 600ms; }
	.tipbubble:before{ content:'TIP'; background:#165e96; color:#FFF; font-weight:bold; position:absolute; left:-20px; font-size:10px; font-family:Arial; padding:2px 10px; top:33px; }
	.tipbubble.on,.tipbubble:hover { right:0; border-left-color: #ff6600;}
	.tipbubble.on:before,.tipbubble:hover:before{ background: #ff6600; }

#mobdrop{display:none;}
#adjustPlan{ max-height:520px; display:block; overflow:auto; margin-bottom: 20px; padding: 30px 30px 0px 30px; box-sizing: border-box; font-style: normal;}

/*SURVEY PAGES */
#surveyForm{ margin-bottom: 150px; font-family:helvcond; font-size:17px; color:#333;}
#surveyForm #q59{margin-left: 250px;}
#survey label,#survey .labeltext{display:block; padding:30px 20px; border-top:3px rgba(0,0,0,0.06) solid;border-bottom:3px rgba(0,0,0,0.06) solid; margin:0 auto; width:900px; position:relative;   transition:background 300ms;}
#survey label:first-child{ margin-top:50px;}
#survey .labeltext, #survey .rContainer label{border:0!important;}
#survey label:hover, .rContainer:hover{background:rgba(0,0,00,0.06);}
#survey .labeltext{padding:0px;}
#survey #pop{padding-top: 130px;}
#survey #libroSurvey{width:100%; text-align:center; padding:10px; box-sizing:border-box; font-size:16px; font-weight:bold; color:#ff6633;}
.labeltext div{ display: inline-block; font-size: 18px; margin-left: 43px;}
.labeltext span { width: 85px; display: inline-block; text-align: center; font-style: italic; font-weight: bold;}

.rContainer{width:900px; margin:0 auto; padding:30px 20px; transition:background 300ms;}
	.rContainer .labeltext{ display:inline-block!important; width:355px!important}
	.rContainer label{ display:inline-block!important; width:90px!important; padding:0px!important; text-align:center; padding:25px 0 10px!important; margin:-10px 0!important; vertical-align: middle;}
	.rContainer label span {  font-size:8px; font-family:Arial; position:absolute; left:12px; width:66px; top:12px; text-align:center; font-weight:bold; text-transform:uppercase; }
	.rContainer input{min-width:auto!important;}
	.rContainer .labeltext{padding:0px!important;}
	.el-p, .cContainer .labeltext{text-align:center; padding:30px 20px!important;}
	.el-p p:after, .cContainer .labeltext:after{content:'...';}
.cContainer{width:916px; margin:0 auto; border-top:5px #EEE solid; border-bottom:5px #EEE solid; padding-top:20px; padding-bottom:20px;}
	.cContainer input{display:inline-block!important; min-width:auto!important; margin-right:10px; }
	.cContainer label{border:0!important; padding:15px !important;}
/* #survey .bluebtn{margin:45px auto; display:block; width:60px;} */
#survey input[type=text]:not(.dInput):not(.numInput),select:not(.simple),textarea{display:block; padding:10px 25px; font-size:22px; min-width:300px; border:0; margin-top:10px; background:var(--h2col); color:#FFF; font-family:helvcond;}
#label.hidden{display:none;}
#survey #footer{background:#EEE;}
#survey .disabled{ pointer-events: none; color: #ddd;}
#survey #dates { background:rgba(0,0,0,0.05); color:#444; font-size:10px; font-weight:bold; display:block; padding:10px; text-align:center;}
#survey #dates .delbtn{ position:absolute; margin-left:-30px; margin-top:10px; }
.dInput{ border:0; color:#1d76bb; font-size:14px; width:220px; padding:10px 20px; text-align:center;}
.el-p, .el-h1 ,.el-h2,.el-h3{border:0!important;}
#surveyUsers:before{content:"RESPONSES:"; font-weight:bold; background:#333; color:#FFF; padding:3px 10px; display:block; text-align:center}
#surveyUsers {  width:180px; background:#eee; position:fixed; left:0;  top:0px; bottom:0px; color:#333; z-index:1; overflow-y:auto; border-right:solid 5px #CCC;}
#surveyUsers a{ padding: 15px 10px; border-bottom: 1px solid #ccc; color: #333; display: block; cursor:pointer; font-weight:bold;}
	#surveyUsers a span{margin-right:5px; font-size: 9px;  border-right:solid 1px #CCC; padding-right:5px;}
	#surveyUsers a.on{ background:#F63; color:#FFF; border:0;}
	#surveyUsers a.on:after{content:''; width:0; height:0; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #FFF; position:absolute; right:5px; z-index:10; margin-top:1px;}
#submitSurvey{ position:absolute; left:50%; margin:50px 0 0 -30px; font-size:18px; padding-left:35px; padding-right:35px;}
#survey #pop .delbtn{ position:absolute; top:27px; right:55px; background:#DDD; color:#000; font-style:normal; padding:0; width:25px; height:25px; line-height:24px; border:solid 2px #999; font-size:12px;}


/*STRIPE ELEMENTS*/
#card-element{
	width: 300px;
	background: #EEE;
	font: 400 13.3333px Arial;
	border: solid 1px #DDD;
		padding: 12px 0px;
	margin: -12px 0 -10px;
}


/*SURVEY RESULTS*/
#surveyResults table >tbody >tr:first-child{ font-weight:bold; }

@media only screen and (min-width: 1400px) {
		#choose h1{ margin-left: -283px;}
}

@media only screen and (max-width:1023px) {
	#discountCode{width:70%;}
	#orgname{margin-left:calc(-50vw + 40px)}
	.featurecover .fr{left:30px;}
}

/*MOBILES ONLY: */
@media only screen and (max-width : 420px) {
	#orgname, #choose h1{display:none;}
	html,body{ width:100%; overflow-x:hidden!important; margin: 0;}
	#survey label, #survey .labeltext{width:100%; box-sizing: border-box;}
	.rContainer,.cContainer, .el-p, .cContainer .labeltext {width:100%; box-sizing: border-box;}
	#survey input[type=text]:not(.dInput):not(.numInput), select, textarea{width:100%;box-sizing: border-box;}
	.rContainer{text-align:center;}
	.rContainer .labeltext{text-align:left; margin-bottom:25px!important;}
	.rContainer label span{font-size:9px; left: 3px; width: 86px;}
	.el-p, .el-h1, .el-h2, .el-h3{box-sizing: border-box;}
	#submitSurvey{left:41%;}
	h1#pagetitle{height:28px; font-size:18px!important;}
	#survey h1#pagetitle{padding:15px 15px; height:auto;}
	#survey{background: #FFF!important}
	.rContainer label{margin:0px 0!important}
	#survey #pop{ margin-left: -162px; margin-top: -162px; width: 325px; height: 325px; padding-top:80px;}
	#survey #pop .delbtn{top: -13px; right: -15px;}

	#products{margin:0; padding: 0; width: 100%; }
	#products a.ad { display:block; width:100%; max-width: none; cursor: pointer;}
	#products a.ad *{pointer-events:none;}
	#products+.pillbtn{display:none;}

	body.checkout #content{padding:130px 0px 0px 0px;}
		#pagetitle+a {display:none;}
		#pop{ width:300px; margin-left:-150px; height:270px; padding:10px; border:0; box-shadow:2px 3px 20px rgba(0,0,0,0.6); border-radius:0px;border: solid 4px var(--h2col);}
		#pop #closepop{top:-10px; right:-10px;}
		#closeCheckout{display: none;}
	#ifr #content{padding: 160px 0;}
	#ifr #closeCheckout{display: block;}
	.floatingBTN { width:50%; left:50vw; top:-110px; margin-left:-70px; }
		.floatingBTN span { position:fixed; right:10px; top:10px; text-indent:-1000px; width:30px; height:30px; line-height: 30px; padding: 0; left:auto; border-radius:50px; }
		.floatingBTN span:before { display: none; }
		.floatingBTN:before{content:'NUTRITICS ';}
		.floatingBTN span:after { content:'x'; display:block; color:#333; text-indent:0; position:absolute; width:100%; line-height:100%; top:12px; }
		.circle{margin-top: -40px;}

	#plans .name:hover .tooltip { max-height:250px; margin:20px -9px; width:98%; box-sizing:border-box; }
	#plans .name:hover .tooltip:before { left:10px; transform:rotate(90deg); top:-11px; }

	#payingToggles{ margin: -50px 0 0 10px; width:130px; z-index:1; position:relative;}
		#payingToggles:before{    margin: -5px 0 9px;}
		#payingToggles a{float: none; display: block; padding: 13px; border-radius:50px!important; margin:2px 0;}

	#upgrade:before { content:'CHOOSE PLAN:'; font-size:10px; float:right; margin-right:14%; font-family:Arial, sans-serif; font-weight:bold; color:#999; }
	#plans td{padding: 0 10px; line-height:17px; padding:8px 10px; vertical-align: middle; background: #FFF; width: 50%}
		#plans td.name{font-size: 14px; width: 50%}
		#plans thead td, #plans .bg,#plans thead td:nth-child(3) .bg{line-height: 40px; margin: 0}
		#plans .bg:before { content:'▼'; float:right; margin:1px 9px -3px -30px; font-size:10px; color: #FFF}

	#trialbanner{ margin: 30px 0; text-align:center}
		#trialbanner:before{content:'What are you waiting for?';}
		#trialbanner .fr{float: none; margin-top: 7px!important; margin-left:10px;}
	.foot,#dontworry,#hiddenAddons.on{display: none;}

	#questions{ right:10px; top:17px!important; margin:0;}
	#questions.on{ right:0px; top:0px; margin:0; padding:20px; width:100%; height:auto; max-height:100%; overflow-y:auto; box-sizing:border-box; }

#mobdrop { display:block; position:absolute; background:#FFF; width:51vw; box-shadow:1px 1px 10px #0006; max-height:0; overflow:hidden; margin-top:-48px; transition:max-height 300ms; z-index:2; }
		#mobdrop.on{max-height: 320px}
		#mobdrop a{ display:block; padding:20px; font-family:helvcond; font-weight:bold; text-transform:uppercase; font-style:italic; font-size:14px; text-align:center; background:#DDD; color: #555; border: 0}
		#mobdrop a:first-child{background:#CCC; color: #AAA}
		#mobdrop a:first-child:after{content:':'; background:#CCC; color: #AAA}

	#pop.square{width:100%; height:100%; margin:0; left:10px; top:10px; overflow:auto;}
	#pop .payPopup .btns {margin-left: 65px!important}
	#upgradeBanner .savings{display: none;}
}


@media print{
	#content{border: solid 1px #CCC;}
	h4.black{text-align:left; color:#000; background:none; margin-left:17px; padding-bottom:0;}
	#footer{display:none;}
}

@-moz-document url-prefix() {
	#payingToggles {
		margin: 0px;
	}
}