/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress, sub, sup { vertical-align: baseline }
button, hr, input { overflow: visible }
[type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0 }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
a:active, a:hover { outline-width: 0 }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
dfn { font-style: italic }
h1 { font-size: 2em; margin: .67em 0 }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative }
sub { bottom: -.25em }
sup { top: -.5em }
img { border-style: none }
svg:not(:root) { overflow: hidden }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0 }
button, input, select, textarea { font: inherit; margin: 0 }
optgroup { font-weight: 700 }
button, select { text-transform: none }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { color: inherit; display: table; max-width: 100%; white-space: normal }
textarea { overflow: auto }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-input-placeholder { color: inherit; opacity: .54 }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }

/*ANIMATE.CSS*/
.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-20%, 0, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(20%, 0, 0); }
  to { opacity: 1; transform: none; }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes pulse {
  from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scale3d(1, 1, 1); }
}
.pulse { animation-name: pulse; }
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@keyframes zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
  50% { opacity: 1 }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }

/* TNT-UI */
figure { margin:0px; }
address { font-style: normal; }
.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
.clear { clear:both; line-height: 0px; height:0px; width:0px; }
.elem-right, .elem-left, .block { display:block; }
.elem-right { float:right; margin:0 0 25px 25px; }
.elem-left { float:left; margin:0 25px 25px 0; }
.elem-shadow{ box-shadow: 0 0 3px #000; }
h1:first-child{ margin-top: 0; }
@media screen and (min-width: 1023px) { .align { overflow: hidden; } }

/* FORMS RESET */
label { display: block; }
label.error { color: red; }
input, textarea { display: block; width: 100%; box-sizing: border-box; border: none; padding: 5px 15px; font-size: 16px; margin-bottom: 10px; color: #000; max-width: 500px; }
input[type="checkbox"], input[type="radio"] { display: inline; width: auto; margin-left: 15px; }
select { margin-bottom: 15px; color: #000; }
button { border: none; }
article .forms label { font-weight: 600; display: block; margin-bottom: .5em; }
article .forms input { border: 1px solid #000; padding: 10px; }
article .forms .input { margin: 20px 0 0; display: inline-block; width: 32%; vertical-align: top; }
article .forms .inline { box-sizing: border-box; padding: 10px; min-height: 220px; margin-top: 0px; border: 1px solid #444; }
article .forms .inline span { display: block; }
.forms input:focus, .forms textarea:focus { background: #000; color: #fff; }
::-webkit-input-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 30px; color: #201e1b; background-color: rgb(191, 209, 227); }
h2, h3, h4, h6 { margin-top: 1em; color: #0b4974; font-weight: 500; }
h1 { font-size: 48px; line-height: 60px; color: #0b4974; font-family: 'Playfair Display', serif; }
.divider-title, h2 { font-size: 36px; line-height: 1.2; color: #86a4c0; }
h3 { font-size: 22px; line-height: 28px; }
h6 { font-size: 22px; line-height: 28px; margin: 1em 0; }

#interior, #append { margin:0px; text-align:center; line-height:1; }
#interior { font-size:20px; color: rgb(32, 30, 27); font-family: FiraSans; }
#interior + #append { color: rgb(11, 73, 116); font-family: PlayfairDisplay; font-size: 48px; font-weight: 700; margin-top:10px; margin-bottom:30px; }

#page h1:first-of-type { text-align:center; }

a { text-decoration: none; color: #2881bf; transition: .3s ease all; }
a:hover { text-decoration: underline; }
a[name]:before { height: 175px; margin-top: -175px; display: block; content: ""; visibility: hidden; }

/* BUTTONS */
.btn, .btn-alt { min-width: 200px; display: inline-block; padding: 10px; text-align: center; font-size: 22px; color: #fff; text-transform: uppercase; font-weight: 500; border: 4px solid rgb(250, 216, 117); box-sizing: border-box; text-shadow: 0.5px 0.9px 2px rgba(0, 0, 0, 0.65); }
.btn-alt { border-color: #0b4974; color: #fff; }
.btn:hover, .btn-alt:hover { text-decoration: none; background: rgb(250, 216, 117); color: #fff; }
.btn-alt:hover { background: #0b4974; }
article .btn, article .btn-alt { width: 32%; margin: 0 10px 10px 0; }
.more-to-explore { text-align: center; margin: 3em 0 0; }
.btn-app { text-transform: uppercase; font-size: 15px; text-align: center; line-height: 35px; color: #fff; padding: 0 10px; background-color: rgba(250, 216, 117, 0.2); border: 3px solid rgb(250, 216, 117); box-sizing: border-box; text-shadow: 0.5px 0.9px 2px rgba(0, 0, 0, 0.65); }
.btn-app b { font-size: 16px; line-height: 1em; font-weight: 500; }
.btn-app:hover { color:white; text-decoration: none; background: rgb(250, 216, 117); }
#scroll-nav { position: fixed; right: 0; top: 320px; width: 62px; z-index: 10002; text-align: center; }
#scroll-nav a { color: #fff; display: block; font-size: 11px; line-height: 1em; margin-bottom: 10px; padding: 10px 0; position: relative; text-transform: uppercase; background-color: rgb(20, 100, 155); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22), inset 0 -2px 0 rgba(0, 0, 0, 0.2); }
#scroll-nav i { display: block; margin: 0 0 10px; font-size: 24px; text-align: center; }
#scroll-nav a:hover { background: rgb(32, 30, 27); text-decoration: none; }
#scroll-nav a.ra { display:none; background:rgb(32, 30, 27) }
#scroll-nav a.call, #scroll-nav a.map { display:none; }
#scroll-nav a.call { background:rgb(134, 164, 192); }

@media screen and (max-width:1023px) {
    #scroll-nav { top:auto; width:100%; bottom:0; display:flex; z-index:1008; }
    #scroll-nav a { flex:100%; padding:15px 0; margin:0px; }
    #scroll-nav a i { display:inline-block; margin:0 10px 0 0; font-size:18px; vertical-align:middle; }
    #scroll-nav a.ra { display:block;  }
    #scroll-nav a.pf { display:none; }
}
@media screen and (max-width:600px) {
	#scroll-nav a { flex:1; }
	#scroll-nav a.ra { flex:2; }
    #scroll-nav a.yt, #scroll-nav a.gp { display:none; }
    #scroll-nav a.call, #scroll-nav a.map { display:block; }
}

article ul { margin: 0px; padding: 0px; list-style: none; }
article ul li { position: relative; padding-left: 30px; overflow:hidden; }
article ul li:before { content: ""; font-size: 14px; position: absolute; left: 0; top: 6px; width: 1em; height: 1em; line-height: 1em; background-color: rgb(134, 164, 192); }
h2, h3, .btn, .btn-alt, footer strong, header, .page-services ul li:first-child a, .services-pager li { font-family: 'Fira Sans', sans-serif; }

/* MAIN */
.container { width: 1090px; margin: 0 auto; }
#top-bar { background: #000; text-align: center; text-transform: uppercase; line-height: 40px; font-weight: 500; letter-spacing: 2px; }
#top-bar a { color: rgb(250, 216, 117); }
#top-bar a:hover { color:white; }
header { position: relative; z-index: 10001; background-color: rgb(32, 30, 27); }
header a:hover { text-decoration:none; }
header .container { width: 1300px; position: relative; }
.logo { position: absolute; left: 50px; top: 0; }
#header-info { margin-right: 50px; padding: 15px 0 5px; text-align: right; display: flex; justify-content: flex-end; align-items: center; }
#header-info a { color: #fff; }
#header-info address { font-size: 14px; font-weight: norma; }
#header-info .phone { margin: 0 30px; font-size: 26px; font-weight: bold; }
#header-info a:hover { color:rgb(250, 216, 117); }
#header-info .btn-app:hover { color:white; }

nav#main-nav { text-align: right; margin-right: 50px; }
nav#main-nav ul { margin: 0px; padding: 0px; }
nav#main-nav ul li { display: inline-block; position: relative; }
nav#main-nav > ul > li + li a { padding-left: 25px; }
nav#main-nav ul li a { color: #a0bedb; font-size: 16px; line-height: 40px; display: block; }
nav#main-nav ul li a:hover { text-decoration: none; color: #fff; }
nav#main-nav ul ul { display: none; width: 220px; text-align: left; position: absolute; left:0; top: 40px; background-color: rgb(20, 100, 155); z-index: 10001; }
nav#main-nav ul ul li { width: 100%; }
nav#main-nav ul ul li > ul {display:none;}
nav#main-nav ul ul li:hover > ul {
    display:block;
    position:absolute;
    width:220px;
    left:220px;
    top:0;
}
nav#main-nav ul li:hover > ul { display: block; }
nav#main-nav ul ul li a { line-height: 22px; padding: 5px 10px; color: #fff; }
nav#main-nav ul ul li a:hover { color: rgb(32, 30, 27); background: #fff; }
#page { padding: 50px 0; overflow:hidden; }
article { }
footer { padding: 50px 0; background-color: rgb(32, 30, 27); color: #fff; }
footer a { color: #fff; }
footer strong { font-weight: 500; margin-bottom: 20px; display: block; text-align: center; font-size: 24px; color: #86a4c0; }
footer .forms { margin-bottom: 45px; }
footer .forms strong { padding: 10px; font-size: 34px; }
footer .forms .container { border: 16px solid rgb(134, 164, 192); padding: 10px 14px; box-sizing: border-box; }
footer .forms textarea, footer .forms input { padding: 2px 10px; color: #fff; font-size: 16px; border: 2px solid rgb(134, 164, 192); background: none; }
footer .forms textarea { height: 138px; }
footer .forms .btn { background-color: inherit; cursor: pointer; color: #fff; text-transform: uppercase; min-width: 100%; }
footer .forms .btn:hover { background-color: rgb(250, 216, 117); }
.footer-split { display: flex; justify-content: space-between; }
.footer-split .input { width: 49%; }
footer nav { width: 550px; }
footer nav ul { margin: 0px; padding: 0px; list-style: none; line-height: 24px; }
footer nav ul li { display: inline-block; width: 32%; }
footer nav ul li a { color: #fff; font-size: 14px; }
#footer-info .hours, footer nav ul, #footer-contact > div { min-height: 200px; display: block; border: 16px solid rgb(134, 164, 192); box-sizing: border-box; padding: 10px 5px; font-size: 14px; }
#footer-contact { width: 240px; text-align: center; }

.hours b { display: inline-block; min-width: 100px; font-weight: normal; }
#footer-contact .phone { margin: 10px 0; display: block; font-size: 20px; }
.social { display: block; font-size: 24px; }
.social a { margin: 0 10px; }

footer .social a:hover { color:rgb(250, 216, 117) }

#copy { margin-top: 40px; text-align: center; color: #fff; font: 11px/18px Arial; }
#copy a { color: #fff; text-decoration: underline; }

/* CONTROLS */
@keyframes slideIn {
  from { opacity: 0; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.fix-nav.index header, .fix-nav header { position: fixed; width: 100%; left: 0; top: 0; z-index: 10001; animation-duration: .5s; animation-fill-mode: both; animation-name: slideIn; }
.fix-nav #top-bar { display: none; }
.scroll-map iframe { display: block; pointer-events: none; }
.scroll-map.active iframe { pointer-events: auto; }
#pager span { width: 1em; height: 1em; line-height: 1em; display: inline-block; cursor: pointer; }

/* HOME PAGE */
body.index section { display: none; }
body.index h1, body.index h2, body.index h3 { margin: 0px; line-height: 1em; }
body.index h1 { color: #fff; }
body.index h1 em { font-size: 39px; font-style: normal; }
body.index h2 { font-size: 48px; color: #0b4974; font-weight: bold; text-shadow: -2px 0 1px white; font-family: 'Playfair Display', serif; }
body.index h2 em { display: block; font-size: 26px; font-style: normal; }
.section-split { display: flex; justify-content: center; }
.section-split > div { width: 612px; }
#banner { padding: 0px;  /* background:url(assets/images/banner-bg3.jpg) center center no-repeat; */ background-size: cover; position: relative; border-bottom: 110px solid #86a4c0; }
#banner figure { width: 100%; margin: 0px; }
#banner figure img { width: 100%; vertical-align: bottom; }
#banner .caption { width: 1220px; min-height: 240px; position: absolute; display: block; text-shadow: 1px 1px 5px rgba(0, 0, 0, .8); text-align: center; top: auto; right: 50%; z-index: 100; display: flex; justify-content: center; align-items: center; transform: translateX(50%); bottom:10%; }
#section-callouts { padding: 0 0 50px; background-color: rgb(134, 164, 192); }
#section-callouts h2:after { height: 58px; background: url(assets/images/section-shadow.png) center top no-repeat; content: ""; width: 100%; display: block; margin-top: 20px; }
#section-callouts > div:first-child { text-align: center; }
#callouts { max-width: 490px; margin: 0 auto; padding: 0px; list-style: none; }
#callouts li { margin-bottom: 10px; }
#callouts li a { display: block; color: #0b4974; font-size: 15px; line-height: 1em; position: relative; box-sizing: border-box; border: 4px solid rgb(11, 73, 116); padding: 8px 40px 8px 20px; text-decoration: none; }
#callouts li a:after { position: absolute; right: 15px; top: 24px; content: "\e81a"; font-family: "fontello"; color: #0b4974; font-weight: bold; font-size: 38px; }
#callouts li a strong { display: block; color: #fff; margin-bottom: 5px; font-size: 32px; text-shadow: -1.9px -0.7px 0 rgba(11, 73, 116, 0.6); font-family: 'Playfair Display', serif; line-height: 1em; }
#callouts li a em { font-style: normal; }
#callouts li a:hover { background: #0b4974; color: #fff; }
#callouts li a:hover:after { color: #fff; }
#section-meet { padding: 50px 0; background: url(assets/images/section-meet-bg.jpg) center bottom no-repeat; background-size: cover; position: relative; }
#section-meet h2 { color: #0b4974; }
#section-meet .container { width: 1220px; min-height: 515px; border: 16px solid white; }
#section-meet span { width: 45%; margin-right: 5%; margin-top: 25px; position: relative; float: right; z-index: 10; }
#section-meet img { position: absolute; left: 50%; bottom: 0; margin-left: -610px; z-index: 1; }
#section-reviews { text-align: center; background-color: rgb(134, 164, 192); overflow: hidden; padding: 40px 0; }
.reviews-rotation { margin-left: -25%; width: 150%; }
.reviews-rotation .cycle-slide { color: #201e1b; opacity: 0.3 !important; padding: 0 75px; transition: opacity 0.3s ease 0s; vertical-align: top; width: 33%; }
.reviews-rotation .cycle-slide p { margin: 0 auto 30px; max-width: 700px; white-space: normal; }
.reviews-rotation .cycle-slide-active  + .cycle-slide { opacity: 1 !important; }
.reviews-rotation author { display: block; color: #fff; margin-top: 20px; }
.reviews-rotation author i:before { color: #ffeeaa; margin: 0px; }
.reviews-pager { min-height: 58px; background: url(assets/images/section-shadow.png) center top no-repeat; }
.reviews-pager span { font-size: 11px; background: #fff; margin: 16px 10px 0; }
.reviews-pager span.cycle-pager-active { background: #0b4974; }
.reviews-rotation .cycle-prev, .reviews-rotation .cycle-next { width: 60px; height: 60px; line-height: 60px; border: 4px solid rgb(20, 100, 155); color: rgb(20, 100, 155); text-align: center; position: absolute; left: 50%; margin-left: -610px; top: 50%; font-size: 28px; transform: translateY(-50%); z-index: 10000; display: inline-block; }
.reviews-rotation .cycle-next {  margin-left: 550px; }
.reviews-rotation .cycle-prev:hover, .reviews-rotation .cycle-next:hover { background: rgb(20, 100, 155); color: #fff; }
@media screen and ( max-width:600px) {
	.reviews-rotation author span { display:block; }	
}

#section-services { padding: 50px 0; background-color: rgb(32, 30, 27); text-align:center; }
/*#section-services .container { width: 1220px; position: relative; }
.services-rotation { border: 16px solid rgb(70, 66, 62); }
#section-services span { display: block; width: 60%; min-height: 500px; margin: 50px 0 0 50px; color: #fff; }
#section-services span h2 { text-shadow: none; color: #fff; }
#section-services figure { margin: 0px; position: absolute; right: 0; top: -35px; }
*/
body.index #section-services h2 { color:white; text-shadow:none; margin-bottom:40px; }
.services-grid {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}
.services-grid a { max-width:230px; color:white; display:block; margin:0 8px 10px; }
.servcies-grid img { display:block; margin-bottom:10px; }
.services-grid h3 {
	color:white;	
	text-shadow: 0.5px 0.9px 2px rgba(0, 0, 0, 0.25);
	font-size:16px;
	text-transform:uppercase;
	border: 16px solid rgb(134, 164, 192);
	box-sizing:border-box;
	padding:10px 5px;
}
.services-grid h3 span { display:block; }
.services-grid a:hover { text-decoration:none; }
.services-grid a:hover h3 { background:rgb(250, 216, 117); color:black; }

.services-pager { margin: 0 0 20px; padding: 0px; list-style: none; display: flex; text-align: center; justify-content: space-between; }
.services-pager li { min-width: 196px; color: #fff; font-size: 16px; border: 16px solid rgb(134, 164, 192); box-sizing: border-box; text-transform: uppercase; cursor: pointer; }
.services-pager li.cycle-pager-active, .services-pager li:hover { background: rgb(134, 164, 192); }
#section-logos { background: #fff; text-align: center; padding: 25px 0; }
#section-logos img { vertical-align: bottom; margin: 0 7vw; }
#section-community { background: url(assets/images/section-community.jpg) center center no-repeat; background-size: cover; padding: 50px 0; }
#section-community .container { border: 16px solid white; box-sizing: border-box; }
#section-community span { width: 50%; float: right; color: #fff; padding: 30px 0; margin-right: 50px; }
#section-community h2 { color: #fff; }

/* INT. PAGES */
.page-services { display: flex; justify-content:center; flex-flow:wrap; margin-top:40px; }
.page-services img { vertical-align: bottom; margin-bottom: 4px; display:block; }
.page-services ul { width: 269px; margin: 0 8px 30px; background-color: rgb(207, 219, 229); text-align: center; padding-bottom:30px; }
.page-services ul li:first-child a span { display:block; }
.page-services ul li:before { display: none; }
.page-services ul li { padding: 0px; line-height:1.2; margin-bottom:5px; }
.page-services ul li a { display: block; color: rgb(32, 30, 27); font-size: 18px; padding:5px; box-sizing:border-box; }
.page-services ul li:first-child { margin-bottom:10px; }
.page-services ul li:first-child  a { padding:14px 0; color: #fff; font-size: 18px; line-height: 1em; background-color: rgb(11, 73, 116); font-weight: 500; text-transform: uppercase; }
.page-services ul li a:hover { background-color: rgb(32, 30, 27); color: #fff; text-decoration: none; }
.page-faq { }
.faq-btn { background-color: rgb(207, 219, 229); padding: 15px 20px 15px 50px; position: relative; color: #0b4974; font-weight: 400; font-size: 18px; cursor: pointer; }
.faq-btn:before { font-family: fontello; content: "\e81a"; font-size: 24px; position: absolute; left: 20px; top: 14px; }
.faq-btn.active:before { content: "\e825"; }
.faq-content { display: none; padding-left: 50px; }
.page-split { display: flex; }
.page-split > div { width: 100%; }
.page-split .hours label { display: inline-block; min-width: 120px; }
.hm-vid-holder { margin-bottom: 30px; }

/* VIDEO EMBED */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-initial { display: block; margin: auto; max-height: 315px; max-width: 315px; width: 100% }


.video-svc { float: left; margin: 10px 15px 15px 15px; display: block;}

/* page divider */
.page-divider { margin-top:40px; }
.divider-title { margin:0px; }
.divider-body { width: 100%; }
.divider-contents { position: relative; padding:50px 0; display:flex; }
.divider-contents:nth-child(odd):before { background-color: rgba(248, 250, 252,.3); content: ""; left:-999px; right:-999px; top:0; bottom:0; display: block; position: absolute; z-index: -1; }
.page-divider p.has-img, .divider-body p:first-of-type { margin:0px; }
.divider-body p:first-of-type  { position:relative; z-index:-1; }
.page-divider .video-svc { margin:0 25px 25px 0; }
article .page-divider .btn, article .page-divider .btn-alt { width:auto; }

.why { align-items: center; color:white; background: rgb(32, 30, 27); text-align: center; color: white; padding: 20px 40px; box-sizing: border-box;}
.why h2 { margin:0 0 20px; }
article .why ul { display:flex; flex-flow:wrap; }
article .why ul li { padding:0 20px; flex:100%; }
.why ul li:before {
	position:static;
	margin:0 auto 10px;
	display:block;
	padding:10px;
	border-radius:50%;
	font-weight:bold;
	font-size:22px;
}
.why ul li:nth-child(1):before { content: "1"; }
.why ul li:nth-child(2):before { content: "2" }
.why ul li:nth-child(3):before { content: "3" }

@media screen and (min-width:600px) { article .why ul { flex-flow:row; } article .why ul li { max-width:33%; } }

@media (max-width:600px) {
  .video-svc { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; float: none; }
  .video-svc iframe, .video-svc object, .video-svc embed { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
}

.video-svc-right { float: right; margin: 0 15px 15px 15px; display: block; }
.video-svc-right iframe, .video-svc-right object, .video-svc-right embed { border: 5px solid black; }
@media (max-width:600px) {
  .video-svc-right { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; float: none; }
  .video-svc-right iframe, .video-svc-right object, .video-svc-right embed { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
}

.video-wrapper { max-width: 980px; position: relative; margin: 0 auto; display:flex; flex-flow:wrap; justify-content:center; }
.video-standard { float: left; height: 300px; width: 47%; margin: 10px; }
.video-standard iframe { width: 100%; height: 100%; }
@media (max-width:767px) {
  .video-standard { float: none; width: 80%; margin: 0 auto; padding-bottom: 10px; }
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body.sleep-apnea-and-snoring .elem-right { border: solid 5px #000; }

/* RESPONSIVE */
#nav-header, #nav-footer, #responsive-nav { display: none; }
#responsive-nav > a { color: #fff; }
@media screen and (max-width:1300px) {
  header .container { width: 100%; }
  #header-info { margin-right: 10px; }
  .logo { left: 10px; top: 15px; }
  .logo img { height: 58px; }
}
@media screen and (max-width:1220px) {
  #section-meet .container, #banner .container, #section-services .container { width: 100%; border: none; }
  .services-pager li { min-width: 0px; padding: 0 8px; border-width: 4px; }
  .reviews-rotation .cycle-prev { margin-left: -500px; }
  .reviews-rotation .cycle-next { margin-left: 430px; }
	
	.services-grid { max-width:800px; margin:0 auto; }
}
@media screen and (max-width:1090px) {
  .container { width: 100%; }
  #footer-info .hours b { min-width: 80px; }
  #footer-info .hours, footer nav ul, #footer-contact > div { border-width: 8px; }
  article.container { width: 90%; margin: 0 5%; }
  .page-services { flex-wrap: wrap; justify-content: center; }
}
@media screen and (max-width:1023px) {
  img { max-width: 100%; }
  .section-split { flex-direction: column; justify-content: center; align-items: center; }
  /*#scroll-nav { display: none; }*/
  #section-meet { padding-bottom: 0px; text-align: center; }
  #section-meet .container { width: 90%; margin: 0 auto; border: none; min-height: 0px; }
  #section-meet span { float: none; width: 90%; margin: 0 auto; position: relative; }
  #section-meet img { display: block; position: relative; left: auto; margin: 0 auto; }
  footer nav { display: none; }
  #footer-contact, #footer-info { width: 40%; margin: 0 5%; }
  /*.services-pager li { font-size: 14px; line-height: 1.2em; }
  #section-services span { width: 50%; margin-left: 20px; }
  #section-services figure { width: 45%; top: 10%; }
  #section-services figure img { max-width: 100%; width: 462px; margin-top: -50px; display: inline-block; float: right; } */
  #section-logos img { margin: 0 6vw; }
  #section-callouts { padding-top: 40px; }
  #header-info { padding-bottom: 25px; }
  /*#header-info address { display: none; }*/
  #banner { background: none; border-bottom: 0px; padding: 0px; }
  #banner figure { position: relative; left: auto; margin: 0 auto; bottom: auto; }
  #banner .caption { position: relative; width: 100%; padding: 20px 0; text-align: center; left: auto; top: auto; transform: none; margin: 0 auto; right: auto; min-height: 0px; }
  .reviews-rotation .cycle-prev, .reviews-rotation .cycle-next { margin: 0; left: 0; }
  .reviews-rotation .cycle-next { right: 0; left: auto; }
  .reviews-rotation { width: 100%; margin: 0px; }
  .reviews-rotation .cycle-slide { opacity: 1 !important; width: 80%; padding: 0 10%; }
  #section-community { position: relative; z-index: 10; }
  #section-community:after { width: 100%; content: ""; position: absolute; left: 0; top: 0; bottom: 0; background: rgba(55, 50, 36, .7); height: 100%; z-index: -1; }
  #section-community .container { border: none; }
  #section-community span { width: 90%; margin: 0 auto; float: none; display: block; text-align: center; }
  #footer-info .hours { text-align: center; }
  
  /*HEADER & MEAN-MENU*/
    header {width:100%; position: fixed; left:0; top:0; box-shadow: 0 0 15px rgba(0,0,0,0.3); z-index: 1005; } 
    body, header, .mean-container .mean-nav {-webkit-transition:all .3s; transition: all .3s;}  
    body {right: 0; position: relative;} 
    body { padding-top:85px!important; } /* header height */
    body.mean-active header {left: -80%}
    body.mean-active {overflow:hidden; right: 80%} 
    body.mean-active:before { z-index: 98; content: ''; opacity: 0.7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0} 
    body.mean-active .mean-container .mean-nav {right: 0; padding-bottom:40px;} 
    .mean-container .mean-bar, .mean-container .mean-nav { background-color:#0b4974; } /* mean-nav color */
    a.meanmenu-reveal {display: none;} 
    .mean-container { display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important; -webkit-flex-flow: row nowrap!important; -ms-flex-flow: row nowrap!important; flex-flow: row nowrap!important; -webkit-box-align: center!important; -webkit-align-items: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: justify!important; -webkit-justify-content: space-between!important; -ms-flex-pack: justify!important; justify-content: space-between!important;} 
    .mean-container .mean-bar{flex:0!important; margin:8px;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
    .mean-container a.meanmenu-reveal{width:22px;height:22px;padding:10px 9px 8px 9px;cursor:pointer;color:#fff!important;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}
    .mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px; padding:0px;}
    .mean-container .mean-nav{font-size:16px;position:fixed;right:-80%;margin:0;top:0;bottom:0;width:80%;overflow:auto; display:flex; flex-flow:column;}
    .mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none; line-height:1.2;}
    .mean-container .mean-nav ul li{position:relative;float:left;width:100%}
    .mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff!important;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;}
    .mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
    .mean-container .mean-nav ul li.mean-first a{border-top:none;margin-top:0}
    .mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0}
    .mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
    .mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
    .mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
    .mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
    .mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:24px;height:24px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:none!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
    .mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
    .mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both;width:0}
    .mean-nav .wrapper{width:100%;padding:0;margin:0}
    .mean-container .mean-bar,.mean-container .mean-bar *{box-sizing:content-box}
    .mean-remove{display:none!important}
  
  header { padding:15px 0; }
  header .container { display:flex; justify-content:space-around; align-items:center; }
  .btn-app, #top-bar { display:none; }
  #header-info {
      justify-content:space-around;
      flex:100%;
      padding:0px;
      margin:0px;
  }
  #header-info .phone { font-size:22px; margin:0px; }
  .logo { order:-2; position:static; flex:1 0 auto; }
  .logo img { display:block; } 
  
  footer { padding-bottom:70px; }
	
	#interior + #append, h1 { font-size:40px; line-height:1.2; }
	
	article .btn, article .btn-alt { width:auto; }
	
	.divider-contents { display:block; }
	
	#nav-header, #nav-footer { display:block; }
	#nav-header { box-sizing:border-box; padding:10px; background:rgba(0,0,0,.5); text-align: center; }
	#nav-footer { margin:auto auto 0px; padding-bottom: 40px; color:white; }
	#nav-footer strong { display: block; text-align: center; font-size:18px; font-weight: 600; }
	#nav-footer .hours { text-align:left; font-size:15px; }

  
}
@media screen and (max-width:759px) {
  .fix-nav header { position: relative; animation: none; }
  a[name]:before { height: 10px; margin-top: -10px; }
  .page-split { display: block; }
  .page-split > div { width: 100%; }
  .video-svc { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; float: none; }
  .video-svc iframe, .video-svc object, .video-svc embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  article .forms .input { display: block; width: 100%; }
  article .forms .inline { border: none; min-height: 0px; }
  #top-bar { display: none; }
  /*.logo { position: relative; margin: 10px 0; left: auto; width: 100%; display: block; text-align: center; }*/
  #header-info address { display: none; }
  #header-info { padding: 0px; text-align: center; display: block; margin: 0px; }
  /*.btn-app { display: block; min-width: 100%; }*/
  
  nav#main-nav { margin: 0px; text-align: center; }
  nav#main-nav ul { display: none; }
  nav#main-nav ul li { display: block; }
  nav#main-nav ul ul { width: 100%; position: relative; left: 0; top: 0; text-align: center; }
  nav#main-nav > ul > li + li a { padding: 0px; }
  #responsive-nav { padding: 10px 0; display: block !important; visibility: visible; }
  /*article .btn, article .btn-alt { width: 80%; }
  #section-services figure { display: none; }
  #section-services span { width: 90%; margin: 0 5%; }
  .services-pager li { padding: 5px 8px; } */
	
  .section-split > div { width: 90%; margin: 0 auto; }
  #callouts li a strong { font-size: 18px; }
  .reviews-rotation .cycle-prev, .reviews-rotation .cycle-next { display: none; }
  #section-logos img { margin: 0 4vw; }
  .elem-left, .elem-right {
      float:none!important;
      margin:0 auto!important;
      margin-bottom:15px!important;
      text-align:center!important;
      display:block!important;
  }
	
	#section-map { display:none; }
	
	.divider-title, h2	{ font-size:28px; line-height:1.2; }
}
@media screen and (max-width:479px) {
    
    .logo img { height:45px; }
    
    #header-info .phone { display:none; }
    
  .services-pager { flex-wrap: wrap; }
  .services-pager li { width: 50%; }
  body.index h2 { font-size: 36px; }
 /*  #section-services span { min-height: 690px; } */
  .footer-split { display: block; }
  .footer-split .input { width: 100%; }
  #footer-contact, #footer-info { width: 90%; }
  #footer-contact { margin-bottom: 20px; }
  .btn, .btn-alt { width: 100%; min-width: 100%; margin-bottom: 10px; }
body.page_emergency-dentistry-special .btn, .btn-alt {max-width: 285px;min-height: 285px;min-width:200px;}
footer .btn-alt {margin:0;}
  #section-reviews .btn { min-width: 90%; width: 90%; }
  .elem-right, .elem-left { float: none !important; margin: 0 auto 10px !important; }
}

/* SUPERPAGE */
body.super-page > .container { width: 100%; padding: 0; }
#sp { width: 100% !important; margin: 0 auto; }
#sp .contain { max-width: 1160px; width: 100%; padding: 0 10px; margin: 0 auto; }
#sp .contain#alt { max-width: 1400px; }
#sp p { font-size: 18px; }
#sp *, #sp *::before, #sp *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#sp img { max-width: 100%; display: block; margin: 0 auto; position: static !important; }
#sp article { width: 100%; margin: 0; }
#sp h2 { font-weight: 400; font-family: Playfair Display; font-size: 48px; color: #0b4974; text-align: center; }
#sp figure { margin: 0 auto; }
#sp b, #sp strong { font-weight: 700; }
/*#sp .blanco { background-color: #bfd1e3; color: #606060; }*/
#sp #section-services, #sp #section-more, #sp .blanco, #sp #dark { padding: 40px 0; }
#sp #banner { position: relative; padding: 10px 0; background-color: #3b3b3b; border: none; }
#sp #banner .contain { display: flex; justify-content: center; align-items: center; }
#sp #banner figure { flex: 0 1 auto; order: -1; width: auto; }
#sp #banner figure img { max-width: 540px; }
#sp #banner h1, #sp #banner article { text-align: left; color: #fff; }
#sp #banner h1 { font-weight: 400; }
#sp #banner p { max-width: 90%; }
#sp #banner article { color: #fff; font-size: 18px; line-height: 1.66; flex: 0 1 750px; padding: 10px; }
#sp .blanco h2, #sp #callouts { text-align: center; }
#sp #callout-offers { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 60px auto; }
#sp #callout-offers article { flex: 0 1 45%; display: flex; flex-direction: column; align-items: center; }
#sp #callout-offers article figure { border-radius: 50%; background-color: #0b4974; display: table; margin: 30px auto -30px; padding: 12px; }
#sp #callout-offers article figure img { width: 80px; }
#sp #callout-offers article > strong { position: relative; background-color: #201e1b; color: #fff; line-height: 1.11; display: table; margin: 0 auto -32px; padding: 20px; text-transform: uppercase; font-size: 20px; text-align: center; width: 330px; }
#sp #callout-offers article div { background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); padding: 62px 30px 30px; border: 4px solid #0b4974; display: flex; flex-direction: column; align-items: center; height: 100%; }
#sp #callout-offers article div p { width: 100%; max-width: 470px; }
#sp #callout-offers article div p:first-child { margin-top: 0px; }
#sp #callout-offers article div p:last-child { margin-bottom: 0px; }
#sp #section-services { text-align: center; background-color: #d2d2d2; }
#sp #section-services .contain > p, #sp #grid-reviews > p, #sp #section-insurance > p { text-align: center; font-family: Fira Sans; font-size: 24px; line-height: 1.25; font-weight: 300; max-width: 990px; margin: 25px auto 30px; color: #606060; }
#sp .section-split { text-align: left; display: table; clear: both; margin: 30px auto; }
#sp .section-split img { float: left; border: 9px solid #fff; box-shadow: 0 4px 9px rgba(0, 0, 0, 0.22), inset 0 5px 5px rgba(0, 0, 0, 0.75); max-width: 360px; width: 100%; }
#sp .section-split:nth-of-type(even) img { float: right; }
#sp .section-split article { width: auto; font-size: 18px; margin: 0 auto; line-height: 1.44; padding: 20px 30px; color: #606060; background: #fff; overflow: hidden; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }
#sp .section-split p + p { padding-top: 0; }
#sp .section-split h3 { margin: 0; }
#sp .section-split h3 a, #sp .section-split h3 span { display: inline-block; background-color: #201e1b; color: #fff; padding: 15px 30px; font-size: 24px; line-height: 1.11; width: auto; min-height: auto; margin: 0; }
#sp .section-split h3 a:hover { background-color: #168a9b; color: #fff; text-decoration: none; }
#sp #section-insurance p { margin: 0 auto; text-align: center; }
#sp #section-insurance figure { max-width: 640px; padding: 10px 0; margin: 40px auto 60px; background-color: #fff; box-shadow: 2.8px 4.1px 5px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; }
#sp #section-insurance figure img { vertical-align: middle; margin: 10px auto; display: inline-block; max-width: 220px; }
#sp #section-more { text-align: center; background-color: #094071; background-image: linear-gradient(11deg, rgba(0, 22, 78, 0.04) 0%, rgba(3, 59, 194, 0.04) 100%); color: #fff; font-size: 24px; line-height: 1.25; }
#sp #section-more h2 { color: #fff; }
#sp #section-more p { color: #fff; max-width: 1090px; margin: 0 auto; }
#sp #grid-reviews > p { color: #201e1b; }
#sp #grid-reviews > p:last-of-type { margin-bottom: 0; }
#sp #super-reviews { display: flex; flex-flow: row nowrap; justify-content: space-between; }
#sp #super-reviews article { flex: 0 1 32%; display: flex; flex-flow: column; margin: 20px auto; }
#sp #super-reviews article > span { background-color: #0b4974; text-align: left; color: #fff; font-size: 18px; padding: 20px; display: block; flex: 1 0 auto; }
#sp #super-reviews author { color: #0b4974; font-weight: 700; display: block; text-align: right; margin-top: 20px; }
#sp #super-reviews i.icon-quote { border-radius: 50%; background-color: #201e1b; width: 35px; line-height: 35px; display: block; float: left; text-align: center; margin: 0 14px 0 0; }
#sp #super-reviews i.icon-star:before { margin: 0px; color: #e4c932; }
#sp #dark { text-align: center; background-color: #86a4c0; }
#sp #section-location h2 { color: #fff; margin-bottom: 15px; }
#sp #section-location figure { display: inline-block; margin: 0 25px 0 0; max-width: 480px; width: 100%; }
#sp #section-location article { background-color: #201e1b; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); font-size: 18px; line-height: 30px; color: #fff; max-width: calc(100% - 510px); vertical-align: top; box-sizing: border-box; padding: 5px 20px; text-align: left; display: inline-block; }
#sp #section-location article address { display: block; font-size: 24px; margin: 25px 0; padding-left: 90px; }
#sp #section-location article address a { color: #fff; }
#sp #section-location article address a:hover { color: #fad875; }
#sp #section-location article address i:before { margin: 0px; }
#sp #section-location article address i { background-color: #fad875; height: 56px; width: 56px; margin-right: 10px; border-radius: 50%; color: #fff; font-size: 46px; line-height: 56px; display: block; text-align: center; float: left; }
@media screen and (max-width:1160px) {
  #sp #banner .contain { display: block; }
  #sp #banner h1, #sp #banner article { text-align: center; }
}
@media screen and (max-width:1025px) {
  #sp #banner p { max-width: 100%; }
  #sp #section-more { font-size: 18px; }
  #sp #callout-offers { display: block; }
  #sp .doc .section-split { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }
  #sp .doc .section-split img { float: none !important; }
  #sp .doc .section-split h3 a, #sp .doc .section-split h3 span { text-align: center; display: block; padding: 10px; }
  #sp .doc .section-split p { box-shadow: none; padding: 15px 20px; }
  #sp #section-location figure, #sp #section-location article { display: block; max-width: 100%; }
  #sp #section-location figure iframe { height: 200px; }
  #sp #super-reviews { display: block; }
}
@media screen and (max-width:700px) {
  #sp h2 { font-size: 28px; }
  #sp #section-services .contain > p, #sp #grid-reviews > p, #sp #section-insurance > p { font-size: 18px; }
  #sp #section-services, #sp #section-more, #sp .blanco, #sp #dark { padding: 15px 0; }
  #sp .section-split article { padding: 0; }
  #sp .section-split { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }
  #sp .section-split img { float: none !important; }
  #sp .section-split h3 a, #sp span { text-align: center; display: block; padding: 10px; }
  #sp .section-split p { box-shadow: none; padding: 15px 20px; }
  #sp #callout-offers article div { padding: 15px 20px; }
  #sp #callout-offers article > strong { width: 100%; padding: 10px; font-size: 16px; margin-bottom: 0; }
  #sp #section-location article address { padding: 0; text-align: center; }
  #sp #section-location article address i { display: none; }
  #sp #section-insurance figure, #sp #section-insurance figure img { display: block; }
  
}

/*# sourceMappingURL=superpage-template.css.map */