﻿@charset "UTF-8";
@import "html5reset.css";
/* CSS Document */

/* FONTS START */
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* FONTS END */

/* MAIN STYLES START */

body
{
	font: 19px 'proxima_nova_rgregular', arial, helvetica, sans-serif;
	color: #3c3c3c;
	width: 100%;
}

#BodyWrapper .siteWidth
{
	width: 100%;
}

header #HeaderLogo
{
	background: url(../images/meridian-logo.jpg) 0 0 no-repeat;
	width:298px;
	height:119px;
	text-indent: -999999px;
	margin: 15px 0 0 5%;
	background-size:85%;
}

header #HeaderImage
{
	/*background: url(../images/feature-img.jpg) top center no-repeat;
	background-size: cover;*/
	width: 100%;
	/*height: 454px;*/
	/*text-indent: -999999px;*/ 
	margin: 35px 0 0 0;
	overflow:hidden;
}

header #HeaderImage img {
	width:100%;
	display:block;
}

.contentWidth
{
	width: 1133px;
	margin: 0 auto;
}

.graybg
{
	background-color: #fcfcfc;
	border-bottom: 1px solid #ebeceb;
	margin: 0 0 35px 0;
	padding: 50px 0;
}

.zipcodeSection h1
{
	font: 1.526em 'Raleway', sans-serif;
	line-height: 1.5em;
}

.zipcodeSection .rate
{
	float: left;
	width: 15%;
	margin-right: 3%
}

.zipcodeSection .zipcodeContent
{
	float: left;
	width: 82%;
}

.zipcodeSection .zipcodeContent ul.zipcodes
{
	margin: 20px 0 0 0;
}

.zipcodeSection .zipcodeContent ul.zipcodes li
{
	width:140px;
	background: #002663;
	color: #ffffff;
	float: left;
	margin: 0 10px 10px 0;
	padding: 15px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	font-size: 1.368em;
	text-align:center;
}

#ContentWrapper
{
	padding: 0 0 50px 0;
}

#ContentWrapper.map img, .zipcodeSection img
{
	width: 100%;
	height: auto;
}

#ContentWrapper h2
{
	font: 1.632em 'Raleway', sans-serif;
	text-align:center;
	padding: 30px 0;
}

#ContentWrapper strong
{
	font-family: 'proxima_nova_rgbold', arial, helvetica, sans-serif;
}

#ContentWrapper .twoColumn .left
{
	float: left;
	width: 45%;
}

#ContentWrapper .twoColumn .right
{
	float: right;
	width: 45%;
	border-left: 1px solid #d9d9d9;
	padding: 0 0 0 5%;
}

 #ContentWrapper .twoColumn .left ol 
 {
   list-style: none;
   margin: 20px 0 20px 20px;
 }
 
#ContentWrapper .twoColumn .left ol li 
{
   counter-increment: item;
   margin-bottom: 20px;
 }

#ContentWrapper .twoColumn .left ol li:before
{
	margin: 0 10px 5px 0;
	padding: 2px;
   content: counter(item);
   background: #ac2d2d;
   border-radius: 100%;
   color: white;
   width: 1.2em;
   text-align: center;
   display: inline-block;
}

/* form styles start */

.form .formError {
	color:#ac2d2d;
	line-height:24px;
	font-size:17px;
}

.form input[type="text"], .form input[type="password"], .form input[type="tel"], .form input[type="email"], .form select
{
	border: 1px solid #d6d5d5;
	padding: 0 5px;
	height: 35px;
	font-size: 0.842em;
	font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;
}

.form .textLabel {
	font-size:17px;
}

.form select
{
	height: 35px;
	background: #ffffff;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	color: #3c3c3c;
}

.form .oneCol, .form .twoCol
{
	margin: 20px 0 0 0;
}

.form .dayTimeIsMobile {
	float: right;
	width: 47%;
	font-size: 17px;
}

.form .oneCol input[type="text"], .form input[type="email"]
{
	width: 97.5%;
}

.form .twoCol input[type="text"], .form .twoCol input[type="password"], .form .twoCol input[type="tel"], .form select
{
	width: 45%;
}

.form select
{
	width: 47.3%;
}

.form .twoCol input[type="text"].leftField,.form .twoCol input[type="password"].leftField, .form .twoCol input[type="tel"], .form select
{
	float: left;
}


.form .twoCol select.rightField,
.form .twoCol input[type="checkbox"].rightField,
.form .twoCol input[type="text"].rightField,
.form .twoCol input[type="password"].rightField,
.form .twoCol input[type="tel"].rightField
{
	float: right;
}

.form .radioButton label {
	padding-left: 5px;
	padding-right: 12px;
	vertical-align: middle;
	font-size:17px;
}

.form .radioButton input {
	width:15px;
	height:15px;
}

.form .checkBox label {
	padding-left: 5px;
	padding-right: 12px;
	vertical-align: middle;
	font-size:17px;
}

.form .checkBox input {
	width:15px;
	height:15px;
}

.form input[type="submit"]
{
	background: #ac2d2d;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #ffffff;
	height: 35px;
	width: 100%;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font: 0.842em 'proxima_nova_rgbold', arial, helvetica, sans-serif;
	cursor:pointer;
}

/* form styles end */

p.footnote
{
	margin: 50px 0 0 0;
}

footer
{
	background-color: #535353;
	padding: 20px 0;
	color: #bcbcbc;
	font-size: 0.842em;
}

footer .copyright
{
	text-align: right;
	float: right;
	padding: 15px 0 0 0;
}

footer .footerLogo
{
	background:url(../images/footer-logo.png) no-repeat;
	height: 50px;
	width: 132px;
	float: left;
}

.btn {
	display:inline-block;
	min-width: 88px;
	padding:10px 30px;
	text-align: center;
	font-family:'proxima_nova_rgbold';
	text-transform:uppercase;
	font-size:0.889em;
	color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #FFF;
}
.btnRed {
	color:#FFF;
	background:#ac2d2d;
	border:1px solid #ac2d2d;
}

/* MAIN STYLES END */

/* RESPONSIVE STYLES START */

@media screen and (min-width: 1920px)
{
	
header #HeaderImage
{
	background-size: 100%;
	height: 600px;
}
}

@media screen and (max-width: 1133px)
{

.contentWidth
{
	width: 90%;
}

.zipcodeSection .rate
{
	float: left;
	width: 25%;
	margin-right: 3%;
}

.zipcodeSection .zipcodeContent
{
	float: left;
	width: 72%;
}

#ContentWrapper .map img
{
	width: 100%;
	height: auto;
}

}

@media screen and (max-width: 786px)
{
	
header #HeaderImage img {
	width:150%;
	margin-left:-25%;
}

.zipcodeSection .zipcodeContent
{
	font-size: .75em;
}

#ContentWrapper .twoColumn .left
{
	float: none;
	width: 100%;
}

#ContentWrapper .twoColumn .right
{
	float: none;
	width: 100%;
	border-left: none;
	padding: 0;
}

}

@media screen and (max-width: 620px)
{
	
header #HeaderImage
{
	/*height: 240px;*/
	margin-top: 30px;
}

.zipcodeSection .zipcodeContent
{
	float: none;
	width: 100%;
	text-align:center;
}

.zipcodeSection .rate
{
	float: none;
	width: 50%;
	margin: 0 auto;
}

/*.zipcodeSection .zipcodeContent ul.zipcodes li
{
	float: none;
}*/

}

@media screen and (max-width: 460px)
{
	header #HeaderLogo {
    height: 88px;
    background-size: 71%;
}

	header #HeaderImage img {
		width:175%;
		margin-left:-37%;
	}

	.graybg {
		padding: 20px 0;
	}

	.form .twoCol input[type="text"], .form .twoCol input[type="password"], .form .twoCol input[type="tel"], .form .twoCol input[type="email"], .form .twoCol select {
		float: none;
		width: 97.5%;
		clear: both;
	}

	.form .twoCol input[type="text"].rightField, .form .twoCol input[type="password"].rightField, .form .twoCol input[type="tel"].rightField {
		float: none;
		margin: 20px 0 0 0;
	}
}

@media screen and (max-width: 340px)
{

header #HeaderImage
{
	background-size: 190%;
	height: 150px;
}

#ContentWrapper h2
{
	font-size: 1.25em;
}

}

/* RESPONSIVE STYLES END */

/* ----------------------------------------------------
		Start Share The Love Callout
------------------------------------------------------- */

.shareTheLoveCallout {
	max-width:1045px;
	margin:0 auto;
	padding:0 2% 35px 2%;
}

.shareTheLoveCallout .left {
	width:250px;
	float:left;
}

.shareTheLoveCallout .right {
	width:auto;
	padding-left:250px;
}

.shareTheLoveCallout .right p {
    margin-bottom: 25px;
}

.shareTheLoveCallout .right .headLogo {
	margin-bottom:25px;
}

.shareTheLoveCallout .right .tagline {
	margin: 0 auto 5px auto;
	color: #cd1d20;
	font-family: 'proxima_nova_rgbold';
	font-size: 22px;
}

@media only screen and (max-width: 799px) {
	.shareTheLoveCallout .left {
		display:none;
	}	

	.shareTheLoveCallout .right {
		width:100%;
		padding-left:2%;
	}	
}

/* ----------------------------------------------------
		End Share The Love Callout
------------------------------------------------------- */