@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%; height:auto;}

/* 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:#eee; margin: 1em 0; padding: 0;}
hr.hr-home {display: block; width:100px; height: 2px; border: 0; border-top: none; background:#0e8d9c; margin: 1em auto 1.5em auto; 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: text-bottom;}
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: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_serifregular';
    src: url('fonts/PTF55F-webfont.eot');
    src: url('fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTF55F-webfont.woff') format('woff'),
         url('fonts/PTF55F-webfont.ttf') format('truetype'),
         url('fonts/PTF55F-webfont.svg#pt_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_serifbold_italic';
    src: url('fonts/PTF76F-webfont.eot');
    src: url('fonts/PTF76F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTF76F-webfont.woff') format('woff'),
         url('fonts/PTF76F-webfont.ttf') format('truetype'),
         url('fonts/PTF76F-webfont.svg#pt_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =============================== */
/* ======== CONTENT STYLES ======= */
/* =============================== */


.fatd-badge-outer { 
width: 200px;

}
.fatd-badge-outer img { 
width: 200px;
}
.fatd-doctor-name {
text-align:center;
font-size:18px;
font-family:Cambria, Times, serif;
}

#content p, #left-col p, #right-col p {
	margin:0 0 30px 0;
	line-height:1.85;
}
h1, h2 {
	color:#8a6311;
	font-family:'pt_serifregular', serif; margin-bottom:10px;
	font-weight:normal!important;
}

h3, h4, h5, h6 {
	color:#8a6311;
	font-family:'pt_serifregular', serif; margin-bottom:10px;
	font-weight:normal!important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a h2, a h3, a h4, a h5, a h6 {
	color:#c2922d!important;
	text-decoration:none;
	font-weight:normal!important;
	font-family:'pt_serifregular', serif!important;
	-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:#8a6311!important;
	border-color:inherit!important;
}
h1 {
	font-size:45px;
	margin:0 0 15px 0;
	font-weight:normal;
}
h2 {
	font-size:30px;
	margin-bottom:20px;
}

h3 {
	font-weight:normal;
	text-transform:normal;
	font-size:26px;
}
h4 {
	font-size:20px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:14px;
	font-weight:bold!important;
	text-transform:uppercase;
	letter-spacing:.05em;
}
#left-col a {
	text-decoration:none;
	color:#c2922d;
	transition:all .25s;
}
#left-col a:hover {
	text-decoration:none;
	color:#8a6311;
}
#left-col h2 a, #right-col h2 a {
	margin-bottom:10px;
	color:#eb2c1a!important;
}
#left-col h2 a:hover, #right-col h2 a:hover {
	color:#0e8d9c!important;
}
.inside #left-col ul, .inside #left-col ol {
	margin:0 0 30px 40px;
}
#left-col ul > li, #left-col ol > li {
	line-height:1.5;
	margin:0 0 16px 10px;
}
.inside #left-col ul > li {
	list-style:disc;
}
.inside #left-col #content ul.nobullets {
	margin-left:0;
}

.inside #left-col #content ul.nobullets li img{
	border:none;
}
.inside #left-col #content ul.nobullets > li {
	list-style:none;
}
.inside #left-col #content ul.nobullets.inline > li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
}
.inside #left-col #content ul.office-list  {
float:left;
}

.inside #left-col #content ul.office-list li {
list-style-type:none;
}
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}
	.float-left.no-margin, .float-right.no-margin {
		margin:0;
	}
.photo {
	border: 1px solid rgba(158,208,211,0.95);
	padding:3px;
}
a img {
	transition:all .35s;
}
a:hover img {
	opacity:.8;
}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text22 {font-size:22px;}
.text20 {font-size:20px; line-height:1.5;}
fieldset {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0 20px;
}
legend {
	font-weight: normal;
	font-size:37px;
	font-family:'pt_serifregular', serif;
	margin: 0 0 10px 0;
	padding: 0 5px;
	color:#eb2c1a;
}
blockquote {
	font-size:20px;
	font-family:'robotoregular';
	font-style:italic;
}
.inpsec {visibility:hidden;}
/* ========================================================= Input and table styles ==== */
input, textarea, select {
	border:1px solid #fef0a5;
	outline:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 5px 0 0;
	padding:3px;
	color:#123d48;
	font-weight:normal!important;
	font-family:'robotoregular', sans-serif;
	transition:border-color .25s;
}
input[type="radio"] {
	width:inherit;
	margin-bottom:10px;
}
input:hover, textarea:hover, select:hover {border-color:#519ba0;}
/* search form in footer */
table {
	border-bottom: none;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}
table thead {
	width:100%;
}
table th {
	color:#fff;
	background:#519ba0;
	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], a.button {
	width:inherit;
	font-size:17px;
	font-weight:normal!important;
	text-transform:uppercase;
	padding:5px 20px;
	color:#519ba0;
	background:#fef0a5;
	border:none;
	font-family:'robotobold', sans-serif!important;
	text-decoration:none;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .25s;
}
a.button {
	display:inline-block;
	color:#519ba0!important;
	background:#fef0a5;
	padding:5px 15px;
	font-size:17px;
	text-transform:uppercase;
	border-radius:3px;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	border:none!important;
	font-weight:normal!important;
	font-family:'robotobold', sans-serif!important;
}
a.button.fullwidth {
	display:block;
}
table input[type=button]:hover, table input[type=submit]:hover, input[type=button]:hover, input[type=submit]:hover, a:hover.button {
	color:#fff!important;
	background-color:#519ba0;
}
table input[type="radio"] {
	vertical-align:middle;
	margin: 4px 5px 6px 0 !important;
}

/* -----  Provider table styles ---- */

table.providers {
	width:100%;
}
table.providers tr td {
	padding: 0;
	padding-bottom:30px;
	width:33%;
	text-align:center;
}
#left-col table.providers tr td p {
	margin-bottom:0;
}
table.providers a img {
	height:auto;
	max-width:200px;
	text-decoration:none;
	margin-bottom: 10px;
	transition:all .35s;
	border: 1px solid rgba(158,208,211,0.95);
	padding:3px;
}

table.providers a:hover img, table.providers a:active img {
	border: 1px solid #c2922d!important;
	opacity: 1;
}

table.providers a {	
	display:block;
	text-align:center;
	text-decoration:none;
}
/* two column layout can be used anywhere */
div.width-50 {
	width:49%;
	display:inline-block;
	vertical-align:top;
}
.mobile-only, .mobile-visible {display:none;}
.mobile-only-nav-item {display:none!important;}
/* --------------- Main Structure ---------------- */
body {
	background:#fff;
	font-family:'robotoregular', sans-serif;
	font-size:20px;
	color:#519ba0;
	margin:0;
	padding:0;
	/*min-width:1000px;*/
	z-index:0;
	overflow:hidden;
}
#wrapper {
	min-width:1150px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:1;
}
#header-wrapper {
	width:100%;
	min-width:1150px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	overflow:visible;
}
#header-nav-wrap {
	width:100%;
	min-width:1050px;
	margin:0 auto;
	position:relative;
	z-index:1000;
	overflow:visible;

}
#nav-wrapper {
	width:100%;
	position:relative;
	background:rgba(158,208,211,0.85);
}
header {
	width:1150px;
	min-height:360px;
	margin:0 auto;
	position:relative;
	text-align:center;
	background:url(images/bg-branches.png) no-repeat right 0;
	z-index:1;
}
	.inside header {
		min-height:inherit;
		height:240px;
		background-position:right -120px;
		overflow:hidden;
	}
#content-wrapper {
	width:100%;
	margin:-66px auto 0 auto;
	background:#fff url(images/bg-pattern.jpg) repeat 0 0;
	padding:0;
	position:relative;
	z-index:0;
	overflow:hidden;
}
#loc-dir-wrapper {
	background:none;
}
#content-container {
	width:1150px;
	margin:0 auto;
	padding:140px 20px 40px 20px;
	text-align:center;
	background:url(images/bg-bottom-branches.png) no-repeat right 0;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}

a#btn-announcement, div#btn-announcement {
	display:block;
	padding:20px;
	margin:0 0 10px 0;
	
	/*color:#ffed00;
	color:#fbf38b;*/
	color:#519ba0;;
	/*background:#257bb1;*/
	background: rgb(254, 240, 165);
	font-size:20px;
	line-height:normal;
	font-weight:normal!important;
	font-family:"source_sans_proregular", sans-serif;
	border: solid 1px;
	border-color: #8a6311;
	border-radius:6px;
	/*box-shadow:0 0 5px rgba(17,86,70,.4);*/
	/*text-shadow:0 1px 0px #154563;*/
	/*text-shadow:0 1px 0px rgba(0,0,0,.2);*/
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
	text-transform:none;
	text-decoration:none;
}
a#btn-announcement h2{
	font-family:"source_sans_problack", sans-serif;
	text-align:center;
}
a:hover#btn-announcement {
	/*background:#2c927a;*/
	background:rgb(256,256,256);
		color:#8a6311;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}

a#btn-announcement p.button {
	width:inherit;
	font-size:17px;
	font-weight:normal!important;
	text-transform:uppercase;
	padding:5px 20px;
	color: rgb(254, 240, 165);
	background:#8a6311;
	display:inline-block;
	border:none;
	font-family:'robotobold', sans-serif!important;
	text-decoration:none;
	-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}
a#btn-announcement:hover p.button {
	background: rgb(254, 240, 165);
	color:#8a6311;
		-webkit-appearance:none;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	transition:all .15s;
}




#provider-wrapper {
	background:#a6d0cf;
	padding:20px 0 0 0;
	overflow:hidden;
}
#providers {
	text-align:left;
	width:1150px;
	margin:0 auto;
	position:relative;
}
	#providers h2 {
		color:#fff!important;
		font-size:48px;
		text-transform:none;
		font-family:'pt_serifregular';
	}
	#providers h2 a {
		color:#fff!important;
		font-size:48px;
		text-decoration:none;
		font-family:'pt_serifregular';
	}
	#providers h2 a:hover {
		color:#8a6311!important;
	}
	#providers a.provider {
		display:inline-block;
		position:relative;
	}
	#providers a.provider img {
		opacity:1!important;
		vertical-align:bottom;
	}
	#providers a.provider span {
		width:120%;
		display:block;
		padding:10px 5px;
		box-sizing:border-box;
		background:#fff;
		text-align:center;
		position:absolute;
		bottom:15%;
		left:-10%;
		right:-10%;
		text-decoration:none;
		color:#519ba0;
		font-size:14px;
		border-radius:3px;
		border:solid 1px #fff;
		box-shadow:0 0 10px rgba(0,0,0,.4);
		box-shadow:0 0 10px rgba(43,114,118,.4);
		opacity:0;
		z-index:10;
		transition:all .35s;
	}
	#providers a:hover.provider span {
		bottom:20%;
		opacity:1;
	}
	#providers a:hover.provider img {
		filter:drop-shadow(0 -5px 10px rgba(255,255,255,.75));
	}
	#providers a.provider span:hover {
		background:#fef0a5;
	}
	/* callout flower more services */
	a#more-services {
		display:block;
		width:205px;
		height:188px;
		position:relative;
		float:right;
		top:-40px;
		margin-right:60px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		font-family:'pt_serifregular';
		font-style:italic;
		font-size:24px;
		text-shadow:0 0 10px rgba(23,108,106,.75), 0 0 10px rgba(23,108,106,.75);
		z-index:1;
		transition:all .35s;
	}
	a:hover#more-services {
		color:#fef0a5;
	}
	a#more-services span.valign {
		display:block;
		position:relative;
		top:50%;
		transform:translateY(-50%);
		line-height:28px;
	}
	a#more-services span span {
		font-size:30px;
		z-index:2;
	}
	a#more-services:before {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		content:'';
		background:url(images/callout-more-services.png) no-repeat center center;
		z-index:-1;
		transition:transform .5s;
	}
	a:hover#more-services:before {
		transform:rotate(20deg) scale(.9);
	}

#footer-wrapper {
	width:100%;
	padding:30px 0;
	background:#62a3a7;
	position:relative;
	z-index:999;
}
footer {
	width:1200px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	color:#d2f2f2;
	font-size:14px;
	position:relative;
	z-index:999;
}
/* ------------ Page Structure (columns) ----------- */
#right-col {
	float:right;
	/*width:32.1666667%;*/
	width:330px;
	margin:-10px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	position:relative;
	box-sizing:border-box;
}
#left-col {
	/*width:67.833333%;*/
	width:calc(100% - 390px);
	height:auto;
	float:left;
	margin:0;
	padding:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	position:relative;
}
#left-col.fullwidth {
	width:100%;
	float:none;
	background:none;
}
div#content {
	padding:0 0 0 0;
}
/* Circle Callouts, Right col */
.icon-callout {
	box-sizing:border-box;
	width:140px;
	height:140px;
	border-radius:100%;
	background:#fef0a5;
	border:solid 5px #fef0a5;
	margin:10px;
	padding:5px;
	display:inline-block;
	position:relative;
    transform-style: preserve-3d;
	transition:all .35s;
	overflow:hidden;
}
.icon-callout:before {
	content:'';
	display:block;
	padding-top:100%;
}
.icon-callout a {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background: transparent;
    text-align: center;
    font-family: 'robotoregular';
    font-size: 20px;
    line-height: 26px;
    color: #519ba0;
    transform-style: preserve-3d;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
.icon-callout i {
    transform-style: preserve-3d;
    -webkit-transition: transform .35s;
    -moz-transition: transform .35s;
    transition: transform .35s;
}
.icon-callout div.content {
	display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
}
.icon-callout:hover {
	transform:scale(1.05);
	background:rgba(194,146,45,.9);
}
.icon-callout:hover a {
	transform:scale(.95);
	color:#fff;
	text-shadow:0 1px 1px #8c671a;
}
.icon-callout:hover a i {
	transform:translateY(-10px);
}







/* ------------- Main Navigation ---------- */
nav#main-nav {
	width:1200px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul {
	width:100%;
	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:after {
	content:'';
	width:1px;
	height:45%;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:#6fa9af;
}*/

nav#main-nav ul > li a {
	position:relative;
	background:none;
	font:20px/66px 'pt_serifregular', serif;
	font-weight:normal;
	display:block;
	color:#8a6311;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	border-right:solid 1px transparent;
	z-index:1000;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
nav#main-nav ul > li a:before {
	content:'';
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	position:absolute;
	top:10px;
	left:10px;
	background:#c2922d;
	background:rgba(158,208,211,1);
	background:rgba(255,255,255,.3);
	border-radius:2px;
	opacity:0;
	z-index:-1;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .5s;
}

nav#main-nav ul > li a:hover:before, nav#main-nav ul > li a.current:before {
	opacity:1;
}
nav#main-nav ul > li:last-child:after {
	/*border-right:none;*/
	display:none;
}
nav#main-nav ul > li a:hover, nav#main-nav ul > li a.current {
	color:#acd7da;
	color:#8a6311;
}
/* ---- Dropdown Subnav ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	display:block;
	margin:0;
	padding:5% 12% 5% 12%;
	position:absolute;
	top:60px;
    background:#e2f4f5;
	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 > ul.dropdown.mobile-only {
		display:none;
	}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	display:block;
	position:absolute;
	opacity:1;
	visibility:visible;
	top:66px;
	left:0;
	z-index:2000;
}
nav#main-nav ul > li:last-child.sub > ul.dropdown, nav#main-nav ul > li:last-child.sub:hover > ul.dropdown {
	left:inherit;
	right:0;
}
nav#main-nav ul > li.sub:hover > ul.dropdown.mobile-only {
	display:none;
}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:180px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:220px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:360px;
}
nav#main-nav ul > li.sub > ul.dropdown.w640 {
	width:640px;
}
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 {
	color:#8a6311;
	background:#e2f4f5;
}
nav#main-nav ul > li.sub:hover a i.fa-play {
    top: -10px;
    opacity: 1;
    transform: translateY(6px) rotate(90deg);
}
nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:none;
	padding-bottom:0;
}
nav#main-nav ul > li > ul.dropdown > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	/*border-bottom:solid 1px #e1d9be;*/
	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:last-child {
	border-bottom:none;
}
nav#main-nav ul > li.sub > ul.dropdown > li a {
	font:18px/35px "robotoregular", sans-serif!important;
	text-transform:none;
	text-align:left;
	display:block;
	float:none;
	color:#8a6311!important;
	z-index:2000;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a:hover {
	color:#519ba0!important;
}
nav#main-nav ul > li.sub:hover ul.dropdown li a:before {
	display:none;
}
nav#main-nav ul > li.sub ul.dropdown li a i {
	opacity:1;
	color:#519ba0;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
nav#main-nav ul > li.sub ul.dropdown li a:hover i {
	opacity:1;
}
nav#main-nav ul > li > ul.dropdown > li.column {
	width:calc(53% - 15px);
	float:left;
	padding-right:30px;
	box-sizing:border-box;
}
nav#main-nav ul > li > ul.dropdown > li:nth-child(2).column {
	padding-right:0;
	width:calc(47% - 0px);
}
nav#main-nav ul > li > ul.dropdown > li > ul {
	margin-left:-5px;
}
nav#main-nav ul > li > ul.dropdown > li > ul > li {
	display:block;
	line-height:35px;
}
nav#main-nav ul > li > ul.dropdown > li > ul > li a {
	border-right:none;
	overflow:visible;
	font:18px/35px "robotoregular", sans-serif!important;
	text-transform:none;
	padding:0 0 0 5px!important;
}
nav#main-nav ul > li > ul.dropdown > li > ul > li a:hover:before {
	color:#306c66!important;
	display:none;
}
#main-nav h3 {
    font-weight: normal;
    text-transform: uppercase;
	border-bottom:dotted 1px #519ba0;
	margin-bottom:10px;
}
nav#main-nav ul > li.sub > ul.dropdown > li h3 a {
    font-size: 16px!important;
	font-family:'robotobold'!important;
	border:none!important;
	color:#519ba0!important;
}
nav#main-nav ul > li.sub:hover > ul.dropdown > li h3 a:hover {
	color:#2f7074!important;
}
/* ------ Subnav (sidebar) ------ */
.subnav {
	background:rgba(255,255,255,.75);
	box-sizing:border-box;
	margin:20px 20px 20px 10px;
	padding:10px 20px 20px 20px;
	border:solid 1px #c2922d;
}
nav.subnav h1 {display:none; visibility:collapse;}
nav.subnav h2 {color:#8a6311;}
#right-col nav.subnav > ul {
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
#right-col nav.subnav > ul > li {
	list-style:none!important;
	margin:0;
	font-size:16px;
}
#right-col nav.subnav > ul > li:last-child {
	border-bottom:none;
}
#right-col nav.subnav > ul > li a {
	position:relative;
	margin:0 auto 1px auto;
	padding:8px 5px 8px 15px;
	display:block;
	font-family:"pt_serifregular", serif;
	font-size:18px;
	font-weight:normal!important;
	color:#8a6311;
	text-decoration:none;
	line-height:26px;
	border-radius:3px;
	background:rgba(158,208,211,0.85);
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
#right-col nav.subnav > ul > li a:before {
	position:absolute;
	content:'\f105 ';
	display:inline-block;
	font:normal normal normal 16px/1 FontAwesome;
	color:#519ba0;
	top:14px;
	left:10px;
	opacity:.3;
	padding:0 1px;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
	display:none;
}
#right-col nav.subnav > ul > li a svg {
	margin-right:10px;
}
#right-col nav.subnav > ul > li a:hover:before, #right-col nav.subnav > ul > li a.selectedon:before {
	opacity:1;
	color:#fff;
}
#right-col nav.subnav > ul > li a:hover, #right-col nav.subnav > ul > li a.selectedon {
	color:#fff;
	text-decoration:none;
	background:rgba(194,146,45,.9);
}
/* ------ Logo ----- */
#logo-wrapper {
	padding:20px 0;
	float:left;
}
	.inside #logo-wrapper {
		padding:10px 0;
	}
h1#logo {
	position:relative;
	margin:0;
	padding:0 0 0 0;
	display:block;
	transform-style:preserve-3d;
	z-index:20;
}
h1#logo #phone {
	display:block;
	font-size:20px;
	position:relative;
	top:-4px;
}
	a.phone {
		margin-top:10px;
		font-size:20px;
		font-family:'robotoregular'!important;
		text-decoration:none;
		color:#519ba0!important;
	}

h1#logo a {
	transform-style:preserve-3d;
	position:relative;
	z-index:20;
}
h1#logo a:hover img {
	transform:perspective(1px) scale(.97);
}
h1#logo a img {
	transition:all .5s!important;
}
	.inside h1#logo a img {
		height:180px;
		width:auto;
	}
h1#logo a:hover img {
	opacity:1;
	/*transform:perspective(1px) scale(.98) translateY(-5px);*/
}
/* -------------- slideshow -------------- */
#banner-wrapper {
	width:100%;
	position:relative;
	background:#c3dcdd;
	z-index:0;
	transform-style:preserve-3d;
}
	.inside #banner-wrapper {
		max-height:229px;
		overflow:hidden;
	}
#banner {
	width:802px;
	height:360px;
	margin:0 auto;
	position:absolute;
	top:0;
	right:0;
}
.slide {
	display:none;
	box-sizing:border-box;
	width:100%;
}
	.slide.first {
		display:block;
	}
	.inside .slide {
		position:relative;
	}
.slide a img {
	width:100%;
	transition:all .75s;
}
.slide a:hover img {
	opacity:.6;
	transform:perspective(1px);
}
#banner #tagline {
	position:absolute;
	right:30%;
	bottom:5%;
	z-index:200;
	color:#fff;
	/*text-shadow:3px 3px 5px rgba(122,86,11,.95);
	text-shadow:3px 3px 7px rgba(94,67,9,.95);*/
	text-shadow:.125vw .15vw .45vw rgba(94,67,9,.95);
}
	.inside #banner #tagline {
		bottom:inherit;
		top:40%;
	}
#banner span#line1 {
	font-family:'pt_serifregular';
	color:#fff;
	text-decoration:none;
	font-size:36px;
	font-weight:normal;
	line-height:1;
	transition:all .5s;
}
#banner span#line2 {
	position:relative;
	font-size:34px;
	line-height:1;
	text-transform:none!important;
	color:#fff!important;
	font-family:'pt_serifbold_italic'!important;
	display:block;
	transform:translateX(30%);
}
/* address callouts in header */
#locations {
	position:relative;
	text-align:right;
	/*margin:30px 0 0 0;*/
	margin:15px 0 0 0;
	padding:8px 12px 12px 6%;
	float:right;
	box-sizing:border-box;
	font-size:20px;
	font-family:'pt_serifregular', serif;
}
#locations a {
	display:inline-block;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	transition:all .35s;
}
#locations a i {
	color:#eb2c1a;
}
#locations a:hover {
	color:#eb2c1a;
}
/* ----------- News ----------- */
div.cycle-carousel-wrap {
	width:100%;
}
#news-wrapper {
	position:relative;
	box-sizing:border-box;
	margin:20px;
	padding:10px 20px 20px 20px;
	background:#fff;
	border:solid 1px #c2922d;
}
#news-wrapper h2 {
	font-size:30px;
	margin-bottom:10px;
}
#news-wrapper h2 a {
	color:#c2922d!important;
}
#news-wrapper h2 a:hover {
	color:#519ba0!important;
}
/* ======= News Scroller ======= */
.news-wrapper #news-scroller {
	position:relative;
	width:100%;
	height:480px;
	overflow:hidden;
}
ul.scroller {
	margin:0;
	list-style:none!important;
	width:95%;
}
ul.scroller li {
	display:block;
	box-sizing:border-box;
	margin:0 0 10px 0!important;
	width:100%;
	height:4.6em;
	padding:10px;
	text-align:left;
	font-family:'robotoregular', sans-serif;
	background:#e2f4f5;
	overflow:hidden;
}
ul.scroller li p {
	line-height:20px!important;
	font-size:18px;
	margin-bottom:0;
	width:95%;
	color:#c2922d;
	/*padding-left:12px;
	border-left:solid 2px #5cb8fc;*/
}
ul.scroller li.story a {
	display:block;
	margin:0 0 5px 0;
	padding-bottom:1px;
	color:#c2922d!important;
	font-family:'robotobold', sans-serif;
	font-size:18px!important;
	text-decoration:none;
	/*width:250px;*/
	width:90%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all .35s;
}
ul.scroller li.story a:hover {
	color:#519ba0!important;
	text-shadow:none;
	border-color:transparent!important;
}
ul.scroller li.story a.learn-more {
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
	font-size:14px!important;
	position:relative;
	top:2px;
}
#news-scroller .cycle-paused:after {
	top:0;
	right:5px;
	font-size:12px;
}
/* -- give some space before each heading on the news.php page -- */
#content h4.newslistingbodycontent {
	padding:0 0 5px 0;
	text-decoration:none;
	font-weight:normal;
}
div.newsmessage5 {
	margin-bottom:30px;
}


/* ------------ Patient Forms Button ------------ */
#patient-forms {
	margin:40px 0 0 0;
	padding:0;
	position:relative;
	font-size:16px;
	font-weight:normal!important;
	text-align:left;
	line-height:24px;
	color: #0e8d9c!important;
}
#patient-forms a {
	width:inherit!important;
	display:inline-block;
    text-decoration: none;
	font-weight:normal!important;
	font-size:14px;
	text-transform:uppercase;
    padding:0 10px;
    border-radius: 3px;
    display: inline-block;
    transition: all .35s;
	color:#eb2c1a!important;
    border: 1px solid #eb2c1a;
}
#patient-forms a:hover {
	text-decoration:none;
    color: #0e8d9c!important;
	border: 1px solid #0e8d9c;
}
#patient-forms i {
	margin:0 5px;
}
/* ---------  -------- */
/* ------------ Breadcrumb Nav ------------ */
#breadcrumbtree {
	margin:0 0 0 0;
	padding:0;
	position:absolute;
	top:90px;
	font-size:16px;
	font-weight:normal!important;
	text-align:left;
	line-height:24px;
	color: #8a6311!important;
}
#breadcrumbtree a {
	width:inherit!important;
	display:inline-block;
    text-decoration: none;
	font-family: 'robotobold';
	font-size:16px;
	margin-bottom:5px;
    padding:0 10px;
    border-radius: 3px;
    display: inline-block;
    transition: all .35s;
	color:#519ba0!important;
    border: 2px solid transparent;
	background:#fef0a5;
}
#breadcrumbtree a:hover {
	text-decoration:none;
    color: #fff!important;
	border: 2px solid #fef0a5;
	background:rgba(194,146,45,.9);
}
#breadcrumbtree i {
	margin:0 5px;
}
/* ----------- Footer Content ---------- */
footer a {
	color:#d2f2f2;
	text-decoration:none;
}
footer a:hover {color:#fff;}
ul.footer-menu {
	float:left;
	margin-right:60px;
}
ul.footer-menu2 {
	float:right;
	text-align:right;
}
ul.footer-menu li {
	margin:0 0 15px 0;
	padding:0 5px 0 0;
	position:relative;
	font-size:12px;
	line-height:20px;
}
ul.footer-menu2 li {
	margin:0 0 15px 0;
	padding:0 5px 0 0;
	float:left;
	display:inline-block;
	position:relative;
	font-size:14px;
	line-height:20px;
}
ul.footer-menu2 li {
	float:none;
	display:block;
}
ul.footer-menu2 li a img {
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
ul.footer-menu2 li a:hover img {
	opacity:.8;
}
/*---- PDF link icon ----*/
a[href $='.pdf'] { 
   padding-right: 24px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
/* Style to make telephone link non-clickable in browser */
a[href^="tel"] { text-decoration: none; pointer-events: none; cursor: default; }﻿

/*---- Print Styles -----*/
.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}

/* @@@@@@@@@ ========== Begin Responsive Styles ========== @@@@@@@@@ */
@media (min-width : 800px) { /* This ensure that the mobile toggles don't display and that the main nav and locations list display */
	a.mtoggle, a.ltoggle, a.mtoggle span {
		display:none!important;
	}
	nav#main-nav ul.menu.menu-toggle {
		display:table!important;
	}
	ul.locations-list {
		display:block!important;
	}
}
@media (max-width : 1219px) {
	body, #wrapper, #header-nav-wrap, #header-wrapper, header, #content-container, #providers, #callouts, #locations-directions, #footer {width:100%; min-width:100%; padding:0; box-sizing:border-box;}
	header, .inside header {
		padding:0 2%;
		background-size:65vw;
		background-position:right 0;
		min-height:inherit;
		height:27.75vw;
	}
	#logo-wrapper {
		padding:10px 0 0 0;
	}
	h1#logo a img, .inside h1#logo a img {
		width:auto;
		height:20.5vw;
	}
	#providers {
		padding:0 4%;
	}
	#providers a.provider {
		z-index:1;
	}
	a#more-services {
		position:absolute;
		top:-20%;
		right:4%;
		margin:0;
		z-index:0;
	}
	#content-wrapper {
		margin-top:-5.5vw;
	}
	#content-container {
		background-size:65vw;
		padding:10vw 4%;
	}
	#banner {
		width:100%;
		height:auto;
	}
	#banner .slide {
		left:inherit!important;
		right:-20%!important;
	}
	#banner .slide img {
		width:auto;
		height:27.75vw;
	}
	#banner #tagline {
		right:20%;
	}
		.inside #banner #tagline {
			top:60%;
		}
	nav#main-nav, nav#main-nav ul.menu.menu-toggle {
	margin:0;
	padding:0;
	width:100%;
	height:inherit;
	}
	section#welcome {
		padding:6% 4%;
	}
	#locations-directions .column.left a, #locations-directions .column.right a {
		text-align:center;
		padding:20px;
	}
	#locations-directions .column.left a img.float-left.no-margin, #locations-directions .column.right a img.float-right.no-margin {
		float:none;
	}
	#breadcrumbtree {
		position:relative;
		top:inherit;
		margin-bottom:20px;
	}
	#footer {padding:0;}
}
@media (max-width : 1099px) {
	body, #wrapper, #header-nav-wrap, #header-wrapper, header, #callouts, #footer {width:100%; min-width:100%; padding:0; box-sizing:border-box;}
	header {
		padding:0 2%;
	}
	#content-wrapper {
		margin-top:-6.25vw;
	}
	nav#main-nav ul > li a {font-size:80%;}
	nav#main-nav ul > li.sub > ul.dropdown > li a {
		font-size:16px!important;
	}
	#breadcrumbtree {margin:20px 2% 20px 2%;}
	#location-callouts {padding:48px 0;}
	#left-col {
		padding-left:2%;
	}
	#left-col.fullwidth {
		padding-left:2%;
		padding-right:2%;
	}
	#right-col {
		padding-right:2%;
	}
	.inside #right-col {
		width:32.1666667%;
	}
	.subnav {min-height:inherit;}
	nav.subnav > ul > li a {
		width:auto;
	}
	ul.footer-menu {width:100%; margin:0; padding:0; text-align:center;}
	ul.footer-menu2 {width:100%; box-sizing:border-box; padding:0; float:none; clear:both;}
	ul.footer-menu li, ul.footer-menu2 li, ul.footer-menu2 li#searchform-wrap {float:none; text-align:center;}
	ul.footer-menu li a:before {
		position:relative;
	}
	#bottom-wrapper {
		padding:60px 2%;
		margin-top:0;
	}

}
@media (max-width : 1019px) {
	.inside #banner-wrapper {
		max-height:209px;
	}
	#icons {
		top:20px;
		right:40%;
	}
	#icons a.portal, #icons a.appt {
		display:block;
	}
	span.inner-text {
		display:none;
	}
	.slide a span.text {
		top:inherit;
		bottom:5%;
		left:5%;
	}
	#providers .column {
		width:100%;
		padding:0 0 40px 0;
	}
	#providers .column:nth-child(3) {
		padding:0;
	}
	#callouts ul li {
		display:inline-block;
		margin:0 10px 30px 10px;
	}
	#callouts ul li a span.callout-img-wrap {
		height:14vw;
	}
	#locations-directions .column.middle {
		display:none;
	}
	#locations-directions .column {
		width:calc(50% - 20px);
		margin:0 10px;
	}
}
@media (max-width : 999px) {
	#right-col, .inside #right-col, #left-col {width:100%; padding:2%; float:none;}
	#right-col {text-align:center;}
	.subnav {margin:20px;}
	ul.scroller {width:100%; height:auto;}
	ul.scroller li {
		height:4.6em;
	}
	#banner #tagline span#line1 {
		font-size:3.8vw;
	}
	#banner #tagline span#line2 {
		font-size:3.4vw;
	}
}
@media (max-width : 899px) {
	#providers a.provider {
		display:block;
		border-bottom:solid 1px rgba(255,255,255,.25);
		text-align:center;
		box-shadow:0 30px 25px -35px rgba(0,0,0,.3);
		background:rgba(255,255,255,.2);
		margin:0 5% 30px 5%;
		padding-top:10px;
		border-radius:4px 4px 0 0;
		width:40%;
		float:left;
	}
	#providers a.provider span {
		opacity:1;
		bottom:0!important;
	}
	a#more-services {
		position:relative;
		top:inherit;
		right:inherit;
		float:left;
		margin:25px 0 0 9vw;
	}
}
@media (max-width : 799px) {
	.mobile-only-nav-item {display:block!important;}
	.hidden-nbsp {display:none;}
	#left-col, #right-col, #middle-col, .inside #left-col, .inside #right-col {width:100%; padding:6% 2%; float:none;}
	.inside #left-col {padding:0 2% 6% 2%;}
	#header-wrapper {
		background:#fff;
	}
	#icons {
		position:relative;
		top:inherit;
		right:inherit;
		float:right;
		margin-top:20px;
	}
	#icons a.portal, #icons a.appt {
		display:block;
		margin:0 0 10px 0;
	}
	.inside #banner-wrapper {
		max-height:inherit;
		overflow:visible;
	}
	.slide a span.text, .slide.slide2 a span.text {
		display:none;
	}
	.slide a span.text span.inner-text {
		left:inherit;
	}
	.inside #left-col div#content {
		padding-right: 0;
	}
	h1#logo {
		margin:0 auto 20px auto;
		position:relative;
		left:inherit;
	}
	h1#logo a:hover img {
		transform:none;
	}
	#locations {
		position:absolute;
		top:0;
		left:0;
		float:none;
		text-align:center;
		margin:0;
		padding:0;
		line-height:48px;
		width:100%;
		height:48px;
		background:#eb2c1a;
	}
	#locations a, #locations a.phone {
		margin:0 4.75vw;
		color:#fff!important;
	}
	#locations a.phone {
		font-size:3.5vw;
	}
	#locations a i, #locations a.phone i {
		color:#fff;
	}
	#locations .location br {
		display:none;
	}
	.slide a span.text {
		text-shadow:0 0 16px #666;
	}
	#location-callouts .callout {
		width:calc(50% - 5px);
		margin-bottom:30px;
	}
	span.remove {display:none;} /* This removes an item with class .remove */
	table.providers tr td {
		font-size:80%;
	}
	#left-col iframe {
		max-width:100%;
		height:auto;	
	}
	#header-wrapper {
		position:relative;
		height:inherit!important;
	}
	/* ------------- Main Navigation ---------- */
	#nav-wrapper {
		border-bottom:none;
		width:calc(100% - 2px);
		margin:0 1px 1px 1px;
		border-radius:2px;
	}
	.inside #nav-wrapper {
	}
	nav#main-nav {
		width:100%;
		height:auto;
		margin:0 auto;
		padding-top:69px;
		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;
		border-radius:0 0 4px 4px;
	}
	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 {
		background:#e2f4f5;
		height:50px;
		font-size:16px;
		line-height:50px;
		display:block;
		padding:0 0 0 20px;
		border-top:solid 1px rgba(255,255,255,.4);
		border-bottom:none;
		text-decoration:none;
		text-align:left;
		position:relative;
		z-index:1000;
		-webkit-transition:all .1s;
		-moz-transition:all .1s;
		transition:all .1s;
	}
	nav#main-nav ul > li a i {
		display:none;
	}
	nav#main-nav ul > li a:hover, nav#main-nav ul > li:hover.sub a {
		background:#fef0a5;
	}
	nav#main-nav ul > li a.current {
		color:#8a6311;
	}
	nav#main-nav ul li:first-child a {
		padding-top:0;
		height:50px;
	}
	nav#main-nav ul li:last-child a, nav#main-nav ul li:last-child a:before {
		border-radius:0 0 4px 4px;
	}
	nav#main-nav ul > li:after, nav#main-nav ul > li a:before {
		display:none;
	}
	.mobile-visible {display:inline-block;}
	nav#main-nav ul > li.sub > ul.dropdown, nav#main-nav ul > li:hover.sub > ul.dropdown {
		display:none;
	}
	
	/* hamburger toggle */
	a.mtoggle {
	  position:absolute;
		/*width:50px;*/
		width:97%;
		height:50px;
		top:11px;
		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: #8a6311;
	}
	a.mtoggle .icon:before {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #8a6311;
	  content: '';
	  top: -10px;
	}
	a.mtoggle .icon:after {
	  -webkit-transition-duration: 0.5s;
			  transition-duration: 0.5s;
	  position: absolute;
	  width: 30px;
	  height: 4px;
	  background-color: #8a6311;
	  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 */
	a.mtoggle span {
		display:inline-block;
		text-align:center;
		line-height:50px;
		box-sizing:border-box;
		padding-left:50px;
		color:#8a6311;
	}
	#content table.video-table {
		width:96%;
	}
	#content table.video-table tr td {
		width:25%;
	}
}
@media (max-width : 639px) {
	.mobile-hidden {display:none;}
	.mobile-only {display:block;}
	div#tel {
		margin-bottom:20px;
	}
	header, .inside header {
		height:185px;
		padding-top:0;
	}
	h1#logo a img, .inside h1#logo a img {
		height:134px;
	}
	#banner .slide {
		left:inherit!important;
		right:-40%!important;
	}
		.inside #banner .slide {
			right:-30%!important;
		}
	#banner .slide img {
		width:auto;
		height:185px;
	}
	#banner #tagline {
		right:2.5%;
		bottom:10%;
		text-align:right;
	}
	#banner #tagline span#line2 {
		transform:none;
	}
	#breadcrumbtree {margin-top:20px;}
	.subnav {margin:0;}
	#providers h2 a {
		font-size:8.5vw;
	}
	#providers a.provider {
		display:block;
		border-bottom:solid 1px rgba(255,255,255,.25);
		text-align:center;
		box-shadow:0 30px 25px -35px rgba(0,0,0,.3);
		background:rgba(255,255,255,.2);
		margin:0 0 30px 0;
		padding-top:10px;
		border-radius:4px 4px 0 0;
		width:100%;
		float:none;
	}
	#providers a.provider span {
		opacity:1;
		bottom:0!important;
		width:104%;
		left:-2%;
		right:-2%;
	}
	a#more-services {
		float:none;
		margin:40px auto 0 auto;
	}
	section#welcome, #providers {
		padding:8% 4%;
	}
	/* two column layout for insurance page but can be used anywhere */
	div.width-50 {
		width:100%;
		display:block;
		margin-bottom:60px;
	}
	#locations-directions .column {
		width:calc(100% - 20px);
		margin:0 10px;
	}
		#locations-directions .column.left {
			margin-bottom:30px;
		}
	#callouts .callout {
		width:calc(65% / 1 - 100px);
		margin:0 auto 30px auto;
		float:none;
		display:block;
		box-shadow:0 0 15px rgba(0,0,0,0.45);
		background: linear-gradient(to bottom,  rgba(152,216,140,1) 0%,rgba(1,196,219,1) 100%);
	}
	#callouts ul li a span.callout-img-wrap {
		height:21vw;
	}
	#locations a, #locations a.phone {
		margin:0 1vw;
		font-size:3.9vw;
	}
	#locations a.phone {
		font-family:'pt_serifregular', serif;
	}
	#location-callouts .callout {
		width:100%;
		display:block;
		margin:0 auto;
		padding:0;
		float:none;
		border:none;
	}
	#location-callouts .callout {
		padding-bottom:50px;
	}
	#location-callouts {
		padding:30px 0 0 0;
	}
	#location-callouts h2 {
		left:4%;
	}
	#location-callouts h2 a {
		font-size:10vw;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	#left-col img.fullwidth {
		width:100%;
		height:auto;
		float:none;
		padding:0;
		margin:0 0 20px 0;
	}
	#left-col iframe {
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	#left-col table td {
		display:block;
	}
	#left-col table.providers tr td {
		display:block;
	}
	table.providers tr td {
		font-size:90%;
		width:85%;
		margin:0 auto;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	#content table.video-table {
		width:100%;
	}
	#content table.video-table tr td {
		float:left;
		width:33%;
	}
	#content table.video-table tr td:nth-child(4) {
		clear:left;
	}
	#content table.video-table tr td a {
		font-size:12px;
	}
	/* Style to make telephone link clickable in phone browser */
	a[href^="tel"] { text-decoration: none; pointer-events: inherit; cursor: default; }﻿
}
@media (max-width : 549px) {
	.icon-callout {
		display:block;
		margin:10px auto;
	}
	#callouts .callout {
		width:calc(85% / 1 - 100px);
		margin:0 auto 30px auto;
		float:none;
		display:block;
	}
	table.providers tr td {
		width:48%;
		margin:0 auto;
	}
	#left-col img {
		width:48%;
		height:auto;
	}
	#left-col img.fullwidth {
		width:100%;
		height:auto;
		float:none;
	}
	#left-col table.providers tr td img {
		width:75%;
		height:auto;
	}
	#left-col table.providers tr td:nth-child(3) {
		clear:left;
	}
	table.formrequest td, form#apptform td {
		display:block;
		height:auto;
	}
	#content table.video-table tr td a {
		font-size:12px;
	}
}

@media (max-width : 499px) {
	span.remove, .remove-br {display:none;} /* This removes an item with class .remove */
	input[type=text] {
		max-width:100%;
	}
	#callouts .callout {
		width:calc(95% / 1 - 150px);
		margin:0 auto 30px auto;
		float:none;
		display:block;
	}
	#icons {
		position:relative;
		top:inherit;
		right:inherit;
		float:none;
		margin-top:20px;
	}
	#icons a.portal, #icons a.appt {
		display:inline-block;
		margin:10px 0 15px 0;
		font-size:12px;
		background:#34737f;
		line-height:14px;
	}
	#callouts ul li a span.callout-img-wrap {
		height:29vw;
	}
}
@media (max-width : 384px) {
	ul.locations-list li {
		padding-left:2%;
	}
	#callouts .callout {
		width:calc(90% / 1 - 50px);
		margin:0 auto 30px auto;
		float:none;
		display:block;
	}
	ul.footer-menu {width:100%; margin:0; padding:0; text-align:center;}
}
