/*
font-family: "effra", sans-serif;
font-weight: 400;
font-style: italic;

font-family: "effra", sans-serif;
font-weight: 700;
font-style: italic;
*/
@font-face {
  font-family: UniversBold;
  src: url(fonts/Univers-LT-65-Bold.woff);
}
@font-face {
  font-family: UniversRoman;
  src: url(fonts/Univers-LT-55-Roman.woff);
}

html,body,p,legend,form,img,hr,li,ul,ol,address,header,footer,main,section,h1,h2,h3,h4,h5,h6,a,table,td,tr,input,label,select{
	margin:0;
	padding:0;
	border:none;
}
main,header,footer,section{
	display:block;	
}
body{
	font-family: UniversRoman, 'Effra', 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	/*background:#eeefef url(images/bgGrad.png) center -100px repeat-x;
	background-size:auto 1200px;
	
	
	*/
	background:#fff;
}
h1{
	color:#000;
	font-size: 45px;
	line-height: 60px;
	text-transform: uppercase;
	text-align: left;
	/*margin: 0 5%;*/
	position: relative;
	z-index: 2;
	//*font-family: "Gotham A", "Gotham B", Gotham Black, Arial Black, "Arial Black", Gadget, sans-serif;*/
	font-style: normal;
	font-weight: 700;
}
h2{
	font-family: UniversBold;
	font-size:46px;
	font-weight:400;
	color:#000;
	padding:10px 0 30px;
	text-align:left;
}
h3{
	font-family: UniversBold;
	padding:10px 0 15px;
	font-size:30px;
	font-weight:400;
	color:#306c78;
	color:#000;
}

p{
	padding:10px 0;
}
main{
	min-height: 500px;
	padding-bottom: 40px;
}

.mobileOnly{
	display:none;
}

.aoption, b, h2, h3{
	transition: all .3s;
}

.wrap{
	background:#80aca6;
	min-height:300px;	
}
.rscon,
.qscon{
	width:940px;
	margin: 0 auto 80px;
	padding:10px 0 30px;
	max-width:94%;
	position:relative;
	display:none;
}
.question h3{
	/*color:#fff;*/
	text-align:center;
	font-weight:500;
	padding:25px 0 25px;
	color: #515759;
	color:#000;
}
.question{
	position:relative;
}

.progress-bar{
	width:400px;
	max-width:80%;
	height:30px;
	position:relative;
	margin:15px auto;
}

.progress-bar .circ{
	height:12px;
	width:12px;
	border-radius:100%;
	border:3px solid #fff;
	background:#fff;
	position:absolute;
	top:6px;
	transition: .5 all ease-out;
	border-color:#002C4C;
}
.progress-bar .bar{
	position:absolute;
	left:0;
	top:10px;
	height:6px;
	width:100%;
	border-radius:3px;
	border:2px solid #03c0c7;
	background:#515759;
	background:#DCE8F6;
	border:2px solid #0079D0;
	transition: .5 all ease-out;
}
.progress-bar .bar b{
	background:#03c0c7;
	background:#0079D0;
	width:28%;
	height:100%;
	left:0;
	top:0;
	border-radius:3px;
	display:block;
}
.step1 .circ1,
.step2 .circ2,
.step3 .circ3,
.step4 .circ4,
.step5 .circ5,
.step6 .circ6,
.step7 .circ7,
.step9 .circ9,
.step8 .circ8{
	background:#03c0c7;
	background:#0079D0;
}

.step1 .bar b{ width:0%; }
.step2 .bar b{ width:16.67%; }
.step3 .bar b{ width:33.33%; }
.step4 .bar b{ width:50%; }
.step5 .bar b{ width:66.67%; }
.step6 .bar b{ width:83.3%; }
.step7 .bar b{ width:100%; }
/*.step8 .bar b{ width:84%; }
.step9 .bar b{ width:100%; }*/

.circ1{	left:0;  }
.circ2{	left:16.67%;  }
.circ3{	left:33.33%;  }
.circ4{	left:50%;  }
.circ5{	left:66.67%;  }
.circ6{	left:83.3%;  }
.circ7{	left:100%;  }
/*.circ8{	left:84%;  }
.circ9{	left:100%;  }*/

.center-sect{
	width:90%;
	border-radius:15px;
	padding:25px 5% 160px;
	min-height:100px;
	background:#fff;
	border-radius:5px;
	box-shadow:0 20px 30px rgba(90,90,90,.5);
	position:relative;
	overflow:auto;
}
.rscon .center-sect{
	padding:25px 5% 60px;
}
.subtitle-tip{
	display:block;
	padding-bottom:20px;
	padding:15px 15% 15px;
	border-top:1px solid #ccc;
	font-size:24px;
	color:#515759;
	color:#000;
	position:relative;
	font-weight:500;
}
.info-i{
	display:inline-block;
	float:left;
	height:45px;
	width:45px;
	background:url(images/info_gray.png) center center no-repeat;
	margin-left:-60px;
	position:relative;
	top:5px;
}

.opt-indentifier{
	display:none;
}
.tooltipBox .inner{
	outline:none;
	/*border: 2px solid #00c3c9;*/
	/*border: 2px solid #aaa;*/
	color:#515759;
	color:#000;
	padding: 14px;
	border-radius: 5px;
	position: absolute;
	background: #fff url(images/info_gray.png) center 5px no-repeat;
	background-size:30px auto;
	box-shadow: 2px 5px 10px rgba(90,200,200,.2);
	z-index: 50;
	top: 18%;
	left: 7%;
	width:80%;
	min-height:100px;
	padding:40px 3%;
	opacity:0;
	font-size:20px;
	text-align:center;
	cursor:pointer;
}
.tooltipBox .inner.bgImg{
	background-size:180px auto;
	background-position:center 18px;	
	padding:187px 3% 40px;
}
.tooltipBox{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:50;
	display:none;
}
.tooltip-overlay{
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(78,78,78,.65);
	border-radius:5px;
	z-index:4;
	display:none;
	
	transition: .5 all ease-out;
}
.tooltipBox a{
	color:#002C4C;
}
.tooltipBox .btn{
	color:#fff;
	margin-top:25px;
}	
.tooltipBox .btn:focus{
	border:2px solid #B8232F;
}
.tooltipBox h4{
	font-size:21px;
	margin-bottom:10px;
}
.tooltipBox h4 small{
	font-size:17px;
	padding:0;
}
.tooltipBox small{
	display: block;
	font-size: 16px;
	padding: 15px 0;
}
.tooltipBox .click2close{
	text-decoration:none;
	color: #333;
}
.tooltipBox .click2close:focus{
	font-weight:bold;
}
.tooltipBox ul{
	text-align:left;
	padding-left:25px;
}
.tooltipBox ul li{
	margin-bottom:10px;
}
.tooltipBox ul li ul li{
	font-size:15px;
	margin-bottom:5px;
}
.tooltipover-show,
.tooltipBox-show{
	display:block;
	opacity:1;
}

.tooltipBox-show .inner{
	opacity:1;
}
@media (max-width: 620px){

	.tooltipBox .inner.bgImg{
		background-size:120px auto;
		background-position:center 18px;	
		padding:130px 3% 40px;
	}

}


.opt-info span{
	display:none;
	/*border: 2px solid #00c3c9;
	color:#7f7f7f;
	padding: 14px;
	border-radius: 8px;
	position: absolute;
	background: #fff;
	box-shadow: 2px 5px 10px rgba(90,200,200,.2);
	z-index: 50;
	top: 70px;
	left: 70px;
	opacity:0; */
}
/*
.opt-info{
	border-top: 3px dotted #00c3c9;
	width: 100%;
	opacity: .8;
	position: absolute;
	top: -10px;
	left:0;
}
*/

.opt-info{
	display:inline;
	outline:none;
}
.opt-info i{
	width:24px;
	height:24px;
	margin:0 10px;
	background:url(images/info.png) center center no-repeat;
	background-size:100% auto;
	border: 1px solid #fff;
	border-radius:100%;
	display:inline-block;
	/*position: absolute;
	right:-12px;
	top:-19px;*/
	
}
.opt-info:hover i,
.opt-info i:hover{
	border: 1px solid #ccc;
}
.opt-info:focus i{
	border:1px solid #A4CE4E;
	background-image:url(images/info_focus.png);
}

.aoption{
	display:block;
	float:left;
	margin:18px 4% 18px 0;
	width:28%;
	/*width:90%;
	height:30px;
	padding:15px 1%;
	border-radius:45px;*/
	padding:15px 3% 15px 1%;
	padding-right:3%;
	padding-left:92px;
	position:relative;
	cursor:pointer;
	color:#515759;
	outline:none;
	border:none;
}
.opt-val{
	display:block;
	height:30px;
	text-align:left;
	font-weight: 500;
	font-size: 18px;
	line-height:22px;
	display: flex;
    align-items: center;
}
.q5 .opt-val,
.q8 .opt-val,
.smaller .opt-val{
	font-size:18px;
}

.q8 .opt-val{
	height: 60px;
}
.opt-val small{
	display:block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 14px;
}
.aoption.selected{
	/*background:#485EC9;
	color:#fff;*/
	/*color:#00c3c9;
	color:#085965;*/
}
.aoption b{
	border:4px solid #b9bab9;
	background:transparent url(images/optioncheck.png) -120px center no-repeat;
	height:62px;
	width:62px;
	border-radius:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.aoption.selected b{
	background:#03c0c7 url(images/optioncheck.png) center center no-repeat;
	background-size:100% auto;
	border-color:#03c0c7;
	border-color:#0079D0;
	background-color:#0079D0;
}
.aoption:hover b{
	border:4px solid #03c0c7;
	border:4px solid #0079D0;
}
.aoption:focus b{
	border:4px solid #0079D0;
}


.aoption.locked b{
	border-color:#002C4C;/**/
	border-color:#aaa;
	/*border: 4px solid #002C4C;
    height: 62px;
    width: 62px;*/
}
.locked b{
	background:#eeefef url(images/optioncirc_no_gray.jpg?refresh=1) center center no-repeat;
}
.aoption.sel-lock b,
.aoption.locked.selected b{
	border-color:#085965;
	border-color:#002C4C;
}

.aoption.locked{
	color:#515759;	
}

.addons .aoption .opt-val small{
	display:none;
}
/*.addons .opt-photochromic .opt-val small{
	display:block;
}*/

.opt-uv-selected .opt-val small.uv-sub,
.opt-arc-selected .opt-val small.arc-sub,
.opt-high-selected .opt-val small.src-sub,
.opt-high-selected .opt-val small.high-sub,
.opt-polycarb-selected .opt-val small.polycarb-sub,
.opt-polycarb-selected .opt-val small.src-sub,
.opt-src-selected .opt-val small.src-sub,
.opt-high-selected .opt-val small.tint-sub,
.opt-polar-selected .opt-val small.polar-sub,
.opt-photochromic-selected .opt-val small.photo-sub{
	display:block;
}
.opt-photochromic-selected.opt-polar-selected .opt-val small.polar-sub,
.opt-photochromic-selected.opt-arc-selected .opt-val small.arc-sub{
	display:none;
}



.locked .opt-val small.incom{
	display:block;
}
.locked.selected .opt-val small.incom{
	display:none;
}

.addons .opt-photochromic .opt-val.polar-sub{
	
}
/*
.addons .selected .opt-val small{
	display:block;
}
*/


.btn{
	color:#fff;	
	text-decoration:none;
	text-align:center;
	margin:10px auto;
	
	width:170px;
	padding:18px;
	background:#002C4C;
	border:2px solid #002C4C;
	border-radius:5px;
	
	display:block;
	
	font-size:24px;
	line-height: 24px;
	height:24px;
	font-family: 'Effra', 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.tooltipBox .cancel-btn{
	background:#fff;
	color:#002C4C;
}

.btn:active,
.btn:focus{
	border-color:#B8232F;
}
.btn.disabled{
	background:#eeefef;
	color:#d1dbdd;
}

.getStartedBtn{
	width:240px;
	background:#eeefef;
	color:#306c77;
	background:#002C4C;
	color:#fff;
	/*box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);*/
}


.nxtBtn{
	/*position: absolute;
	bottom: 20px;
	left:50%;
	float:right;
	margin-left:-106px;*/
	width:220px;
	
}
.prevBtn{
	/*
	float:left;
	left:20%;
	margin-left:-106px;*/
	width:210px;
	background:#fff;
	color:#002C4C;
	
}
.RestartBtn{
	margin-bottom:40px;
}

.nav-buttons{
	position: absolute;
	bottom: 20px;
	
}

.smallnote{
	clear:both;
	display:block;
	padding:30px 0 10px;
	font-size:14px;
	text-align:center;
}

.rscon .smallnote{
	margin-top:-18px;
	text-align:center;
}
.rscon .smallnote,
.rscon .smallnote p{
	color: #306c78;
}
.smallnote a{
	color:#002C4C;
	font-weight:bold;
}
em.foot{
	display:block;
	font-size:14px;
	font-style:normal;
}

.lsoptions .progressive-opts,
.msoptions .singlevis-opts{
	display:none;
}

.q6 .progressive-opts .subtitle-tip{
	padding-top:190px;
	background:url(images/Lenses_Trifocal.png) center top no-repeat;
	background-size:auto 180px;
}

@media (min-width: 620px){
	.nxtBtn
	/*, .RestartBtn*/{
		float:right;
	}
	.prevBtn{
		float:left;
	}
	.nav-buttons{
		height:80px;
		width:520px;
		left:50%;
		margin-left:-260px;
	}
	.tooltipBox .inner{
		left: 10%;
		width:70%;
		padding:40px 5%;
		top: 30%;
	}
}
@media (min-width: 1220px){
	.tooltipBox .inner{
		left: 15%;
		width:60%;
		padding:40px 5%;
		max-width:1200px;/**/
	}
}
@media (min-width: 1500px){
	.tooltipBox .inner{
		left: 20%;
		width:50%;
		padding:40px 5%;
		max-width:1200px;/**/
	}
}

.tooltipBox .no-tooltip{
	display:none;
}

.additional_content, .textContentData, .hidden, .onlyexec, .popup{
	display:none;	
}

.inner{
	margin:0 auto;
	width:92%;
	max-width:1000px;
}
.rscon{
	margin-top:30px;
	font-size:22px;
	color:#306c78;
}
.rscon h2{
	padding: 35px 0 0;
}
.both-disclaimer{
	display:none;
	font-weight:bold;
	padding-left:40px;
	background:url(images/warningGraphicRed.png) left center no-repeat;
	background-size:30px auto;
}
.resultschart table{
	border:none;
	width:100%;
}
.lbl_est, .lbl_est2, .lbl_full{
	width:32%;
	width:24%
}
.rscon ul{
	padding-left:25px;
}
.rscon li{
	margin:15px 0;
}
tbody .lbl_est, tbody .lbl_est2, tbody .lbl_full{
	border-left:2px solid #ccc;
}

.rscon iframe{
	margin:20px 0;
	min-height:420px;
}
.resultschart{
	padding:20px 0;
}
.resultschart td{
	padding:13px 15px;
	height:26px;
	line-height:26px;
	font-size:20px;
	color:#306c78;
	color:#0079D0;
}
.resultschart td i{
	font-size:17px;
	font-style:normal;
}
.resultschart tr{
	background:#fff;
	color:#306c78;
}
.resultschart thead tr, .resultschart .totalRow{
	background:#306c78;
	background:#002C4C;
}
.resultschart .savingsRow{
	background: #0079D0;
	color:#fff;
}
.resultschart thead td, .totalRow td, .resultschart .savingsRow td{
	color:#fff;
}
.resultschart tr.alt{
	background:#deedf0;
	background:#F8F9FA;
}
.lbl_col{
	font-weight:500;
}
.lbl_est, .lbl_est2{
	font-weight:900;	
}

.resultschart thead .lbl_est,
.resultschart .totalRow .lbl_est{
	background:#002C4C;
	color:#fff;	
}
.resultschart thead .lbl_est2,
.resultschart .totalRow .lbl_est2{
	background:#0093ce;
	color:#fff;
}
.resultschart thead .lbl_full,
.resultschart .totalRow .lbl_full{
	background:#4b4c4e;
	color:#fff;	
}
/*
.resultschart tr.alt .lbl_est{
	background:#001f35;
}
*/

.resultschart thead tr,
.resultschart .totalRow/*,
.resultschart thead .lbl_est, .resultschart thead .lbl_est2, .resultschart thead .lbl_full,
.resultschart .totalRow .lbl_est, .resultschart .totalRow .lbl_est2, .resultschart .totalRow .lbl_full*/{
	/*background:#002C4C;*/
	background:#001f35;
}


.resultschart .savingsRow .lbl_est, .resultschart .savingsRow .lbl_est2, .resultschart .savingsRow .lbl_full{
	background: #0079D0;
}
/*
.resultschart tr.alt .lbl_est2{
	background:#0075a4;
}
.resultschart tr.alt .lbl_full{
	background:#3d3d3f;
}
*/

tbody .lbl_est, tbody .lbl_est2, tbody .lbl_full{
	border-left: 2px solid #3d3d3f;
}

.lbl_full{
	font-weight:900;
}
.d-ec{
	display:none;
}
.davis-ec .d-ec{
	display:inline;
}

.graphleft{
	position:relative;
	padding-left:160px;
	margin-top:35px;
	min-height:150px;
}
.graphic{
	height:160px;
	width:160px;
	background:url(images/resultsGraphic1.png) no-repeat;
	background-size:100%;
	position:absolute;
	z-index:1;
	left:-10px;
	top:0;
}
.additionalinfo .graphic{
	background-image:url(images/resultsGraphic3.png);
}
.additionalinfo2 .graphic{
	background-image:url(images/resultsGraphic2.png);	
}
.additionalinfo3 .graphic{
	background-image:url(images/Provider-Networks_Provider-support.svg);	
	background-size:80%;
	background-position:center;
}
.additionalinfo{
	padding-bottom:35px;
}

.rscon .copy-col a,
.rscon p a,
.rscon td a{
	 color:#002C4C;
}

.copy-col{
	position:relative;
	z-index:2;
}
.rscon h2{
	margin-bottom:-10px;
}
.rscon .graphleft h2,
.rscon h3{
	padding-top:0;
	padding-bottom:0;
}
.rscon h3{
	font-weight:500;
}
.rscon li,
.rscon p{
	color:#515759;
}

.result-callout{
	background:#00854D;
	color:#fff;
	font-size:26px;
	line-height:38px;
	min-height:38px;
	padding:12px 26px;
	margin:10px 0;
	border-radius:5px;
}
.rscon .nav-buttons{
	position: static;
	margin:10px auto;
	
}


.Qbox{
	position:relative;
	margin: 0 auto;
}

/*
.popUp{
	display:block;
	
}
.popback{
	background:#ededed;
	height:100%;
	width:100%;
	position:fixed;
	display: block;
	top: 0;
	left: 0;
	opacity: .5;
	z-index:500;
}
.popinner{
	height:400px;
	width:360px;
	padding:10px;
	background:#fff;
	z-index:501;
	position:fixed;
	top:50%;
	margin-top:-210px;
	left:50%;
	margin-left:-190px;
	border-radius:20px;
}
.popinner iframe{
	height:320px !important;
	width:360px;
}
#questionaire, #results, .popUp{
	display:none;
}
*/

.homecon{
	padding-bottom:60px;
	max-width:1000px;
	width:92%;
	margin:10px auto;
}
.homecon .inner{
	width:96%;
	background: url(images/FEP_042024_NC_821.jpg) no-repeat;
	background-size:330px auto ;
	background-position: center 5%;
	padding-top:240px;
}
.homecon h2{
  color:#000;	
  font-size:50px;
  padding-bottom:5px;
}
.homecon p{
  color:#306c77;
  padding:0 0 20px;  
  color:#000;
}


@media (min-width: 640px){
	body{
		/*
		background:#eeefef url(images/bgGrad.png) center top repeat-x;
		background-size:auto 1300px;
		*/
		background:#fff;
	}
	.homecon h2{
		font-size:70px;
	}

	.homecon .inner{
			width:49%;
			padding-right:51%;
			padding-top:0;
			background: url(images/FEP_042024_NC_821.jpg) no-repeat;
			background-size:49% auto;
			background-position: right 5%;
	}
	.homecon p{
			color:#000;	
		}
}

header h1 a img{
	border:none;
	height:70px;
}
header h1 a:focus{
	outline:none;
}
header h1 a:focus img{
	padding-bottom:4px;
	border-bottom:4px solid #002C4C;
}
header h1{
	/*text-align:center;*/
	
}

header {
  padding-top: 40px;
 /* border-bottom:5px solid #515759;
  background:rgb(8, 89, 101);*/
}
header .inner{
	max-width:1000px;
}
.rscon header {
  height: 205px;	
}
.rscon header h1{
	padding-top:60px;
}

@media (max-width: 640px){
	.center-sect{
		width: 94%;
		padding: 25px 3% 220px;
	}
	.rscon .center-sect{
		padding-left:3%;
		padding-right:3%;
	}
	.resultschart td,
	.resultschart td i	{
		font-size: 16px;
	}
	.rscon{
		font-size:18px;
	}
	header h1 a img{
		max-width:84%;
		max-height:70px;
		height: auto;
	}
	h3{
		font-size:28px;
	}
	h2{
		font-size:34px;
	}
	
	h1{
		font-size: 60px;
		line-height: 70px;
	}
	.subtitle-tip{
		font-size:18px;
	}
	.getStartedBtn{
		background:#306c77;
		border:1px solid #306c77;
		color:#eeefef;
	}
	.tooltipBox small,
	.tooltipBox .inner{
		font-size:14px;
	}
	.tooltipBox .inner{
		top:18%;
	}
}
@media (max-width: 540px){
	.resultschart td, .resultschart td i {
		font-size: 14px;
	}
}
@media (max-width: 730px){
	.opt-val{
		font-size:16px;
	}
	.aoption{
		width: 25%;
		padding-left: 82px;
		padding-right:3%;
	}
	.aoption b{
		height: 55px;
		width: 55px;
	}
	
	/*h2{
		text-align:center;
	}*/
}

@media (max-width: 880px){
	.opt-val{
		font-size:18px;
	}
	.aoption{
		width: 67%;
		padding-left: 62px;
		padding-right:3%;
		padding-top:5px;
	}
	.aoption b{
		height: 40px;
		width: 40px;
	}
	.q8 .opt-val {
		height: 45px;
	}
	.q5 .opt-val{
		height: 45px;
	}
}
@media (max-width: 542px){
	.graphleft{
		position:relative;
		padding-left:0;
		margin-top:25px;
		min-height:50px;
	}
	.graphic{
		position:static;
		display:block;
		height: 100px;
		width: 100px;
		background-size: auto;
		background-size: 100%;
	}
}
@media (max-width: 400x){
	.homecon .inner{
		background-size:100% auto;
	}	
}
@media screen and (min-width:1400px){
	.inner{
		max-width:1200px;
	}
}
@media (max-width: 420px){
	.mobileOnly{
		display:block;
	}
}

.contacts-note, .frames-note{
	display:none;
	padding:15px;
}

.davis-exclusive{
	display:none;
}
.question li,
.question p{
	color: #515759;
	font-size:20px;
}
.question ul{
	padding-left:30px;
}


footer {
  text-align: center;
  min-height:150px;
  padding-bottom:80px;
}

footer h4,
footer p{
	color:#515759;
	margin:0 auto;
	font-size:12px;
	width:80%;
	max-width:700px;
	padding:10px 0;
}
footer h4{
	font-size:16px;
}
footer a{
	color:#002C4C;
}
.eyeexamnote,
.davisfoot{
	display:none;
}
.davisvisionExc .step5 .davisfoot,
.step2 .eyeexamnote{
	display:block;
}