@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;
}

@font-face {
  font-family: 'proxima_nova_cond';
  src: url('/_assets/fonts/proxima_nova_cond.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 {
  margin-bottom:10px;
	font: 1.526em 'Raleway', sans-serif;
	line-height: 1.5em;
}

.zipcodeSection h2 {
  margin-bottom:20px;
	font: 1.15em 'Raleway', sans-serif;
	line-height: 1.5em;
}

.zipcodeSection {
  display: flex;
  align-items: flex-start;
}

.zipcodeSection .rateWrap {
  flex: 0 0 190px;
  margin-right: 3%;
}

.zipcodeSection .rate {
  margin-bottom:15px;
  padding: 10px 15px;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  font-family: 'proxima_nova_cond';
  background-color: #737373;
}

.zipcodeSection .rate .ratePriceFreq {
  font-size: 23px;
}

.zipcodeSection .rate .ratePrice {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: proxima_nova_rgbold;
  font-size: 52px;
}

.zipcodeSection .rate .ratePrice span {
  position: relative;
  top: -9px;
  font-size: 32px;
}

.zipcodeSection .rate .billingFreq {
  font-size: 22px;
}

.zipcodeSection .note {
  font-size:14px;
}

.zipcodeSection .note span {
  font-weight:700;
}

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

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

.zipcodeSection .zipcodeContent ul.zipcodeCopyBullets {
}

.zipcodeSection .zipcodeContent ul.zipcodeCopyBullets li {
	padding: 0 0 13px 30px;
	background: url(../images/ul-arrow.jpg) 0 2px no-repeat;
}

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

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

#ContentWrapper .seal {
margin-bottom:35px;
text-align:center;
}

#ContentWrapper .seal img {
	width: 100%;
	max-width: 220px;
	height: auto;
}

#GuidelineCallout {
	padding:20px 0;
	text-align: center;
	background: #ad2d2e;
}

#GuidelineCallout a {
	padding:25px 100px;
	display:inline-block;
	font: 1.526em 'Raleway', sans-serif;
	line-height:1.4em;
	color:#FFF;
	border: 1px solid #FFF;
}

#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 {
	margin-top:40px;
}

#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;
	float: left;
}

/* 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%;
	}

	#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%;
		margin-bottom:45px;
	}

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

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

	header #HeaderImage {
		margin-top: 30px;
	}

  .zipcodeSection {
    flex-direction: column;
  }

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

	.zipcodeSection .rateWrap {
    flex: 0 0 auto;
    width:200px;
    margin: 0 auto 30px auto;
    text-align: center;
  }

	.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
------------------------------------------------------- */
/* ----------------------------------------------------
		ADA specific styles start
------------------------------------------------------- */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    color: #221f1f !important;
    background-color: #ffffff !important;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        position: absolute !important;
        clip: auto;
        overflow: visible;
        height: auto;
        width: auto;
        z-index: 200;
        padding: 20px;
        font-size: 23px;
        border: 1px solid #000;
    }

/* ----------------------------------------------------
		ADA specific styles end
------------------------------------------------------- */