img, legend { border: 0 }legend, td, th { padding: 0 }html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }body { margin: 0 }address, em { font-style: normal }.clearfix:before, .clearfix:after { display: table; content: " " }.clearfix:after { clear: both }.elem-right, .elem-left, .block { display: block }.elem-right { float: right; margin: 0 0 15px 15px }.elem-left { float: left; margin: 0 15px 15px 0 }@media (max-width:500px) { main .elem-right, main .elem-left { max-width: 290px; width: 100%; float: none; clear: both; margin: 0 auto !important; }}.shadow { box-shadow: 0 0 3px #000 }.center { text-align: center; clear: both }.left { text-align: left; clear: both }.right { text-align: right; clear: both }.clear { clear: both; line-height: 0px; height: 0px; width: 0px }h1:first-child { margin-top: 0 }figure img { display: block }a { text-decoration: none }ul li { list-style-type: none }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }audio, canvas, progress, video { display: inline-block; vertical-align: baseline }audio:not([controls]) { display: none; height: 0 }[hidden], template { display: none }a { background-color: transparent }a:active, a:hover { outline: 0 }abbr[title] { border-bottom: 1px dotted }b, optgroup, strong { font-weight: 700 }dfn { font-style: italic }h1 { font-size: 2em; margin: 0.67em 0 }#interior, #append { margin:0px; text-align:center; }#interior { font-size:14px; letter-spacing:.1em; }#interior + #append { font-size:40px; margin-top:10px; }mark { background: #ff0; color: #000 }small { font-size: 80% }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }sup { top: -0.5em }sub { bottom: -0.25em }svg:not(:root) { overflow: hidden }figure { margin: 1em 40px }hr { box-sizing: content-box; height: 0 }pre, textarea { overflow: auto }code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }button { overflow: visible }button, select { text-transform: none }button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }button[disabled], html input[disabled] { cursor: default }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }input { line-height: normal }input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto }input[type=search] { -webkit-appearance: textfield; box-sizing: content-box }input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none }fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em }table { border-collapse: collapse; border-spacing: 0 }*, *:before, *:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box }@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; }/* Client quick access links-Adder-[cms:buildnav start=NULL levels=*][level]<ul>[item]<li><a href="$pageURL$" title="$hrefTitle$">$pageName$</a></li>[/item]</ul>[/level][/cms:buildnav]*/.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; width: 100%; height: 100%; left: 0; }body { font-weight: 300; font-family: Lato; font-size: 17px; line-height: 1.76; color: #303030; background-color: #f1f1f1; }img { display: block; margin: 0 auto; max-width: 100%; }.wrapper, main { padding: 0 10px; max-width: 1200px; margin: 60px auto 0; }.wrapper { max-width: 980px; margin: 1em auto; }body.page_index main { max-width: 100%; margin: 0; padding: 0; }a:hover { -webkit-transition: color .3s, background-color .3s, box-shadow .3s; transition: color .3s, background-color .3s, box-shadow .3s; }h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2; }body.page_index main h2, h1 { font-family: Asap; font-size: 48px; line-height: 1; color: #35596A; font-weight: 700; margin: 0 auto; text-transform: uppercase; }body.page_index main h3, h2 { font-family: Cairo; font-size: 30px; line-height: 1.17; font-weight: 300; color: #069cda; margin: 0 auto; }body.page_index main h3 { color: #35596a; font-size: 44px; font-family: Cairo; font-weight: 300; }body.page_index main h3 strong { font-family: Asap; font-weight: 700; }h3 { font-family: Cairo; font-size: 30px; line-height: 1.17; font-weight: 300; color: #069cda; }.accent:after { content: ''; display: block; margin: 20px auto 20px 0; height: 8px; width: 50px; background-color: #35596a; box-shadow: 3px 3px 0px 0px rgba(6, 156, 218, 1); }a { color: #069cda; }a:hover { color: #35596A; }.gmap { cursor: pointer; position: relative; }.gmap iframe { pointer-events: none; }.gmap.active iframe { pointer-events: all; }@media screen and (max-width:860px) { [data-vimeo] .close { display: none; } .gmap iframe { height: 240px; }}.next, .prev { cursor: pointer; z-index: 300; }.contact-us iframe, .contact-us iframe { width: 100%; }.hours label { display: inline-block; width: 110px; text-align: left; }.contact-us > div { display: inline-block; vertical-align: top; max-width: 45%; width: 100%; }.contact-us, .contact-us { display: block; max-width: 100%; width: auto; }@media screen and (max-width:600px) { .contact-us > div { display: block; max-width: 100%; }}main ul { overflow: hidden; column-count: 1; -moz-column-count: 1; padding-left: 35px; }main ul > li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.4; }main ul > li:before { content: '\2022'; color: #069cda; position: absolute; top: 0px; left: 0; }.page-divider .divider-body { padding: 40px 0; }.page-divider .divider-body:after { content: ''; display: table; clear: both; }.btn { display: inline-block; background-color: transparent; position: relative; font-family: Asap; text-transform: uppercase; margin: 15px 10px; padding: 12px; color: #35596A; font-size: 14px; font-weight: 700; min-width: 240px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; border: 6px solid #069cda; }.btn:hover { background-color: #069cda; color: #fff; }.btn-alt { display: inline-block; background-color: transparent; position: relative; font-family: Asap; text-transform: uppercase; margin: 15px 10px; padding: 12px; color: #35596A; font-size: 14px; font-weight: 700; min-width: 240px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; border: 6px solid #35596A; }.btn-alt:hover { background-color: #35596A; color: #fff; }.btn-container { display: flex; justify-content: center; }.elem-left, .elem-right, .img { box-shadow: 1.5px 2.6px 7px rgba(19, 19, 20, 0.35); }#inner-banner { background-color: #069cda; padding: 40px 10px; text-align: center; }#inner-banner h2 { color: #fff; }body.page_index #inner-banner { display: none; }.social .fb { color: #4d70a8; }.social .gp { color: #dc4e41; }.social .yt { color: #cb3737; }.social .yelp { color: #b62717; }.social a { color: #263e49; transition: color .3s; }.social a:hover { color: #fff; }.fluid-vid { padding-top: 56.25% !important; }@media (min-width:500px) { .video-modal + p { margin-top: 0; }}@media (min-width:1100px) { .video-modal.elem-left { margin: 0 15px 100px 0; }}.video-modal .content { position: relative }.video-modal .assoc-below { margin-top: 3px; padding: 5px; background-color: #fff; bottom: -87px; left: 0; right: 0; }.open-modal { text-align: center; position: absolute; display: block; bottom: 0; right: 0; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); color: #fff; font-size: 50px; line-height: 1 }.open-modal span { display: block; font-size: 20px; }body.modal-opened { overflow: hidden }.modal, .modal.open:after { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }.modal.open:after { background-color: rgba(0, 0, 0, 0.8); z-index: -1; content: ""; display: block; }.modal { max-height: 100% !important; max-width: 100% !important; z-index: 600; display: none; padding: 10px; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }.modal.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }.modal .figure { width: 800px; max-width: 100%; text-align: center }#office-tour { margin: 40px auto; }#tour { margin: 10px auto; max-width: 679px; z-index: 5; }#tour .cycle-slide { width: 100%; text-align: center; }#tour .cycle-slide img { max-width: 100%; display: block; margin: 0 auto; }.community #tour .cycle-slide img { display: inline-block; max-width: 200px; }.community #tour-controls > span.prev, .community #tour-controls > span.next { bottom: 100px; }#tour-controls { text-align: center; position: relative; max-width: 865px; margin: 0 auto; z-index: 0; }#tour-controls > span.prev, #tour-controls > span.next { position: absolute; left: 3%; bottom: 200px; font-size: 4.5rem; font-weight: 700; cursor: pointer; color: #069cda; transition: background-color .3s; }#tour-controls > span.prev:hover, #tour-controls > span.next:hover { color: #35596A; }#tour-controls > span.next { right: 3%; left: auto; }#tour-controls > span { display: inline-block; vertical-align: middle; }#tour-controls > span.pager > span { margin: 0 10px; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: #b3bfc5; }#tour-controls > span.pager > span.cycle-pager-active { background-color: #35596A; }#gallery { max-width: 500px; width: 100%; margin: 20px auto; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; margin: auto; list-style: none; }#gallery li { margin: 0px; padding: 0px; width: 100%; }#gallery li:before { content: none; }#gallery li > div { width: 50%; padding: 0px 10px; box-sizing: border-box; -moz-box-sizing: border-box; clear: none; }#gallery span { position: relative; display: block; }#gallery .left { float: left; }#gallery .right { float: right; }#gallery span:first-child { margin-bottom: 6%; }#gallery img { display: block; max-width: 200px; width: 100%; margin-left: 0; }#gallery li p { color: #FFF; position: absolute; bottom: -10px; left: 5px; z-index: 99; }.prev { float: left; }.next { float: right; }#smile-gallery #gal_nav { width: 100%; position: absolute; margin-top: -44%; z-index: 999; margin: -28% auto 60%; max-width: 750px; }#smile-gallery #content { position: relative; }#gal_nav { position: relative; text-align: center; max-width: 800px; margin: 0 auto; }#gal_nav .prev, #gal_nav .next { position: absolute; left: 5%; bottom: 180px; font-size: 4.5rem; font-weight: 700; cursor: pointer; color: #069cda; transition: background-color .3s; }#gal_nav .prev:hover, #gal_nav .next:hover { color: #35596A; }#gal_nav .next { right: 5%; left: auto; }#gal_nav .pager > span { margin: 0 10px; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: #b3bfc5; }#gal_nav .pager > span.cycle-pager-active { background-color: #35596A; }@media screen and (max-width:950px) { #gal_nav { margin: 0 auto 20px; } #tour-controls > span.prev, #tour-controls > span.next, #gal_nav .prev, #gal_nav .next { position: static; font-size: 2rem; height: auto; width: auto; line-height: 1; float: none; display: inline-block; }}@media screen and (max-width:520px) { #tour-controls .pager, #gal_nav .pager { display: none; }}.features ul li { font-family: "fontello"; content: "\e832"; color: #59b563; display: block; margin: 2px 6px 0 0; float: left; }body.page_garrett-johannsen-dds h1 { color: #fff; display: block; font-family: Cairo; font-size: 16px; line-height: 1.17; font-weight: 300; }body.page_garrett-johannsen-dds #inner-banner h2 { font-family: Asap; font-size: 48px; line-height: 1; color: #35596A; font-weight: 700; margin: 0 auto; text-transform: uppercase; }body.page_garrett-johannsen-dds #inner-banner h2 span { color: #fff; display: block; font-family: Cairo; font-size: 30px; line-height: 1.17; font-weight: 300; }.vid-grid { display: flex; align-items: center; justify-content: space-around; flex-wrap: nowrap; }.vid-grid > article { flex: 0 1 380px; margin: 10px auto; }.vid-grid.large > article { flex: 0 1 350px; }.youtube-player { position: relative; padding-bottom: 55.23%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; }.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }.youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; }.youtube-player img:hover { -webkit-filter: brightness(75%); }.youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; }@media (min-width:860px) { nav ul { margin: 0; padding: 0; list-style: none; } nav li { position: relative; margin: 0 1%; } nav li a:hover { color: #fff; } nav > ul { text-align: center; vertical-align: top; display: block; } nav > ul > li { display: inline-block; } nav ul li:hover > ul { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } nav.opened ul li:hover > ul { -webkit-animation: none; animation: none; } nav.opened > ul > li { display: block; text-align: left; width: 100%; } nav > ul > li > a { font-size: 14px; display: block; padding: 6px 15px; transition: background .3s, color .3s; text-transform: uppercase; } nav > ul > li:hover > a { color: #069cda; } nav.opened > ul > li > a { width: 100%; padding: 10px 0; } nav > ul > li ul { position: absolute; z-index: 9999; display: none; width: 255px; background-color: #069cda; } nav > ul > li ul a:hover { background-color: #fff; color: #35596A; } nav.opened > ul > li ul { width: 100%; z-index: 9999; background-color: #35596A; border-bottom: 6px solid #35596A; } nav.opened > ul > li ul > li:hover { background-color: #fff; } nav.opened > ul > li ul > li:hover a { color: #069cda; } nav.opened > ul > li ul { position: relative; padding-left: 20px; } nav.opened > ul > li > ul > li > ul { position: relative; left: 0; } nav > ul > li > ul { text-align: left; display: none; top: 100%; left: 0; } nav > ul li:hover > ul { display: block; } nav > ul > li ul li { display: block; margin: 0; } nav > ul > li > ul > li > ul { display: none; left: 100%; top: 0; } nav > ul > li > ul a { display: block; padding: 5px 5px; line-height: 30px; font-size: 16px; } nav.opened > ul > li > ul a { padding: 10px 0px; } nav li:before { content: none; } nav { font-size: 24px; font-weight: 600; line-height: 1; vertical-align: middle; text-align: center; flex: 1 0 auto; order: -1; font-family: Asap; } nav li a { color: #ffffff; }}.styled-form { margin-top: 15px; font-size: 16px; }.styled-form .drei { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }.styled-form .drei + .drei { margin-top: 5px; }.styled-form .input-content, .styled-form .inline { width: calc(100% / 3 - 5px); min-height: 52px; }.styled-form .inline, .input-content { background-color: #069cda; }.input__label-content strong, .input__label-content strong a { color: #069cda; }.input-content, .styled-form .inline label, .styled-form .inline, .input--filled .input__label .input__label-content strong, .input--filled .input__label .input__label-content a { color: #fff !important; }.styled-form .drei:first-of-type { line-height: 1 !important; }.styled-form .inline { box-sizing: border-box; padding: 8px 16px; }.styled-form .inline span input { margin-right: 4px; }.styled-form .inline span { display: block; line-height: 1.4; }.styled-form .hear { margin: 5px 0; }.styled-form .hear label { display: inline-block; margin-right: 8px; }.input-content { position: relative; z-index: 1; overflow: hidden; }.input__field { -webkit-appearance: none; position: absolute; z-index: 2; display: block; float: right; border: none; border-radius: 0; padding: 0 14px; margin-top: 1.2em; height: 29px; width: 100%; background: transparent; color: #fff; }.input__field:focus { outline: none; }.input__label { display: inline-block; float: right; padding: 0; width: 100%; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.input__label::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid transparent; -webkit-transition: border-width 0.3s, border-color 0.3s; transition: border-width 0.3s, border-color 0.3s; }.input__label-content { box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }.input__label-content strong { float: right; font-weight: 300; }.input__field:focus + .input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #35596A; border-top-width: 1.2em; }.input__field:focus + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 14px; padding: .85em 1em; -webkit-transform: translate3d(0, -0.65em, 0); transform: translate3d(0, -0.65em, 0); }input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; }@media (max-width:600px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; } .styled-form .input-content + .input-content { margin-top: 5px; }}.simple { line-height: 1; font-size: 13px; }.simple input, .simple textarea { border: 0; padding: 0 12px; height: 42px; border-radius: 10px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: rgba(0, 0, 0, 0.13); border-radius: 5px; }.simple textarea { height: 140px !important; padding: 12px; }.simple input:focus, .simple textarea:focus { outline: 0; color: #2f2f2f; background-color: #fff; }.form-input::-webkit-input-placeholder { color: #fff; }.form-input:-moz-placeholder { color: #fff; }.form-input::-moz-placeholder { color: #fff; }.form-input:-ms-input-placeholder { color: #fff; }.styled-form .btn { box-shadow: none; border: none; padding: 10px 50px; }.d-j { max-width: 400px; }@media screen and (max-width:759px) { .elem-left.d-j, .elem-right.d-j { float: none; display: block; margin: 0 auto; text-align: center; margin-bottom: 15px; }}.more-to-explore { margin: 40px auto 0; text-align: left; clear: both; padding: 20px 0; }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 980px; }.more-to-explore h6 { color: #35596a; font-family: Asap; font-size: 36px; font-weight: 700; text-transform: uppercase; margin: 0; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; }.more-to-explore h6:before, .more-to-explore h6:after { content: ''; margin: 0 10px; max-width: 205px; width: 100%; height: 2px; background-color: #069cda; }.more-to-explore .btn:nth-of-type(even) { border-color: #35596A; }.more-to-explore .btn:nth-of-type(even):hover { background-color: #35596A; }@media (max-width:1170px) { .more-to-explore h6:before, .more-to-explore h6:after { content: none; }}.contain { max-width: 1040px; margin: 0 auto; }.split > div { display: flex; justify-content: space-around; align-items: center; }.split figure, .split article { margin: 0; }.split figure { flex: 0 1 auto; position: relative; }.split figure img { max-width: 100%; margin: 0 auto; position: relative; }.split article { flex: 0 1 500px; padding: 10px; }.split.tr figure { order: -1; }body.page_index .split h2 span.weather.accent { color: #069cda; font-family: Cairo; font-size: 30px; font-weight: 300; }main h1 { position: relative; }.services-grid { text-align: center; width: 100%; margin: 25px auto; display: flex; justify-content: space-around; flex-wrap: wrap; }.services-grid > div { display: flex; justify-content: space-around; align-items: flex-start; flex: 0 1 500px; margin: 10px; }.services-grid img { box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); margin: 0 10px; }.services-grid article { background-color: #fff; box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); flex: 0 1 300px; }.services-grid h2 { transition: background-color .3s, color .3s; min-height: 95px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #069cda; padding: 10px; color: #35596a; font-family: Asap; font-size: 36px; font-weight: 700; text-transform: uppercase; }.services-grid h2 span { display: block; font-family: Cairo; color: #fff; font-size: 30px; font-weight: 300; text-transform: none; line-height: 1; }.services-grid a:hover h2 { color: #fff; background-color: #35596A; }.services-grid ul { margin: 20px auto; padding: 0; column-count: 1; }.services-grid ul li { margin-bottom: 10px; text-align: center; padding: 0; }.services-grid ul li:before { content: none; }.services-grid li a { color: #303030; font-family: Lato; font-size: 17px; }.services-grid li a:hover { color: #069cda; }@media screen and (max-width:500px) { .services-grid img { display: none; }}.social-btn { display: inline-block; margin: 0 10px; border-radius: 50%; width: 50px; height: 50px; line-height: 40px; background-color: #fff; }.social-btn i { vertical-align: middle; display: inline-block; font-size: 25px; color: #069cda; transition: color .3s; }.social-btn:hover i.icon-facebook { color: #4d70a8 !important; }.social-btn:hover i.icon-gplus { color: #dc4e41 !important; }.social-btn:hover i.icon-twitter { color: #00aced !important; }.meet-dentists { max-width: 600px; text-align: center; margin: 10px auto; display: flex; align-items: flex-end; justify-content: space-around; flex-wrap: wrap; }.meet-dentists span { transition: color .3s; display: block; font-size: 22px; line-height: 1.45; text-transform: uppercase; color: #35596A; }.meet-dentists a:hover span { color: #069cda; }#faqs { margin: 50px auto; }#faqs > div { display: none; padding: 10px 25px; }#faqs > h3:before { content: "Q"; font-size: 25px; position: absolute; font-weight: 700; width: 50px; height: 50px; border-radius: 50%; text-align: center; vertical-align: center; top: 0px; left: -60px; color: #fff; background-color: #35596A; box-shadow: inset 0px 3px 8px 0px rgba(0, 1, 1, 0.19); line-height: 50px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; }#faqs div { position: relative; }#faqs h3.active:after { content: ''; }#faqs h3 { font-weight: 300; text-transform: none; margin: 25px 0px 25px 50px; padding: 10px; position: relative; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; color: #343843; font-size: 18px; }#faqs h3:hover { color: #069cda; }#faqs h3:hover:before { background: #069cda; }#faqs p { margin-left: 60px; position: relative; }#faqs p:first-of-type:before { content: "A"; font-weight: 700; font-size: 24px; border-radius: 50%; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: center; top: 0px; left: -70px; color: #fff; background-color: #35596A; box-shadow: inset 0px 3px 8px 0px rgba(0, 1, 1, 0.19); -webkit-transition: background-color .3s; transition: background-color .3s; line-height: 50px; cursor: pointer; }#faqs p:last-of-type:after { content: "\e83a"; font-family: Fontello; color: #35596A; font-size: 30px; display: block; margin: 10px auto; text-align: center; }.page_mission-dental h2:first-child { font-size: 50px; margin: 10px; }.page_mission-dental .flex-container { display: flex; justify-content: center; flex-direction: column; align-items: center; }@media (max-width:900px) { .page_mission-dental main .yt-elem-right, .page_mission-dental main .yt-elem-left { max-width: 451px; width: 100%; float: none; clear: both; margin: 0 auto !important; }}.page_mission-dental main { margin: 5px auto 0; }.page_mission-dental .flex-container img { margin: 20px; }.page_mission-dental .flex-container #logo { height: 151px; width: 297px; }.page_mission-dental .text-center { text-align: center; font-weight: 700; }header { position: static; width: 100%; z-index: 500; top: 0; text-align: center; -webkit-transition: margin .3s; transition: margin 0.3s; text-align: center; }header .contain { max-width: 1350px; margin: 0 auto; }#main-header { padding: 0 10px; transition: min-height 0.3s; background-color: #ffffff; }#main-header > div { justify-content: space-between; align-items: center; display: flex; max-width: 1300px; margin: 0 auto; padding: 10px 0; flex-wrap: wrap; }#main-header > div > a { z-index: 500; transition: max-width .3s; flex: 0 1 600px; text-align: left; }#main-header > div > a img { transition: width .3s; margin-left: 0; }#main-header .header-contact { text-align: right; }#main-header .header-contact .tel { display: block; line-height: 1.2; font-weight: 300; color: #268fd1; font-family: Cairo; font-size: 38px; }#main-header .header-contact address { line-height: 1.2; }#main-header .header-contact address a { color: #4e4e4e; font-family: Asap; font-size: 17px; font-weight: 700; transition: color .3s; text-transform: uppercase; }#main-header .header-contact address a:hover { color: #069cda; }#main-header .header-contact .tel:hover { color: #4e4e4e; }#main-header .header-contact .btn, #main-header .header-contact .btn-alt { margin: 2px 10px; line-height: 1; min-width: auto; box-shadow: none; display: block; border: none; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0; }#main-header .header-contact .btn i, #main-header .header-contact .btn-alt i { font-size: 20px; padding: 10px 5px; }#main-header .header-contact .btn span, #main-header .header-contact .btn-alt span { padding: 0 12px; }#main-header .header-contact .btn { background-color: #069cda; }#main-header .header-contact .btn i { background-color: #138bbc; }#main-header .header-contact .btn:hover { background-color: #138bbc; }#main-header .header-contact .btn-alt { background-color: #0078aa; }#main-header .header-contact .btn-alt i { background-color: #0e6e96; }#main-header .header-contact .btn-alt:hover { background-color: #0e6e96; }.header-contact:nth-of-type(2) { justify-content: center; flex: 0 1 255px; max-width: 255px; width: 100%; }#main-nav { background-color: #35596a; }#main-nav .contain { display: flex; }#main-nav .social { display: flex; }#main-nav .social a { padding: 2px 10px; margin: 0 5px; }@media (min-width:860px) { body.scrolled header { position: fixed; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } body.scrolled header #main-header .header-contact .btn, body.scrolled header #main-header .header-contact .btn-alt { margin: 0 auto; } body.scrolled header #main-header > div { padding: 0; } body.scrolled header #main-header > div > a img { max-width: 260px; }}@media (min-width:1000px) { .divider-title:before, a[name]:before { height: 113px; margin-top: -113px; display: block; content: ""; visibility: hidden; } .divider-title:before { height: 113px; margin-top: -113px; }}@media (max-width:1030px) and (min-width:1000px) { .divider-title:before, a[name]:before { height: 93px; margin-top: -93px; display: block; content: ""; visibility: hidden; } .divider-title:before { height: 93px; margin-top: -93px; }}@media (max-width:860px) { body.page_index, body { padding-top: 76px !important; } a[name]:before { height: 76px; margin-top: -76px; display: block; content: ""; visibility: hidden; }}@media (max-width:1200px) and (min-width:860px) { #main-header > div > a { flex: 0 1 auto; } nav li { margin: 0; } nav > ul { text-align: center; }}@media (max-width:1030px) and (min-width:860px) { #main-header .header-contact { text-align: center; } #main-header > div { justify-content: space-around; } .header-contact:nth-of-type(2), #main-nav .social { display: none; } body { padding: 0 !important; }}@media (max-width:860px) { header { position: fixed; top: 0; left: 0; z-index: 500; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } body, header, .mean-container .mean-nav { -webkit-transition: all .3s; transition: all .3s; } body { right: 0; position: relative; } body.mean-active header { left: -80%; } body.mean-active { overflow: hidden; right: 80%; } body.mean-active:before { z-index: 450; 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; } .mean-container .mean-bar, .mean-container .mean-nav { background-color: #069cda; } 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 wrap !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !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 { 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; 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; } .mean-container .mean-nav { font-size: 16px; position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .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; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); line-height: 1; 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, 0.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, 0.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, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 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, body.scrolled header { position: fixed; } nav > ul > em { display: none; } #main-header .header-contact { flex: 0 1 auto; max-width: 100%; width: auto; } #main-header .header-contact.hide { display: none; } .mean-container { flex-flow: row nowrap !important; } #main-header > div > a { flex: 0 1 auto; max-width: 200px; } nav > ul { display: none; text-align: center; margin: 0; } nav.opened > ul > li { margin: 0; text-align: center; } nav.opened > ul > li ul { padding-left: 0; text-align: center; } nav { width: 100%; } nav li { margin: 0; } #main-header .header-contact address a { font-size: 14px; } #main-header .header-contact .tel { font-size: 20px; }}@media (max-width:550px) { #main-header .header-contact address { display: none; }}@media (max-width:420px) { #main-header .header-contact { display: none; }}body.page_index main > section { margin: 70px auto; }#banner { margin: 0 auto; position: relative; }#banner.playing { z-index: 600; }#banner-video { display: block; overflow: hidden; position: relative; max-height: 490px; z-index: 600; }.playing #banner-video { max-height: inherit }.playing #banner-video #banner-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }#banner-video video { width: 100%; vertical-align: bottom; z-index: 600; }#banner-video .controls { z-index: 650; position: absolute; text-align: center; width: 100%; color: #fff; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); padding: 5px 0; bottom: 50px; }#banner-video .controls span { display: block; }#banner-video .controls .big { margin: 0 auto; line-height: 1; color: #0596d2; font-family: Asap; font-size: 51px; font-weight: 700; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.23); padding: 10px 10px 30px; position: relative; }#banner-video .controls .big span { display: block; color: white; font-family: Cairo; font-size: 37px; font-weight: 300; text-transform: uppercase; }#banner-video .controls .big small, #banner-video h1 { display: block; color: #069cda; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 5px; }#banner-video .controls >span:before { content: ''; left: 0; right: 0; bottom: -10px; top: -10px; background-color: rgba(0, 0, 0, 0.23); position: absolute; z-index: -1; }#banner-video .controls >span:after { content: ''; left: 0; right: 0; bottom: -20px; top: -20px; background-color: rgba(0, 0, 0, 0.23); position: absolute; z-index: -1; }#banner-video .play-btn { position: relative; cursor: pointer; margin-top: 20px; height: 100px; }#banner-video .play-btn img { position: absolute; top: 0; bottom: 0; right: 0; -webkit-transition: .3s; transition: .3s; left: 0; }#banner-video .controls .play-btn img.hover { opacity: 0; }#banner-video .play-btn:hover img:nth-of-type(2) { opacity: 0; }#banner-video .play-btn:hover img.hover { opacity: 1; }#banner-video.play { box-shadow: none; max-height: 100%; }#banner-video.play video { opacity: 1; margin-top: 0; }#banner-video.play .controls { display: none; }#banner-video button { background: none; border: none; color: #fff; text-transform: uppercase; font-weight: 400; font-family: Montserrat; font-size: 25px; display: block; margin: 0 auto; letter-spacing: 2px; position: relative; width: 260px; }.iOS #banner-video .controls, .iOS.playing #banner-video .controls { position: static }.iOS #banner-video .play-btn { display: none }.iOS #banner-video { max-height: 100%; }.video-svc-left { float: left; margin: 25px 15px 0px 0px; display: block; }.video-svc-right { float: right; margin: 0 15px 15px 15px; display: block; }.video-svc-left iframe, .video-svc-left object, .video-svc-left embed { border: 2px solid #069cda; box-shadow: -5px 5px rgba(0, 0, 0, 0.25); }.video-svc-right iframe, .video-svc-right object, .video-svc-right embed { border: 2px solid #069cda; box-shadow: -5px 5px rgba(0, 0, 0, 0.25); }@media screen and (max-width:600px) { .video-svc-left, .video-svc-right { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; float: none; } .video-svc-left iframe, .video-svc-left object, .video-svc-left embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; box-shadow: none; } .video-svc-right iframe, .video-svc-right object, .video-svc-right embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; box-shadow: none; }}.mission-badge { width: 200px; height: 200px; display: flex; justify-content: center; flex-flow: column; position: absolute; left: 50%; margin-left: -600px; background: #ffb419; border-radius: 50%; box-shadow: 4px 4px 6px rgba(0, 0, 0, .5); z-index: 999; color: white; text-align: center; text-transform: uppercase; font-weight: 700; top: -150px; cursor: pointer; }.mission-badge:hover { text-decoration: none; color: white; }.mission-badge strong { margin-bottom: 5px; }@media screen and (max-width:1200px) { .mission-badge { left: 10px; margin-left: 0px; transform: scale(.6); transform-origin: left top; }}@media screen and (max-width:750px) { #banner-video { max-height: none; background: #6E6E6E; } #banner-video .controls h1, #banner-video .controls h1:before, #banner-video .controls h1:after { background: none; } #banner-video .controls h1 { padding: 10px; } #banner-video .controls h1, #banner-video .controls h1 small { } .mission-badge { position: static; margin: 10px auto; width: 120px; height: 120px; font-size: 11px; transform: none; } .mission-badge img { max-width: 90%; }}#callouts { text-align: center; }#callouts h2 { font-weight: 300; font-family: Cairo; text-transform: none; font-size: 44px; margin: 20px auto; justify-content: center; max-width: 1040px; align-items: center; position: relative; }#callouts h2 strong { font-family: Asap; }#callouts article { display: flex; align-items: flex-start; justify-content: space-around; max-width: 1100px; margin: 30px auto; }#callouts a { padding: 9px 20px; flex: 0 1 200px; }#callouts a div { height: 80px; display: flex; align-items: center; justify-content: center; }#callouts a h4 { font-family: Asap; font-weight: 700; text-transform: uppercase; color: #069cda; font-size: 26px; margin: 10px auto; }#callouts a h4 span { display: block; color: #35596a; font-size: 18px; }#callouts a p { color: #303030; font-family: Lato; font-size: 12px; font-weight: 300; font-style: italic; max-width: 145px; margin: 0 auto; }#callouts a:hover { background-color: #069cda; }#callouts a:hover h4, #callouts a:hover h4 span, #callouts a:hover p { color: #fff; }#callouts em { width: 1px; height: 150px; background-color: #d7d7d7; margin-top: 10px; }#meet .contain { max-width: 1150px; }#meet figure { flex: 1 1 680px; margin: 0 auto; }#meet figure img { z-index: 2; }#meet figure figcaption { font-family: Asap; text-align: center; margin: 0 auto; font-size: 18px; font-weight: 700; text-transform: uppercase; background-color: #35596a; background-image: linear-gradient(to top, #35596a 0%, #49798f 100%); }#meet figure figcaption a { color: white; }#meet figure figcaption a:hover { color: #069cda; }@media screen and (min-width:1100px) { #meet figure .meet-awards { margin-right: 40px; margin-top: -140px; } #meet figure figcaption { height: 261px; max-width: 441px; width: 100%; position: absolute; z-index: 1; bottom: 20px; left: 30px; } #meet figure figcaption a { position: absolute; bottom: 10px; left: 10px; color: white; } #meet figure figcaption a:hover { color: #069cda; }}.article-split > div { display: flex; justify-content: space-around; align-items: stretch; max-width: 1100px; margin: 40px auto; position: relative; }.article-split > div:before { content: url(assets/images/reviews-quote.png); position: absolute; top: -50px; left: 10px; }.article-split > div:after { content: ''; background-color: #fff; border-radius: 5px; box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); width: 95%; height: 83%; position: absolute; left: 0; right: 0; z-index: -1; }#testimonials { z-index: 40; position: relative; }#testimonials h2 { text-transform: none; text-align: center; }#testimonials h2 span { font-family: Cairo; font-weight: 300; }#testimonials #reviews .btn, #testimonials #video .btn { max-width: 270px; margin: 0 auto; display: block; margin-top: 50px; }#testimonials #video { text-align: center; flex-basis: 50%; display: flex; justify-content: space-between; flex-direction: column; margin: 40px -50px 0px auto; }#testimonials #video .embed-container { margin: 10px auto; }#testimonials #video .btn-alt { max-width: 320px; margin: 0 auto; }#testimonials #reviews { align-items: center; text-align: center; flex-direction: column; position: relative; justify-content: space-between; display: flex; }#testimonials #reviews > article { max-width: 560px; margin: 30px auto; }#testimonials #reviews .controls { right: 50%; width: 100%; bottom: 0; z-index: 410; }#testimonials #reviews .controls .pager { bottom: 110px; width: 110px; right: 50%; }#testimonials #reviews .cycle-slide { text-align: left; overflow: hidden; }#testimonials #reviews .cycle-slide span { position: absolute; bottom: 10px; left: 0; text-align: center; color: #fff; padding: 0 5px; font-size: 20px; align-items: center; }#testimonials #reviews .cycle-slide span i { z-index: 1; }#testimonials #reviews .cycle-slide span:after { content: ''; width: 100px; height: 100px; left: -50px; bottom: -60px; z-index: -1; transform: rotate(45deg); background-color: #fff; position: absolute; }#testimonials #reviews .cycle-slide span.gp { color: #dc4e41; }#testimonials #reviews .cycle-slide span.fb { color: #4d70a8; }#testimonials #reviews .cycle-slide span.yelp { color: #b62717; }#testimonials #reviews .cycle-slide article { padding: 30px; }#testimonials #reviews p { margin: 0 auto; text-align: center; font-family: Lato; font-size: 20px; font-weight: 300; font-style: italic; line-height: 1.4; color: #35596a; }#testimonials #reviews author { margin: 10px auto; display: block; text-align: center; position: relative; font-family: Asap; font-size: 15px; font-weight: 700; text-transform: uppercase; }#testimonials #reviews author span { margin: 0 10px; }#testimonials #reviews star { margin-right: 25px; }#testimonials #reviews star:before { content: "\e80f \e80f \e80f \e80f \e80f"; color: #ffca2a; font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; }#testimonials #reviews .pager { display: inline-block; vertical-align: middle; margin: 0px auto 0px; }#testimonials #reviews .pager span { display: inline-block !important; cursor: pointer; margin: 0 11px; width: 12px; height: 12px; background: #bcc8ce; border-radius: 50%; vertical-align: middle; }#testimonials #reviews .pager span.cycle-pager-active { background-color: #35596a; }.switcher .service-articles > article { display: none; position: relative; overflow: hidden; text-align: center; margin: 0 auto; align-items: center; justify-content: center; }.switcher nav { width: 100%; margin: 20px auto; text-align: center; position: relative; max-width: 1040px; display: flex; justify-content: center; align-items: center; }.switcher nav:after { width: 100%; height: 1px; background-color: #d9d9d9; position: absolute; bottom: 17px; left: 0; }.switcher nav h2 { display: none; }.switcher .slider-wrapper { position: relative; z-index: 10; }.switcher nav .service-slide { color: #a9b8bf; display: inline-block; position: relative; text-align: center; vertical-align: middle; z-index: 100; font-family: Asap; font-size: 20px; font-weight: 700; text-transform: uppercase; transition: color .3s; margin: 0 25px; }.switcher nav .service-slide span { font-size: 16px; display: block; transition: color .3s; }.switcher nav .service-slide:after { content: ''; display: block; margin: 15px auto 0; width: 0; transition: width .3s; height: 2px; background-color: #069cda; }.switcher nav .service-slide:hover { color: #069cda; }.switcher nav .service-slide:hover span { color: #35596a; }.switcher nav .service-slide.active { color: #069cda; }.switcher nav .service-slide.active span { color: #35596a; }.switcher nav .service-slide.active:after { width: 70px; }#services .slider-wrapper h2 { display: none; text-align: center; }#services .service-articles > article:nth-of-type(1) { display: block; }#services .contain { align-items: stretch; padding: 20px 0; }#services .contain article { padding: 0; background-color: #fff; box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); flex: 0 1 469px; }#services .contain article div { background-color: #069cda; padding: 20px; text-align: center; }#services .contain article p { padding: 15px 45px; }#services .contain figure img { box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); }#services h2 sup { font-size: 20px; top: -1em; }#services h3 { color: #fff; }#index-gallery { text-align: center; margin: 50px auto; }#index-gallery h2 { font-weight: 300; font-family: Cairo; text-transform: none; font-size: 44px; margin: 20px auto; justify-content: center; max-width: 1040px; align-items: center; position: relative; }#index-gallery h2 strong { font-family: Asap; }#index-gallery article { max-width: 1040px; display: flex; justify-content: space-around; margin: 0 auto; }@media screen and (min-width:1140px) { #index-gallery h2:before, #index-gallery h2:after { content: ''; margin: 0 10px; max-width: 175px; width: 100%; height: 2px; background-color: #069cda; display: inline-block; vertical-align: middle; }}#other-services { margin: 0 auto; }#other-services > div { margin: 0px auto; }#other-services .contain { background-color: #fff; border-radius: 5px; box-shadow: 1.5px 2.6px 9px rgba(19, 19, 20, 0.17); padding: 40px 30px; }#other-services .tr figure { margin-left: -60px; margin-right: auto; }#other-services figure { margin: 0 auto; margin-right: -100px; }#other-services .savings-plan { background-image: url(assets/images/savings-pattern.jpg); }#other-services .savings-plan h3 { color: #fff; font-family: Cairo; font-size: 38px; font-weight: 300; text-transform: uppercase; background-color: #345768; }#other-services .savings-plan ul { font-size: 36px; color: white; font-family: Asap; font-weight: 700; }#other-services .savings-plan li { padding-left: 45px; }#other-services .savings-plan li:before { content: '\e832'; font-size: 30px; color: #35596a; font-family: Fontello; }#other-services .service-articles > article:nth-of-type(1) { display: block; }#other-services > article figure { display: inline-block; width: 40%; }#other-services .service-articles > article figure { display: inline-block; max-width: 500px; width: 100%; vertical-align: middle; position: relative; z-index: 20; }#other-services .service-articles > article figure img { position: relative; max-width: 100%; }#other-services .service-articles > article article { z-index: 5; vertical-align: middle; position: relative; text-align: left; }#other-services .service-articles > article article h3 { position: relative; text-transform: none; }#other-services .service-articles > article article .switch-copy { max-width: 520px; }#other-services .service-articles > article article.switch-right h3 { margin-bottom: 32px; }#other-services .service-articles > article article.switch-right .accent:after { right: 0; left: auto; bottom: -34px; z-index: -1; position: absolute; }#community { text-align: center; max-width: 1040px; padding: 0 10px; }#community > div { display: flex; justify-content: center; align-items: center }#community > div article { flex: 0 1 50%; }#community > div article div { height: 100%; }#map-form { margin: 20px auto; }#map-form h2 { text-align: center; color: #fff; font-size: 36px; margin: 20px auto 40px; }#map-form h2 span { display: block; color: #ffffff; font-size: 23px; font-weight: 300; font-family: Cairo; text-transform: none; }#map-form h2:after { max-width: 170px; }#map-form > div { display: flex; justify-content: center; max-width: 1040px; margin: 0 auto; }#map-form figure { flex: 0 1 800px; margin: 0; margin-right: 8px; }#map-form figure iframe { width: 100%; display: block; }#map-form article { flex: 0 1 400px; padding: 20px; background-color: #35596a; }#map-form .btn { color: #fff; }#map-form form { text-align: center; }#map-form form span { vertical-align: top; }#map-form form input, #map-form form textarea { border: none; font-size: 14px; display: block; width: 100%; resize: none; padding: 10px 7px; background-color: #263e49; color: #fff; }#map-form form input { margin-bottom: 5px; }#map-form form textarea { min-height: 148px; }#map-form form .input::-webkit-input-placeholder { color: #fff; opacity: 1; }#map-form form .input::-moz-placeholder { color: #fff; opacity: 1; }#map-form form .input:-ms-input-placeholder { color: #fff; opacity: 1; }#map-form form .input:-moz-placeholder { color: #fff; opacity: 1; }#affil { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; max-width: 1200px; margin: 40px auto; }footer { color: #fff; padding: 0; position: relative; overflow: hidden; width: 100%; }footer > section { position: relative; margin-top: 140px; background-color: #263e49; }footer > section:before { content: ''; background-color: #263e49; transform: rotate(4deg); left: -30px; top: -55px; width: 120%; height: 170px; position: absolute; z-index: -1; }footer > section:after { content: ''; background-color: #069ad7; transform: rotate(-4deg); left: -30px; top: -55px; width: 120%; height: 170px; position: absolute; z-index: -2; }footer > section .social { position: absolute; top: -70px; right: 20px; }footer > section .social a { margin: 0 20px; font-size: 20px; }footer .logo { max-width: 360px; margin: 20px auto; display: block; }footer .contain { max-width: 820px; margin: 20px auto 60px; display: flex; justify-content: space-around; }footer h3 { color: #069cda; font-family: Asap; font-size: 17px; font-weight: 700; line-height: 11px; text-transform: uppercase; }footer .tel { color: #0078aa; font-family: Cairo; font-size: 46px; font-weight: 300; line-height: 1.1; }footer .tel:hover { color: #fff; }footer address a { color: white; line-height: 1.3; font-family: Asap; font-size: 17px; font-weight: 700; text-transform: uppercase; display: block; margin: 10px auto 60px; }footer address a:hover { color: #069cda; }footer ul { column-count: 2; padding: 0; margin: 10px auto; }footer ul a { color: #fff; }footer ul a:hover { color: #069cda; }#copyright { background-color: #35596a; padding: 10px; color: #fff; text-align: center; }#copyright .sitemap { color: #069cda; }#copyright a { color: #fff; }#copyright a:hover { color: #263e49 !important; }@media screen and (max-width:1020px) { footer > section { margin: 0 auto; } footer > section:before, footer > section:after { content: none; } footer > section .social { position: static; background-color: #059ad8; text-align: center; }}@media screen and (max-width:650px) { footer .contain { display: block; text-align: center; margin: 0 auto; } footer address a { margin: 10px auto; } footer ul { column-count: 1; } #copyright em { display: none; } #copyright .sitemap { display: block; }}@media screen and (min-width:740px) { footer address a br { display: none; }}@media screen and (max-width:1200px) { .article-split > div { background-color: #fff; border-radius: 5px; padding: 10px; } .article-split > div:after { content: none; } #testimonials #video { margin: 20px auto; }}@media screen and (max-width:1100px) { #other-services .contain { display: block; } #other-services figure, #other-services .tr figure { margin: 0 auto; } #other-services .service-articles > article article { text-align: center; }}@media screen and (max-width:960px) { .split > div { display: block; text-align: center; } .split .accent:after { margin: 20px auto; } #services .contain article p { padding: 0px; } #other-services .contain { padding: 0; } .article-split > div { display: block; margin: 0 auto; } .article-split > div:before { content: none; } #testimonials #reviews > article { margin: 10px auto; } #testimonials #reviews .cycle-slide article { padding: 0; } .switcher nav { flex-wrap: wrap; margin: 0 auto; } .switcher nav .service-slide { flex: 0 1 33%; margin: 10px auto; }}@media screen and (max-width:860px) { #banner-video .controls { position: static; transition: none } #banner-video { z-index: 440; max-height: inherit } #callouts article { flex-wrap: wrap; max-width: 700px; } #callouts article em { display: none; } #community > div { display: block; max-width: 500px; margin: 0 auto; } #map-form > div { display: block; } #map-form figure { margin: 0 auto; } .vid-grid { flex-wrap: wrap; }}@media screen and (max-width:750px) { h2 strong, h2 span { display: block; } body.page_index main section h2, h1 { font-size: 30px; line-height: 1.2; } #banner-video .controls { position: static; } #banner-video .controls .play-btn { display: none; } body.page_index main > section { margin: 20px auto; } #testimonials #reviews star { display: block; } #affil { display: none; } #services .service-articles > article, #services .service-articles > article:nth-of-type(1) { display: none; } #servcies .service-articles { padding: 10px 0; } #services .slider-wrapper h2 { display: block; } #services .contain article div, #services .contain article h2, #services .contain article p span, .service-articles article figure { display: none; } #services .service-slide:after { content: none; } #services .service-slide { position:relative; padding-right: 10px; margin: 0 auto; display: block; text-align: left; max-width: 300px } #services .service-slide:hover { cursor: pointer; } #services .service-slide:before { content: '\e819'; line-height: 0; font-family: Fontello; position: absolute; display: block; right: 0; bottom: 50%; transform: translateY(50%); } #services .service-slide.active:before { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) }} @media screen and (max-width:500px) { #banner-video .controls h1 { font-size: 35px; } #banner-video .controls h1 span { font-size: 20px; } #other-services .savings-plan ul { font-size: 28px; padding-left: 5px; } .switcher nav .service-slide { font-size: 16px; } .switcher nav .service-slide span { font-size: 12px; }}#simpleModal{display:none;position:fixed;z-index:9000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s}#simpleModal .covidmodalContent{background-color:#f4f4f4;margin:8% auto;padding:0 0 30px;width:90%;max-width: 1000px; box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}#simpleModal .covidmodalContent h2{background-color:#35596a;font-weight: 700;margin-bottom:25px;color:#fff;padding:55px 20px 15px;text-transform:uppercase;font-size:36px;text-align:center;line-height:1.2}#simpleModal .covidcontain { max-width: 85%; margin: auto;}#simpleModal .covidmodalContent p{margin: 15px auto; line-height: 1.4; font-weight: 400;}#simpleModal .covidmodalContent ul { margin: 20px 0; padding-left: 20px; }#simpleModal .covidmodalContent .btn {margin-left: 0;}#simpleModal .covidcloseBtn{color:#a5a5a5;position:absolute;right:0;top:0;z-index:10;font-size:30px;position:absolute;background-color:#e74c3c;color:#fff;padding:5px 15px 5px; line-height:1}#simpleModal .covidcloseBtn:focus,#simpleModal .closeBtn:hover{background-color:#c0392b;cursor:pointer;text-decoration:none}@keyframes modalopen { from{opacity:0} to{opacity:1} }