@viewport {
  user-zoom: fixed;
}
* {
	padding:0px;
	margin:0px;

	-webkit-appearance: none;
	}
a, img {border:0px;}
body {
	color:#292929;
	font-size:14px;
	font-family:Calibri, Arial;
	line-height:121%;
	text-align:center;
	background:#fff;
	}
html, body {
	height:100%;
	min-height: 580px;
	width:100%;
	min-width:300px;
	}

a {
	outline: none;
	color:#0B4B7F;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}

label {
	cursor:pointer;
	}
textarea {
	resize: none;
	}
a, button, input, textarea {
	outline: none;
	}
:focus {
	outline: none;
	}
button::-moz-focus-inner { 
	padding:0; 
	border:0; 
	}

.site-footer {
	display:block;
	position:relative;
	overflow:hidden;
	height:59px;
	margin:-59px auto 0px auto;
	background:#fff;
	}
.site-content {
	padding-bottom:59px !important;
	}

.page_width {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0px auto;
	background:url(../images/bg1.jpg) no-repeat 55% bottom;
	background-size:cover;
	}
.header_bl,
.content_bl,
.footer_bl {
	min-width:300px;
	width:auto;
	text-align:left;
	}

.clear_line {
	clear:both;
	display:block;
	overflow:hidden;
	height:1px;
	overflow:hidden;
	}
/* -------------------------------------------------------------------------- */

h1 {
	color:#024A7C;
	font:200% Calibri, Arial;
	line-height:30px;
	padding-bottom:0;
	}
h2 {
	color:#024A7C;
	font:171.42% times new roman;
	line-height:119%;
	text-transform:uppercase;
	padding-bottom:0;
	background-image:url("../images/h1_line.png");
    background-position: 0px bottom;
    background-repeat: repeat-x;
	height:40px;
	}
h3 {
	color:#024A7C;
	font:150% Calibri, Arial;
	line-height:105%;
	padding-bottom:0;
	text-transform:uppercase;
	
	}
h4 {
	color:#024A7C;
	font:130% Calibri, Arial;
	line-height:119%;
	padding-bottom:14px;
	}
h5 {
	color:#024A7C;
	font:bold 16px Calibri, Arial;
	line-height:119%;
	padding-bottom:12px;
	}
h6 {
	color:#024A7C;
	font:bold 14px Calibri, Arial;
	line-height:90%;
	padding-bottom:6px;
	}

.button {
	background: #024A7C;
	background: -moz-linear-gradient(top,#024A7C 0%,#024A7C 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#024A7C),color-stop(100%,#024A7C));
	background: -webkit-linear-gradient(top,#024A7C 0%,#024A7C 100%);
	background: -o-linear-gradient(top,#024A7C 0%,#024A7C 100%);
	background: -ms-linear-gradient(top,#024A7C 0%,#024A7C 100%);
	background: linear-gradient(top,#024A7C 0%,#024A7C 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#024A7C', endColorstr='#024A7C',GradientType=0);
	padding:5px 7px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ffffff
}
.testm {
	width:90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f0f1f6;
	padding:1em;
	margin-bottom:1em;
	border: solid 1px #AEBBC5;
	
}
.testm p {padding-bottom:10px !important;}
.testm_name {
	width:100%;
	text-align:right;
	font-style:italic;
}
.page_width {
	position:relative;
	overflow:hidden;
	}
	.page_width::before {
		content:' ';
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		width:19%;
		height:100%;
		background:rgba(255,255,255, 1);
		}

.site-header .logo_wrap {
	overflow:visible;
	position:relative;
	z-index:100;
	width:19%;
	
	}
	.site-content .col_l {
		overflow:visible;
		width:19%;
		text-align:left;
		}
	.site-content .col_c {
		position:absolute;
		top:0;
		right:0;
		overflow:visible;
		width:21%;
		height:100%;
		text-align:left;
		background:rgba(255,255,255, 1);
		}

.footer_bl {
	height:59px;
	line-height:59px !important;
	}
	.footer_bl .bl {
		padding:0 2.5%;
		}
	.f_nav {
		float:right;
		list-style:none;
		margin:0;
		}
		.f_nav li {
			display:inline-block;
			white-space:nowrap;
			vertical-align:middle;
			padding:0 0 0 14px;
			}
		.f_nav a {
			color:#292929;
			text-decoration:none;
			}
		.f_nav a:hover {
			color:#c3667f;
			}

/* -------------------------------------------------------------------------- */
.col_b {
	width:100%;
}
.title_top {
  color: #ffffff;
  font-size: 2em;
  font-style: italic;
  position: absolute;
  right: 25%;
  text-shadow: 1px 1px 5px #000;
  text-transform: uppercase;
  width: 310px;
  bottom:5%;
  font-weight:bold;
}

.contactForm td {
	padding-bottom:10px;
}
input[type="text"], textarea {
  border: 1px solid #9c9c9c;
  height: 20px;
  padding-left: 10px;
}
#button {
  background: #024a7c;
  height: 15px;
  padding: 5px;
  width: 80px;
  text-align:center;
}
#button a {
	color:#ffffff;
}
label.error {
	font-weight:bold;
	color:#C51316;
}
input.error {
	background:#E8B8B9;
}
.info {
	padding-bottom:5px;
	font-size:0.7em;
}
.quote_sp {
	color:#DDD9D6;
}
.addr_1 {
	width:100%;
	line-height:1.3em;
	
}
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.contactForm input[type="text"], .contactForm textarea {
  width: 95%;
}
.addr_wrapper {
	width:69%;
	font-weight:bold;
	color:#024A7C;
	line-height:1.5em;
}
.left_addr {
	float:left;
}
.right_addr {
	float:right;
}
.clear {
	clear:both;
}
.site-content p {
	padding-bottom:16px;
	}
.site-content ul {
	clear:left;
	position:relative;
	list-style:none;
	margin-left:8px;
	margin-bottom:16px;
	}
	.site-content ul li {
		position:relative;
		border-bottom: 1px solid #BEC5CD;
		}
	.site-content ul li::before {
		content:' ';
		position:absolute;
		top:0;
		left:-8px;
		display:block;
		overflow:hidden;
		width:4px;
		height:1px;
		margin-top:9px;
		background:#292929;
		}
.site-content ol {
	clear:left;
	position:relative;
	margin-left:24px;
	margin-bottom:16px;
	}
	.site-content ul ul, .site-content ul ol, .site-content ol ul, .site-content ol ol {
		margin-bottom:0px;
		}

#button > input {
    background: #024A7C;
	
}

/* input */
input[type="text"] {

	}
	input[type="text"]:focus {

		}
	/* input placeholder */
	::-moz-placeholder {
		color: #ccc;
		font:bold 11px Arial;
		background-color: #fafafa;
		}
	::-webkit-input-placeholder {
		color: #ccc;
		font:bold 11px Arial;
		background-color: #fafafa;
		}
/* checkbox */
input[type="checkbox"] { 
	position:absolute;
	z-index:-1;
	clip:rect(0, 0, 0, 0);
	}
	input[type="checkbox"] + label:before { 
		content:" ";
		position:relative;
		top:3px;
		overflow:hidden;
		display:inline-block;
		width:16px;
		height:15px;
		margin-right:4px;
		background:url(../images/forms/form_checkbox.png) no-repeat 0px 0px;
		}
	input[type="checkbox"]:checked + label:before { 
		background-position:0px -20px;
		}
	input[type="checkbox"] + label:hover:before { 
		background-position:0px 0px;
		}
	input[type="checkbox"]:checked + label:hover:before { 
		background-position:0px -20px;
		}
	input[type="checkbox"]:disabled + label:before { 
		background-position:0px -40px;
		}
	input[type="checkbox"]:checked:disabled + label:before { 
		background-position:0px -60px;
		}
/* radio */
input[type="radio"] { 
	position:absolute;
	
	}
	input[type="radio"] + label:before { 
		content:" ";
		position:relative;
		top:3px;
		display:inline-block;
		width:16px;
		margin-right:4px;
		
		}
	input[type="radio"]:checked + label:before { 
		background-position:0 -20px;
		}
	input[type="radio"] + label:hover:after { 
		background-position:0 0px;
		}
	input[type="radio"]:checked + label:before:after { 
		background-position:0 -20px;
		}
	input[type="radio"]:disabled + label:before { 
		background-position:0 -40px;
		}
	input[type="radio"]:checked:disabled + label:before { 
		background-position:0 -60px;
		}
/* select */
.styled-select {
	overflow: hidden;
	position:relative;
	width: 240px;
	height: 34px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	background:#ddd url(../images/forms/back_arrow.png) no-repeat right center;
	}
	.styled-select select {
		width: 268px;
		height: 34px;
		font-size: 16px;
		line-height: 1;
		padding: 5px;
		-webkit-appearance: none;
		border: 0;
		border-radius: 0;
		background: transparent;
		}

/* -------------------------------------------------------------------------- */

/* 242-285 */
.logo {
	position:relative;
	display:block;
	width:84.9%;
	max-width:242px;
	font-size:76%;
	line-height:113%;
	white-space:nowrap;
	margin:3.4% auto 0 auto;
	background:url(../images/logo.png) no-repeat center top;
	background-size:100% auto;
	}
	.logo a {
		content:' ';
		position:relative;
		display:block;
		overflow:hidden;
		width:100%;
		height:0;
		padding:65% 0 0 0;
		}

.m_nav {
	font-size:134%;
	line-height:137.5%;
	list-style:none;
	padding:0 13.33% 0 13.33%;
	margin:0 !important;
	}
	.m_nav li {
		padding:11px 0 0 0;
		}
	.m_nav li::before {
		display:none !important;
		}
	.m_nav a {
		position:relative;
		display:inline-block;
		color:#424242;
		text-decoration:none;
		}
	.m_nav a:hover {
		color:#c3667f;
		}
	.m_nav .active a {
		color:#024A7C;
		}
	.m_nav .active a:before {
		content:' ';
		position:absolute;
		top:50%;
		left:-12px;
		width:6px;
		height:6px;
		margin-top:-3px;
		background:#024A7C;
		}

.address_inf {
	position:absolute;
	left:0;
	bottom:0px;
	overflow:visible;
	width:19%;
	line-height:128.5%;
	padding:0;
	margin:0;
	background:#024A7C;
	color:#ffffff;
	}
	.address_inf .bl {
		padding:3.33%;
		}
	.address_inf p {
		overflow:hidden;
		text-align:right;
		padding:0;
		margin:0;
		}
	.address_inf p i {
		float:left;
		font-style:normal;
		text-transform:uppercase;
		}
	.address_inf .map {
		display:block;
		position:relative;
		padding:0 0 0 25px;
		margin:10% 0 0 0;
		}
	.address_inf .map:before {
		content:' ';
		position:absolute;
		top:50%;
		left:0;
		width:15px;
		height:21px;
		margin-top:-11px;
		background:url(../images/ico_map.png) no-repeat;
		background-size:100% auto;
		}

.scroll-bl {
	
	}
	.scroll-bl-content {
		padding:12% 9.5% 1px 9.5%;
		}
	.scroll-bl-content h2 {
		padding-bottom:5%;
		margin-bottom:5%;
		text-align:center;
		}
	.scroll-bl-content h3 {
		padding-bottom:5.6%;
		
		}
	.scroll-bl-content li {
		margin-bottom:2.6%;
		}


/* calculator */
.cacl_page_width .site-content .col_b {
	position:absolute;
	top:3%;
	left: 19% !important;
	width:80% !important;
}
iframe {
	overflow: scroll;
   	height: 550px !important;
}
/* end calculator */

.mobile_menu {display:none; border:none;}
/* 1500-14 */
@media screen and (max-width: 1400px) {
	body { font-size:13px; line-height:121%; }

	.site-content ul li::before { margin-top:8px; }
}
@media screen and (max-width: 1300px) {
	body { font-size:12px; line-height:121%; }

	.site-content ul li::before { margin-top:7px; }

	.m_nav {
		
		}
		.m_nav li {
			padding-top:10px;
			}
}
@media screen and (max-width: 1200px) {
	body { font-size:11px; line-height:121%; }

	.site-content ul li::before { margin-top:6px; }
	
	.m_nav {
		
		}
		.m_nav li {
			padding-top:9px;
			}
}
@media screen and (max-width: 1100px) {
	body { font-size:11px; line-height:121%; }
}
@media screen and (max-width: 1000px) {
	body { font-size:11px; line-height:121%; }
}


@media screen and (max-width: 900px) {
	body { font-size:14px; line-height:121%; }

	.page_width {
		
		}
		.page_width::before {
			width:100%;
			height:100%;
			}

	.site-header {
		
		}
		.site-header .logo_wrap {
			width:auto;
			}

	.site-content .col_l {
		width:auto;
		}
	.site-content .col_c {
		position:relative;
		top:0;
		right:auto;
		left:0;
		overflow:visible;
		width:auto;
		height:auto;
		text-align:left;
		padding:0 0 5% 0;
		background:transparent;
		}
	.site-content .scroll-bl {
		height:auto !important;
		}


	.logo {
		margin-top:0%;
		}

	.m_nav {
		padding:0 0 5% 0;
		}

	.address_inf {
		position:relative;
		left:0;
		bottom:auto;
		width:auto;
		max-width:196px;
		padding:0 0 5% 0;
		}
		.address_inf .bl {
			padding-left:0;
			padding-right:0;
			}

	.scroll-bl {
		
		}
		.scroll-bl-content {
			padding:0;
			}
		.scroll-bl-content h1,
		.scroll-bl-content h2,
		.scroll-bl-content h3,
		.scroll-bl-content h4 {
			padding-bottom:1.2%;
			}

	.footer_bl {
		
		}
		.footer_bl .bl {
			padding:0;
			}

	.site-header .logo_wrap,
	.site-content .col_l,
	.site-content .col_c,
	.footer_bl .bl {
		padding-left:7%;
		padding-right:7%;
		}

	.f_nav {

		}
		.f_nav li {
			padding-left:7px;
			}
	
}
@media screen and (max-width: 700px) {
	.site-header .logo_wrap,
	.site-content .col_l,
	.site-content .col_c,
	.footer_bl .bl {
		padding-left:7%;
		padding-right:7%;
		}

	.address_inf {
		max-width:300px;
		}

	.f_nav {
		display:none !important;
		}
	
	
}
@media only screen and (orientation:landscape) {
}
@media only screen and (orientation:portrait) {
}


 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
	.logo a {
		padding: 40% 0 0;
	}
	.site-content ul {text-align:center;}
	.site-content p {text-align:left; font-style:italic;}
	.simpleFAQShowing .question {font-style: normal;}
	input[type="text"], textarea {height:30px;}
		
	.mobile_menu {display:block; }
  	.mobile_menu div{
		width: 35px;
      	height: 5px;
    	background-color: black;
    	margin: 6px 0;
  	}
  	ul.m_nav li.icon {
    	float: right;
    	display: inline-block;
  	}
	ul.m_nav li:nth-last-child(n+2), .address_inf {
		display:none;
	}
	h2 {background:none;}
	.hide_on_mobile {
	  display:none !important;
	  
	}
	.site-content ul li  {
		border:none !important;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.m_nav.responsive {position: relative;}
  ul.m_nav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.m_nav.responsive li {
    float: none;
    display: inline;
  }
  ul.m_nav.responsive li a {
    display: block;
    text-align: left;
  }
  .title_top {display:none;}
  .mobile_menu  {
	  display: inline-block;
  }
  
}