@charset "UTF-8";
/* CSS Document */
.red-text{
	color: #F02917;
	
}
#pop-cover{
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		
		
		background: -moz-linear-gradient(top,  rgba(25,14,14,1) 0%, rgba(25,14,14,0.5) 93%, rgba(25,14,14,0.5) 100%); /* FF3.6-15 */

		background: -webkit-linear-gradient(top,  rgba(25,14,14,1) 0%,rgba(25,14,14,0.5) 93%,rgba(25,14,14,0.5) 100%); /* Chrome10-25,Safari5.1-6 */

		background: linear-gradient(to bottom,  rgba(25,14,14,1) 0%,rgba(25,14,14,0.53) 93%,rgba(25,14,14,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190e0e', endColorstr='#190e0e',GradientType=0 ); /* IE6-9 */

		z-index: 10000;

	}
	#icon-middle {
		margin-right: auto;
		margin-left: auto;
		margin-top: 50px;
		width: 300px;
	}
	#icon-middle img{
		width: 100%;
		
	}
.blue-button-2{
		background-color: #A9E1FA;
		width:130px;
		padding: 8px 0px 8px 0px;
		color: #000;
		cursor: pointer;
		font-size:12px;
	font-weight: normal;
		text-align: center;/**/
		
	}

#vid{
	width:100%;
	
}
	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-top: 20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	body{
		margin: 0;
		font-size: 12px;
		
	}
	
	h1{
		font-size:26px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 15px;
		line-height: 46px;
		color:#005a85;
	}
	h3{
		font-size:18px;
		letter-spacing: 1px;
		line-height: 32px;
		color:#005a85;
	}
	
	#mobile-cover{
		display:none;
		width: 100%;
		height: 100%;
		background-color: #000000;
		position: absolute;
		z-index: 10;
		opacity:0.7;
	}
	#container{
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
		color: #000000;
		min-width: 320px;
		
		
	}
	#header{
		/* background: url(../img/header-bg.jpg) no-repeat; */
		padding: 24px 0px 20px 0px;
		box-shadow: 0px 5px 10px rgba(154,161,177,0.1);
        background-color: rgba(255,255,255,0.75);
        /* max-width: 1240px;
        margin: 0 auto; */
	}
	#hamburger{
		/*background-color: #60B6CD;*/
		display:inline-table;
		vertical-align: middle;
		margin-left: 20px;
		cursor: pointer;
	}
	.hamburger-line {
		width: 30px;
		height: 2px;
		background-color: #445661;
		margin: 6px 0;
	}
	#logo{
		/*background-color: #E0393C;*/
		display: inline-table;
		vertical-align: middle;
		margin-left: 20px;
		width:120px;
	}
	#logo img{
		width: 100%;
	}
	#logo-mobile-menu{
		
		vertical-align: middle;
		margin-left: 20px;
		margin-top:30px; 
		margin-bottom:20px; 
		width:150px;
	}
	#logo-mobile-menu img{
		width: 100%;
	}
	#nav{
		
		display: none;
		vertical-align: middle;
		margin-left: 30px;
	}
	#mobile-nav{
		background-color: #ffffff;
		display: none;
		position: fixed;
		width:230px;
		height: 100%;
	}
	#nav a{
		color: #445661;
		text-decoration: none;
	}
	#mobile-nav a{
		color: #445661;
		text-decoration: none;
	}

	#drop-1{
		position:absolute;
		background-color: #fff;
		padding: 10px 0px 10px 0px ;
		border: 1px solid #445661;
		margin-top: 15px;
		margin-left: 20px;
		box-shadow: 0 0 10px rgba(0,0,0,.15);
		display:none;
		z-index: 10000;
	}

	#drop-1::after {
		width: 100%;
		height: 18px;
		left: 0;
		top: 0;
	}



	#drop-1::after, #drop-1::before {
		content: "";
		display: block;
		background-color: #fff;
		position: absolute;
	}




	#drop-1::before{
		width: 19px;
		height: 19px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 20px;
		top: -10px;
		border: 1px solid #445661;
		box-shadow: 0 0 10px rgba(0,0,0,.15);
	}
	.drop-link{
		font-size: 12px;
		margin-bottom: 0px;
		padding: 15px 35px 15px 35px ;
	}
	.drop-link:hover{
		background-color: #A6E1FB;
	}
	
	.link{
		display: inline-table;
		vertical-align: middle;
		padding: 10px 10px 10px 10px;
		font-size:12px;
		margin-left: 5px;
		cursor: pointer;
	}
	.link:hover{
		background-color: #A6E1FB;
	}
	
	.link-mobile{
		padding: 15px 10px 15px 10px;
		font-size:12px;
		margin-left: 25px;
		cursor: pointer;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#drop-1-mobile{
		
		display:none;
	}
	.drop-link-mobile{
		padding: 10px 10px 10px 10px;
		font-size:12px;
		margin-left: 35px;
		cursor: pointer;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#our-lenses-mobile::after{
		content: "+";
		float: right;
		font-size: 18px;
		margin-top: -5px;
		margin-right: 10px;
	}
	#mobile-menu-footer{
		padding: 10px 0px 10px 0px;
		font-size:10px;
		letter-spacing: .5px;
		margin-left: 35px;
		margin-top:10px;
		border-top: 1px solid #445661;
		border-bottom: 1px solid #445661;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#right-float-nav{
		float: right;
		width: 89px;
		text-align: right;
		margin-right: 30px;
		
	}
	#header-btn-1{
		display: none;
		vertical-align: middle;
	}
	.calc-icons{
		display: none;
		vertical-align: middle;
		margin-left: 20px;
	}
	.calc-icons-mobile{
		margin-top: 20px;
		display: inline-table;
		vertical-align: middle;
		margin-left: 10px;
		
	}
	#header-divider{
		background-color: #445661;
		height: 40px;
	}
	#header-divider-mobile{
		background-color: #445661;
		height: 20px;
		margin-bottom: 20px;
	}
	
	.red-button{
		background-color: #F02917;
		width:130px;
		padding: 12px 0px 12px 0px;
		color: #fff;
		cursor: pointer;
		font-size:12px;
		line-height: 14px;
		text-align: center;
		margin-right: 6px;
	}


	.blue-button{
		background-color: #A9E1FA;
		width:130px;
		padding: 12px 0px 12px 0px;
		color: #000;
		cursor: pointer;
		font-size:12px;
		line-height: 14px;
		text-align: center;
	}

	.green-button{
		background-color: #D7DF24;
		width:130px;
		padding: 12px 0px 12px 0px;
		color: #000;
		cursor: pointer;
		font-size:12px;
		line-height: 14px;
		text-align: center;
	}





	.red-submit-button{
		border: none;
		background-color: #F02917;
		width:130px;
		padding: 12px 0px 12px 0px;
		color: #fff;
		cursor: pointer;
		font-size:12px;
		line-height: 14px;
		text-align: center;
		
	}
.red-submit-button-2{
		border: none;
		background-color: #F02917;
		width:130px;
		padding: 12px 0px 12px 0px;
		color: #fff;
		cursor: pointer;
		font-size:12px;
		line-height: 14px;
		text-align: left;
		
	}
.submit-div{
text-align: center;
	margin-top: 10px;
}
.submit-div-2{
text-align: left;
	margin-top: 10px;
}
	
	.center{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	

		
		#footer{
			border-top: 1px solid #134F6D;
			width:90%;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
		}
		#foot-nav{
			
			padding: 30px 0px 0px 0px;	
			text-align: center;
		}
		#foot-nav a{
			color: #445661;
		text-decoration: none;
		}
	#vitals{
		margin-left: 0px;
		margin-bottom: 20px;
		color: #445661;
		text-align: center;
	}
		.flink{
			font-size:9px;
			display: inline-table;
			vertical-align: middle;
			margin-left: 3px;
			margin-right: 3px;
			text-align: center;
		}
		#think-icon{
			display: inline-table;
			vertical-align: middle;
		}
		#footer-right-float{
			float:none;
			margin-top: 0px;
		}
		#footer-right-float-txt{
			text-align: right;
			display: inline-table;
			vertical-align: bottom;
			padding-bottom: 5px;
		}
		#footer-right-float-icon{
			display: inline-table;
			vertical-align: bottom;
		}
		#cpyrt{
			font-size: 12px;
		}
		
		#cpyrt-tag{
			font-size: 9px;
			color: #C5C6C7;
			text-align: center;
			margin-top: 5px;
		}
	
	.logo-holder{
		margin-top: 30px;
	}
	.m-only{
		display:inline;
	}
	.d-only{
		display:none;
	}
#form-box{
	padding: 10px 10px 10px 10px ;
		border: 1px solid #445661;
		margin-top: 0px;
		margin-left: 0px;
		box-shadow: 0 0 10px rgba(0,0,0,.15);
	width:95%;
	max-width: 400px;
	border-radius: 6px;
}
#contact-submit{
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}	
.label{
	padding: 5px 5px 5px 5px ;
}
.field{
	padding: 5px 5px 5px 5px ;
}
.radio-1{
	margin:0px 5px 0px 5px;
}
.check-1{
	margin:0px 5px 0px 5px;
}
.field-1{
	padding: 5px 5px 5px 5px ;
	width: 95%;
}
.field-area{
	padding: 5px 5px 5px 5px ;
	width: 95%;
	height: 80px;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */
}
@media only screen 
and (min-width : 321px) {
/* Smartphones (landscape) ----------- */
body{
		margin: 0;
		font-size: 12px;
		
	}
	
	h1{
		font-size:26px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 15px;
		line-height: 46px;
		color:#005a85;
	}
	h3{
		font-size:18px;
		letter-spacing: 1px;
		line-height: 32px;
		color:#005a85;
	}
	
	#mobile-cover{
		display:none;
		width: 100%;
		height: 100%;
		background-color: #000000;
		position: absolute;
		z-index: 10;
		opacity:0.7;
	}
	#container{
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
		color: #000000;
		min-width: 320px;
		
		
	}
	#header{
		/*background: url(../img/header-bg.jpg) no-repeat;*/
		padding: 24px 0px 20px 0px;

	}
	#hamburger{
		/*background-color: #60B6CD;*/
		display:inline-table;
		vertical-align: middle;
		margin-left: 20px;
		cursor: pointer;
	}
	.hamburger-line {
		width: 30px;
		height: 2px;
		background-color: #445661;
		margin: 6px 0;
	}
	#logo{
		/*background-color: #E0393C;*/
		display: inline-table;
		vertical-align: middle;
		margin-left: 20px;
		width:150px;
	}
	#logo img{
		width: 100%;
	}
	#logo-mobile-menu{
		
		vertical-align: middle;
		margin-left: 20px;
		margin-top:30px; 
		margin-bottom:20px; 
		width:150px;
	}
	#logo-mobile-menu img{
		width: 100%;
	}
	#nav{
		display: none;
		vertical-align: middle;
		margin-left: 30px;
	}
	#mobile-nav{
		background-color: #ffffff;
		display: none;
		position: fixed;
		width:230px;
		height: 100%;
	}
	#nav a{
		color: #445661;
		text-decoration: none;
	}
	#mobile-nav a{
		color: #445661;
		text-decoration: none;
	}

	#drop-1{
		position:absolute;
		background-color: #fff;
		padding: 10px 0px 10px 0px ;
		border: 1px solid #445661;
		margin-top: 15px;
		margin-left: 20px;
		box-shadow: 0 0 10px rgba(0,0,0,.15);
		display:none;
	}

	#drop-1::after {
		width: 100%;
		height: 18px;
		left: 0;
		top: 0;
	}



	#drop-1::after, #drop-1::before {
		content: "";
		display: block;
		background-color: #fff;
		position: absolute;
	}




	#drop-1::before{
		width: 19px;
		height: 19px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 20px;
		top: -10px;
		border: 1px solid #445661;
		box-shadow: 0 0 10px rgba(0,0,0,.15);
	}
	.drop-link{
		font-size: 12px;
		margin-bottom: 0px;
		padding: 15px 35px 15px 35px ;
	}
	.drop-link:hover{
		background-color: #A6E1FB;
	}
	
	.link{
		display: inline-table;
		vertical-align: middle;
		padding: 10px 10px 10px 10px;
		font-size:12px;
		margin-left: 5px;
		cursor: pointer;
	}
	.link:hover{
		background-color: #A6E1FB;
	}
	
	.link-mobile{
		padding: 15px 10px 15px 10px;
		font-size:12px;
		margin-left: 25px;
		cursor: pointer;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#drop-1-mobile{
		
		display:none;
	}
	.drop-link-mobile{
		padding: 10px 10px 10px 10px;
		font-size:12px;
		margin-left: 35px;
		cursor: pointer;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#our-lenses-mobile::after{
		content: "+";
		float: right;
		font-size: 18px;
		margin-top: -5px;
		margin-right: 10px;
	}
	#mobile-menu-footer{
		padding: 10px 0px 10px 0px;
		font-size:10px;
		letter-spacing: .5px;
		margin-left: 35px;
		margin-top:10px;
		border-top: 1px solid #445661;
		border-bottom: 1px solid #445661;
		font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400;font-style: normal;
	}
	#right-float-nav{
		float: right;
		width: 89px;
		text-align: right;
		margin-right: 30px;
		
	}
	#header-btn-1{
		display: none;
		vertical-align: middle;
	}
	.calc-icons{
		display: none;
		vertical-align: middle;
		margin-left: 20px;
	}
	

	#header-divider{
		background-color: #445661;
		height: 40px;
	}
	#header-divider-mobile{
		background-color: #445661;
		height: 20px;
		margin-bottom: 20px;
	}
	
	
	
	
	
	.center{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	

		#footer{
			border-top: 1px solid #134F6D;
			width:90%;
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
		}
		#foot-nav{
			
			
			padding: 30px 0px 0px 0px;
			text-align: center;
			
		}
		.flink{
			font-size:9px;
			display: inline-table;
			vertical-align: middle;
			margin-left: 3px;
			margin-right: 3px;
			text-align: center;
		}
	
		#think-icon{
			display: inline-table;
			vertical-align: middle;
		}
		#footer-right-float{
			float: none;
			margin-top: 0px;
		}
		#footer-right-float-txt{
			text-align: right;
			display: inline-table;
			vertical-align: bottom;
			padding-bottom: 5px;
		}
		#footer-right-float-icon{
			display: inline-table;
			vertical-align: bottom;
		}
		#cpyrt{
			font-size: 12px;
		}
		
		#cpyrt-tag{
			font-size: 9px;
			color: #C5C6C7;
			text-align: center;
			margin-top: 5px;
		}
	
	.logo-holder{
		margin-top: 30px;
	}
	.m-only{
		display:inline;
	}
	.d-only{
		display:none;
	}
}



@media only screen 
and (max-width : 320px) {
/* Smartphones (portrait) ----------- */


}

@media only screen 
and (min-width : 768px) {
/* Smartphones (portrait) ----------- */
	#icon-middle {
		margin-right: auto;
		margin-left: auto;
		margin-top: 150px;
		width: 400px;
	}
	.m-only{
		display:none;
	}
	h1{
		font-size:30px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
	h3{
		font-size:24px;
		letter-spacing: 1px;
	}
	#hamburger{
		
		display:none;
	}
	#logo{
		width:211px;
		margin-left: 30px;
	}
	#logo img{
		width: 100%;
	}
	#nav{
		display: inline-table;
		vertical-align: middle;
		margin-left: 30px;
	}
	#right-float-nav{
		float: right;
		width: 100px;
		text-align: right;
		margin-right: 30px;
		
	}
	
	.calc-icons{
		display: inline-table;
		vertical-align: middle;
		margin-left: 10px;
	}

	#vitals{
		margin-left: 20px;
		margin-bottom: 20px;
		color: #445661;
		text-align: left;
	}
	
	
	#footer-right-float{
			float: right;
			margin-top: 10px;
		}
	
	.m-only{
		display:none;
	}
	.d-only{
		display:inline;
	}
}
	
@media only screen 
and (min-width :1024px) {
/* Smartphones (portrait) ----------- */
	.m-only{
		display:none;
	}
	h1{
		font-size:30px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
	h3{
		font-size:28px;
		letter-spacing: 1px;
	}
	
	#tag-1{
		font-size: 20px;
		letter-spacing: 1px;
	}
	#header-btn-1{
		display: inline-table;
		vertical-align: middle;
	}
	#right-float-nav{
		float: right;
		width: 510px;
		text-align: right;
		margin-right: 30px;
		
	}
	.calc-icons{
		display: inline-table;
		vertical-align: middle;
		margin-left: 10px;
	}
	
	
}	
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* iPads (portrait and landscape) ----------- */

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* iPads (landscape) ----------- */

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPads (portrait) ----------- */


}

@media only screen 
and (min-width : 1200px) {
/* Desktops and laptops ----------- */
	
	h1{
		font-size:40px;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 15px;
	}
	h3{
		font-size:28px;
		letter-spacing: 1px;
	}
	
	.m-only{
		display:none;
	}
	.d-only{
		display:inline;
	}
}

@media only screen 
and (min-width : 1700px) {
/* Large screens ----------- */

}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 ----------- */

}