@font-face { font-family: Bayshore; src: url(assets/images/Bayshore.ttf) }body { position: relative; color: #525354; font-family: Spectral; font-size: 19px; font-weight: 300; font-style: normal; letter-spacing: normal; line-height: 1.89 }html, body { overflow-x: hidden }.wrapper, main { padding: 0 10px 60px; max-width: 1200px; margin: 60px auto 0 }.wrapper { max-width: 980px; margin: 1em auto }body.open-modal {position: fixed;}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 }#page-title h1:not(:only-child) { color: #ece8e5; font-family: Spectral; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 1.4px; line-height: 1.43; text-transform: uppercase }#page-title h1, #page-title h1+h2 { color: #ffffff; font-family: Spectral; font-size: 68px; font-weight: 300; font-style: normal; letter-spacing: -1.7px; line-height: 1.15; max-width: 780px; }.h1 { text-transform: uppercase; color: #525354; font-family: Spectral; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 1.11 }.h2 { color: #525354; font-family: Spectral; font-size: 68px; font-weight: 300; font-style: normal; letter-spacing: -1.7px; line-height: 1.15 }h2 { color: #525354; font-family: Spectral; font-size: 48px; font-weight: 300; font-style: normal; letter-spacing: -1.2px; line-height: 1.21 }h3 { color: #009fe3; font-family: Bayshore; font-size: 55px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1 }.h1, .h2, .h3, .h4 { display: block }a { color: #009fe3; cursor: pointer }a:hover { color: #525354 }.page_meet-the-dentist #page-title {background: url('assets/images/meet-dr-banner.jpg') !important; background-size: cover !important; }#page-title { padding: 300px 10px 50px; min-height: 550px; position: relative; background-position: center right }#page-title .title-wrapper { max-width: 1180px; margin: 0 auto; position: relative; z-index: 5 }#page-title .main-img { display: none }#page-title:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #262626; opacity: .65 }body.page_index #page-title { display: none }body.page_index #page-title { display: none }.why { text-align: center; padding: 20px 0; margin-top: 60px }.why h2 { text-align: left; color: #262626; font-family: Spectral; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 1.11; text-transform: uppercase }.why ul { margin: 0 auto 0; padding: 0; max-width: 1200px; display: flex; flex-flow: row wrap; justify-content: space-around }.why ul li { margin: 0; flex: 0 1 380px; max-width: 380px; padding: 5px; margin: 5px; color: #262626; font-family: Spectral; font-size: 26px; font-weight: 300; font-style: normal; letter-spacing: -0.65px; line-height: 1.38 }.why ul li span { display: inline-block; vertical-align: bottom; max-width: 224px }.why ul li:before { content: '1'; width: auto; height: auto; background: none; color: #ece8e5; font-family: Bayshore; font-size: 127px; line-height: 1; position: static; display: inline-block; vertical-align: top; margin-right: 10px }.why ul li:nth-of-type(2):before { content: "2" }.why ul li:nth-of-type(3):before { content: "3" }.accordion { padding: 60px 0; background-color: #ece8e5; box-shadow: -500px 0 0 #ece8e5, 500px 0 0 #ece8e5 }.accordion article { padding: 20px; background-color: #fff; margin: 10px auto }.accordion article>div { display: none; padding: 10px 40px 10px 0;}.accordion .toogle:after { content: "\e81a"; font-family: "Fontello"; font-size: 46px; cursor: pointer; transition: background-color .3s; line-height: 17px; color: #009fe3; font-style: normal; margin-left: auto }.accordion .toogle.active:after { transform: rotate(90deg); color: #839da6 }.accordion .toogle.active, .accordion .toogle:hover { color: #009fe3 }.accordion div { position: relative }.accordion .toogle { font-weight: 400; text-transform: none; position: relative; cursor: pointer; transition: color .3s; text-align: left; font-size: 26px; color: #525354; font-size: 26px;color: #262626;font-family: Spectral, serif;letter-spacing: -0.65px;display: flex; align-items: center; justify-content: space-around; text-align: left; margin: 0 auto }.accordion p {position: relative }@media (max-width:520px) { .accordion p { margin: 10px auto }}.pager { margin: 0 auto; display: flex; align-items: center; justify-content: space-between }.pager span { display: inline-block; margin: 0 10px; vertical-align: middle; border-radius: 50%; width: 12px; height: 12px; transition: all .3s; background-color: transparent; border: 1px solid #80cff1; box-shadow: none; position: relative }.pager span:after { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; right: 50%; bottom: 50%; transform: translate(50%, 50%); opacity: 0; transition: .3s; background-color: #009fe3 }.pager div:first-of-type .line { display: none !important }.pager .line { content: ''; width: 61px; height: 1px; background-color: #009fe3; opacity: 0.5; display: inline-block; vertical-align: middle }.pager .cycle-pager-active span:after { opacity: 1 }.prev, .next { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #009fe3; font-size: 78px; transition: color 0.3s; z-index: 100; line-height: 1 }.prev:hover, .next:hover { color: #525354 }.prev i:before, .next i:before { margin: 0 }.controls { align-items: center; justify-content: space-between; margin: 0px auto; display: flex; position: relative; z-index: 5 }@media (max-width:600px) { .pager { margin: 0 auto }}.tour-nav { max-width: 1020px; text-align: center; margin: 0 auto }.tour-nav .btn { background-color: transparent; border: 2px solid #009fe3 }.tour-nav .btn:hover, .tour-nav .btn.active { background-color: #009fe3 }#office-tour { max-width: 1100px; margin: 10px auto; position: relative }#office-tour .contain { max-width: 960px }#office-tour .cycle-slide { width: 100%; text-align: center; max-width: 980px }#tour { position: relative; margin: 0 auto }#tour .cycle-slide { width: 100%; text-align: center }#tour .cycle-slide img { max-width: 100%; display: block; margin: 0 auto; width: 100% }@media (min-width:950px) { #office-tour .prev, #office-tour .next { position: absolute; bottom: 350px } #office-tour .next { right: 0 } #office-tour .prev { left: 0 } #office-tour.letters .prev, #office-tour.letters .next { position: static }}.next, .prev { cursor: pointer; z-index: 300 }.contact-us iframe { width: 100% }.hours label { display: inline-block; width: 110px; text-align: left; text-transform: uppercase }.contact-us h3 {font-size: 55px;}.contact-us>div { display: inline-block; vertical-align: top; max-width: 45%; width: 100% }.contact-us { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; max-width: 980px; width: auto; margin-top: 30px; }.contact-us .hours label {width: 150px;}@media(min-width: 601px) {.page-divider .two-col {column-count: 2;}}main ul, .page-divider ul { overflow: hidden; column-count: 1; -moz-column-count: 1; padding-left: 35px }main ul>li, .page-divider ul>li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.4 }main ul>li:before, .page-divider ul>li:before { content: ''; width: 8px; height: 8px; background-color: #ece8e5; border-radius: 50%; font-family: Fontello; color: #525354; position: absolute; top: 8px; left: 0 }.services-grid { padding: 10px; margin: 100px auto 0px; max-width: 1300px }.services-grid>div { display: flex; align-items: center; justify-content: space-between }.services-grid>div:nth-of-type(odd) figure { order: -1 }.services-grid figure { max-width: 650px }.services-grid article { margin: 0 auto }.services-grid a h3 { color: #525354; font-family: Spectral; font-size: 50px; font-weight: 300; font-style: normal; letter-spacing: -1.25px; line-height: 0.8 }.services-grid a h3 small { display: block; margin-bottom: 10px; text-transform: uppercase; font-family: Spectral; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: 1.6px; line-height: 1.25 }.services-grid a h3:after { content: ''; display: block; width: 100px; height: 1px; background-color: #009fe3; margin: 30px 0 }.services-grid a:hover h3 { color: #009fe3 }.services-grid ul { padding: 0 }.services-grid ul>li { padding: 0 }.services-grid ul>li a { font-size: 20px; color: #525354; display: flex; align-items: center; justify-content: flex-start }.services-grid ul>li a:hover { color: #009fe3 }.services-grid ul>li span { display: inline-block; vertical-align: middle }.services-grid ul>li .icon { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 10px; width: 36px; height: 36px }.services-grid ul>li { margin-bottom: 15px }.services-grid ul>li:before { content: none }.script { color: #009fe3; font-family: Bayshore; line-height: .8 }.meet-affil, .index-affil { margin: 70px auto 100px }.meet-affil h2, .index-affil h2 { font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px }.index-affil .h1 {color:#262626;}.affil { max-width: 1300px; margin: 60px auto }.affil span { margin: 5px }.meet-intro { font-size: 34px; line-height: 1.56 }.meet-intro .script { font-size: 84px; display: inline-block }.page_meet-the-dentist .divider-body { max-width: 1310px; margin: auto; }.divider-body { padding: 40px 10px; position: relative;}.divider-body h2:first-of-type { margin-top: 0px }.divider-body figure { margin: 0 auto; position: relative }.divider-body article { padding: 10px; margin: 0 auto }.divider-body figure {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}.divider-body.figure-right figure {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1; }.page-divider.alt .divider-body .clearfix { flex-direction: row }.divider-flex { clear: both; justify-content: space-around; flex: 1 1 100%; max-width: 1150px; margin: 0 auto 0 }.divider-flex h3 { margin: 0 auto 10px; padding: 0px 0; position: relative }.divider-flex>div { margin: 50px 0; display: flex; align-items: flex-start; justify-content: space-between; max-width: 1400px }.divider-flex>div div { flex: 0 1 960px; margin: 0 auto 0; padding: 0 5px }.divider-flex img { order: -1; margin: 0 }@media screen and (max-width:800px) { .divider-flex>div { display: block } .divider-flex>div img { margin: 0 auto }}@media (min-width:1023px) { .meet-divider { max-width: 1200px; margin: 0 auto } .meet-divider .divider-body { margin: 0 auto } .meet-divider .divider-body article { flex: 0 1 470px; margin: 0 } .meet-divider .divider-body+.divider-body article { margin-top: 100px } .meet-divider figure { border-top: 30px solid #fff; border-left: 30px solid #fff } .meet-divider:first-child>div:first-child { display: none } .meet-divider:first-child .figure-right { border: none } .meet-divider .divider-body+.divider-body, .meet-bottom .divider-body { margin-top: -100px !important } .meet-divider .divider-body+.divider-body figure, .meet-bottom .divider-body figure { flex: 0 1 700px } .meet-bottom .meet-divider { max-width: 100%; margin-bottom: 100px } .meet-bottom .meet-divider article { margin: 100px auto 0 } .divider-flex hr { background-color: #cbd1d2; height: 1px; width: 100%; border: none; box-shadow: -500px 0 0 #cbd1d2, 500px 0 0 #cbd1d2 } .divider-body.no-img{margin: 30px auto;} .divider-body.no-img article, .divider-body.no-img article>div { flex: 0 1 auto; max-width: 100%; margin: 0 auto } .divider-body.no-img article>div { max-width: 1200px; margin: 0 auto } .divider-body.no-img.small-divider {padding: 0;margin: 40px auto;} .divider-body.no-img.small-divider article {flex: 1 1 100%;} .divider-body { margin: 80px auto; padding: 0 0 } .divider-body:first-of-type { margin-top: 0 } .no-space .divider-body { margin: 0 auto } .divider-body.small-divider { padding: 80px 0 } .divider-body .clearfix { display: flex; align-items: center; justify-content: space-between; margin: 0 auto } .divider-body article { flex: 0 1 610px; padding: 10px; margin: 0 auto } .divider-body figure { flex: 0 1 50%; z-index: 5; position: relative } .divider-body figure img { width: 100% } .divider-body.small-divider article { flex: 0 1 828px } .divider-body figure { margin: 0 } .clearfix:after { display: none }}.btn { display: inline-block; position: relative; margin: 5px; padding: 14px 10px; color: #525354; font-family: Spectral; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 1.4px; line-height: 1.4; text-transform: uppercase; min-width: 300px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: transparent; border: none; border: 1px solid #525354 }.btn:hover { background: #525354; color: #fff }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 16px 10px; color: #525354; font-family: Spectral; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 1.4px; line-height: 1.4; text-transform: uppercase; min-width: 300px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #fff; border: none; border: 1px solid #fff; color: #525354 }.btn-alt:hover { background: #009fe3; border-color: #009fe3; color: #fff }.btn-blue { background-color: #429edc; border: 1px solid #429edc; color: #fff }.btn-white { border: 1px solid #fff; color: #fff }.btn-white:hover { background-color: #fff; border-color: #fff; color: #525354 }.styled-form { margin-top: 15px; font-size: 16px; text-align: left }.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: #009fe3 }.input__label-content strong, .input__label-content strong a { color: #fff }.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 }.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px }.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 { 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+.input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #525354; border-top-width: 1.2em }.input__field+.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 }.styled-form .inline textarea { color: #000; padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px }.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }@media (max-width:650px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.2196078431) } .styled-form .input-content+.input-content { margin-top: 5px } .styled-form .inline.wide { width: 100%; margin-top: 5px }}.simple { line-height: 1; text-align: center; padding: 30px 10px; max-width: 700px; margin: 30px auto }.simple input, .simple textarea { border: 0; outline: 0; padding: 0 12px; height: 42px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: #009fe3 }.simple textarea { padding: 12px }.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 }#lean_overlay { position: fixed; z-index: 1200; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none }.modal-close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; display: block; color: #fff; z-index: 1002; background: rgba(0, 0, 0, 0.4); cursor: pointer; margin: 0; text-align: center; font: normal 28px/30px Arial; transition: .3s }.modal-close:hover { background: rgba(0, 0, 0, 0.8) }.modal-close i { width: 40px; height: 40px; line-height: 40px }.modal-close i:before { content: "+"; display: block; transform-origin: center; transform: rotate(45deg) }.modal-content { height: auto !important; display: none; flex: 100%; background: #fff; max-width: 990px; width: 100%; box-sizing: border-box; overflow: hidden; position: relative }.special-modal { text-align: center; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16); background-color: #fff; padding: 30px 0; max-width: 825px; width: 100% }.special-modal .h2 { font-size: 48px; margin: 20px }.special-modal .h2 sup { font-size: 28px }.special-modal article { margin: 10px auto }.special-modal .content { width: 100%; margin: 0 auto }.special-modal .cpn { order: 2 }.special-modal form { max-width: 450px; margin: 0 auto; padding: 10px }.special-modal .input { display: block; margin: 5px auto }.special-modal input, .special-modal textarea { background-color: #f7f6f5; width: 100%; display: block; height: 45px; font-size: 19px; padding: 10px }.special-modal textarea { min-height: 100px; resize: none }.special-modal::-webkit-input-placeholder { color: #525354 }.special-modal:-moz-placeholder { color: #525354 }.special-modal::-moz-placeholder { color: #525354 }.special-modal:-ms-input-placeholder { color: #525354 }@media screen and (max-width:768px) { .special-modal img { display: none } .modal-close { right: 10px }}.safe-page { background-color: #262626; display: block; padding: 0px; text-align: center; color: #EDECED; line-height: 1.5; text-transform: none; font-weight: 500; letter-spacing: normal }.safe-page:hover { background-color: #3796af; color: #fff; text-decoration: none }#safety { max-width: 1030px; margin: 40px auto 0; padding: 20px 10px; position: relative }#safety:before { background-color: #efefef; content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: -60px; z-index: -1 }#safety .flex-ed { margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; justify-content: space-around; flex-wrap: nowrap }#safety article { -webkit-box-flex: 0; -ms-flex: 0 1 800px; flex: 0 1 800px; padding: 0 10px }#safety p { font-size: 18px; line-height: 1.6 }#safety h3 { font-size: 35px; margin: 5px auto; font-weight: 400; line-height: 1.2; text-align: left; letter-spacing: 0 }#safety h3:after { background-color: #009fe3; content: ''; display: block; height: 2px; width: 57px; margin: 10px 0 }.covid-icon { box-shadow: 0 0 0 10px #fff; border: 3px solid #009fe3; margin: 10px; height: 140px; width: 140px; -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px }.cls-1, cls-1.per { stroke: #252525; stroke-miterlimit: 10; stroke-width: .75px !important; fill: #fff }.cls-2, .cls-3 { fill: #fff }.cls-2, .cls-3, .cls-4 { stroke: #009fe3 }.filler.cls-2, .filler.cls-1 { fill: #fff !important }.thinner .cls-1 { stroke-width: .1px !important; fill: #252525 }.thinner .cls-2 { stroke-width: .1px !important; fill: #009fe3 }.thinner .cls-2, .thinner .cls-3 { stroke-width: .5px }.stroker .cls-2, .stroker .cls-3 { stroke-width: .4px !important }@media (max-width:750px) { .safe-page { letter-spacing: normal } #safety .flex-ed { display: block; text-align: center } .covid-icon { margin: 20px auto } #safety h3 { text-align: center } #safety h3:after { margin: 10px auto }}@media (max-width:590px) { #safety h3 { font-size: 28px }}.more-to-explore { background-color: #ece8e5; margin: 0 auto; text-align: left; clear: both; padding: 60px 0 }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 1300px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }.more-to-explore>span { color: #262626; font-family: Spectral; font-size: 18px; text-transform: uppercase; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 1.11; text-align: center; display: block; margin: 0; text-align: center; position: relative }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 400px }.contain { max-width: 1200px; 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 .mob { display: none }.split.alt figure { order: -1 }.split article { flex: 0 1 500px; padding: 10px }main h1 { position: relative }.social { font-size: 0; text-align: center; display: block }.social a { display: inline-block; color: #fff; vertical-align: middle; font-size: 24px; width: 45px; height: 45px; background-color: transparent; border-radius: 50%; color: #009fe3; text-align: center }.social a i:before { display: block; margin: 0 auto; width: 45px; line-height: 45px }.social a+a { margin-left: 20px }.social .fb:hover { color: #4d70a8 }.social .gp:hover { color: #dc4e41 }.social .in:hover { color: #125688 }.social .tw:hover { color: #00aced }.social .yp:hover { color: #b62717 }.social a:hover { color: #fff; border-color: transparent }a[name]{pointer-events: none; cursor: pointer;}@media (min-width:1024px) { a[name]:before { height: 128px; margin-top: -128px; display: block; content: ""; visibility: hidden }}@media (max-width:860px) { a[name] {height: 0;} a[name]:before { height: 95px; margin-top: -95px; display: block; content: ""; visibility: hidden }}.nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2) }.nav-up { transform: translateY(-100%) }.safe-page { display: block; width: 100%; font-size: 16px; background-color: #262626; color: #EDECED; text-align: center; padding: 0px }.safe-page i { color: #009fe3 }.safe-page:hover { background-color: #009fe3; color: #fff }.safe-page:hover i { color: #fff }header { position: relative; background-color: #fff }header:focus-within { z-index: 500 }header a { color: #262626 }header a:hover { color: #009fe3 }header .logo { position: relative; z-index: 1; width: 300px; height: 80px; -webkit-box-flex: 0;-ms-flex: 0 0 300px;flex: 0 0 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }header .pho { font-size: 29px; letter-spacing: 0.72px; color: #262626; display: block; position: relative; padding-left: 30px }header .phy { display: block; font-size: 16px; line-height:1.2;margin: 0 12px; position: relative; position: relative; text-align: center }header .pho:hover, header .phy:hover { color: #009fe3 }header .phy i, header .pho i { color: #009fe3; font-size: 20px; margin-right: 4px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }header li a { font-weight: 300; font-family: "Spectral", sans-serif }.hd-right{flex: 0 1 1000px;}.hd-right .flex{margin: 0 0 0 auto; justify-content: flex-end; padding: 5px;}.hd-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 490px; flex: 0 1 490px; -ms-flex-pack: distribute; justify-content: space-around }.hd-btns { flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-box-flex: 0; flex: 0 1 240px }.hd-btns a {padding: 5px; -webkit-box-flex: 0 1 125px; -ms-flex: 0 1 125px; flex: 0 1 125px; text-align: center; font-size: 16px;line-height:1.2; color: #262626 }.hd-btns a i { font-size: 14px }.hd-btns br { display: none }.hd-btns .ra { margin-bottom: 5px; border: 1px solid #009fe3; flex: 0 1 100%; }.hd-btns .ra i { color: #009fe3 }.hd-btns .ra:hover { background-color: #009fe3; color: #fff }.hd-btns .ra:hover i { color: #fff }.hd-btns .so { flex:0 1 49%; border: 1px solid #525354 }.hd-btns .so i { color: #525354 }.hd-btns .so:hover { background-color: #525354; color: #fff }.hd-btns .so:hover i { color: #fff }.hd-btns .fm { flex:0 1 49%; border: 1px solid #889ca5 }.hd-btns .fm{flex: 1 1 100%;}.hd-btns .fm i { color: #889ca5 }.hd-btns .fm:hover { background-color: #889ca5; color: #fff }.hd-btns .fm:hover i { color: #fff }@media (min-width:1025px) and (max-width: 1220px) { .hd-info {flex-direction: column; justify-content: center;} .hd-info a {line-height: 1.2;} header .pho {display: table; margin: auto;}}@media (min-width:1025px) { header { position: fixed; left: 0; top: 0; right: 0; z-index: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-perspective: 15000px; -webkit-transition: top .5s; transition: top 0.5s } header .cube { max-width: 1500px; margin: auto; width: 100%; height: 100%; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-40px); transform: translateZ(-40px); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; transition: transform 0.5s, -webkit-transform 0.5s } header.top .menu-wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } header .menu-wrapper { border-bottom: 1px solid #cfcece; position: absolute; height: 100%; width: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotateX(90deg) translateZ(40px); transform: rotateX(90deg) translateZ(40px) } header.menu-open .cube { -webkit-transform: translateZ(-40px) rotateX(-90deg); transform: translateZ(-40px) rotateX(-90deg) } header .ctnt-wrapper { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotateY(0) translateZ(40px); transform: rotateY(0) translateZ(40px); position: relative } .topper { position: absolute; left: 0; right: 0; top: 0; height: 10px; cursor: pointer } header.menu-open .topper { display: none } header.menu-open .menu-wrapper { z-index: 500 } header.menu-open .ctnt-wrapper, header.menu-open .place-nav { pointer-events: none } header .ctnt-wrapper .menu-btn { top: 0; bottom: 0; width: 100px; cursor: pointer; left: 0; border: 1px solid #009fe3; border-top: none; font-size: 15px; } .menu-btn { position: absolute; top: 0; bottom: 0; width: 81px; cursor: pointer; left: 0; color: #262626; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px } .menu-btn .menu-close { width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 0; left: 0; top: 0; position: absolute; border-right: 1px solid #009fe3; border-bottom: 1px solid #009fe3; border-left: 1px solid #009fe3 } .menu-btn svg { max-width: 100%; -webkit-transition: .3s all; transition: .3s all; fill: #100e10; max-width: 40%; height: auto; margin: auto; display: table } .menu-btn .lines { width: 30px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; margin: 10px 0 0; } .menu-btn .lines span { background: #009fe3; width: 30px; height: 2px; -webkit-box-flex: 0; -ms-flex: 0 0 2px; flex: 0 0 2px; display: block; transform: scaleX(1.6); } .menu-btn:hover svg { fill: #009fe3 !important } .menu-btn:hover .lines { height: 30px } #logo-sm { display: none } header .logo { margin: 0} .place-nav { max-width: 1300px; align-items: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hd-info { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } #main-nav { margin: 0 0 0 auto; max-width: 800px; } nav, nav ul li, nav ul li a { position: relative } nav>ul { padding: 0; max-width: 1300px; margin: auto } nav ul { margin: auto; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-between } nav ul li a { display: block; color: #fff } nav ul li a:hover { color: #009fe3 } nav>ul>li { text-align: center } nav>ul>li:last-of-type:after { display: none } nav>ul>li>a { line-height: 1; padding: 6px; font-size: 16px; color: #262626 } nav>ul>li:hover>a { color: #009fe3 } nav ul li:hover>ul { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both } nav ul ul { display: none; min-width: 280px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #009fe3; -webkit-box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2); box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2) } nav ul ul:before { content: ''; position: absolute; left: -5px; right: -20px; top: -5px; bottom: -20px; z-index: -1 } nav>ul>li:last-child ul { right: 0; left: auto } nav ul ul li>a { padding: 10px 12px; font-size: 14px; line-height: 1.3; text-transform: none } nav ul ul li:hover>a { background-color: #23727f; color: #fff } nav ul ul ul { left: 100%; top: 0; background-color: #525354 } nav ul ul ul ul { top: auto; left: 0; position: relative; display: block; -webkit-box-shadow: none; box-shadow: none; background-color: #84171b } nav ul ul ul ul li a { padding-left: 2em; padding-left: 2em; background-color: #8c191d } nav ul ul ul ul li:hover a { background-color: #2b262b } nav>ul li:focus-within { background-color: #525354 } nav>ul li:focus-within a { color: #fff } nav>ul li:focus-within * { outline: none } nav>ul li:focus-within>ul { display: block } nav>ul li:focus-within>ul li:focus-within { background-color: #292929 } nav>ul ul ul ul li:focus-within a { background-color: #434343 } nav>ul li:focus-within>ul li:focus-within a { color: #fff } nav>ul li:focus-within>ul li:focus-within>ul { display: block } .has-submenu a { padding-right: 20px } .has-submenu a div { position: absolute; right: 0; top: 0; bottom: 0; color: #fff; z-index: 10; background-color: rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px } .has-submenu a div:hover { background-color: rgba(255, 255, 255, 0.3) } nav>ul>li.has-submenu>a { padding: 6px } nav>ul>li.has-submenu>a>div { background-color: transparent; position: relative; display: inline-block } nav>ul>li.has-submenu>a>div i { color: #009fe3 } nav>ul>li.has-submenu>a:hover div { background-color: transparent } nav ul ul ul>.has-submenu>a i:before { content: "?" }}.scrolled header { position: fixed !important; -webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.15); box-shadow: 0 3px 7px rgba(24, 23, 24, 0.15); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: #fff }.scrolled header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 90px; width: auto; padding: 0 20px; margin: 0; left: -20px }.scrolled .hd-btns { -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px }.scrolled .hd-btns br { display: block }.scrolled .hd-info { -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px }@media (min-width:1025px) and (max-width:1100px) { .scrolled header .logo { margin-left: -20px; margin-right: 20px } header .logo { left: -20px } .hd-btns { -webkit-box-flex: 0; -ms-flex: 0 1 550px; flex: 0 1 550px } .hd-btns .btn-thr { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0 0 3px } .hd-btns .btn { -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; margin: 0 } .hd-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hd-info a { margin: 5px auto }}@media (max-width:1024px) { header { position: fixed; top: 0; left: 0; width: 100%; z-index: 500 } .menu-btn.open, .menu-wrapper { display: none } header .logo { height: auto; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none } header .logo div { margin-left: 8px } .mean-container { background-color: #fff } .hd-info { flex:0 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center } header .pho { font-size: 26px } #main-nav, header .hd-btns, header [class^="btn"] { display: none } .nav-down { -webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2); box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2) } .nav-up { -webkit-transform: translateY(-100%); transform: translateY(-100%) } header nav ul { display: none } body, header, .mean-container .mean-nav { -webkit-transition: all .3s; transition: all 0.3s } body { right: 0 } .attach header { position: fixed !important; -webkit-box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35) } .attach header .top-nav { display: none !important } body.mean-active header { left: -80%;transform: none; } body.mean-active { overflow: hidden; right: 80% } body.mean-active:before { z-index: 98; content: ''; opacity: .7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: none; height: inherit } body.mean-active .mean-container .mean-nav { right: 0 } .mean-container { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .mean-container .mean-bar { background: #5b5b5b; min-height: 50px; width: 60px; flex: 0 0 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .mean-container a.meanmenu-reveal { display: block; color: #fff } .mean-container a.meanmenu-reveal.meanclose i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 60px; content: '+'; margin: -5px 0 0 8px } .mean-container .mean-bar .icon-menu { position: relative; display: table; -webkit-transition: .3s all; transition: .3s all; z-index: 1; margin-left: 4px } .mean-container .meanmenu-reveal .icon-menu:before { font-size: 30px; content: '|||'; -webkit-transform: rotate(90deg) scaleY(1.5); transform: rotate(90deg) scaleY(1.5); letter-spacing: 2.2px; margin-top: -4px } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after { content: 'MENU'; font-style: normal; position: absolute; left: 48%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; letter-spacing: 1px; font-size: .55em; font-weight: 700 } .mean-container .meanmenu-reveal.meanclose i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 60px; content: '+'; margin: -5px 0 0 8px } .mean-container .meanmenu-reveal.meanclose:after { content: 'CLOSE'; bottom: 5px } .mean-container .mean-nav { position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: #100e10 } .mean-container .mean-nav ul { font-size: 16px; padding: 0; margin: 0; width: 100%; list-style-type: none } .mean-container .mean-nav ul li { line-height: 1; position: relative; width: 100% } .mean-container .mean-nav ul li a { display: block; padding: 1em 5%; padding-right: 58px !important; margin: 0; text-align: left; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase } .mean-container .mean-nav ul li li a { padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); 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 { padding: 1em 15% } .mean-container .mean-nav ul li li li li a { padding: 1em 20% } .mean-container .mean-nav ul li li li li li a { 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 { width: 48px; line-height: 50px; font-size: 20px; padding: 0 !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; 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.4) !important } .mean-container .mean-nav ul li a.mean-expand:before { content: '\e825'; font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal } .mean-container .mean-nav ul li a.mean-expand.mean-clicked:before { content: '\e83a' } .mean-remove { display: none !important } .mean-nav .social { min-height: 66px; background-color: rgba(255, 255, 255, 0.1); margin: 0; padding: 10px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .mean-nav .social a { color: #fff; font-size: 28px } .mean-nav .hours .h2 { color: #fff; text-align: center; display: block; font: 500 20px/1 Poppins, sans-serif } .mean-nav .hours { font-size: 12px; display: block; text-align: center; color: #fff; padding: 10px; margin: 10px auto auto } .mean-nav .hours p { display: table; text-align: left; margin: 10px auto 0; color: #fff } header .logo { padding: 5px } header .hours label{width: 150px;}}#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 510 }#fixed-tabs a { font-size: 15px; background-color: #525354; color: #fff; position: relative; overflow: hidden; transition: width .3s }#fixed-tabs i { font-size: 16px }#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important }#fixed-tabs em { font-size: 10px; font-style: normal; margin-top: 8px; display: none; font-weight: 600; text-transform: uppercase }#fixed-tabs strong { font-weight: 300 }#fixed-tabs .ra { background-color: #009fe3 !important; flex: 2 }#fixed-tabs .fb { background-color: #3b5998 }#fixed-tabs .so { background-color: #84bd00 }#fixed-tabs .gp { background-color: #dd4b39 }#fixed-tabs .map { background-color: #009fe3 }#fixed-tabs .call, #fixed-tabs .map { display: none }@media (min-width:1025px) { #fixed-tabs { position: absolute; top: 214px; display: none } #fixed-tabs a { display: block; text-align: left; margin-left: auto } #fixed-tabs a+a { margin-top: 8px } #fixed-tabs a span { display: block } #fixed-tabs a span:first-child { text-align: center; padding: 7px 0 } #fixed-tabs a span:last-child { position: absolute; left: 80px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: width .3s; transition: width .3s } #fixed-tabs a, #fixed-tabs a span:first-child { width: 56px } #fixed-tabs a:hover { width: 250px } #fixed-tabs i { font-size: 20px } #fixed-tabs em { display: block } .scrolled #fixed-tabs i { font-size: 16px } #fixed-tabs .fb:hover { background-color: #3b5998 !important } #fixed-tabs .so:hover { background-color: #84bd00 !important } #fixed-tabs .gp:hover { background-color: #dd4b39 !important }}@media (min-width:1280px) { #fixed-tabs { position: fixed; top: 245px }}@media (max-width:1024px) { #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } header .ra { display: none } #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #fixed-tabs a span { display: inline-block; vertical-align: middle } #fixed-tabs a span:last-child { margin-left: 7px } #fixed-tabs a strong { display: none } footer { padding-bottom: 41px !important } .mean-container .mean-nav { bottom: 41px } }@media (max-width:768px) { #fixed-tabs .call, #fixed-tabs .map { display: block } .hd-info, #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp, #fixed-tabs a.fm { display: none }}#banner { position: relative; margin: 0 auto 0 }#banner:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 351 }#banner .caption { max-width: 1300px; position: absolute; padding: 0; z-index: 352; bottom: 45%; width: 100%; right: 50%; transform: translate(50%, 50%) }#banner .h2, #banner .script { color: #fff }#banner .h1 {color: #ECE8E5;font-size:14px;letter-spacing:1.4px;line-height:1.4;}#banner .h2 { font-size: 68px; line-height: 1.15 }#banner .h2 + p {margin: 40px auto 70px;}#banner .script { font-size: 106px;line-height:1.3;padding: 0px 15px; }#banner .btn-alt { min-width: 300px; margin: 15px; }#banner .banner-controls { display: block; text-align: center; display: flex; align-items: center; justify-content: space-between; z-index: 250 }#banner .pager .line { background-color: rgba(255, 255, 255, 0.6) }#banner .pager span { border: 1px solid rgba(255, 255, 255, 0.6) }#banner .pager span:after { background-color: #fff }#banner .cycle-slideshow .cycle-slide { width: 100%; min-height: 750px; background-size: cover; background-position: top center }#banner .cycle-slideshow .cycle-slide img { display: none }#banner .cycle-slideshow .banner-1 { background-image: url(assets/images/home-banner-1.jpg) }#banner .cycle-slideshow .banner-2 { background-image: url(assets/images/home-banner-2.jpg) }#banner .cycle-slideshow .banner-3 { background-image: url(assets/images/home-banner-3.jpg) }#bf-revz-widget-123456799265871{position:absolute;top:0;z-index:100;right:0}@media screen and (max-width:699px){#bf-revz-widget-123456799265871{display:none}}#welcome, #callout-blurb { max-width: 1150px; margin: 125px auto 75px; padding: 10px }#welcome p, #callout-blurb p { font-size: 44px; line-height: 1.43 }#welcome p .script, #callout-blurb p .script { font-size: 94px }#welcome .stamps, #callout-blurb .stamps { display: flex; justify-content: space-between; align-items: flex-start; max-width: 800px; margin: 0 0 0 auto;flex-wrap:wrap;}#welcome .stamps .stamp, #callout-blurb .stamps .stamp { border-radius: 50% }#welcome .stamps a:hover, #callout-blurb .stamps a:hover { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2) }#callout-blurb { max-width: 1065px }#meet { position: relative; padding: 117px 0; background-image: url(assets/images/home-dr.jpg); background-size: cover; background-position: 50% 50%; background-color: #525354; color: #fff }#meet:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #262626; opacity: .65 }#meet .h1, #meet .h2, #meet .script { color: #fff }#meet .script { font-size: 59px; margin: 0 10px }#meet>div { position: relative; z-index: 5 }#meet article { max-width: 570px; flex: 0 1 570px; padding: 10px }#meet article p { margin-top: 100px }#meet figure { align-self: flex-end }#meet figcaption a { font-size: 18px; text-transform: uppercase; color: #fff; letter-spacing: 1.8px }#meet figcaption a:hover { color: #009fe3 }.index-affil { border-bottom: 1px solid #000 }#callouts { display: flex; justify-content: space-around; max-width: 1370px; margin: 125px auto; padding: 10px }#callouts > div { flex: 0 1 400px; margin: 5px; color: #525354; display: flex; flex-direction: column }#callouts h2 { font-size: 35px; letter-spacing: -0.95px; margin: 30px auto }#callouts div div { border: 1px solid #dbdbdb; border-top: none; padding: 0 30px 30px; flex: 1 1 100% }#callouts .btn { width: 100%; margin: 0 auto }#reviews { text-align: center; position: relative; background-position: center; padding: 10px; margin: 125px auto 50px }#reviews .h1 {color:#262626;}#reviews>div { text-align: center; max-width: 1400px; margin: 0 auto; position: relative; z-index: 400 }#reviews .cycle-slideshow { max-width: 1275px; margin: 20px auto 0 }#reviews article p { color: #009fe3; font-family: Bayshore; font-size: 98px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 0.8 }#reviews article .content { margin-top: 20px }#reviews article .content p { margin: 0 }#reviews .controls { margin: 20px auto; position: relative }#reviews author { text-transform: uppercase; color: #262626; font-family: Spectral; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 1.11; display: block; display: table; margin: 40px auto 0; text-align: center }#reviews author span { display: inline-block; vertical-align: middle }#reviews .social-icon { margin: 0 auto; font-size: 50px; display: block; text-align: center; color: #fff; border-radius: 50%; width: 68px; height: 68px; line-height: 68px; position: relative }#reviews .social-icon.icon-google { color: #ea4335 }#reviews .social-icon.icon-yelp { color: #b62717 }#reviews .social-icon.icon-facebook { color: #4d70a8 }#reviews star { margin-top: 20px; display: block; line-height: 1 }#reviews star:before { font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #839da6; font-family: fontello; font-size: 22px; letter-spacing: 8.8px; margin-bottom: 10px; display: block }#reviews .controls { justify-content: space-between; display: flex; align-items: center; margin: 20px auto }#reviews .prev, #reviews .next { position: relative; top: -200px; color: #009fe3; font-size: 66px; line-height: 1 }#reviews .prev:hover, #reviews .next:hover { color: #525354 }#services { text-align: center; padding: 50px 0 100px}#services .h1 {color:#262626;}.featured { margin-top: 60px; display: flex; flex-flow: row; height: 550px; text-align: left; overflow: hidden; justify-content: space-between }.featured>* { flex: 100%; transition: max-width .4s linear; background-color: #ece8e5; max-width: calc(100% / 5); box-sizing: border-box; border-right: 5px solid white; transform-origin: left top }.featured a { display: block; min-height: 550px; overflow: hidden; transition: none; position: relative }.featured h3 { white-space: nowrap; color: #262626; font-family: Spectral; font-size: 26px; font-weight: 300; font-style: normal; letter-spacing: -0.65px; line-height: 1.38 }.featured h3 small { display: block; color: #525354; font-family: Spectral; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 1.4px; line-height: 1.43; text-transform: uppercase }.featured h3 span { display: block }.featured img { position: absolute; bottom: 0; right: 0 }.featured a { color: #231f20; line-height: 1.5 }.featured em { width: 100%; box-sizing: border-box; padding: 0 10px 0 0; font-style: normal; font-size: 15px; margin-top: 40px; display: block; opacity: 0; transition: .3s; position: absolute; top: 60px; left: -100%; letter-spacing: -0.38px;line-height:1.66; }.featured a>span { display: block; box-sizing: border-box; padding: 40px 10px }@media screen and (min-width:1200px) { #services .controls { display: none } .featured a:hover { text-decoration: none } .featured div:hover { flex: 1 0 415px; max-width: 415px } .featured a:hover h3 br { display: none } .featured a:hover em { opacity: 1; left: 10px }}.h1-flex { display: flex; flex-flow: row nowrap; justify-content: flex-start;}.mb-break { display: none; }@media screen and (max-width: 1290px) { .h1-flex { justify-content: center; }}@media screen and (max-width: 450px) { .mb-break { display: inline; } .h1-flex { flex-flow: column nowrap; }}#proudly-serving{padding:30px 0;background-color:#bbb;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly}#proudly-serving *{margin:0}#proudly-serving p{font-weight:700}#map-coupon { max-width: 1400px; margin: 0 auto }/*#map-coupon>* { flex: 0 1 50% }*/.cpn { position: relative; max-width: 670px; flex: 0 1 670px; text-align: center; display: block }.cpn .h1, .cpn .h2 { color: #fff }.cpn .h2 { font-size: 48px; margin: 20px }.cpn .h2 sup { font-size: 28px }.cpn article { position: absolute; bottom: 75px; right: 50%; transform: translateX(50%); width: 100%; z-index: 5 }.cpn:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #262626; opacity: .35 }footer { background-color: #fff; padding-top: 10px }footer .title { color: #009fe3; font-family: Spectral; font-size: 18px;text-transform:uppercase; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 1.11; display: block; margin-bottom: 20px }footer .title br { display: none }footer .logo img {margin: 0;}footer .fo-main { display: flex; align-items: flex-start; justify-content: space-between; margin: 100px auto 125px; max-width: 1290px }footer .fo-left {flex: 0 1 520px; padding: 0 10px;}footer .fo-right { flex: 0 1 545px; padding: 10px }footer .fo-links { display: flex; justify-content: space-between; margin-top: 120px }footer .fo-links a { display: block; font-size: 19px; color: #525354 }footer .fo-links a+a { margin-top: 0px }footer .fo-links a:hover { color: #009fe3 }footer .fo-links .fo-featured { flex: 0 1 245px }footer .phy { display: block; color: #525354; font-family: Spectral; font-size: 18px; font-weight: 300; font-style: normal; letter-spacing: normal; line-height: 1.28 }footer .pho { display: block; color: #525354; font-family: Spectral; font-size: 34px; font-weight: 300; line-height:1.5; font-style: normal; letter-spacing: 0.85px }footer .pho i { font-size: 23px; color: #009fe3 }footer .phy:hover, footer .pho:hover { color: #009fe3 !important }footer .fo-contact { text-align: center; margin: 10px auto 30px; flex: 0 1 600px }footer .fo-hours { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(133, 159, 171, 0.59); border-bottom: 1px solid rgba(133, 159, 171, 0.59); font-size: 19px }footer .fo-hours .title { margin: 0 }footer .fo-hours .hours { margin: 0 auto }footer .fo-hours .hours label { width: 260px; letter-spacing:1.9px; }footer .fo-form { margin-top: 30px }footer .fo-form>span { display: block; color: #525354; font-family: Spectral; font-size: 48px; font-weight: 300; font-style: normal; letter-spacing: -1.2px; line-height: 1.21; text-align: left }footer #form { overflow: hidden; margin: 20px 0 0 auto; padding: 0; width: 100% }footer #form .flex-row>div { flex: 0 1 255px }footer #form .flex-row>div:first-of-type {margin-right: 10px;}footer #form .flex-row .input, footer #form .flex-row .btn { margin: 0 }footer #form .flex-row .input+.input, footer #form .flex-row .btn { margin-top: 10px; min-width: auto; }footer #form input, footer #form textarea {text-transform: uppercase; color: #525354; font-size: 14px; letter-spacing: 1.4px; display: block; margin: 0 auto; background-color: #f7f6f5; height: 50px }footer #form textarea { height: 110px }footer #form .btn { width: 100%; color: #fff; background-color: #009fe3; border-color: #009fe3; }footer #form .btn:hover {border-color: #525354; background-color: #fff; color: #525354;}footer #form ::-webkit-input-placeholder { color: #616262; text-transform: uppercase }footer #form :-moz-placeholder { color: #616262; text-transform: uppercase }footer #form ::-moz-placeholder { color: #616262; text-transform: uppercase }footer #form :-ms-input-placeholder { color: #616262; text-transform: uppercase }#copyright { border-top: 1px solid #839da6; padding: 35px 10px; max-width: 1400px; text-align: center; font-size: 15px;letter-spacing:1.5px;line-height:2.4; color: #525354; flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; margin: 0 auto }#copyright em { font-style: normal; margin: 0 10px }#copyright span { display: inline-block; margin: 0 15px;font-size:19px;letter-spacing:normal;line-height:1.26; }#copyright .copy a { font-size: 15px;letter-spacing:1.5px;line-height:2.4;color: #525354; display: inline-block }#copyright .copy .sitemap { color: #009fe3 }#copyright .copy a:hover { text-decoration: underline }@media (max-width:1024px) { #copyright { flex-wrap: wrap; justify-content: space-around } #copyright span { margin: 0 auto; display: block } #copyright em:first-of-type { display: none }}@media screen and (max-width:1290px) {#page-title {background-position: center center !important;padding: 200px 10px 50px; min-height: 300px;} #page-title { background-image: none !important; background-color: #525354; padding: 100px 10px; min-height: auto; text-align: center } #page-title .title-wrapper { margin: 0 auto } #page-title h1, #page-title h1+h2 {margin: 10px auto;}}@media screen and (max-width:1200px) { .featured { display: block; margin: auto;; max-width: 850px; } .featured>* { max-width: 100%; display: block } .featured h3 span { display: inline-block } .featured em { opacity: 1; left: 10px; position: static; font-size: 20px; max-width: 700px; margiN: 20px auto; } .featured .slick-slide { opacity: .5 } .featured .slick-current { opacity: 1 } .featured .card { border-left: 3px solid white; border-right: 3px solid white; text-align: center; right: 0; } .featured a { display: block; margin: 0 auto } .featured h3 { white-space: normal; font-size: 45px; } .featured h3 br {display: none;} .featured a>span { padding: 20px 10px 100px; position: relative; z-index: 3; } .featured img { bottom: -30px } .featured-controls {max-width: 850px; margin: 30px auto;} #services {margin-bottom: 0;} #services .pager .line { width: 30px } .why h2 {text-align: center;} .why ul li {font-size: 22px; flex: 0 1 30%; }}@media screen and (max-width:1024px) { #page-title { background-image: none !important; background-color: #525354; padding: 100px 10px; min-height: auto; text-align: center } #page-title .title-wrapper { margin: 0 auto } #page-title h1, #page-title h1+h2 {margin: 10px auto;} .services-grid>div { display: block } .services-grid figure, .services-grid article { margin: 20px auto; display: table } #callouts { flex-wrap: wrap } #callouts > div { flex: 0 1 45% } #callouts > div img { width: 100% } #map-coupon { display: block } .cpn { margin: 20px auto } #reviews .prev, #reviews .next { position: static } .contact-us h3 {font-size: 45px;} }@media screen and (max-width:900px) { footer .fo-main { display: block } footer .fo-form>span { text-align: center } footer .logo img {margin: auto;} footer #form { margin: 20px auto 0; max-width: 530px } .why {margin-bottom: -50px;} .why ul {display: table;} .why ul li {max-width: 100%; overflow: visible; padding: 20px 0 20px 70px; margin: 20px auto 30px;} .why ul li br {display: none;} .why ul li span {max-width: 100%;} .why ul li:before {line-height: .7; position: absolute; top: 0;left: 5px;} .services-grid {margin: 0 auto;} .divider-body {padding: 0 10px;}}@media screen and (max-width:800px) { h1, #page-title h1, #page-title h1+h2, h2, .h2, .cpn .h2, #banner .h2 { font-size: 40px; line-height: 1.2 } h3, .meet-intro { font-size: 25px; line-height: 1.2 } #banner .h2 .script { font-size: 50px } #meet { background-image: none; text-align: center } #meet article { margin: 0 auto } #meet article p { margin: 1em auto } #meet>div { display: block } .affil { flex-wrap: wrap; justify-content: space-around; max-width: 600px; margin: 60px auto } .featured h3 {font-size: 36px;} .featured .card {border: none;} #callouts { display: block } #callouts, #welcome, #callout-blurb, #reviews, .meet-affil, .index-affil, #services { margin: 50px auto } #services { padding: 0; margin: 50px auto 0; } #map-coupon>*:first-of-type {margin-top: 0;} .cpn { background-color: #009fe3 } .cpn:after { content: none } .cpn article { position: static; transform: none; padding: 20px 0 } #services .pager .line { width: 10px } #services .next, #services .prev { font-size: 30px } #reviews article p { font-size: 50px } #welcome p, #callout-blurb p { font-size: 30px } #welcome p .script, #callout-blurb p .script, .meet-intro .script { font-size: 2.2em; line-height: .6;}footer .fo-links{justify-content: space-around;} .contact-us {display: block; text-align: center;} .contact-us>div { display: block; max-width: 100% } }@media screen and (max-width:600px) { .featured h3 {font-size: 32px;} main, .contact-us h2, .contact-us h3 { text-align: center } .affil span {padding: 8px; margin: auto; flex: 0 1 150px;} .featured em {font-size: 18px; margin: 5px auto;} .cpn .h2 {max-width: 330px; margin: 10px auto;} .contact-us>div { margin: 30px auto; display: table } .animated, .wow { transition-property: none !important; transform: none !important; animation: none !important; visibility: visible !important } #map-coupon .gmap, #map, footer .gmap { display: none } .btn, .btn-alt { letter-spacing: 0; width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto } footer #form .flex { display: block } footer #form .flex>div { margin: 10px auto } footer .fo-form>span { font-size: 30px } footer .fo-links { display: block } footer .fo-links>div { display: table; margin: 10px auto 40px; text-align: center }#welcome .stamps, #callout-blurb .stamps{ justify-content:center!important;}#welcome .stamps > * {margin: 20px auto;}}@media screen and (max-width:500px) {.featured img {bottom: -40px;}footer .fo-hours .hours {text-align: center;}}