body { position: relative; color: #000000; font-family: Heebo; font-size: 15px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 2 }body { overflow-x: hidden }body { background-color: #f8f8f8 }main, #page-title, .main-img { border: 18px solid #ffffff; border-top: none; border-bottom: none }.wrapper, main{max-width: 100%; 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 }#page-title h1:not(:only-child) { color: #ffffff; font-family: Heebo; font-size: 11px; font-weight: 700; font-style: normal; letter-spacing: 4.4px; line-height: 1.73;padding-bottom:25px;text-transform:uppercase; }#page-title h1, #page-title h1+h2 { color: #ffffff; font-family: Heebo; font-size: 58px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1 }h2 { color: #000000; font-family: Heebo; font-size: 42px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.1 }h3 { color: #000000; font-family: Heebo; font-size: 25px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.4 }.h1 { text-transform: uppercase; color: #000; font-family: Heebo; font-size: 10px; font-weight: 700; font-style: normal; letter-spacing: 4px; line-height: 1.9 }.h2 { color: #000000; font-family: Heebo; font-size: 42px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 0.95 }.h1, .h2, .h3, .h4 { display: block }.text-white { color: #fff }.text-white .h1, .text-white .h2, .text-white h3, .text-white h1, .text-white h2 { color: #fff }a { color: #1d9f4b; cursor: pointer }a:hover { color: #000 }#static-banner{display: none;}#page-title { padding: 45px 10px 15px; min-height: 500px; background-color: #000; color: #fff; position: relative; text-align: center }#page-title .title-wrapper { max-width: 750px; width: 100%; z-index: 5; position: absolute; bottom: 50%; transform: translate(50%, 50%); right: 50%; margin: 0 auto }body.page_index #page-title, body.page_index .main-img, body.page_index .main-text { display: none !important }#page-title.flex { align-items: center; justify-content: space-around; margin: 0 auto; padding: 0 }#page-title.flex h1, #page-title.flex h2 { color: #fff }#page-title.flex figure { position: relative; z-index: 210; margin: 0 auto; order: -1; align-self: flex-end }#page-title.flex .title-wrapper { flex: 0 1 670px; max-width: 700px; position: static; transform: none }.page_meet-dr-white #page-title.flex figure {flex: 0 1 50%;}body.page_become-a-host-office #page-title{background-image: url(assets/images/banner-host.jpg) !important;}.main-text, .meet-center { padding: 70px 10px; background-color: #fff; text-align: center }.main-text>div, .meet-center>div { max-width: 980px; margin: 0 auto }.meet-affil{margin: 30px auto 0;}.meet-affil > span{margin: 5px;}.why { text-align: center; padding: 10px 0 70px; }.why h2 { color: #000000; font-family: Heebo; font-size: 25px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.4; text-align: center }.why ul { margin: 60px auto 0; padding: 0; overflow: visible; max-width: 1200px; display: flex; flex-flow: row wrap; justify-content: space-around }.why ul li { text-align: center; margin: 0; flex: 0 1 277px; max-width: 277px; padding: 22px 5px; margin: 5px; border: 1px solid rgba(0, 0, 0, 0.18); color: #000000; font-family: Heebo; font-size: 20px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.2 }.why ul li span { max-width: 223px; margin: 0 auto }.why ul li:before { content: ''; width: 114px; height: 114px; background-image: url(assets/images/why-emblem.png); margin: -80px auto 15px; background-repeat: no-repeat; background-position: center; background-color: none; position: static; display: block }.accordion { color: #fff; background-color: #000; padding: 72px 10px; margin: 0 auto; }.accordion article { max-width: 980px; padding: 10px 20px; border-left: 1px solid #1d9f4b; margin: 10px auto }.accordion article>div { display: none }.accordion .toogle:after { content: "\e840"; font-family: "Fontello"; font-size: 28px; cursor: pointer; transition: background-color .3s; line-height: 17px; color: #1d9f4b; font-style: normal; margin-left: auto }.accordion .toogle.active:after { content: '\e841' }.accordion div { position: relative }.accordion .toogle { max-width: 1000px; font-weight: 400; text-transform: none; position: relative; cursor: pointer; transition: color .3s; text-align: left; color: #fff; font-size: 25px; font-weight: 700; display: flex; align-items: center; justify-content: space-around; text-align: left; margin: 0 auto }.accordion .toogle span { transition: .3s; }.accordion .toogle:hover span, .accordion .toogle.active span { opacity: 1 }.accordion p { position: relative }@media (max-width:520px) { .accordion p { margin: 10px auto }}.chart{margin: 60px auto;}table{width: 100%;}.row{display: flex; border: 1px solid rgba(0,0,0,.4);}.col{flex: 1 1 33%; padding: 5px;}.sched .col:nth-of-type(even), .supplies .col:first-of-type{flex: 1 1 70%;}.col:nth-of-type(even){background-color: rgba(100,100,100,.2);}.row.half .col{flex: 1 1 50%;}.row.noflex{display: block; padding: 10px;}.row.title{text-transform: uppercase; font-weight: 700;}.bold{font-weight: 700;}.video-grid > div{margin: 5px; flex: 0 1 600px;}.video-grid iframe{width: 100%;}.services-grid-container { background-color: #000; padding: 72px 10px }.services-grid { position: relative; text-align: center; width: 100%; margin: 0 auto 0; padding: 0px 0; max-width: 1100px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; padding: 0px 0; position: relative }.services-grid>div { vertical-align: top; margin: 40px auto; text-align: left; flex: 0 1 405px; max-width: 405px; transition: .3s }.services-grid>div>a { display: block; position: relative; transition: .3s }.services-grid .img { position: relative; margin: 0 auto; display: table; overflow: hidden }.services-grid .img img { display: block; transition: .3s; filter: grayscale(1) }.services-grid>div>a:hover .img img { filter: grayscale(0) }.services-grid>div>a:hover h3, .services-grid>div>a:hover h3 small { color: #1d9f4b !important }.services-grid h3 { padding: 15px 0px 10px; color: #fff; font-size: 25px; font-weight: 700; line-height: 1.32; margin-bottom: 20px; transition: .3s }.services-grid ul { vertical-align: top; padding: 0; -webkit-column-count: 1; column-count: 1; padding-left: 30px; margin: 25px auto 40px; max-width: 540px; overflow: visible; border-left: 1px solid #1d9f4b }.services-grid ul li { padding: 0; margin: 0 auto; text-align: left }.services-grid ul li:before { content: url(assets/images/check.png); opacity: 0; left: -60px; transition: .3s }.services-grid ul li+li { margin-top: 15px }.services-grid li a { display: block; color: #fff; font-size: 12px; letter-spacing:2.4px; line-height:1.7;text-transform: uppercase }.services-grid li:hover a { color: #1d9f4b }.services-grid li:hover:before { opacity: 1; left: -23px }.services-grid>div.alt { background-color: #1d9f4b; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; flex: 0 1 784px; max-width: 784px }.services-grid>div.alt>a { width: 100%; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; flex-direction: column }.services-grid>div.alt h3 { padding: 0 0 30px }.services-grid>div.alt>a:not(:hover) h3, .services-grid>div.alt ul li a:not(:hover) { color: #fff }.services-grid>div.alt>a:hover h3 { color: #000 !important }.next, .prev { cursor: pointer; z-index: 300 }.contact-us iframe { width: 100% }.hours label { display: inline-block; width: 110px; text-align: left; font-weight: 600 }.contact-us h2, .contact-us h3 { text-align: left; font-size: 20px }.contact-us h3 { font-size: 18px }.contact-us>div { display: inline-block; vertical-align: top; max-width: 45%; width: 100% }.contact-us { display: block; max-width: 1000px; margin: 0 auto; width: auto }@media screen and (max-width:768px) { .contact-us>div { display: block; max-width: 100% }}main ul, .main-text ul, #page-title ul { overflow: hidden; column-count: 1; -moz-column-count: 1; padding-left: 35px }.main-text ul, #page-title ul { display: table; margin: 1em auto }main ul>li, .main-text ul>li, #page-title ul>li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.4 }main ul>li:before, .main-text ul>li:before, #page-title ul>li:before { content: '\e832'; font-family: Fontello; color: #1d9f4b; position: absolute; top: 0px; left: 0 }.divider-body { padding: 72px 0; margin: 20px auto; position: relative; background-color: #fff }.divider-body.no-img, .meet-center { text-align: center }.divider-body.no-img ul, .meet-center ul { display: table; margin: 1em auto }.divider-body h2:first-of-type { margin-top: 0px }.divider-body figure { margin: 0 auto; flex: 0 1 490px; position: relative; display: table }.divider-body article { padding: 10px; margin: 0 auto }.divider-body:nth-of-type(odd), .page-divider.even .divider-body { background-color: #000; color: #fff }.divider-body:nth-of-type(odd) h2, .divider-body:nth-of-type(odd) h3, .page-divider.even .divider-body h2, .page-divider.even .divider-body h3 { color: #fff }.divider-body:nth-of-type(odd) .clearfix, .page-divider.even .divider-body .clearfix { flex-direction: row-reverse }.page-divider.alt .divider-body .clearfix { flex-direction: row }.divider-flex { max-width: 1000px; clear: both; justify-content: space-around; flex: 1 1 100%; margin: 75px auto 0 }.divider-flex h3 { margin: 0 auto 10px; padding: 0px 0; position: relative }.divider-flex>div { margin: 35px 0; display: flex; align-items: flex-start; justify-content: space-between; max-width: 1400px }.divider-flex>div div { flex: 0 1 800px; 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) { .divider-body.no-img, .meet-center { padding: 50px 0 } .divider-body.no-img article, .divider-body.no-img article>div, .meet-center article, .meet-center article>div { flex: 0 1 auto; max-width: 100%; margin: 0 auto } .divider-body.no-img article>div, .meet-center article>div { max-width: 980px; margin: 0 auto; text-align: center } .divider-body { margin: 20px auto; padding: 72px 0 } .divider-body .clearfix { display: flex; align-items: flex-start; justify-content: space-around; max-width: 1400px; margin: 0 auto } .divider-body article { flex: 0 1 670px; padding: 10px; margin: 0 auto } .divider-body article>div { max-width: 450px; margin: 0 auto } .divider-body figure { z-index: 5; position: relative } .divider-body article, .divider-body figure { margin: 0 } .clearfix:after { display: none }}.quote {position: relative; max-width: 1100px; margin: auto; padding: 80px 20px 40px;}.quote::before {content: '\e838';font-family: fontello;color: #1d9f4b;font-size: 140px; line-height: 1; -webkit-transform: rotate(180deg);transform: rotate(180deg);position: absolute;left: 20px;top:0px; opacity: .2; z-index: -1;}.quote::after { content: '\e838';font-family: fontello;color: #1d9f4b;font-size: 140px;position: absolute;right: 5px;bottom: 0;opacity: .2; }.quote author {display: table; margin: 0 0 10px auto;}.quote author p {margin: 0 auto;}.host-charts {max-width: 1300px; margin: 20px auto;}.btn { display: inline-block; position: relative; margin: 5px; padding: 17px 10px; color: #000000; font-family: Heebo; font-size: 12px; font-weight: 400; font-style: normal; letter-spacing: 2.4px; line-height: 1; text-transform: uppercase; min-width: 330px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; border: 1px solid #000 }.btn:hover { background: #1d9f4b; border-color: #1d9f4b; color: #fff }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 16px 10px; color: #000000; font-family: Heebo; font-size: 12px; font-weight: 400; font-style: normal; letter-spacing: 2.4px; line-height: 1; text-transform: uppercase; min-width: 330px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; border: 1px solid #1d9f4b }.btn-alt:hover { background: #000; border-color: #000; color: #fff }.btn-white-solid:not(:hover), .divider-body:nth-of-type(odd) .btn:not(:hover) { background-color: #fff }.btn-white:not(:hover), .text-white .btn:not(:hover) { border-color: #fff; color: #fff }.btn-long{min-width: 420px;}#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: 0; 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: #1d9f4b; content: ''; display: block; height: 2px; width: 57px; margin: 10px 0 }.covid-icon { box-shadow: 0 0 0 10px #fff; border: 3px solid #1d9f4b; 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: #1d9f4b }.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: #1d9f4b }.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: 0 } #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 }}.quiz { max-width: 600px; margin: 5px auto 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 3px 35px rgba(18, 118, 153, 0.35); box-shadow: 0 3px 35px rgba(18, 118, 153, 0.35); border-radius: 5px; text-align: center }.quiz .input { margin: 10px 0 }.quiz select { margin-bottom: 15px }.quiz label { font-weight: 600; display: block; margin-bottom: 0.5em }.quiz input, .quiz textarea { margin-left: 0; border: 1px solid #848484; display: block; width: 100%; padding: 5px 15px; font-size: 16px; margin: 0 auto 10px; color: #333; max-width: 500px; height: 40px }.quiz select { border-radius: 5px; border: 1px solid #848484; padding: 5px }.quiz textarea { height: 130px }.quiz input[type="checkbox"], .quiz input[type="radio"] { display: inline; width: auto; margin-left: 15px }.quiz h2 { font-size: 28px; text-align: center; margin-bottom: 20px }.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 .input-content{ width: calc(100% / 2 - 5px); }.styled-form .inline, .input-content { background-color: #000 }.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: #1d9f4b; 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: #000 }.simple textarea { height: 140px !important; 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 }.more-to-explore { 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 }.more-to-explore>span { display: block; margin: 0; text-align: center; position: relative;font-size:11px;letter-spacing:4.4px;text-transform:uppercase;font-weight:700; }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 400px }.pager>span { display: inline-block; margin: 0 15px; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; background-color: #000000; opacity: 0.11; transition: all .3s }.pager>span.cycle-pager-active { opacity: 1; background-color: #1d9f4b }.arrow { display: inline-block; border-radius: 50%; vertical-align: middle; text-align: center; cursor: pointer; color: #000; font-size: 46px; transition: color 0.3s; z-index: 100 }.arrow:hover { color: #1d9f4b }.arrow i:before { margin: 0 }.controls { align-items: center; justify-content: space-around; margin: 10px auto; display: flex; position: relative }@media (max-width:600px) { .pager { margin: 0 auto }}.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 }#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-color: #1d9f4b; cursor: pointer; margin: 0; text-align: center; font: normal 28px/30px Arial; transition: .3s }.modal-close:hover { background-color: #000 }.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 { display: none; flex: 100%; background: #fff; max-width: 990px; width: 100%; box-sizing: border-box; overflow: hidden; position: relative }.social { font-size: 0; text-align: center; display: block }.social a { display: inline-block; color: #000; vertical-align: middle; font-size: 18px; width: 52px; height: 52px; background-color: transparent; border-radius: 50%; text-align: center; border: 1px solid #000 }.social a i:before { display: block; margin: 0 auto; width: 52px; line-height: 52px }.social a+a { margin-left: 20px }.social .fb:hover { background-color: #4d70a8 }.social .gp:hover { background-color: #dc4e41 }.social .in:hover { background-color: #125688 }.social .yt:hover { background-color: #cb3737 }.social .yp:hover { background-color: #b62717 }.social a:hover { color: #fff; border-color: transparent }@media (min-width:1000px) { a[name]:before { height: 128px; margin-top: -128px; display: block; content: ""; visibility: hidden }}@media (max-width:860px) { 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%) }header { position: fixed; z-index: 500; left: 0; top: 0; width: 100%; background-color: #ffffff; -webkit-transition: .3s all; transition: 0.3s all }header .logo { position: relative; z-index: 1 }header .pho { display: block; color: #343638; font-size: 27px; font-weight: 700 }header .pho i { font-size: 14px; color: #1d9f4b; display: inline-block; vertical-align: middle }header .pho:hover, header .phy:hover { color: #1d9f4b }.hd-info { margin: 0 20px 0 auto }.hd-btns, .more-buttons { padding: 0 5px; }.more-buttons {padding: 5px;}.hd-btns a { margin-right:5px; padding: 0px 0 5px 5px; display: block; color: #000000; text-transform: uppercase; font-size: 11px; font-weight: 700; font-style: normal; letter-spacing: 0.55px }.hd-btns a i { color: #1d9f4b; font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 15px }.hd-btns a:hover{color: #1d9f4b;}.more-buttons a{padding: 3px 10px; line-height: 1.2; background-color: #1d9f4b; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight:700;margin-left:5px;}.more-buttons a i{display: block;}.more-buttons a:hover{background-color: #000;}#main-img{display: none;}@media (min-width:1025px) { .top-bar{display:none;} body.page_index:not(.playing) { padding-top: 0 !important } .scrolled header .top-bar { display: none } .scrolled 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); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .scrolled .place-nav { padding: 0 10px } .place-nav { max-width: 1400px; margin: 0 auto; padding: 4px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } #main-nav { border: 18px solid #ffffff; border-top: none; border-bottom: none; margin: 0 auto } nav { background-color: #000 } nav, nav ul li, nav ul li a { position: relative } nav>ul { padding: 0; max-width: 1300px; margin: auto } nav>ul>li.has-children>a:after { color: #1d9f4b } nav>ul li.has-children>a:after { content: '\e825'; font-family: Fontello; display: inline-block; vertical-align: middle; margin-left: 5px } nav ul { margin: auto; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around } nav ul li a { display: block; color: #fff } nav ul li a:hover { color: #1d9f4b } nav>ul>li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } nav>ul>li:last-of-type:after { display: none } nav>ul>li>a { padding: 6px; font-size: 13px; letter-spacing: .65px; text-transform: uppercase; font-weight: 700; line-height: 1.2; color: #fff } nav>ul>li:hover { color: #1d9f4b } 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: 320px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #272727; -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>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: #000; color: #fff } nav ul ul ul { left: 100%; top: 0; background-color: #373738 } nav ul ul ul li:hover a { background-color: #f05223; color: #fff } .mean-show { display: none }}@media (max-width:1024px) { .top-bar{display: block; padding: 3px; font-size: 14px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 700; background-color: #1d9f4b;} #main-nav, .hd-btns, header [class^="btn"], .more-buttons { display: none } header nav ul { display: none } .btn-thr { display: none } header #hd-contents>.hd-info { text-align: center; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } header .logo { padding: 5px } 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% } 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; -ms-flex-flow: row nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; 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 { text-align: center; line-height: 1; font-size: 14px; background-color: #000; width: 70px; min-height: 60px; 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; margin-left: 8px } .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 } .mean-container a.meanmenu-reveal .icon-menu:before { content: '\e808'; font-size: 30px } .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; -ms-flex-flow: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: #272727 } .mean-container .mean-nav ul { font-size: 16px; padding: 0; margin: 0; width: 100%; list-style-type: none } .mean-container .mean-nav ul li { 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; 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 { 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: '\e825' } .mean-remove { display: none !important } .mean-nav .social { min-height: 66px; background-color: #fff; margin: 0; padding: 10px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .mean-nav .social a { font-size: 22px } header .title { color: #fff; text-align: center; font-size: 24px } .mean-nav .hd-info { display: block; background-color: #fff } .mean-nav .hd-info .flex { display: block } .mean-nav .hd-info .flex>div { margin: 30px auto } header .logo { max-width: 400px }}@media (max-width:768px) { header #hd-contents>.hd-info { display: none }}#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: #1d9f4b; 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: #000 !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: #000 }#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 } .lds{bottom:40px!important}}@media (max-width:768px) { #fixed-tabs .call, #fixed-tabs .map { display: block } #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp, #fixed-tabs a.fm { display: none }}.fp-section>*:not(footer) { padding-top: 150px; height: 100vh }#banner { position: relative; overflow: hidden; background-color: #000 }#banner:after { content: ''; z-index: 4; background-color: #000; opacity: 0.39; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }#banner video { width: 100% }#banner figure img { min-height: 80vh; object-fit: cover; max-width: 96%; }#banner .caption { padding: 10px 20px; max-width: 1150px; position: absolute; bottom: 35%; width: 100%; right: 50%; transform: translate(50%, 50%); z-index: 5; text-align: center }#banner h1 { color: #ffffff; font-family: Heebo; font-size: 11px; font-weight: 700; font-style: normal; letter-spacing: 4.4px; text-transform: uppercase;padding-bottom:25px; }#banner .h2 { display: block; color: #ffffff; font-family: Heebo; font-size: 91px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1 }#banner .h2 span { display: block; color: #ffffff; font-family: Heebo; font-size: 15px; font-weight: 700; font-style: normal; letter-spacing: 4px; text-transform: uppercase;padding-top:25px; }#banner .play { position: relative; display: block; margin: 60px auto 0; width: 68px; height: 68px; line-height: 68px; text-align: center; text-transform: uppercase; font-size: 10px; color: #fff; font-weight: 700; letter-spacing: 4px; border-radius: 50%; background-color: #000000 }#banner .play:hover { background-color: #1d9f4b }#banner .play:after, #banner .play:before { content: ''; border-radius: 50%; position: absolute; border: 1px solid #1d9f4b; pointer-events: none; right: 50%; bottom: 50%; transform: translate(50%, 50%) }#banner .play:after { width: 86px; height: 86px }#banner .play:before { width: 116px; height: 116px; opacity: 0.31 }#banner .btn { padding: 5px 10px }#banner .btn img { margin: 0; display: inline-block; vertical-align: middle }#banner .btn:hover { background-color: #072a53; color: #fff }#banner.playing { max-height: 100% }#banner.playing:after { content: none }#banner.playing .caption { position: static; text-align: center; transform: none; margin: 0 auto }#banner.playing .btn { display: none }@media (max-width:900px) { #banner figure img { min-height: unset; max-width: 100%; } #banner .play { margin: 10px auto } #banner .play:before, #banner .play:after { content: none } #banner .caption{position: static; transform: none;} #banner:after{content: none;}}#meet { background-color: #000; padding-top: 0; }#meet>div { height: 100vh }#meet article { align-self: center; flex: 0 0 475px; margin-right: -400px; }#meet figure { flex: 0 0 auto; align-self: end }#meet .sig { display: block; margin: 30px auto }#meet .sig img { margin: 0 }#expect { background-image: url(assets/images/index-expect.jpg); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; flex-direction: column }#expect>div { max-width: 1100px; margin: 0 auto; width: 100%; position: relative }#expect .content { max-width: 460px; padding: 10px; margin: 0 0 0 auto }#expect .accordion { background: none; padding: 0; margin: 30px auto }#expect .accordion p span{position:relative;padding-left:10px}#expect .accordion p span:after{content:'\00AE';font-size:13px;position:absolute;left:0; top: -4px;}#expect .accordion .toogle { text-align: left; display: block }#expect .accordion .toogle:after { content: none !important }#sedation { background-image: url(assets/images/index-sedation.jpg); background-size: cover; background-position: top; display: flex; align-items: center; justify-content: center; flex-direction: column }#sedation figure{display: none;}#sedation>div { max-width: 1100px; margin: 0 auto; width: 100%; position: relative }#sedation .content { max-width: 460px; padding: 10px; margin: 0 auto 0 0 }.vid-test { position: relative; width: 100% }.vid-test .btn { position: absolute; right: 50%; bottom: 60px; transform: translateX(50%); background-color: #1d9f4b; border-color: #1d9f4b !important; }.vid-test .btn:hover{background-color: transparent !important; border-color: #fff !important;}.vid-test img { width: 100% }.vid-test .play { position: absolute; width: 76px; height: 76px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #ffffff; border-radius: 50%; line-height: 76px; color: #1d9f4b; font-size: 20px; text-align: center; bottom: 50%; right: 50%; transform: translate(50%, 50%) }#reviews { background-color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column }#reviews>div { width: 100% }.review-content { position: relative; max-width: 1262px; margin: 30px auto; padding: 0 30px }.review-content .cycle-slide { width: 100% }.review-content .top, .review-content .bottom { display: flex; justify-content: space-between; align-items: center }.review-content article p { max-width: 1080px; font-size: 18px; line-height:1.6; margin: 0px auto; position: relative }.review-content author { display: flex; align-items: center; justify-content: space-between; color: #000000; font-family: Heebo; font-size: 20px; font-weight: 700; max-width: 1080px; width: 100% }.review-content author span, .review-content author star { flex: 0 0 auto }.review-content .social-icon { flex: 0 0 65px; font-size: 72px }.review-content .arrows { flex: 0 0 115px }.review-content .social-icon.icon-facebook { color: #4d70a8 }.review-content .social-icon.icon-google { color: #dc4e41 }.review-content author em { height: 1px; background-color: #707070; opacity: 0.21; width: 100%; flex: 0 1 724px }.review-content star { display: block; vertical-align: middle; line-height: 1 }.review-content star:before { font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #febb21; font-family: fontello; font-size: 22px; letter-spacing: 8.8px }#reviews .button-container { position: relative; display: table; margin: 0 auto }#reviews .button-container .pager { position: absolute; bottom: 15px; right: -130px }#callouts { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-bottom: 50px; background-color: #fff }#callouts>div { max-width: 1000px; margin: 0 auto }#callouts .links { margin: 50px auto 20px }#callouts .links div { color: #000000; margin: 5px }#callouts .links div h3 { color: #000000; font-size: 25px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1; margin: 10px auto }#callouts .links div p { max-width: 260px; line-height:1.4;margin: 1em auto; font-size: 15px; }#callouts .links a:hover{cursor: pointer;}.quest { flex: 0 1 50%; background-color: #000; width: 100%; text-align: center }.quest form { max-width: 485px; width: 100%; margin: 0 auto; padding: 10px }.quest .h2 { color: #fff; font-size: 58px; font-weight: 700; line-height: 1.2 }.quest form { z-index: 1; position: relative; text-align: center }.quest input:not(.btn), .quest textarea { display: block; width: 100%; color: #fff; padding-left: 10px; box-sizing: border-box; outline: none; background-color: transparent; border: 2px solid #fff }.quest input { min-height: 45px }.quest input+input, .quest textarea { margin-top: 12px }.quest::-webkit-input-placeholder { color: #fff; opacity: 1 }.quest::-moz-placeholder { color: #fff; opacity: 1 }.quest:-ms-input-placeholder { color: #fff; opacity: 1 }.quest:-moz-placeholder { color: #fff; opacity: 1 }.quest textarea { min-height: 100px; resize: none }.quest .btn { margin: 20px auto 0 }.lds{ padding: 20px; background-color: #000;width:100%;color:white;z-index:0;bottom:0;position:absolute;}.lds img{max-width: 200px;}footer { background-color: #fff; border-top: 18px solid #f8f8f8; text-align: center }footer .fo-main { display: flex; justify-content: center }footer .fo-main>* { position: relative; z-index:1; flex: 1 1 50%; min-height: 800px; display: flex; align-items: center; justify-content: center; flex-direction: column }footer .pho { color: #343638; font-size: 39px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.56 }footer .pho:hover{color: #1d9f4b;}footer .social { margin: 20px auto }footer .copy { line-height: 1.3 }footer .logo{margin-bottom: 80px; display: block;}footer .logo span { text-transform: uppercase; display: block; max-width: 240px; line-height: 1.2; margin: 15px auto; color: black; letter-spacing: 1px; }.fo-content{order: -1;}@media screen and (max-width: 1300px){ #meet>div{align-items: flex-end;}}@media screen and (max-width:1150px) { #meet figure {margin-top: 0;} }@media screen and (max-width:1024px) { .split>div, #page-title.flex { display: block; text-align: center; } .fp-tableCell>*, #meet>div { height: auto; margin: 0 auto } #meet article, #meet .sig img{margin: 0 auto;} #meet article{margin-bottom: -50px;} #sedation, #expect, #callouts { padding: 100px 10px } #sedation{ background: #000 !important; padding: 0;} #sedation figure{display: block;} #sedation .content{margin: 0 auto;} #sedation article{position: static; transform: none; padding: 50px 10px; text-align: center;} #page-title {background: #000; background-image: none !important; min-height: auto;} #static-banner{display: block;}#page-title .title-wrapper{position: static; transform: none; text-align: center;}.divider-body .elem-left .flex, .main-img{display: block;}.elem-left{margin: 0 auto; float: none;}#main-img, .main-img { display: none !important; } }@media screen and (max-width:768px) { h1, #page-title h1, #page-title h1+h2, h2, .h2, #banner .h2 { font-size: 40px; line-height: 1.2 } h3 { font-size: 25px; line-height: 1.2 } #meet, #reviews, .meet-divider h2{text-align: center;} .vid-test { background-color: #000; height: 700px; background-image: url(assets/images/index-testimonial.jpg); background-size: cover; background-position: 70% 50%; } .vid-test img{opacity: 0;} .review-content .top, .review-content .bottom, .review-content author { display: block; text-align: center } #reviews .button-container .pager { position: static } footer .fo-main { display: block } footer .fo-main>* { padding: 30px 10px; min-height: auto } .why ul{display: block;} .why ul li{margin: 60px auto 0;} #expect{background-position: 30% 50%;} .divider-body{padding: 72px 20px;} .contact-us, .contact-us h2, .contact-us h3{display: block; text-align: center;} .contact-us .hours{display: table; margin: 20px auto;} }@media screen and (max-width:600px) { #meet .sig img { margin: 0 auto } .animated, .wow { transition-property: none !important; transform: none !important; animation: none !important; visibility: visible !important } #map, footer .gmap { display: none } .btn, .btn-alt, .btn-long { letter-spacing: 0; width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto } #callouts .links { display: block } main { border: none } .quote::before {font-size: 100px;} .quote { padding: 40px 20px 30px;}}
