body { position: relative; color: #4a4a4a; font: 400 18px/1.5 "proxima-nova", sans-serif; counter-reset: section; overflow-x: hidden; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-size: cover; background-position: top center; background-repeat: no-repeat }p { margin-top: 1em; margin-bottom: 1em }a { cursor: pointer; text-decoration: none; color: #06aebe }a:hover { color: #0c8c99 }p a:not([class^=btn]) { color: #06aebe; text-decoration: underline }p a:not([class^=btn]):hover { color: #0c8c99 }hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #06aebe }*:focus, a:focus, button:focus, input:focus { outline-width: medium; outline-color: #06aebe !important }h1, h2, h3, h4, h5, h6 { margin: 0; position: relative }#page-title h1, .h1 small { color: #fff; font: 700 17px/1.6 "proxima-nova", sans-serif; display: block; margin: 0 0 4px }#page-title h1:only-child, h2#append, .h1 { color: #fff; font: 700 64px/0.86 "proxima-nova", sans-serif; text-transform: uppercase }h2, .h2, .dividerLead, .more-to-explore span { color: #4a4a4a; font: 700 50px/0.88 "proxima-nova", sans-serif; text-transform: uppercase; position: relative }h3, .h3 { color: #4a4a4a; display: block; position: relative; font: 400 28px/1.15 "proxima-nova", sans-serif }.h4, .toggle h2, .toggle h3 { color: #4a4a4a; display: block; position: relative; font: 400 24px/1.25 "proxima-nova", sans-serif; text-transform: none }.fo-title { color: #06aebe; font: 700 16px/1 "proxima-nova", sans-serif; display: block; text-transform: uppercase }.text-white, .h1 .text-white { color: #fff }[class^=btn] { position: relative; z-index: 1; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; transition: .3s all; font: 600 15px/1.2 "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: .01em; min-width: 197px; margin: 10px; padding: .75em 2.2em; border: 0; border-radius: 999px; white-space: nowrap; color: #06aebe; background-color: #c4c4c4; background-image: linear-gradient(#f4f4f4, #c4c4c4) }[class^=btn]:hover, [class^=btn]:focus-visible { background-color: #80b7bc; background-image: none; color: #fff }.btn-alt { color: #fff; background-color: #22bcc8; background-image: linear-gradient(#34cfdb, #1fb6c3) }.btn-alt:hover, .btnalt:focus-visible { background-color: #80b7bc; background-image: none; color: #fff }.btn-call { color: #fff; background-color: #1ebdca; background-image: linear-gradient(#3ad0dc, #1ebdca) }.btn-call:hover, .btn-call:focus-visible { background-color: #20d7e7; background-image: none; color: #fff }.btn-request { color: #fff; background-color: #2a3a44; background-image: linear-gradient(#34495a, #26353e) }.btn-request:hover, .btn-request:focus-visible { background-color: #315b71; background-image: none; color: #fff }form [class^=btn] { width: auto }@media(max-width:600px) { #page-title h1:only-child, h2#append, .h1, .why h2, .index h2 { font-size: 40px } h2, .h2, .dividerLead, .more-to-explore span { font-size: 36px }}.insurance-bar { display: none }header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; transition: .3s all }header:focus-within { z-index: 500 }header.animated { animation-name: none }header .logo { position: relative; z-index: 1; display: block; flex: 0 0 auto }header .logo img { display: block; height: 72px; width: auto; transition: height .3s }header li a { font-weight: 400; font-family: "proxima-nova", sans-serif }.skip-link a { position: absolute; left: -9999px; top: 0; z-index: 600; background: #fff; padding: 10px }.skip-link a:focus { left: 10px }@media(min-width:1026px) { #hd-top { background-color: #fff; height: 54px } #hd-top .hd-wrap { display: flex; align-items: center; height: 100%; max-width: 1330px; margin: 0 auto; padding: 0 30px } .hd-social { display: flex; gap: 20px } .hd-social a { font-size: 20px; line-height: 1; transition: opacity .3s } .hd-social a:hover { opacity: .7 } .hd-social .gp { color: #ea4335 } .hd-social .fb { color: #4867aa } .hd-social .in { color: #1f4e5f } .hd-social i:before { margin: 0 } #hd-top .phy { color: #000; font-size: 18px; margin-left: 40px } #hd-top .phy:hover { color: #06aebe } .hd-btns { display: flex; gap: 10px; margin-left: auto } .hd-btns [class^=btn] { font-size: 14px; min-width: 165px; padding: .65em 1.6em; margin: 0 } #hd-contents.place-nav { display: flex; align-items: center; justify-content: space-between; max-width: 1330px; height: 121px; margin: 0 auto; padding: 0 30px; position: relative; --bar-bg: rgba(80, 80, 78, 0.85); transition: height .3s } #hd-contents.place-nav:before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background-color: var(--bar-bg); z-index: -1; transition: background-color .3s } nav { flex: 0 1 auto; margin-left: auto } nav, nav ul li, nav ul li a { position: relative } nav>ul { padding: 0; margin: 0 } nav ul { margin: auto; list-style: none; display: flex; justify-content: flex-end } nav>ul>li { flex: 0 0 auto; text-align: center } nav>ul>li>a { display: block; padding: 10px 0 10px 50px; font-size: 18px; color: #fff; text-transform: uppercase; white-space: nowrap } nav>ul>li>a button { color: inherit } nav>ul>li:hover>a, nav>ul>li.active>a, nav>ul>li>a:focus-visible { color: #3ad0dc } nav li button { display: inline-block; background: none; border: 0; padding: 0 0 0 6px; cursor: pointer; color: inherit; font-size: .8em; vertical-align: middle } nav li button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px } nav ul li:hover>ul { display: block; visibility: visible; animation-name: fadeIn; animation-duration: .25s; animation-fill-mode: both } nav ul ul { display: none; min-width: 270px; width: max-content; max-width: 340px; padding: 8px 0; position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); top: 100%; text-align: left; background-color: #fff; border-radius: 6px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16) } nav>ul>li:last-child>ul { right: 0; left: auto; transform: none } nav ul ul li { display: block } nav ul ul li>a { display: block; padding: 8px 20px; font-size: 16px; line-height: 1.3; text-transform: none; color: #4a4a4a; white-space: normal } nav ul ul li:hover>a, nav ul ul li.active>a, nav ul ul li>a:focus-visible { color: #06aebe } nav ul ul ul { left: 100%; top: -8px; transform: none; background-color: #fff } nav ul ul ul li button i:before { content: "\e825" !important } nav ul ul ul ul { position: static; left: auto; top: auto; transform: none; min-width: 0; width: auto; max-width: none; padding: 0 0 6px; border-radius: 0; box-shadow: none; background: none } nav ul ul ul ul li>a { padding: 6px 20px 6px 36px; font-size: 15px } .has-submenu.open>ul { display: block } .fix-nav header { box-shadow: 0 3px 7px rgba(24, 23, 24, .35) } .fix-nav #hd-contents.place-nav { height: 75px; --bar-bg: #707070 } .fix-nav header .logo img { height: 50px } .page_index:not(.fix-nav) #hd-contents.place-nav { --bar-bg: transparent } .page_index:not(.fix-nav) nav>ul>li>a { color: #000 } .page_index:not(.fix-nav) nav>ul>li:hover>a, .page_index:not(.fix-nav) nav>ul>li.active>a { color: #06aebe } .has-banner main, .page_index main { margin-top: -121px }}@media(max-width:1025px) { .insurance-bar { display: block } #hd-top { display: none } .hd-info { display: none; align-items: center; margin-right: 10px; justify-content: flex-end; text-align: center } header .pho { font-size: 30px } header .logo { padding: 10px 15px } header .logo img { max-height: 48px; width: auto; display: block } #main-nav, header .hd-btns, header [class^=btn] { display: none } header { background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .16) } #hd-contents { display: flex; align-items: center; justify-content: space-between } .mean-container .mean-bar { margin-left: auto } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, .2) } .nav-up { transform: translateY(-100%) } header nav ul { display: none } body, header, .mean-container .mean-nav { transition: all .3s } body { right: 0 } .attach header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, .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: flex !important; flex-flow: row nowrap; align-items: center; justify-content: space-between } .mean-container .mean-bar { background-color: #06aebe; width: 70px; min-height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; margin-left: 8px } .mean-container .meanmenu-reveal { display: block; color: #fff } .mean-container a.meanmenu-reveal.meanclose i:before { transform: rotate(45deg); font-size: 60px; content: "+"; margin: -5px 0 0 8px } .mean-container .mean-bar .icon-menu { position: relative; display: table; transition: .3s all; z-index: 1; margin-top: 15px } .mean-container .meanmenu-reveal .icon-menu:before { font-size: 30px; content: "|||"; transform: rotate(90deg) scaleY(1.6); letter-spacing: 3.2px } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after { content: "MENU"; font-style: normal; position: absolute; left: 48%; transform: translateX(-50%); top: -13px; letter-spacing: 1px; font-size: .55em; font-weight: 700 } .mean-container .meanmenu-reveal.meanclose i:before { 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: flex; flex-flow: column; justify-content: flex-start; background-color: #06aebe } .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, .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, .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, .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, .1); border: none !important; border-left: 1px solid rgba(255, 255, 255, .4) !important; border-bottom: 1px solid rgba(255, 255, 255, .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 .mean-expand.mean-clicked:before { content: "\e83a" } .mean-remove { display: none !important } .mean-nav .social { min-height: 66px; background-color: rgba(0, 0, 9, .1); margin: 0; padding: 10px 5px; justify-content: center } .mean-nav .fo-title { color: #fff; text-align: center } .mean-nav .hours { display: block; text-align: center !important; color: #fff; padding: 10px; margin: 10px auto auto } .mean-nav .hours span { display: block } .mean-nav .hours p { display: table; text-align: left; font-size: 15px; margin: 10px auto 0; color: #fff }}.play { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #4a4a4a; font: 700 15px/1 "proxima-nova", sans-serif, sans-serif; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; transition: .3s all }.play i { width: 85px; height: 85px; border-radius: 50%; background-color: #fff; display: block; color: #4a4a4a; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; margin: 10px; transition: .3s all }.play i:before { margin: auto; padding-left: 5px }.play:hover { color: #30444f }.play:hover i { background-color: #30444f; color: #fff }[data-embed] .close, [data-vimeo] .close { cursor: pointer; line-height: 1; background-color: #06aebe; color: #fff; padding: 8px; text-transform: uppercase; z-index: 5 }[data-embed] .close i, [data-vimeo] .close i { font-style: normal; font-size: 1.5em; line-height: 1; vertical-align: middle; display: inline-block; margin-bottom: 5px }[data-embed] .close:focus, [data-vimeo] .close:focus { background-color: #04818d }[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #1b1b1b; color: #fff }[data-embed] .close { position: absolute; top: 0; right: 0 }[data-embed] .close i:before { transform: rotate(45deg) }.index section { position: relative }.index h2 { font-size: 64px; line-height: .86; text-align: center }.index p a:not([class^=btn]) { color: inherit }@media(max-width:600px) { .index h2 { font-size: 40px }}#banner { display: flex; flex-direction: column; justify-content: flex-end; min-height: 666px; color: #fff; text-align: center; overflow: hidden }#banner .bn-top { position: static }#banner .bn-img { position: absolute; inset: 0; margin: 0; z-index: 0 }#banner .bn-img img { display: block; width: 100%; height: 100%; object-fit: cover }#banner .bn-img:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.55) 100%) }#banner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 161px; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0)) }#banner .bn-head, #banner .bn-text { position: relative; z-index: 2; max-width: 1160px; margin: 0 auto; padding: 0 30px }#banner .bn-text { padding-bottom: 55px }#banner h1.h1 { margin: 0; line-height: 1 }#banner h1.h1 small { color: #fff; font: 700 17px/1.6 "proxima-nova", sans-serif; text-transform: none; margin: 0 }#banner .h2.script { color: #fff; font: 400 60px/1.1 "annabelle-jf", "Snell Roundhand", "Apple Chancery", cursive; text-transform: none; text-shadow: 0 2px 8px rgba(0, 0, 0, .3); margin: .1em 0 .55em }#banner .bn-text p { color: #fff; font-size: 18px; line-height: 1.5; max-width: 820px; margin: 0 auto }#banner .bn-text p a { color: #fff; text-decoration: underline; text-underline-offset: 3px }#banner .bn-text p a:hover { color: #3ad0dc }@media(max-width:1025px) { #banner { display: block; min-height: 0; background-color: #4a4a4a } #banner:before { content: none } #banner .bn-top { position: relative } #banner .bn-img { position: relative } #banner .bn-img img { height: auto; min-height: 290px; filter: brightness(0.62) } #banner .bn-img:after { content: none } #banner .bn-head { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 30px 24px } #banner .h2.script { font-size: 44px; margin-bottom: 0 } #banner .bn-text { padding: 48px 24px 64px }}#callouts { background-color: #06aebe; color: #fff; padding: 90px 30px 95px }#callouts h2 { color: #fff; margin: 0 0 70px }#callouts .callouts { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 120px; row-gap: 35px; max-width: 1040px; margin: 0 auto }#callouts a { flex: 0 1 460px; display: block; padding: 16px 10px; border-radius: 10px; color: #fff; text-align: center; transition: background-color .3s }#callouts a h3 { color: #fff; font-size: 36px; font-weight: 600; line-height: 1.1; margin: 0 0 .35em; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 6px; transition: text-decoration-color .3s }#callouts a p { color: #fff; font-size: 18px; font-weight: 300; line-height: 1.5; margin: 0 }#callouts a:hover, #callouts a:focus-visible { background-color: rgba(255, 255, 255, .12); color: #fff }#callouts a:hover h3, #callouts a:focus-visible h3 { text-decoration-color: currentColor }#callouts a:focus-visible { outline: 2px solid #fff; outline-offset: 2px }@media(max-width:1024px) { #callouts .callouts { column-gap: 48px } #callouts a { flex-basis: calc(50% - 24px) }}@media(max-width:700px) { #callouts { padding: 60px 20px 70px } #callouts h2 { margin-bottom: 35px } #callouts a { flex-basis: 100% }}#meet { display: flex; flex-direction: column }#meet figure { margin: 0; overflow: hidden }#meet figure img { display: block; width: 100%; height: 100%; object-fit: cover }#meet .mt-top { height: 56vw; max-height: 800px; min-height: 420px }#meet .mt-bottom { position: relative; height: 62vw; max-height: 880px; min-height: 460px; margin-top: calc(-1 * 8.9285714286vw); -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat }#meet article { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: min(860px, 100% - 60px); padding: 85px 65px 75px; border-radius: 10px; color: #fff; background: linear-gradient(155deg, rgba(18, 120, 131, 0.92) 0%, rgba(32, 138, 147, 0.88) 50%, rgba(72, 176, 182, 0.86) 100%); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px) }#meet h2 { color: #fff; margin: 0 0 80px }#meet .mt-body { display: flex; align-items: center; gap: 40px }#meet .mt-copy { flex: 1 1 auto }#meet h3 { color: #fff; font-size: 32px; font-weight: 700; line-height: .9; text-transform: uppercase; max-width: 12em; margin: 0 0 .6em }#meet p { color: #fff; font-size: 17px; line-height: 1.47; margin: 0 }#meet .btn { margin: 30px 0 0 }#meet .mt-portrait { flex: 0 0 220px; aspect-ratio: 1; border-radius: 50%; overflow: hidden }@media(max-width:900px) { #meet { display: block; padding-bottom: 120px } #meet .mt-top { position: relative; z-index: 1; height: auto; min-height: 0; max-height: none } #meet .mt-top img { height: auto } #meet .mt-bottom { position: absolute; inset: 0; height: auto; min-height: 0; max-height: none; margin: 0; -webkit-mask-image: none; mask-image: none } #meet .mt-bottom img { object-position: center bottom } #meet article { position: relative; z-index: 2; left: auto; top: auto; transform: none; width: auto; margin: -55px 16px 0; padding: 50px 16px 60px; text-align: center } #meet h2 { margin-bottom: 30px } #meet .mt-body { flex-direction: column-reverse; gap: 30px } #meet .mt-portrait { flex-basis: auto; width: min(220px, 60vw) } #meet h3 { margin-left: auto; margin-right: auto } #meet .btn { margin: 30px auto 0 }}#services { z-index: 2; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-position: top center; background-size: cover; -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin-top: calc(-1 * 8.9285714286vw); padding: calc(8.9285714286vw + 80px) 30px calc(110px + 8.9285714286vw) }#services h2 { margin: 0 0 90px }#services .svc-list { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 80px; row-gap: 75px; max-width: 1090px; margin: 0 auto }#services .svc { flex: 0 1 505px; display: flex; align-items: flex-start; gap: 32px }#services .svc-icon { flex: 0 0 68px; width: 68px; height: auto; align-self: flex-start; margin: 0 }#services h3 { font-size: 28px; font-weight: 400; line-height: 1.1; text-transform: uppercase; margin: 0 0 .6em }#services p { font-size: 18px; line-height: 1.5; margin: 0 }#services .btn-alt { margin: 24px 0 0 }@media(max-width:1024px) { #services .svc-list { column-gap: 48px } #services .svc { flex-basis: calc(50% - 24px) }}@media(max-width:760px) { #services { padding: calc(8.9285714286vw + 40px) 24px calc(70px + 8.9285714286vw) } #services h2 { text-align: left; margin-bottom: 40px } #services .svc-list { row-gap: 48px } #services .svc { flex-basis: 100%; flex-direction: column; gap: 24px }}#reviews { z-index: 3; margin: calc(-1 * 8.9285714286vw) 0 0; padding: calc(8.9285714286vw + 60px) 30px 100px; color: #fff; text-align: center; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-position: top center; background-size: cover; background-color: #6b6b6b; background-blend-mode: multiply; -webkit-mask-image: url(assets/images/wave-flipped.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave-flipped.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat }#reviews .contain { max-width: 860px; margin: 0 auto }#reviews .slick-reviews { margin: 0 auto; max-width: 860px }#reviews .slick-reviews .slick-list { background: none }#reviews .slick-reviews .slick-track { display: flex; align-items: stretch }#reviews .slick-reviews .slick-slide { height: auto; padding: 0; margin: 0; opacity: 1 }#reviews .slick-reviews .slick-slide>div, #reviews .slick-reviews .slick-slide>div>div { height: 100% }#reviews .slick-reviews p { display: flex; flex-wrap: wrap; align-items: center; align-content: center; height: 100%; margin: 0; padding: 64px; border-radius: 12px; background-color: rgba(60, 60, 58, .55); color: #ececec; font-size: 24px; line-height: 1.75; text-align: left }#reviews .slick-reviews p>* { margin-right: .3em }#reviews .stars { color: #ffc83d; font-size: .9em; white-space: nowrap }#reviews .stars i:before { margin: 0 .05em }#reviews cite { font-style: normal }#reviews .slick-controls { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 30px auto 0 }#reviews .slick-arrow { position: static; transform: none; width: auto; height: auto; flex: 0 0 auto; border: 0; border-radius: 0; background: none; color: #e6e6e6; font-size: 28px }#reviews .slick-arrow i { margin: 0 }#reviews .slick-arrow:hover, #reviews .slick-arrow:focus-visible { color: #3ad0dc }#reviews #next { order: 2 }#reviews .slick-dots { display: flex; gap: 10px; margin: 0; padding: 0 }#reviews .slick-dots li { margin: 0; padding: 0 }#reviews .slick-dots li:before { content: none }#reviews .slick-dots button { background: none; border: 0; padding: 0; cursor: pointer }#reviews .slick-dots span { display: block; width: 9px; height: 9px; margin: 0; border-radius: 50%; background-color: #3d3d3d; opacity: 1 }#reviews .slick-dots .slick-active span { background-color: #3ad0dc }#reviews .btn { margin: 40px auto 0; min-width: 258px; color: #4a4a4a }@media(max-width:760px) { #reviews { padding: calc(8.9285714286vw + 40px) 16px 70px } #reviews .slick-reviews p { padding: 32px 24px; line-height: 1.35 } #reviews .stars, #reviews cite { display: block; width: 100% }}#financing { background-color: #06aebe; color: #fff; padding: 105px 30px 0 }#financing .fin-layout { display: flex; align-items: flex-start; gap: 40px; max-width: 1135px; margin: 0 auto }#financing h2 { flex: 0 0 360px; color: #fff; text-align: left; margin: 0 }#financing .fin-list { flex: 1 1 auto; display: flex; flex-direction: column; gap: 35px }#financing .fin { display: flex; align-items: center; gap: 24px }#financing .fin-icon { flex: 0 0 64px; width: 64px; height: auto }#financing .fin-copy { flex: 1 1 auto }#financing h3 { color: #fff; font-size: 28px; font-weight: 400; line-height: 1.15; margin: 0 0 .3em }#financing p { color: #fff; font-size: 18px; line-height: 1.5; margin: 0 }#financing .btn { align-self: flex-start; flex: 0 0 auto; margin: 10px 0 0; min-width: 165px; font-size: 14px }#financing .fin-photo { width: min(650px, 100%); aspect-ratio: 1; margin: 80px auto -90px; border-radius: 50%; overflow: hidden }#financing .fin-photo img { display: block; width: 100%; height: 100%; object-fit: cover }@media(max-width:1024px) { #financing .fin-layout { flex-direction: column } #financing h2 { flex-basis: auto }}@media(max-width:760px) { #financing { padding: 70px 24px 0 } #financing .fin { align-items: flex-start; flex-wrap: wrap } #financing .fin-copy { flex-basis: calc(100% - 88px) } #financing .btn { margin: 0 0 0 88px; min-width: 165px; width: auto; max-width: calc(100% - 88px); white-space: normal } #financing .fin-photo { width: calc(100% + 48px); max-width: none; margin: 60px -24px -40px }}#find { z-index: 3; margin-top: calc(-1 * 8.9285714286vw); padding: 8.9285714286vw 30px 120px }#find:before { content: ""; position: absolute; inset: 0; z-index: -1; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-position: top center; background-size: cover; -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat }#find .find-logo { position: relative; top: calc(-1*(8.9285714286vw + 40px)); width: min(475px, 100%); margin: 0 auto calc(70px - (8.9285714286vw + 40px)) }#find .find-logo img { display: block; width: 100%; height: auto }#find .find-layout { display: flex; align-items: center; justify-content: center; gap: 85px; max-width: 1000px; margin: 0 auto }#find article { flex: 0 1 436px }#find h2 { margin: 0 auto 24px; max-width: 370px }#find ul.nocheck { display: flex; flex-direction: column; gap: 6px; margin: 0 }#find ul.nocheck li { margin: 0; padding: .45em 1.25em; border-radius: 999px; background-color: #06aebe; color: #fff; font-size: 18px; line-height: 1.2; text-align: center }#find #map { position: relative; flex: 0 0 460px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; isolation: isolate; box-shadow: 0 3px 6px rgba(0, 0, 0, .16) }#find #map iframe { position: absolute; left: -30%; top: -30%; width: 160%; height: 160%; border: 0 }@media(max-width:1024px) { #find .find-layout { flex-direction: column; gap: 50px } #find article { flex-basis: auto; width: 100%; max-width: 436px }}@media(max-width:900px) { #find { padding-bottom: 80px } #find .find-logo { width: min(270px, 70%); top: calc(-1*(8.9285714286vw + 30px)); margin-bottom: calc(60px - (8.9285714286vw + 30px)) } #find .find-layout { flex-direction: column } #find article { flex-basis: auto; width: 100% } #find #map { display: none }}.page_index footer { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 120px); mask-image: linear-gradient(to bottom, transparent, #000 120px); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; margin-top: -120px; padding-top: 130px }.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center }.simple select, .simple option, .simple input:not([class^=btn]), .simple textarea { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border: 0; border-radius: 0; line-height: 1; font-size: 18px; width: 100%; max-width: 100%; padding: 0 11px; margin-bottom: 10px; height: 45px; color: #06aebe; background-color: #eee }.simple select, .simple option { display: block; color: #4a4a4a }.simple textarea { height: 130px; padding: 14px 11px }.simple input:focus, .simple textarea:focus { outline: 0; background-color: #e7f0f6; color: #06aebe }::placeholder { color: #4a4a4a }::-webkit-input-placeholder { color: #4a4a4a }.social { font-size: 0; text-align: center; margin: 10px auto; display: flex; justify-content: space-around; gap: 20px }.social a { position: relative; display: inline-block; font-size: 34px; line-height: 1; transition: opacity .3s }.social a:hover { opacity: .7 }.social a i:before { margin: 0 }.social .gp { color: #ea4335 }.social .fb { color: #1877f2 }.social .in { color: #c13584 }.social .yp { color: #b62717 }.social .yt { color: #d00 }.social .tw { color: #00aced }footer { position: relative; z-index: 2; color: #000; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-position: top center; background-size: cover; background-image: url(assets/images/marble-footer.webp); -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin-top: calc(-1 * 8.9285714286vw); padding-top: calc(8.9285714286vw + 70px) }footer a { color: inherit }footer a:hover { color: #06aebe }footer a[class^=btn] { color: #fff }footer a[class^=btn]:hover { color: #fff }footer ul.nocheck { margin: 0 }#fo-contents { max-width: 1330px; margin: 0 auto; padding: 0 30px 40px }.fo-top { display: flex; align-items: center; gap: 30px }.fo-top .logo { flex: 0 0 286px }.fo-top .logo img { display: block; height: 47px; width: auto }.fo-top .social { margin: 0 0 0 auto; gap: 50px }.fo-nav { display: flex; flex-wrap: wrap; gap: 6px 40px }.fo-nav li { margin: 0; padding: 0 }.fo-nav a { font-size: 18px; text-transform: uppercase }.fo-info { display: flex; align-items: flex-start; gap: 30px; margin-top: 30px; color: #444; font-size: 18px; line-height: 1.33 }.fo-info>* { display: flex; flex-direction: column }.fo-info .phy { flex: 0 0 286px; display: block }.fo-info .fo-contact { flex: 0 0 286px }.fo-info a:not([class^=btn]) { color: #444 }.fo-info a:not([class^=btn]):hover { color: #06aebe }.fo-info .hours { display: flex; flex-direction: column; margin: 0; text-align: left !important }.fo-info .hours span { white-space: nowrap }.fo-info .fo-btns { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-left: auto }.fo-info .fo-btns [class^=btn] { margin: 0; font-size: 14px; min-width: 165px; padding: .65em 1.6em }#copy { max-width: 1330px; margin: 0 auto; padding: 0 30px 50px; font: 400 14px/1.5 "proxima-nova", sans-serif; color: #4a4a4a }#copy .sep { margin: 0 1rem }.internal>.more-to-explore:last-child, .page-divider>.divider-block:last-child { padding-bottom: calc(60px + 8.9285714286vw) }#page:not(.has_divider) { padding-bottom: calc(40px + 8.9285714286vw) }#page:not(.has_divider):after { content: ""; position: absolute; left: -1000px; right: -1000px; bottom: 0; height: 340px; z-index: -1; pointer-events: none; background: linear-gradient(to bottom, rgba(127, 182, 187, 0), rgba(127, 182, 187, 0.85)) }@media(max-width:1100px) { .fo-top { flex-wrap: wrap } .fo-top .logo { flex-basis: auto } .fo-nav { order: 3; flex-basis: 100% } .fo-info { flex-wrap: wrap } .fo-info>* { flex: 1 1 40% } .fo-info .phy, .fo-info .fo-contact { flex-basis: 40% } .fo-info .fo-btns { justify-content: flex-start; margin-left: 0 } .fo-top { justify-content: center } .fo-top .social { margin: 0 } .fo-nav { justify-content: center } .fo-info { justify-content: center; text-align: center } .fo-info>* { align-items: center } .fo-info .hours { align-items: center; text-align: center !important } .fo-info .fo-btns { justify-content: center } #copy { text-align: center }}@media(max-width:700px) { footer { padding-top: calc(8.9285714286vw + 40px); text-align: center } .fo-top { flex-direction: column } .fo-top .social { margin: 0 auto; order: 2 } .fo-nav { justify-content: center } .fo-info { flex-direction: column; align-items: center } .fo-info .fo-btns { justify-content: center } #copy { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center } #copy .sep { display: none }}.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto }.slick-arrow { color: #06aebe; font-family: fontello; font-size: 40px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 60px; height: 60px; flex: 0 0 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #06aebe; z-index: 5; transition: .3s all }.slick-arrow i { margin-left: -4px }.slick-arrow:hover { color: #30444f }#next { left: auto; right: 0; order: 2 }#next i { margin-left: 4px }.slick-dots { line-height: 1 }.slick-dots li { line-height: 1 }.slick-dots li button { padding: 0 }.slick-dots span { cursor: pointer; background-color: #d0eaeb; height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin: 0 5px; opacity: .18 }.slick-dots .slick-active span { opacity: 1 }.pagingInfo { font-size: 30px; text-align: center }.gallery { max-width: 1050px; margin: 20px auto 40px; padding: 0 10px; position: relative; text-align: center }.gallery>h2 { margin: 0 0 30px }.slick-gallery { position: relative; margin: 0 auto }.slick-gallery article { padding: 12px 12px 4px }.slick-gallery .ba-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px }.slick-gallery figure { margin: 0 }.slick-gallery figure img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); background-color: #d0eaeb }.slick-gallery figcaption { margin: 16px auto 0; color: #4a4a4a; font-size: 18px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase }.slick-gallery article>p { max-width: 720px; margin: 20px auto 0; font-size: 18px; line-height: 1.5 }.gallery .slick-controls { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 30px auto 0 }.gallery .slick-controls .slick-arrow { position: static; transform: none; width: auto; height: auto; flex: 0 0 auto; border: 0; border-radius: 0; background: none; color: #4a4a4a; font-size: 28px }.gallery .slick-controls .slick-arrow i { margin: 0 }.gallery .slick-controls .slick-arrow:hover, .gallery .slick-controls .slick-arrow:focus-visible { color: #06aebe }.gallery .slick-controls #next { order: 2 }.gallery .slick-controls .slick-dots { display: flex; gap: 10px; margin: 0; padding: 0 }.gallery .slick-controls .slick-dots li { margin: 0; padding: 0 }.gallery .slick-controls .slick-dots li:before { content: none }.gallery .slick-controls .slick-dots button { background: none; border: 0; padding: 0; cursor: pointer }.gallery .slick-controls .slick-dots span { display: block; width: 9px; height: 9px; margin: 0; border-radius: 50%; background-color: #4a4a4a; opacity: 1 }.gallery .slick-controls .slick-dots .slick-active span { background-color: #06aebe }@media(max-width:640px) { .slick-gallery article { padding: 8px 4px 4px } .slick-gallery .ba-pair { gap: 12px } .slick-gallery figcaption { margin-top: 10px; font-size: 15px }}.video-grid>div { flex: 0 1 480px; margin: 10px }.video-grid h3 { margin-top: 10px; display: block; line-height: 1.1 }.video-grid>div { margin: 10px }.why { padding: 60px 10px calc(70px + 8.9285714286vw); position: relative; display: flex; align-items: center; gap: 85px; max-width: 1190px; margin: 0 auto }.why:before { content: ""; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; background-color: #06aebe; z-index: -1 }.why h2 { flex: 1.5 1 0; color: #fff; font-size: 64px; line-height: .86 }.why ul { flex: 1 1 0; margin: 0 }.why ul li { margin: 0 0 1rem; padding: .2rem 0 .2rem 1.75rem; border-left: 10px solid #fff; color: #fff; font-size: 28px; font-weight: 300; line-height: 1.15 }.why ul li:before { content: none }.why ul li span { display: block }#static-banner+.why, #page>.why:first-child { margin-top: -40px }.section-toggle { display: none; margin-top: 20px; position: relative; z-index: 5 }.page-divider { display: block; max-width: 100%; width: 100%; position: relative; z-index: 1 }#static-banner+.page-divider, #page>.page-divider:first-child { margin-top: -40px }.divider-block { position: relative; display: block; width: 100%; max-width: 100%; padding: 80px 10px calc(80px + 8.9285714286vw) }.divider-block:before { content: ""; position: absolute; left: -1000px; right: -1000px; top: calc(-1 * 8.9285714286vw); bottom: 0; z-index: -1; background-color: #f8f8f8; background-image: url(assets/images/marble.webp); background-position: top center; background-size: cover; -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat }.divider-block:nth-last-child(even):before { background-image: none; background-color: #d0eaeb }.divider-block .contain { display: flex; justify-content: space-between; align-items: center; gap: 85px; max-width: 1190px; margin: 0 auto }.divider-block h2 { margin-bottom: .6em }.divider-block h3.subheading { color: #06aebe; font-size: 22px; font-weight: 600; line-height: 1.2; margin: -0.4em 0 1.2em }.divider-block .wrap { height: 0 }.divider-block article { margin: auto 0; flex: 1 1 640px; max-width: 640px }.divider-block article p:first-of-type { margin-top: 0 }.divider-block ul li { margin-left: 0 }.divider-block .btn, .divider-block .togg { margin-left: 0 }.divider-block p.has_btn { margin: 0 }.divider-block .elem { flex: 0 0 475px; position: relative; z-index: 3 }.divider-block .elem img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50% }.divider-block .elem-right { order: 1 }.mini-block { display: table; clear: both; max-width: 1140px; width: 100%; margin: 30px auto }.divider-block.no_img article { max-width: 1150px; margin: auto; text-align: center }.divider-block.no_img ul { display: table; margin: 20px auto; text-align: left }.internal:not(:has(>.more-to-explore)) .page-divider>.divider-block:last-child:nth-last-child(odd):before { background-image: linear-gradient(to bottom, rgba(127, 182, 187, 0) calc(100% - 340px), rgba(127, 182, 187, 0.85) 100%), url(assets/images/marble.webp) }@media(max-width:600px) { .why h2 { font-size: 40px }}@media(max-width:1024px) { .why { flex-direction: column; align-items: flex-start; gap: 30px; padding-left: 20px; padding-right: 20px } .why h2, .why ul { flex: none; width: 100% } .divider-block .elem-left, .divider-block .elem-right { float: none; display: block; margin: 0 auto 30px } .divider-block { text-align: center; padding: 50px 10px calc(50px + 8.9285714286vw) } .divider-block .contain { display: block } .divider-block .elem { max-width: min(475px, 80vw); margin: 0 auto 30px } .divider-block article { max-width: none } .divider-block ul { display: table; margin: 20px auto; text-align: left } .divider-block .btn, .divider-block .togg { margin: 10px auto }}.more-to-explore { position: relative; z-index: 2; text-align: center; margin: calc(-1 * 8.9285714286vw) auto 0; padding: calc(60px + 8.9285714286vw) 10px calc(60px + 8.9285714286vw); background-color: #d0eaeb; -webkit-mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); mask-image: url(assets/images/wave.webp), linear-gradient(#000 0 0); -webkit-mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); mask-size: 100% 8.9285714286vw, 100% calc(100% - 8.9285714286vw + 1px); -webkit-mask-position: top, bottom; mask-position: top, bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat }.more-to-explore>span { display: block; color: #4a4a4a; font-weight: 700; margin-bottom: 30px }.more-to-explore p { padding: 10px; margin: auto; max-width: 1150px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center }.more-to-explore [class^=btn] { min-width: 350px; margin: 5px }@media(max-width:768px) { .more-to-explore [class^=btn] { min-width: 0; width: 100%; white-space: normal } .divider-block [class^=btn] { white-space: normal; max-width: 100% }}.off { pointer-events: none }.service-icons { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 30px auto 0; max-width: 1190px }.service-icons .mini-block { margin: 0 }.service-icons .modal .icon { height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center }.service-icons .modal .icon .ic-color { fill: #06aebe }.service-icons h3 { margin: 8px auto; font-size: 20px; line-height: 1.15 }.service-icons>* { padding: 5px; flex: 0 1 180px; margin: 10px auto; display: block }.service-icons a { color: #4a4a4a; text-decoration: none }.service-icons a:hover .icon .ic-color { fill: #0c8c99 }.service-icons a:hover h3 { color: #06aebe }.services-grid { position: relative; margin: -40px auto 0; padding: 70px 0 30px; display: flex; flex-wrap: wrap; justify-content: start; gap: 10px; max-width: 1230px }.services-grid:before { content: ""; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: calc(-1*(40px + 8.9285714286vw)); background-color: #06aebe; z-index: -1 }.services-grid>div { flex: 0 1 calc(25% - 8px); min-height: 500px; background-color: #0c8c99; border-radius: 6px; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); overflow: hidden; color: #fff }.services-grid figure { position: relative; margin: 0 }.services-grid figure img { display: block; width: 100%; aspect-ratio: 300/230; object-fit: cover }.services-grid figure:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(12, 140, 153, 0) 35%, #0c8c99 100%) }.services-grid article { position: relative; margin-top: -78px; padding: 0 20px 30px 38px }.services-grid h3 { font-size: 30px; font-weight: 300; line-height: 1.07; margin: 0 }.services-grid h3 a { color: #fff }.services-grid h3 a:hover { color: #d0eaeb }.services-grid ul { margin: 22px 0 0 }.services-grid ul li { font-size: 18px; line-height: 1.1; margin: 0 0 18px; padding-left: 20px }.services-grid ul li:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; top: .45em; left: 4px }.services-grid ul li a { color: #fff }.services-grid ul li a:hover { color: #d0eaeb }@media(max-width:1200px) { .services-grid>div { flex-basis: calc(50% - 5px) }}@media(max-width:640px) { .services-grid>div { flex-basis: 100%; min-height: 0 }}#page { position: relative; display: block; width: 100%; margin: auto; padding: 40px 10px; max-width: 1280px; clear: both }#page.has_divider { padding-bottom: 0 }.page_index .internal { display: none }.center { text-align: center }main { overflow: hidden }main ol { text-align: left }main ul { list-style: none; padding: 0; margin: 10px 0; text-align: left; overflow: hidden }main ul li { position: relative; display: block; margin: 0 0 10px 26px; padding-left: 24px; line-height: 1.6; overflow: hidden }main ul li:before { content: "\e933"; color: #06aebe; position: absolute; left: 0; top: 0; font-size: .9em; font-family: fontello }main ul { list-style: none; padding: 0; margin: 10px 0; text-align: left; overflow: hidden }main ul li { position: relative; display: block; margin: 0 0 10px 26px; padding-left: 24px; line-height: 1.6; overflow: hidden }main ul li:before { content: "\e933"; color: #06aebe; position: absolute; left: 0; top: 3px; font-size: .6em }main ul.nocheck { list-style: none; padding: 0; margin: 10px 0; text-align: left; overflow: hidden }main ul.nocheck li { position: relative; display: block; margin: 0 0 10px 0; padding-left: 0; line-height: 1.6; overflow: hidden }main ul.nocheck li:before { content: none; color: #06aebe; position: absolute; left: 0; top: 3px; font-size: .6em }@media(min-width:800px) { ul.two { -webkit-column-count: 2; column-count: 2 }}@media(max-width:750px) { main ul li { margin-left: 10px } .elem-left, .elem-right, .divider-block .elem-left, .divider-block .elem-right { display: table; float: none; margin: 20px auto; max-width: 100% }}#interior-banner { position: relative; color: #fff; background-color: #2c363c; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 85%), var(--banner-img, none); background-size: cover; background-position: center }#interior-banner .contain { max-width: 1290px; margin: 0 auto; padding: 60px 30px calc(80px + 8.9285714286vw); text-align: left }#interior-banner .banner-mobile { display: none }.has-banner #interior-banner .contain { padding-top: 181px; min-height: 520px }#page-title { position: relative; max-width: 800px }#page-title h1 { margin-bottom: 4px }#page-title h2#append { margin-bottom: 28px }#intro { max-width: 800px }#intro p { color: #fff; font-size: 18px; line-height: 1.5 }#intro a { color: #fff }#intro a:hover { color: #3ad0dc }#main-img, #static-banner { display: none }@media(max-width:1025px) { #interior-banner { background-image: none } #interior-banner .banner-mobile { display: block; margin: 0 } #interior-banner .banner-mobile img { display: block; width: 100%; height: auto } #interior-banner .contain { padding: 40px 20px calc(50px + 8.9285714286vw) } .has-banner #interior-banner .contain { padding-top: 40px; min-height: 0 }}.landing { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap }.landing a { flex: 0 1 30%; margin: 10px auto 20px; text-align: center }.landing a h3 { padding: 10px; background-color: #06aebe; color: #fff; font: 400 15px/1 "proxima-nova", sans-serif; text-transform: none; transition: .3s all }.landing a:hover h3 { background-color: #30444f; color: #fff }#refer { background: #30444f; margin: 40px auto; max-width: 700px; padding: 40px 20px 30px }#refer .simple { max-width: 650px; margin: auto }.faq-container { padding: 100px 10px }.faq-container>h2, .faq-container>p { text-align: center }.accordion { margin: 20px auto; text-align: left }.accordion .toggle { position: relative; cursor: pointer; clear: both; padding: 10px 10px 10px 55px; margin: 7px auto 0; width: 100%; display: block; text-align: left }.accordion .toggle:hover h2, .accordion .toggle:hover h3 { color: #30444f }.accordion .toggle.active:before { background-color: #30444f; content: "A" }.accordion .toggle:before { content: "Q"; color: #fff; font: 700 24px/1.5 "proxima-nova", sans-serif; border-radius: 50%; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background-color: #06aebe; box-shadow: inset 0 3px 8px rgba(0, 1, 1, .19); text-align: center; display: flex; align-items: center; justify-content: center }.accordion article>div { display: none; padding: 0 20px 20px 55px }.hours { display: table; margin: 10px auto; text-align: left !important }.hours label { width: 120px; display: inline-block; font-weight: 700 }.contact { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; max-width: 1150px; margin: 30px auto; padding: 10px }.contact h3 { margin: 10px auto; font-size: 20px }.contact h2 { font-size: 25px }.contact p { margin: 15px 0 10px; line-height: 1.4 }.contact>div:first-child { flex: 1 0 auto; margin-right: 20px }.contact>div:last-child { margin-right: 10px }.contact-map { margin: 20px auto 40px }.contact-map iframe { width: 100% }@media(max-width:1024px) { .split figure { display: block; margin: auto } .split article { margin: 20px auto } #reviews .slick-arrow, .gallery .slick-arrow { position: relative; left: auto; right: auto; top: auto; transform: none } #find ul { display: table; margin: 10px auto } #fo-contents { display: block; text-align: center } footer .hours { margin: 20px auto } .fo-title { text-align: center } .services>div, #all { flex: 0 1 48% } [data-player][class^=elem] { max-width: 650px } .contact { text-align: center; display: block } .contact>div:first-child, .contact p { margin: 10px auto }}@media(max-width:768px) { #hd-info { flex: 0 1 auto } header .phy { display: none } header .pho { font-size: 18px } #reviews .contain { padding: 0 10px } #reviews .slick-controls { flex-wrap: wrap; margin: 10px auto } .contact { text-align: center; display: block } .contact>div:first-child, .contact p { margin: 10px auto }}@media(max-width:640px) { .gallery { padding: 0 } .services>div, #all { flex: 1 1 100% } .youtube[class*=elem-] { width: 100% } [data-player][class^=elem] { min-width: 100% } .landing { display: block }}@media(max-width:480px) { .hd-info { display: none } header .hours label { width: 100px }}@media(max-width:400px) { [class^=btn], .more-to-explore [class^=btn] { min-width: auto; width: 100%; margin: 8px auto } [data-embed] .close { display: block; position: unset; text-align: center; padding: 4px }}