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

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: none; background:#173d6f; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{ clear: both; }  
/* ------------------------------------------------- */
/* --------------- Begin Site Styles --------------- */
/* ------------------------------------------------- */
/* -----  FONTS ---- */
@font-face {
    font-family: 'nunitobold';
    src: url('fonts/nunito-bold-webfont.woff2') format('woff2'),
         url('fonts/nunito-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

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

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

}
/* ----- Google Fonts are in HTML head ----- */


/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */
#content p {
	margin:0 0 25px 0;
	line-height:1.5;
}
h1, h2, h3, h4, h5, h6 {
	color:#0d9787;
	font-family:'Anivers_Regular', sans-serif; margin-bottom:10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	font-family:'Anivers_Regular', sans-serif!important;
	color:#173d6f!important;
	text-decoration:none;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
	color:#0d9787!important;
}
h1 {
	font-size:30px;
	margin:0 0 15px 0;
}
h2 {
	font-size:28px;
	font-weight:normal;
}
h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:24px;
}
h4 {
	font-weight:normal;
	font-size:20px;
}
h5 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:.08em;
}
h6 {
	font-size:17px;
	font-weight:bold!important;
}
#left-col a {
	text-decoration:none;
	color:#0d9787;
	font-family:'nunitobold', sans-serif;
	font-weight:normal;
	transition:all .25s;
}
#left-col a:hover, #right-col a:hover, #bottom a:hover {
	text-decoration:none;
	color:#173d6f;
}
#content ul, #content ol {
	margin:0 0 20px 40px;
}
#content ul > li {
	list-style:disc;
	line-height:28px;
	margin-bottom:20px;
}
#content ol > li {
	line-height:28px;
	margin-bottom:20px;
}
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}

.photo {
	/*border:solid 1px #008651;*/
}

a:hover img.photo {
	opacity:.8;
}
blockquote {
	margin:0 0 30px 0;
	padding:20px 30px;
	font-family:'nunitoregular', sans-serif;
	font-size:20px;
	text-align:center;
	color:#316ea7;
	line-height:30px;
	border:solid 2px #ddd;
	border-right:none;
	border-left:none;
	position:relative;
}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.lightgreen {color:#0d9787;}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px;
}
legend {
	font-weight: normal;
	font-size: 24px;
	font-family:"nunitoregular", sans-serif;
	margin: 0 0 10px 0;
	padding: 0 5px;
}
.inpsec {visibility:hidden;}
/* ========================================================= Input and table styles ==== */
input, textarea, select {
	border:1px solid #ccc;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 0 0;
	padding:3px;
	color:#222;
	transition:all .35s;
}
input:hover, textarea:hover, select:hover {border-color:#173d6f;}
table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
	font-size:100%;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:#173d6f;
	font-size: 85%;
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
table td {
	/*border-top: 1px solid #fff;*/
	padding: 4px 0;
}
table input[type=button], table input[type=submit], input[type=button], input[type=submit], #left-col a.button {
	font-size:16px;
	font-weight:bold;
	padding:3px 20px;
	color:#fff;
	background:#173d6f;
	border:none;
	display:inline-block;
	transition:all .35s;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, #right-col a:hover.button {
	color:#fff;
	background:#0d9787;
}
table input[type=radio] {
	margin-bottom:0;
}

/* -----  Provider table styles ---- */

table.providers {
	width:auto;
}
table.providers tr td {
	padding:0 10px 20px 10px;
	padding-bottom:20px;
	width:auto;
}
table.providers.cnp tr td {
	box-sizing:border-box;
	padding:0 5px;
}


table.providers a img {
	text-decoration:none;
	margin-bottom: 10px;
	transition:all .25s;
}

table.providers a:hover img, table.providers a:active img {
}

table.providers a {
	display:block;
	text-align:center;
	text-decoration:none;
	transition:all .25s;
}
.mobile-only {display:none;}
/* --------------- Main Structure ---------------- */
body {
	background:#fff;
	font-family:"nunitoregular", sans-serif;
	font-size:18px;
	color:#322722;
	margin:0;
	padding:0;
	/*min-width:1000px;*/
	z-index:0;
	overflow:hidden;
}
#wrapper {
	min-width:1000px;
	height:100%;
	margin:0 auto;
	padding:0;
	border-top:solid 14px #173d6f;
	position:relative;
	z-index:1;
}
#header-wrapper {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	position:relative;
	z-index:1;
	overflow:visible;
	background: #fff url(images/bg-header-wrapper.jpg) repeat-x 0 0;
}
#nav-wrapper {
	width:100%;
	position:relative;
	background: rgb(23,61,111); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(23,61,111,1) 0%, rgba(13,151,135,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(23,61,111,1) 0%,rgba(13,151,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(23,61,111,1) 0%,rgba(13,151,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d6f', endColorstr='#0d9787',GradientType=0 ); /* IE6-9 */
	-webkit-transform:translateZ(0);
	transition:all .25s;
}
	#nav-wrapper:before {
		content:'';
		width:100%;
		height:7px;
		background:none;
		position:absolute;
		display:block;
		top:-7px;
		left:0;
	}
header {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:1;
	transition:height .25s;
}
#content-wrapper {
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:0;
	position:relative;
	z-index:0;
}
#content-container {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}
#callout-wrapper {
	position:relative;
	background: rgb(210,242,240); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(210,242,240,1) 0%, rgba(246,255,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(210,242,240,1) 0%,rgba(246,255,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(210,242,240,1) 0%,rgba(246,255,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f2f0', endColorstr='#f6fffa',GradientType=0 ); /* IE6-9 */
}
#callout-container {
	position:relative;
	text-align:center;
}
#callouts {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	position:relative;
}
#bottom-wrapper {
	background:#0d9787;
}
#bottom {
	position:relative;
	width:1024px;
	/*min-height:317px;
	max-height:317px;*/
	margin:0 auto;
	background:#0d9787 url(images/bg-bottom-wrapper.jpg) no-repeat center 0;
	background-size:100% 100%;
}
#bottom:before {
	content:'';
	display:block;
	padding-top:30%;
}
#bottom-callouts {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:12.5% 2% 10% 13%;
	/*display:table;*/
	display:block;
	width:100%;
	box-sizing:border-box;
	transform-style:preserve-3d;
}
#bottom-callouts .callout {
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-36%);
}
#bottom-callouts .callout:first-child {
	left:15.5%;
}
#bottom-callouts .callout:nth-child(2) {
	left:48%;
}
#bottom-callouts .callout:nth-child(3) {
	right:5.5%;
}
#bottom-callouts .callout a {
	font-family:'Anivers_Regular';
	font-size:40px;
	color:#fff;
	line-height:1;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	position:relative;
	transform-style:preserve-3d;
	transition:all .35s;
}
#bottom-callouts .callout a:hover {
	color:#173d6f;
}
#footer-wrapper {
	width:100%;
	z-index:1;
	background:#e0faee;
}
footer {
	width:1000px;
	min-height:86px;
	margin:0 auto;
	padding:20px 0;
	box-sizing:border-box;
	color:#0d9787;
	position:relative;
}
/* ------------ Page Structure (columns) ----------- */
#left-col {
	float:left;
	width:68%;
	min-height:400px;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	box-sizing:border-box;
}
#left-col.fullwidth {
	width:100%;
}
#right-col {
	width:29%;
	float:right;
	margin:0;
	padding:0;
	box-sizing:border-box;
	position:relative;
	/*outline:dashed 1px red;*/
}
/* 4 Callouts (4 columns) */
#callouts .callout {
	position:relative;
	width:232px;
	margin-left:7px;
	margin-right:7px;
	padding:0 0 0 0;
	box-sizing:border-box;
	display:inline-block;
	background:#fff;
	color:#000000;
	font-size:0.8em;
	text-align:left;
	vertical-align:top;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
#callouts .callout:hover {
}
#callouts .callout a.callout-img {
	display:block;
	overflow:hidden;
}
#callouts .callout a:hover.callout-img img {
	opacity:.8;
}
#callouts .callout .text {
	margin:10px 15px;
	line-height:1.25;
	box-sizing:border-box;
	height:234px;
}
#callouts .callout .image {
	height:254px;
	box-sizing:border-box;
}
#callouts .callout h3 {
	margin:0 0 0 0;
	padding:15px 0 10px 0;
	text-align:center;
	border-bottom:solid 8px #d2f2f0;
	background: rgb(246,255,250); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,255,250,1) 0%, rgba(213,236,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(246,255,250,1) 0%,rgba(213,236,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(246,255,250,1) 0%,rgba(213,236,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fffa', endColorstr='#d5ecf2',GradientType=0 ); /* IE6-9 */
}
#callouts .callout h3 a {
	color:#0d9787!important;
	font-size:28px;
	letter-spacing:-0.025em;
}
#callouts .callout h3 a:hover {
	color:#173d6f!important;
}
#callouts .callout .text p {
	color:#322722;
	font-size:14px;
	margin-bottom:15px;
}
#callouts .callout .text p img.float-right {
	margin-left:0!important;
}
#callouts .callout .text a {
	text-decoration:none;
	color:#0d9787;
	font-size:14px;
	font-family:'nunitobold', sans-serif;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
#callouts .callout .text a:hover {
	color:#173d6f;
}
.callout a img {
	display:block;
	transition:all .35s;
}
.callout a:hover img {
	opacity:.7;
}
/* ------------- Main Navigation ---------- */
#nav-wrapper-sticky-wrapper.is-sticky #nav-wrapper {
	box-shadow:0 0 20px 10px rgba(0,0,0,.15);
	/*border-top:solid 7px #0d9587;
	background:rgba(255,255,255,.95);*/
}
	#nav-wrapper-sticky-wrapper.is-sticky #nav-wrapper:before {
		background:#0d9587;
	}

#nav-wrapper-sticky-wrapper.is-sticky #nav-wrapper nav#main-nav ul > li > a:hover:before, #nav-wrapper-sticky-wrapper.is-sticky #nav-wrapper nav#main-nav ul > li > a.current:before {
	/*opacity:.4;
	background:rgba(228,211,167,1)*/
}
nav#main-nav {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul {
	width:1000px;
	margin:0;
	padding:0;
	position:relative;
	display:table;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
}
/*nav#main-nav ul > li:nth-of-type(9) {
	width:24%;
}*/
nav#main-nav ul > li a {
	background:none;
	font:18px/65px "nunitoregular", sans-serif;
	font-weight:300;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	letter-spacing:.04em;
	z-index:1000;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a:before {
	content:'';
	background: #173d6f;
	opacity:0;
	position:absolute;
	width:calc(100% - 2px);
	height:100%;
	left:0;
	top:0;
	border-right:solid 1px transparent;
	z-index:-1;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a:hover:before, nav#main-nav ul > li a.current:before {
	opacity:1;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#fff;
}
/* ---- Dropdown Subnav ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	margin:0;
	padding:5% 10% 10% 10%;
	position:absolute;
	top:60px;
    background:#173d6f;
	width:250px;
	height:auto;
	z-index:900;
	opacity:0;
	visibility:hidden;
	-webkit-box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	-moz-box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	-moz-transition:top .25s, opacity .25s;
	-webkit-transition:top .25s, opacity .25s;
	transition:top .25s, opacity .25s, visibility .1s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	position:absolute;
	opacity:1;
	visibility:visible;
	top:65px;
	left:0;
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:200px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:280px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:400px;
}
nav#main-nav ul > li.sub:hover > ul.dropdown.last {
	left:inherit;
	right:0;
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}
nav#main-nav ul > li.sub:hover a {
	background:#173d6f;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:none;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a:before, nav#main-nav ul > li.sub:hover a:before {
	display:none;
}
nav#main-nav ul > li > ul.dropdown > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
	background:none;
	position:relative;
	z-index:2000;
	-moz-transition:background .15s;
	-webkit-transition:background .15s;
	transition:background .15s;
}
nav#main-nav ul > li.sub > ul.dropdown > li a {
	padding:10px 0;
	font:17px/20px "nunitoregular", sans-serif;
	text-align:left;
	display:block;
	float:none;
	color:#fff!important;
	z-index:2000;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a:hover {
	color:#0d9787!important;
}
/* ------ Subnav (sidebar) ------ */
#right-col h2 {
	position:relative;
	text-align:center;
	font-size:28px;
	font-weight:normal;
	margin-bottom:4px;
	overflow:hidden;
	z-index:2;
	padding:10px 0;
	background: rgb(246,255,250); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,255,250,1) 0%, rgba(213,236,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(246,255,250,1) 0%,rgba(213,236,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(246,255,250,1) 0%,rgba(213,236,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fffa', endColorstr='#d5ecf2',GradientType=0 ); /* IE6-9 */
}
.subnav {
	position:relative;
	padding:0 10px 15px 10px;
	background: rgb(210,242,240); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(210,242,240,1) 0%, rgba(246,255,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(210,242,240,1) 0%,rgba(246,255,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(210,242,240,1) 0%,rgba(246,255,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f2f0', endColorstr='#f6fffa',GradientType=0 ); /* IE6-9 */
	text-align:center;
}
	.subnav:before {
		content:'';
		display:block;
		width:calc(100% - 20px);
		height:7px;
		background:#d2f2f0;
		position:absolute;
		top:-5px;
		left:50%;
		transform:translateX(-50%);
	}
nav.subnav h1 {display:none; visibility:collapse;}
nav.subnav > ul {
	margin:0;
	padding:5px 0 10px 0;
	background:#fff;
	text-align:left;
}
nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
	border-bottom:solid 1px transparent;
}
nav.subnav > ul > li:last-child {
	border-bottom:none;
}
nav.subnav > ul > li a {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin:0 auto;
	padding:7px 12px;
	display:block;
	font-family:"nunitoregular", sans-serif!important;
	font-size:17px;
	font-weight:normal!important;
	color:#0d9787;
	text-decoration:none;
	text-align:left;
	line-height:24px;
	-webkit-transition:background-color .35s;
	-moz-transition:background-color .35s;
	transition:background-color .35s;
}
nav.subnav > ul > li a:hover, nav.subnav > ul > li a.selectedon {
	color:#10165e!important;
	text-decoration:none;
	background:#fff;
}
/* ------ Logo ----- */
h1#logo {
	position:relative;
	margin:0;
	padding:15px 0 0 65px;
	float:left;
}
h1#logo a {
	margin:0;
	padding:0;
	text-decoration:none;
	position:relative;
	transform-style:preserve-3d;
}
h1#logo a img {
	position:relative;
	transform-style:preserve-3d;
	transition:transform .25s;
}
h1#logo a:hover img {
	transform:perspective(1px) scale(.9);
}
/* !!!!!!!!!!!!!!!!!!! This alternate hover style is for IE10+ because scale transform wasn't very smooth !!!!!!!!!! */
_:-ms-input-placeholder, :root h1#logo span#logo-mark {
	transition:opacity .5s;
}
_:-ms-input-placeholder, :root h1#logo a:hover span#logo-mark {
	opacity:.6;
	transform:none;
}
/* -------------- slideshow -------------- */
#banner-wrapper {
	width:100%;
	position:relative;
	background:#fff;
	z-index:0;
}
#banner {
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.slide {
	position:relative;
	height:100%;
}
.slide a {
	position:relative;
	text-decoration:none;
}
.slide img {
	width:100%;
	height:auto;
	transition:all .35s;
}
.slide a:hover img {
	/*transform:scale(1.025);*/
	opacity:.8;
}
.slide a.banner-text {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:5%;
	font-family:'Anivers_Regular';
	text-align:center;
}
	.slide a.banner-text span.line1 {
		display:block;
		text-decoration:none;
		color:#0d9787;
		font-size:48px;
		position:relative;
	}
	.slide a.banner-text span.line2 {
		display:block;
		text-decoration:none;
		color:#173d6f;
		font-size:48px;
		position:relative;
		transition:color .35s;
	}
	.slide a:hover.banner-text span.line2 {
		color:#0d9787;
	}
	.slide2 a.banner-text {
		left:17%;
	}
		.slide2 a.banner-text span.line2 {
			transform:translateX(60px);
		}
	.slide3 a.banner-text {
		left:25%;
	}
		.slide3 a.banner-text span.line2 {
			transform:translateX(80px);
		}

/* address/phone callouts, top */
#locations {
	position:relative;
	float:right;
	text-align:center;
	top:25px;
}
#locations span.phone {font-family:'nunitoregular', sans-serif; color:#173d6f; font-size:24px; display:inline-block; margin-bottom:20px; line-height:22px;}
#locations span.phone a {font-family:'nunitoregular', sans-serif; color:#173d6f; text-decoration:none; font-size:24px;} /* for mobile that turns phone number into link */
#locations span.location a {
	font-size:22px;
	color:#0d9787;
	text-decoration:none;
	font-family:'Anivers_Regular';
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	line-height:24px;
	transition:all .35s;
}
#locations span.location a:hover {
	color:#173d6f;
}

/* ----------- News ----------- */
#callout2 h3 {
	margin-bottom:0;
}
#callout2 h3 a {
	display:block;
	text-align:center;
	color:#fff;
	background:#0e6a9c;
	padding:5px;
	text-decoration:none;
}
#callout2 h3 a:hover {
	background:#bb8350;
}
div.cycle-carousel-wrap {
	width:100%;
}
.news-wrapper {
	position:relative;
	width:100%;
	background:#fff;
	box-sizing:border-box;
	padding:0 15px 15px 15px;
}
#NewsVertical { 
	display: block;
	/*height:250px; for when news is a botttom callout in the middle */
	overflow: hidden;
	position: relative;
	
	}


#TickerVertical {
	height:;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#TickerVertical li {
	width: ;
	height:8.5em;
	color: #322722;
	text-align: left;
	font-size: 14px;
	margin: 0;
	padding:0;
	display: block;
	}

#TickerVertical li .NewsTitle{
			display: block;
			color: #173d6f;
			font-size: 16px;
			margin-bottom:6px;
			text-decoration:none;
		}
#TickerVertical li a:link.NewsTitle, #TickerVertical li a:Visited.NewsTitle {
			display: block;
			color: #173d6f;
			font-size: 16px;
			margin-bottom:6px;
			font-family:'nunitoextrabold', Arial, Helvetica, sans-serif;
			padding:0px 0px;
			text-decoration:none;
		}
		
#TickerVertical li a:hover.NewsTitle {
			display: block;
			color:#0d9787;
		}
		
	
#TickerVertical li a.MoreNews{
			display: block;
			margin-bottom:6px;
			margin-top:6px;
			text-decoration:none;
			padding:5px 0px;
		}	
		
#TickerVertical li a:hover.MoreNews{
			color:#173d6f;
			
			}	
		
#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}
		
#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
			border:solid 1px #DEDEDE;
			width:50px;
		}

div.newsmessage5 {
	margin-bottom:30px;
}
/* ---------  -------- */
/* ------------ Breadcrumb Nav ------------ */
#breadcrumbtree {
	margin:0 0 30px 0;
	position:relative;
	text-align:left;
	font-size:16px;
}
#breadcrumbtree a {
	text-decoration:underline;
	font-weight:normal;
	color:#0d9787;
    width: inherit!important;
    display: inline-block;
    text-decoration: none;
	text-transform:uppercase;
    font-family: 'nunitobold';
    padding:4px 10px;
    border-radius: 2px;
    display: inline-block;
    transition: all .35s;
    border: 1px solid #173d6f;
	font-size:13px;
	line-height:13px;
	margin-bottom:5px;
}
#breadcrumbtree a:hover {
	text-decoration:none;
	color:#173d6f;
}
/* ----------- Footer Content ---------- */
footer a {
	color:#0d9787;
	text-decoration:none;
}
footer a:hover {text-decoration:underline;}
ul.footer-menu h4 {
	font-size:13px;
	margin-bottom:4px;
}
ul.footer-menu h4 a {
	text-decoration:none;
	color:#0d9787!important;
	border-bottom:solid 1px #0d9787;
}
ul.footer-menu h4 a:hover {
	text-decoration:none;
	color:#173d6f!important;
	border-color:#173d6f;
}
ul.footer-menu2 {
	float:right;
	text-align:right;
}
ul.footer-menu li, ul.footer-menu2 li {
	margin:0 0 0 0;
	padding:0;
	float:left;
	display:inline-block;
	position:relative;
	font-size:12px;
	line-height:18px;
}
ul.footer-menu2 li {
	float:right;
}
ul.footer-menu li {
}
ul.footer-menu li.copyright, ul.footer-menu li.credits {
	text-transform:none!important;
	clear:left;
}
ul.footer-menu li.divider {margin:0 5px!important; color:#322722;}
span.credits {
	display:inline-block;
	margin-left:60px;
}
/* Style to make telephone link non-clickable in browser */
a[href^="tel"] { text-decoration: none; pointer-events: none; cursor: default; }

/*---- PDF link icon ----*/
a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon-pdf.gif) no-repeat center right;
}
/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}


a#button-style {
	font-size:16px;
	font-weight:bold;
	padding:3px 20px;
	color:#fff;
	background: #009446;
	border:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

a#button-style:hover {
	color:#fff;
	background: #00190c;
}


/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */
@media (min-width : 800px) { /* This ensures that the mobile toggle doesn't display and that the main nav displays */
	a.mtoggle {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:table!important;
	}
}
@media (max-width : 999px) {
	body, #wrapper, #header-wrapper, header, #content-container, #banner, #callouts, #bottom-wrapper, #bottom, #footer {width:100%; min-width:100%; padding:0;}
	header {
		box-sizing:border-box;
	}
	h1#logo {
		margin-right:0;
	}
	#locations {
		right:45px;
	}
	div#icons {
		margin:0 1%;
		clear:left;
		top:0;
	}
	a.billpay, a.portal {
		margin-left:0;
	}
	#callout-wrapper {
		padding:6% 0;
	}
	#callout-container {
		width:500px;
		margin:0 auto;
	}
	#callouts .callout {
		margin-bottom:20px;
	}
	#bottom-callouts .callout a {
		line-height:4vw;
		font-size:4vw;
	}
	#bottom-callouts .callout a span.nunito {
		font-size:3vw;
	}
	#bottom-callouts .callout a span.alexbrush {
		font-size:3.5vw;
	}
	.home #left-col, .home #right-col {width:100%; padding:2%; float:none;}
	.home #right-col {border:solid 1px #ddd; height:inherit!important;}
	#content-container {padding:2%;}
	
	nav#main-nav ul > li a {font-size:97%;}
	nav#main-nav {
	width:100%;
	height:auto;
	margin:0 auto;
	}
	nav#main-nav ul.menu.menu-toggle {
	margin:0;
	padding:0;
	width:100%;
	height:inherit;
	}
	#callouts .callout .text p img.float-right {
		width:35%;
		height:auto;
	}
	#breadcrumbtree {padding:0; margin-bottom:2%;}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	#footer {padding:20px 5px;}
	ul.footer-menu {margin-top:20px;}
	ul.footer-menu, ul.footer-menu2 {width:100%; float:none; text-align:center;}
	ul.footer-menu li, ul.footer-menu2 li {float:none; text-align:center;}
	ul.footer-menu li.copyright {display:block; margin-top:0;}
	span.credits {
		display:inline-block;
		margin-left:0;
		margin-top:30px;
	}
	.remove {display:none;} /* This removes an item with class .remove */
}
@media (max-width : 899px) {
	h1#logo {
	}
	div#icons {
		clear:left;
		top:-20px;
	}
}
@media (max-width : 799px) {
	.remove-mobile {display:none;}
	.inside #left-col, .inside #right-col {width:100%; padding:2%; float:none;}
	table.providers tr td {
		font-size:95%;
	}
	#right-col iframe {
		max-width:100%;
		height:auto;	
	}
	/* ------------- Main Navigation ---------- */
	#nav-wrapper-sticky-wrapper.is-sticky #nav-wrapper {
		border-top:none;
	}
	#nav-wrapper-sticky-wrapper {
		/*height:auto!important;*/
	}
	#nav-wrapper {
		border-bottom:none;
	}
	.inside #nav-wrapper {
		border-bottom:solid 1px #fff;
	}
	nav#main-nav {
		width:100%;
		height:auto;
		margin:0 auto;
		padding-top:69px;
		background:#0d9787;
		position:relative;
		bottom:inherit;
		top:0;
		left:0;
		z-index:1000;
	}
	nav#main-nav ul.menu.menu-toggle {
		margin:0;
		padding:0;
		width:100%;
		height:inherit;
		position:relative;
		display:none;
		z-index:1000;
		-moz-box-shadow:0 10px 20px -10px rgba(0,0,0,.5);
		-webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,.5);
		box-shadow:0 10px 20px -10px rgba(0,0,0,.5);
		border-radius:.1px; /* this is a fix to render box-shadow on iPhone 6 iOS */
	}
	nav#main-nav ul > li {
		margin:0;
		padding:0;
		display:block;
		position:relative;
		z-index:1000;
		width:auto;
	}
	nav#main-nav ul > li.divider {
		display:none;
	}
	nav#main-nav ul > li a {
		font-size:16px;
		color:#fff;
		line-height:50px;
		display:block;
		padding:0 0 0 20px;
		border-top:solid 1px #fff;
		border-bottom:none;
		text-decoration:none;
		text-align:left;
		background:#173d6f;
		position:relative;
		z-index:1000;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		transition:all .1s;
	}
	nav#main-nav ul > li.sub:hover ul.dropdown li a:before, nav#main-nav ul > li.sub:hover a:before {
		display:none;
	}
	nav#main-nav ul > li a:before {
		display:none;
	}
	nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
		background:#f4fbf1;
		color:#0d9787;
		border-color: #0d9787;
	}
	nav#main-nav ul li:first-child a {
		padding-top:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown {
		display:none;
	}
	nav#main-nav ul > li.sub:hover a {
		background:#fff;
	}
	/* hamburger toggle */
	a.mtoggle {
	  position:absolute;
		/*width:50px;*/
		width:97%;
		height:50px;
		top:7px;
		left:7px;
		background:none;
		z-index:9999;
		cursor:pointer;
		display:block;
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	}
	a.mtoggle .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  height: 4px;
	  width: 30px;
	  top: 22px;
	  left:9px;
	  background-color: #fff;
	}
	a.mtoggle .icon:before {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #fff;
	  content: "";
	  top: -10px;
	}
	a.mtoggle .icon:after {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #fff;
	  content: "";
	  top: 10px;
	}
	a.mtoggle .icon:hover {
	  cursor: pointer;
	}
	a.mtoggle.open .icon {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  background: transparent;
	}
	a.mtoggle.open .icon:before {
	  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
			  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
	}
	a.mtoggle.open .icon:after {
	  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
			  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
	}
	/* end hamburger toggle */
	#callout-container {
		width:100%;
	}
	#callouts {
		width:100%;
	}
	#callouts .callout .text p img.float-right {
		width:auto;
		height:auto;
	}
}
@media (max-width : 639px) {
	#header-wrapper {
		background-size:auto 85%;
	}
	header {text-align:center;}
	h1#logo {float:none; padding:15px 0 20px 0;}
	h1#logo a img {
		width:178px;
		height:auto;
	}
	#locations {
		float:none;
		text-align:center;
		top:inherit;
		margin-bottom:20px;
		right:inherit;
	}
	.slide a.banner-text span.line1, .slide a.banner-text span.line2 {
		font-size:5.5vw;
		transform:none;
	}
	div#icons {
		text-align:center;
		float:left;
		top:inherit;
		width:100%;
	}
	a.portal, a.billpay {
		box-sizing:border-box;
		width:40vw;
		line-height:40px;
		font-size:16px;
		margin:0 1%;
		padding:2px .5%;
		background:#fff none;
		border-radius:4px;
		border:solid 1px #ddd;
		box-shadow:0 0 10px rgba(0,0,0,.05);
	}
	a.portal:before, a:hover.portal:before, a.billpay:before, a:hover.billpay:before {
		display:none;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	#left-col img.fullwidth {
		width:100%;
		height:auto;
	}
	table.providers {
		margin:0 auto;
	}
	#left-col table.providers tr td img {
		width:100%;
		height:auto;
	}
	table.providers tr td {
		font-size:90%;
		float:none;
		width:75%;
		display:block;
		margin:0 auto;
	}
	iframe {
		max-width:100%;
		height:auto;
	}
	.mobile-fullwidth {
		width:100%!important;
		display:block;
	}
	a.portal, a.billpay {
		margin:0 .25%;
	}
	#callouts .callout {
		display:block;
		margin-right:auto;
		margin-left:auto;
	}
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel"] { text-decoration: none; pointer-events: inherit; cursor: default; }
}
@media (max-width : 549px) {
	.mobile-hidden {display:none;}
	h1#logo span#logo-names {
		top:65px;
		margin-left:4%;
	}
	a.portal, a.billpay, a.appt {
		margin:0 .25%;
	}
	#content-wrapper {
		background-position:center -60px;
	}
	#callout1 a span {
		left:5%;
	}
	#callout3 a span {
		right:5%;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	#left-col img.fullwidth {
		width:100%;
		height:auto;
	}
	#left-col table.providers tr td img {
		width:75%;
		height:auto;
	}
	table td table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	#content p {text-align:left;}
}

@media (max-width : 499px) {
	h1#logo span#logo-names {
		margin-left:18%;
	}
	a.portal, a.billpay {
		font-size:3.5vw;
	}
	span.remove {display:none;} /* This removes an item with class .remove */
	span.remove-mobile {display:none;} /* This removes an item with class .remove */
	.mobile-only {display:inline;}
	#left-col ul.social-media li {
		float:none;
		width:50%;
		margin:0 0 30px 0;
	}
	.news-wrapper #news-scroller {
		height:265px;
	}
	ul.scroller li {
		height:5.6em;
	}
	#right-col img.fullwidth, #left-col img.fullwidth {
		width:100%;
		height:auto;
	}
	#right-col ul.services-list li {
		width:100%;
		float:none;
	}
	blockquote span.blockquote-heading {
		left:30%;
	}
	span.privacy-sitemap {
		display:block;
		margin-left:0;
	}
	table td table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
}
@media (max-width : 419px) {
	.remove-br {display:none;}
	#callout1, #callout3 {
		width:100%;
		height:auto!important;
		padding:4%;
	}
	#right-col ul.services-list {
		margin-bottom:20px;
	}
	#right-col ul.services-list li {
		width:100%;
		float:none;
	}
	blockquote span.blockquote-heading {
		left:25%;
	}
}