@import url('https://fonts.googleapis.com/css2?family=League+Gothic&family=Roboto:wght@300;400;700&display=swap');


.head	{
	font-weight: bold;
	font-size: 12px;
}

.textboxBold {
	font-weight: bold;
	font-size: 14px;
}

.lblSummaryBold {
	font-weight: bold;
	font-size: 14px;
}
.blue	{
	color: #003366;
}
.red	{
	color: #cc0000;
}
.white	{
	color: #FFFFFF;
}
a.white:link {
	text-decoration: underline;
}
a.white:visited {
	text-decoration: underline;
}	
a.white:hover {
	color: #000000;
	text-decoration: underline;
}
.consumer	{
	color: #804000;
}
.consumerhead	{
	font-weight: bold;
	font-size: 12px;
	color: #804000;
}
.PrimaryLink
{
	color: #999999;
	font-size: 20px;
	text-decoration: none;
}

/* -------------------------- New Styles -------------------------- */


body {
	background-color : #fff;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-size : 16px;
	line-height: 24px;
	color: #000;
}
img, a img {	
	border: 0 none;
	max-width: 100%;
}
*,
*::after, 
*::before {
	 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
				box-sizing: border-box;
}
a.anchor-disabled {        
	pointer-events: none;
	cursor: default;
}
a[href^="tel"]{
    color:inherit!important;
    text-decoration:none!important;
}
a, a:link, a:visited {
	color: #3d95b6;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
a:hover {
	color: #4dbce5;
	text-decoration: underline;
}
h1,
h2,
h3,
h4 {
	font-family: 'League Gothic', sans-serif;
	margin-bottom : 0;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
}
h1 {
	font-size : 50px;
}
H2 {
	font-size : 42px;
}
h3 {
	font-size : 30px;
}
h4 {
	font-family: 'Roboto', sans-serif;
	font-size : 24px;
	font-weight: bold;
}
hr {
	border: 0px solid #bebebe;
	color: #bebebe;
	height: 1px;
	background-color: #bebebe;
}

/* ------ Grid Column Classes ------ */

/* Example Layout:
*  
*
*	<div class="section group">
*		<div class="col span_6">
*			Content Goes Here.
*		</div>
*		<div class="col span_6">
*			Content Goes Here.
*		</div>
*	</div>
*
*
*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* GROUPING */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* Grid-Style Div Classes */

.col {
	display: block;
	float: left;
}
.col_padding {
	padding: 5px;
}

/* 
Span classes are all out of 12 columns.
i.e .span_6 = length of 6 columns out of 12, or half width. 
*/

.span_12 {
	width: 100%;
}

.span_11 {
	width: 91.66%;
}

.span_10 {
	width: 83.33%;
}

.span_9 {
	width: 75%;
}

.span_8 {
	width: 66.66%;
}

.span_7 {
	width: 58.33%; 
}

.span_6 {
	width: 50%;
}

.span_5 {
	width: 41.66%; 
}

.span_4 {
	width: 33.33%; 
}

.span_3 {
	width: 25%;
}

.span_2 {
	width: 16.66%; 
}

.span_1 {
	width: 8.33%; 
}


/* -------------------------- Specialty Website Styles -------------------------- */

.pencil {
	width: 16px!important;
	height: 16px!important;
}
.mobile-hide {
	display: inherit;
}
.clearer {
	clear: both;
}
.categories-text {
	font-size: 16px;
	line-height: 24px;
}
.box-categories a:link, 
.box-categories a:visited {
	font-size: 16px;
}
.font-white,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white a,
.font-white a:link,
.font-white a:visited {
	color: #fff;
}
.font-black,
.font-black h1,
.font-black h2,
.font-black h3,
.font-black h4,
.font-black a,
.font-black a:link,
.font-black a:visited {
	color: #000;
}
.font-gray,
.font-gray h1,
.font-gray h2,
.font-gray h3,
.font-gray h4,
.font-gray a,
.font-gray a:link,
.font-gray a:visited {
	color: #5f5f5f;
}



/* -------------------------- Paddings -------------------------- */

.padding {
	padding: 25px;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.padding25 {
	padding: 25px;
}
.padding35 {
	padding: 35px;
}
.padding50 {
	padding: 50px;
}
.padding100 {
	padding: 100px;
}
.padding-center {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padding-left {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
.padding-right {
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 25px;
}

/* -------------------------- Structure Style Classes Go Here -------------------------- */

.main-container  {
	width: 100%; 
   position: relative;
	text-align: left;
}
.boxed {
	width: 1050px;
	margin: 0 auto;
}
.bg-body {
	background-color: #fff;
}


/* -------------------------- Button Style Classes Go Here -------------------------- */

.btn,
a.btn,
a.btn:link,
a.btn:visited {
	background-color: #3d95b6;
	background: rgb(61,149,182);
	background: linear-gradient(0deg, rgba(61,149,182,1) 0%, rgba(77,188,229,1) 100%);
	color: #fff;
	padding: 15px;
	text-align: center;
	font-size: 16px;
	border: none; 
	line-height: normal!important;
	font-style: normal;
	-webkit-appearance: none;
	display: inline-block;
	transition: all .2s linear;
	text-shadow: 1px 0 4px rgba(0,0,0,0.8);
	text-transform: uppercase;
}
.btn:hover,
a.btn:hover {
	background-color: #3d95b6;
	background: linear-gradient(0deg, rgba(77,188,229,1) 0%, rgba(77,188,229,1) 100%);
	text-decoration: none;
	cursor: pointer;
}


/* -------------------------- Header Style Classes Go Here -------------------------- */


.bg-menu {
	text-align: center;
}
.box-menu a,
.box-menu a:link,
.box-menu a:visited {
	display: inline-block;
	padding: 15px 25px;
	font-size: 18px;
	text-transform: uppercase;
	transition: all .2s linear;
}
.box-menu a:hover {
	color: #3d95b6;
	text-decoration: none;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
}
.col-hdr-info {
	text-align: right;
}
.col-hdr-info h2 {
	font-size: 60px;
	color: #3d95b6;
}
.col-hdr-info h3 {
	font-size: 30px;
	font-style: italic;
	font-family: 'Roboto', sans-serif;
}
.bg-title {
	background-color: #e4e4e4; 
}

/* -------------------------- Footer Style Classes Go Here -------------------------- */

.bg-footer-top {
	background-color: #e4e4e4;
}
.col-footer {
	border-right: 1px solid #bebebe;
	min-height: 250px;
	font-size: 14px;
}
.bg-footer-top .col-footer:last-child {
	border-right: none;
}
.col-footer a:link,
.col-footer a:visited {
	color: #000;
	font-weight: normal;
}
.col-footer a:hover {
	color: #3d95b6;
	text-decoration: none;
}
.col-footer h2 {
	font-size: 60px;
	color: #fff;
	text-shadow: 1px 0 4px rgba(0,0,0,0.8);
}
.col-footer h3 {
	color: #3d95b6;
}
.box-footer {
	font-size: 14px;
}
.footer-left {
	text-align: left;
}
.footer-right {
	text-align: right;
}


/* -------------------------- Home Classes Go Here -------------------------- */

.bg-body h1 {
	font-size: 30px;
	color: #3d95b6;
	text-transform: uppercase;
}
.bg-main-banner {
	background-color: #e3faff;
	padding: 100px 0;
	background-image: url(/images/bg-main-accurate-document.jpg);
	background-position: bottom right;
	background-size: cover;
}
.box-main-banner {
	max-width: 470px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	border: 8px solid #a1dbf1;
	padding: 20px;
	text-align: center;
}
.box-main-banner h2 {
	font-size: 48px;
	text-transform: uppercase;
}


/* -------------------------- Forms -------------------------- */

.box-form td {
	padding: 10px;
}
.box-form input,
.box-form textarea {
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	background-color: #eee;
}
.box-form input.btn {
	width: auto;
}
.box-form input.btn-image {
	width: auto;
	background-color: transparent;
	padding: 0;
}


/* -------------------------- Custom Style Classes Go Here -------------------------- */

.bg-gray {
	background-color: #e4e4e4;
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media (max-width: 1600px){
	.parallax {
		background-size: auto auto;
	}
}


@media (max-width: 1080px) {
	

	/* Hide Stuff */
	
	
	
	/* Show Stuff */
	

	
	/* Main Layout */

	
	.main_container {
		min-width: 100%;
	}
	.boxed, 
	.box-body {
		width: 100%!important;
		float: none!important;
		max-width: 100%!important;
	}
	.padding-center,
	.padding-left,
	.padding-right {
		padding: 25px;
	}
	.videowrapper {
   	float: none;
   	clear: both;
   	width: 100%;
   	position: relative;
   	padding-bottom: 56.25%;
   	padding-top: 0px;
   	height: 0;
	}

	.videowrapper iframe {
   	position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
	}
	
	
	/* Homepage */
	
	.box-main-banner.boxed {
		max-width: 470px!important;
	}

	/* Menu */	

	.box-menu a, 
	.box-menu a:link, 
	.box-menu a:visited {
		font-size: 16px;
		padding: 15px;
	}

	/* Footer */	
	
	.col-footer h2 {
		font-size: 48px;
	}
}

@media (max-width: 800px){

	
	/* Hide Stuff */
	
	.mobile-hide {
		display: none;
	}
	
	/* Main Layout */
	
	
	.padding35,
	.padding50,
	.padding100 {
		padding: 25px;
	}
	
	.span_12 {
		width: 100%;
	}

	.span_11 {
		width: 100%;
	}

	.span_10 {
		width: 100%;
	}

	.span_9 {
		width: 100%;
	}

	.span_8 {
		width: 100%;
	}

	.span_7 {
		width: 100%;
	}

	.span_6 {
		width: 100%;
	}

	.span_5 {
		width: 100%;
	}

	.span_4 {
		width: 100%;
	}

	.span_3 {
		width: 100%;
	}

	.span_2 {
		width: 100%;
	}

	.span_1 {
		width: 100%;
	}

	
	/* Header */		
	
	.col-hdr-info {
		width: 60%;
	}
	.col-logo {
		width: 40%;
	}
	.col-hdr-info h2 {
		font-size: 42px;
	}
	.col-hdr-info h3 {
		font-size: 20px;
	}

	/* Menu */	

	.box-menu a, 
	.box-menu a:link, 
	.box-menu a:visited {
		padding: 10px;
	}
	.box-menu {
		padding: 10px;
	}

	/* Footer */	
	
	.bg-footer {
		padding: 20px;
	}
	.footer-right,
	.footer-left {
		text-align: center;
		padding: 0;
	}
	.col-footer {
		text-align: center;
		min-height: auto;
		border-right: none;
	}

	/* Homepage */

	.col-content-left {
		text-align: center;
	}

	/* Homepage */ 

	.box-form tr > td {
		width: 100%!important;
		display: block;
	}

	/* -------------------------- Forms -------------------------- */


	.box-form .lbl {
		text-align: left;
	}

}

@media (max-width: 550px){

	/* Header */		
		
	.col-hdr-info {
		width: 50%;
	}
	.col-logo {
		width: 50%;
	}
	.col-hdr-info h2 {
		font-size: 36px;
	}
	.col-hdr-info h3 {
		display: none;
	}
	.box-menu a, 
	.box-menu a:link, 
	.box-menu a:visited {
		padding: 5px 10px;
	}

}

.btn-image-prev {
	background: url('/images/previous.gif') no-repeat center center;
	width: 250px;
	height: 52px;
	border: none; 
	cursor: pointer; 
}

.close-button {
	background-color: red !important;
	color: black;
	border: none;
	width: 30px;
	height: 30px;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 2px;
	right: 2px;
}