@charset "UTF-8";
/* CSS Document */

body {
	color: #333;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 16px;
	background: #d8e1e3
}
a:link { 
	color: #0081c3;
	text-decoration:  none; 
}
header {
	background: #fff;
}
.phone-mobile {
  display: none;
}
/*.logo {
  margin-top: 5px;
	padding: 10px 15px;
  width: 227px;
  height: 65px;
  background: url("/images/mslogo.png") no-repeat;
}*/
.logo {
	padding: 10px 15px;
}
.needHelp {
	padding: 10px 15px;
	color: #00396f;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.4em;
	text-align: right;
}
.needHelp .phone {
	display: block;
	padding-bottom: 3px;
	font-size: 1.375em;
	font-weight: bold;
}
.needHelp .hours {
	display: block;
	font-size: .875em;
	font-weight: normal;
	line-height: normal;
}
.needHelp .hours span {
	display: block;
}
.needHelp a {
	color: #00396f;
}
.phone:after {
	content: " / TTY User 711";
}
.content {
	background: #fff;
}

h1, h2 {
	color: #00396f;
	font-family: "museo-sans", Helvetica, Arial, "sans-serif";
	font-size: 2.25em;
	font-weight: 500;
}
h2 {
	color: #4497cb;
	font-size: 1.75em;
	line-height: 1.5em;
}
p {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em;
}

/* Modals
======================================================================================== */
.modal-title {
  font-family: 'Aleo', serif;
}
.modal-links {
  margin: 5px 0 0 -5px;
  padding: 3px 5px;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 1px;
  list-style: none;
  background: #f2f2f2;
}
.modal-links > li {
  display: inline-block;
}
.modal-links>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.modal-links>.active a {
    color: #777;
}
.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  line-height: 28px;
}
.modal-body h1 {
	color: #000;
	font-size: 1.375em;
}
.modal-body h2 {
  margin: 0 0 20px 0;
  color: #000;
  font-family: 'Aleo', serif;
  font-size: 1.75em;
}
.modal-body h3{
  margin: 20px 0 10px 0;
  color: #000;
  font-family: 'Aleo', serif;
  font-size: 1.5em;
  font-weight: 600;
}

/* Custom Buttons
===================================================================== */
.btn-custom {
	color: #fff;
	text-transform: uppercase;
  background-color: #F47000;
  border-color: #F47000;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
	color: #fff;
  background-color: #F47000;
  border-color: #F47000;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
    background-color: #F47000;
    border-color: #F47000;
}

/*-----------------------------------------------------------------------------------*/
/*	DIVIDERS
/*-----------------------------------------------------------------------------------*/
.divide0 {
  width: 100%;
  height: 0px;
}

.divide2 {
  width: 100%;
  height: 2px;
}

.divide3 {
  width: 100%;
  height: 3px;
}

.divide5 {
  width: 100%;
  height: 5px;
}

.divide10 {
  width: 100%;
  height: 10px;
}

.divide15 {
  width: 100%;
  height: 15px;
}

.divide20 {
  width: 100%;
  height: 20px;
}

.divide25 {
  width: 100%;
  height: 25px;
}

.divide30 {
  width: 100%;
  height: 30px;
}

.divide35 {
  width: 100%;
  height: 35px;
}

.divide40 {
  width: 100%;
  height: 40px;
}

.divide45 {
  width: 100%;
  height: 40px;
}

.divide50 {
  width: 100%;
  height: 50px;
}

.divide55 {
  width: 100%;
  height: 55px;
}

.divide60 {
  width: 100%;
  height: 60px;
}

.divide65 {
  width: 100%;
  height: 65px;
}

.divide70 {
  width: 100%;
  height: 70px;
}

.divide75 {
  width: 100%;
  height: 75px;
}

.divide80 {
  width: 100%;
  height: 80px;
}

.divide85 {
  width: 100%;
  height: 85px;
}

/*margins*/
.margin10 {
  margin-bottom: 10px;
}

.margin20 {
  margin-bottom: 20px;
}

.margin30 {
  margin-bottom: 30px;
}

.margin40 {
  margin-bottom: 40px;
}

.no-padding {
  padding: 0px;
}

.no-padding.gray {
  background-color: #f5f5f5;
}

.no-padding-inner h3 {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 40px;
}

.no-padding-inner {
  padding: 60px;
}

/* Footer
===================================================================== */
footer {
	padding: 15px 0 5px 0;
	color: #fff;
	font-size: .875em;
	font-weight: 300;
	background: #118ac6;
}
footer p {
	color: #fff;
	line-height: 1.5em;
}
footer a:link,
footer a:visited {
	color: #fff;
}
footer a:hover {
	color: #89badc;
}
footer img {
	height: 35px;
}
footer hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #89badc;
}
#social, #McAfee {
	text-align: right;
}

/* Social Icons
===================================================================== */
.social-1 {
  margin: 0;
  padding: 0;
  text-align: right;
}
.social-1 li {
  padding: 0px;
}
.social-1 a {
	padding: 0;
}
.social-1 li a i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.social-1 li a i:hover {
  opacity: 0.8;
}
.social-1 li a i.fa-facebook {
  background-color: #3b5998;
}
.social-1 li a i.fa-twitter {
  background-color: #0084b4;
}
.social-1 li a i.fa-linkedin {
  background-color: #1a85bc;
}
.social-1 li a i.fa-google-plus {
  background-color: #C63D2D;
}
.social-1 li a i.fa-pinterest {
  background-color: #cb2027;
}
.social-1 li a i.fa-dribbble {
  background-color: #ea4c89;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.zipCapture {
		width: 52%;
	}
	.zipCapture h1 {
		font-size: 2.75em;
	}
	.zipCapture p {
		font-size: 1.375em;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	#hero {
		position: relative;
		height: 500px;
	}
	.zipCapture {
		width: 52%;
		max-width: inherit;
	}
	.zipCapture h1 {
		font-size: 2em;
	}
	.zipCapture p {
		font-size: 1.05em;
	}	
}

@media (min-width: 320px) and (max-width: 767px) {
  
	header .needHelp {
    display: none;
  }
  .logo {
    padding: 10px 0;
    text-align: left;
  }
  .logo img {
    width: 220px;
    height: auto;
  }
  .phone-mobile {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
  }
  .phone-mobile a {
    color: #c22034;
    font-size: 20px;
    background: #f2f2f2 url("../images/icon-phone.png") no-repeat center center;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*transition: all .5s ease-in-out;*/
    text-decoration: none;
    text-indent: -9999px;
  }
	.zipCapture {
		position: absolute;
		bottom: 0;
		margin: 15px;
		padding: 20px 20px 10px 20px;
		width: auto;
		max-width: auto;
		min-width: 300px;
		background: rgba(255,255,255,.85);
		border: 1px solid #D8D8D8;
		overflow: hidden;
		border-radius: 15px;
	}
	.zipCapture h1 {
		font-size: 1.75em;
	}
	.zipCapture p {
		font-size: .95em;
	}
	.zipContainer label {
		font-family: "museo-sans", Helvetica, Arial, "sans-serif";
		font-size: 14px !important;
	}
	h1, h2 {
		color: #00396f;
		font-family: "museo-sans", Helvetica, Arial, "sans-serif";
		font-size: 1.625em;
		font-weight: 500;
	}
	h2 {
		color: #4497cb;
		font-size: 1.125em;
		line-height: 1em;
	}
	footer ul, .social-1 {
		text-align: center;
	}
	.copyright {
		text-align: center;
	}
}

@media (min-width: 320px) and (max-width: 375px) {
	.needHelp {
		font-size: .75em;
	}
	.needHelp .hours {
		font-size: 1.125em;
	}
	.needHelp .hours span {
		display:  block;
		font-size: inherit;
	}
}