@charset "UTF-8";body { background-color: #fff; position: relative; font-family: "Open Sans"; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.75; color: #282c2f; counter-reset: section; overflow-x: hidden; }p { font-size: 16px; font-style: normal; letter-spacing: normal; line-height: 1.76; }a { cursor: pointer; text-decoration: none; color: #f79256; }a:hover { color: #428eb6; }hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #f79256; }*:focus, a:focus, button:focus, input:focus { outline-width: medium; outline-color: #428eb6 !important; }h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; }#page-title h1, .h1 small { color: #428eb6; font-family: "Open Sans"; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 3.2px; line-height: 1.75; display: block; margin: 10px auto; text-transform: uppercase; }#page-title h1:only-child, h2#append, .h1 { color: #fff; font-family: "DM Serif Display", sans-serif; font-size: 60px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.08; }h2, .h2, .dividerLead, .more-to-explore span { color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 50px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.12; position: relative; }h3, .h3 { display: block; position: relative; color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; }.h4, .toggle h2, .toggle h3 { color: #282c2f; display: block; position: relative; font: 400 24px/1.25 "Open Sans", serif; }.more-to-explore span { color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; }.fo-title { color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; margin-bottom: 30px; display: block; }.text-white, .h1 small.text-white { color: #fff; }hr { height: 2px; background-color: #5281a6; max-width: 1263px; margin: 60px auto; border: none; }[class^="btn"] { position: relative; z-index: 1; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; transition: .3s all; color: #282c2f; font-family: "Open Sans", serif; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.43; min-width: 285px; margin: 10px; padding: 10px; border-radius: 29px; border: 2px solid #f79256; background-color: transparent; }[class^="btn"]:hover { background-color: #f79256; color: #fff; }.btn-alt { background-color: #f79256; border: 2px solid #f79256; color: #fff; }.btn-alt:hover { background-color: #71ccf0; border-color: #71ccf0; color: #fff; }.btn.text-white { color: #fff; }.btn-thr { background-color: #71ccf0; }.btn-thr:hover { background-color: #428eb6; }section:is(#locate) {margin: 50px auto; max-width: 1100px; text-align: center;}header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: #282c2f; transition: .3s all; }header:focus-within { z-index: 500; }header .logo { position: relative; z-index: 1; }header .logo img + img { display: none; }header .pho { color: #fff; font-family: "Open Sans", serif; font-size: 24px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.5; position: relative; padding-left: 25px; display: table; margin-left: 30px; }header .phy { color: #fff; font-family: "Open Sans", serif; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.25; display: block; position: relative; padding-left: 25px; display: table; }header .pho:hover, header .phy:hover { color: #f79256; }header .phy i, header .pho i { text-align: center; color: #71ccf0; font-size: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }header li a { font-weight: 400; font-family: "Open Sans", serif; z-index: 1000000; }header nav .active { box-shadow: inset 0 -3px 0 0 #428eb6; }.hd-right { flex: 0 1 1000px; }.hd-info { display: flex; align-items: center; margin-right: 10px; justify-content: flex-end; }header .btn { min-width: 232px; background-color: #f79256; color: #fff; font-size: 14px; }header .btn:hover { background-color: #71ccf0; border-color: #71ccf0; }@media (min-width:1026px) { body.page_index:not(.fix-nav) header{background: none;} body.page_index { padding-top: 0 !important; } .place-nav { max-width: 1350px; margin: 0 auto; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; } #main-nav { display: flex !important; align-items: center; justify-content: space-between; } nav { flex: 0 1 1050px; } nav, nav ul li, nav ul li a { position: relative; } nav > ul { padding: 0; max-width: 1300px; margin: auto; } nav ul { margin: 0; list-style: none; display: flex; justify-content: space-around; } nav ul li a { display: block; color: #fff; } nav ul li a:hover { color: #fff; } nav > ul > li { flex: 1 1 auto; text-align: center; } nav > ul > li:last-of-type:after { display: none; } nav > ul > li > a { padding: 6px; font-size: 14px; color: #fff; } nav > ul > li > a span { color: #282c2f; } nav > ul > li:hover > a { color: #71ccf0; } 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: 320px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #428eb6; 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: 16px; color: #fff; line-height: 1.3; text-transform: none; } nav ul ul li:hover > a { background-color: #71ccf0; color: #fff; } nav ul ul ul { left: 100%; top: 0; background-color: #f79256; } nav ul ul ul li button i:before { content: '\e825' !important; } nav ul ul ul ul { top: auto; left: 0px; position: relative; display: block; box-shadow: none; background-color: #f57325; } nav ul ul ul ul li a { padding-left: 2em; padding-left: 2em; } nav ul ul ul ul li a { background-color: #f5792f; } nav ul ul ul ul li:hover a { background-color: #43bbeb; } .has-submenu span > a, .has-submenu button { display: inline-block; } .has-submenu.open > ul { display: block; } .has-submenu.open > ul *:focus { background-color: rgba(255, 255, 255, 0.2); } nav li button { display: inline-block; }}.fix-nav header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); animation-duration: 1s; animation-fill-mode: both; z-index: 100; background-image: linear-gradient(266deg, #134b77 0%, #428eb6 100%); }.fix-nav header .logo img { max-width: 135px; }.fix-nav #hd-top, .fix-nav .fm, .fix-nav .of { display: none; }@media (max-width:1025px) { header .logo img{max-height: 60px;} body:not(.fix-nav) .mean-container .mean-bar{align-self: flex-start;} body:not(.fix-nav) .mean-container{align-items: flex-start;} body:not(.fix-nav) header{background: none; box-shadow: none;} body:not(.fix-nav) .hd-info{align-self: center;} body{padding-top: 0 !important;} #hd-top, .hd-right { display: none; } .hd-info { display: flex; align-items: center; margin-right: 10px; justify-content: flex-end; text-align: center; } header .pho { font-size: 30px; } header .logo { padding: 8px; } #main-nav, header .hd-btns, header [class^="btn"] { display: none; } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2); } .nav-up { transform: translateY(-100%); } header nav ul { display: none; } body, header, .mean-container .mean-nav { transition: all 0.3s; } body { right: 0; } .attach header { position: fixed !important; 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: flex !important; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .mean-container .mean-bar { background: linear-gradient(257deg, #134b77 0%, #428eb6 100%); 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: #71ccf0; } .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; 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 .mean-expand.mean-clicked:before { content: '\e83a'; } .mean-remove { display: none !important; } .mean-nav .social { min-height: 66px; background-color: rgba(0, 0, 9, 0.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; color: #fff; padding: 10px; margin: 10px auto auto; } .mean-nav .hours p { display: table; text-align: left; font-size: 15px; margin: 10px auto 0; color: #fff; }}.play-icon { border-radius: 50%; }.play-icon:hover { background-color: #f79256; }[data-embed] .close, [data-vimeo] .close { cursor: pointer; line-height: 1; background-color: #428eb6; 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: #347191; }[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); }#banner { padding-top: 270px; padding-bottom: 40px; position: relative; background-size: cover; background-position: center; background-image: url(assets/images/index-banner.jpg); }#banner .container { margin: 0 auto; display: flex; justify-content: space-around; align-items: center; }#banner .h1 { font-size: 71px; margin: 30px auto; }#banner article { margin: 0 auto; z-index: 50; padding: 10px; }#banner .figure { margin: 0 auto; flex: 0 1 515px; }#banner figure { border-radius: 10px; border: 2px solid #fff; overflow: hidden; }#banner .play { position: relative; transform: none; left: auto; top: auto; }#banner .play-icon { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); }.banner-badges { margin-top: 60px; }#banner.playing { z-index: 100; }#banner.playing .container { display: block; text-align: center; }#banner.playing article { position: relative; transform: none; left: 0; top: 0; }#banner.playing figure { margin: 0; }@media (max-width:900px) { #banner { padding-top: 100px; } #banner .container { display: block; text-align: center; } #banner .btn.play { display: none; } #banner article { position: relative; transform: none; left: 0; top: 0; }}#index-safety { margin: 22px; background-image: linear-gradient(257deg, #134b77 0%, #428eb6 100%); display: flex; align-items: center; justify-content: space-between; }#index-safety figure { border-radius: 0 200px 200px 0; position: relative; overflow: hidden; }#index-safety figure .play-icon { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); }#index-safety .h2 { display: block; }#index-safety article { margin: 0 auto; }#welcome { max-width: 1200px; margin: 145px auto; padding: 20px; position: relative; }#welcome .badge { position: absolute; top: -50px; right: 0; }#welcome span.h1 { margin: 30px auto; }#welcome p { max-width: 930px; margin: 30px auto; }#welcome .sig { max-width: 1060px; margin: 0 auto; display: flex; align-items: center; justify-content: space-around; }#welcome .sig a { margin: 5px; text-transform: uppercase; color: #282c2f; font-family: "Open Sans", serif; font-size: 14px; font-weight: 700; }#meet { margin: 145px auto; padding: 20px; }#meet .top { max-width: 1050px; margin: 0 auto 60px; }#meet figure { position: relative; display: table; margin: 0 auto; }#meet figcaption { align-items: center; justify-content: space-around; position: absolute; bottom: 30px; right: 0; left: 0; text-align: center; }#meet figcaption a { color: #fff; display: block; color: #fff; text-transform: uppercase; font-family: "Open Sans", serif; font-size: 14px; font-weight: 700; }#meet figcaption .watch { font-weight: 400; text-transform: none; }#meet figcaption a:hover { color: #f79256; }.split { padding: 0 00px; }.split .flex-ed { max-width: 1600px; margin: auto; display: flex; align-items: center; justify-content: space-around; }.split article { flex: 0 1 50%; padding: 10px 20px; }.split figure { flex: 0 1 48%; }.split .btn { margin-left: 0; }.split .caption { padding: 10px; text-align: center; }.split .caption a { color: #fff; padding: 0 5px; }.split .caption a:hover { color: #428eb6; }.split.playing .flex-ed { display: block; }#reviews { position: relative; margin: 145px auto; padding: 20px; }#reviews .contain { max-width: 1400px; margin: 0 auto; }#reviews .badge { position: absolute; border-radius: 50%; top: -60px; right: 50%; transform: translateX(50%); z-index: 5; }#reviews .test figure { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }#reviews .test figure { display: table; margin: 0 auto; overflow: hidden; border-radius: 10px; }#reviews .badge:hover img { transition: .3s; }#reviews .badge:hover img { transform: rotate(10deg); }#reviews .test { margin: 0 auto; }#reviews .play-icon { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); }#reviews .icon-facebook { color: #4d70a8; }#reviews .icon-google { color: #dc4e41; }#reviews .reviews { flex: 0 1 525px; padding: 10px; max-width: 525px; margin: 0 auto; }#reviews .slick-reviews { margin: 00px auto; max-width: 515px; }#reviews .slick-reviews .slick-slide { padding: 0px; margin: 10px 0px; }#reviews .slick-track { align-items: center; display: flex; }#reviews author { text-transform: uppercase; display: flex; font-size: 18px; text-align: left; margin: 10px 0; align-items: center; justify-content: flex-start; }#reviews author i { margin-right: 20px; display: block; }#reviews star { display: block; letter-spacing: 4px; }#reviews .slick-arrow { position: static; margin: 0; transform: none; }#reviews .slick-dots { margin: 0; }#reviews .slick-dots span, #reviews .slick-dots a { border: 2px solid #282c2f; }#reviews .slick-controls { margin: 20px auto; display: flex; justify-content: flex-start; align-items: center; }@media (min-width:1001px) { #reviews .slick-track { overflow: visible !important; } #reviews .slick-slide { opacity: .5; } #reviews .slick-slide.slick-current { opacity: 1; }}.split-section { position: relative; }.split-section .contain { margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }.split-section figure div:not(.active) { display: none; }.split-section figure { position: relative; flex: 0 1 50%; }.split-section figure img { position: relative; z-index: 5; }.split-section figure .num { pointer-events: none; z-index: 0; opacity: 0.08; position: absolute; font-size: 291px; color: #282c2f; font-family: "DM Serif Display", sans-serif; line-height: 1; }.split-section article { margin: 0 auto; flex: 0 1 585px; }.split-section .callouts { margin: 30px auto; }.split-section .callouts > div { display: flex; align-items: flex-start; }.split-section .callouts > div + div { margin-top: 15px; }.split-section .callouts .icon { display: inline-block; margin-right: 20px; height: 35px; width: 35px; display: flex; align-items: center; justify-content: center; flex-direction: column; }.split-section .callouts .content { border-bottom: 1px solid rgba(40, 44, 47, 0.5); padding-bottom: 15px; width: 100%; }.split-section .callouts h3 { display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; position: relative; color: #282c2f; font-family: "Open Sans", serif; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 3.2px; line-height: 1.75; }.split-section .callouts h3:after { content: '\e81a'; font-size: 30px; line-height: 1; font-family: Fontello; color: #428eb6; }.split-section .callouts div.active h3:after { transform: rotate(90deg); }.split-section .callouts div:not(.active) .content p { display: none; }#callouts { background-color: #f4f5f7; }#callouts figure .num { top: 0; right: -180px; }#tech { background-color: #282c2f; }#tech figure { position: static; }#tech figure .num { left: -60px; top: 0; color: #fff; }#tech h3 { color: #fff; }#tech .content { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }#services { margin: 145px auto; padding: 10px; }#services .top { max-width: 1060px; margin: 0 auto 40px; }#services .links { max-width: 1280px; margin: 0 auto; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-around; }#services .links a { position: relative; border-radius: 10px; margin: 10px; border-radius: 10px; overflow: hidden; }#services .links a h3 { color: #fff; transition: .3s; position: absolute; bottom: 40px; left: 20px; right: 20px; }#services .links a:hover h3 { color: #f79256; }#services .links a.offset { margin-top: 40px; }#services .links a.reset { margin-top: -20px; }#services .links a.alt h3 { font-size: 50px; bottom: 50%; transform: translateY(50%); }#index-plan { background-image: linear-gradient(245deg, #134b77 0%, #428eb6 100%); display: flex; align-items: center; justify-content: space-between; }#index-plan article { margin: 0 auto; padding: 10px; flex: 0 1 520px; }#index-plan figure { border-radius: 500px 0 0 500px; position: relative; overflow: hidden; }#index-plan figcaption { padding: 15px; text-align: center; position: absolute; right: 0; bottom: 90px; color: #fff; font-weight: 700; text-transform: uppercase; background-color: rgba(19, 75, 119, 0.85); max-width: 261px; width: 100%; }#index-community { display: flex; flex-wrap: wrap; max-width: 1280px; margin: 145px auto; }#index-community > * { margin: 10px; }#index-community span { flex: 0 1 22.5%; }#index-community .wide { flex: 0 1 47%; }#index-community figure { background-image: linear-gradient(244deg, #134b77 0%, #428eb6 100%); position: relative; padding: 30px 10px; }#index-community figure > div { max-width: 500px; margin: 0 auto; }#find { margin: 50px auto; }#map { position: relative; margin: 0; flex: 0 1 50%; }#map iframe { width: 100%; border: none; display: block; }#serve { flex: 0 1 50%; background-image: linear-gradient(229deg, #134b77 0%, #428eb6 100%); color: #fff; display: flex; align-items: center; justify-content: center; }#serve >div:after{content: url(assets/images/index-community-deco.png); position: absolute; bottom: 0px; right: 100px}#serve > div { position: relative; }#serve .h2 { display: block; border-bottom: 3px solid #f79256; }#serve ul { margin: 20px 0; padding: 0; }#serve ul li, #serve ul li a { text-transform: uppercase; color: #fff; font-family: "Open Sans", serif; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 3.2px; }#serve ul li:before { content: '\e809'; color: #fff; }#serve ul li a:hover { color: #f79256; }#serve ul li + li { margin-top: 20px; }#quest { flex: 0 1 320px; }#form { max-width: 320px; text-align: center; overflow: hidden; margin: 20px auto; padding: 0; width: 100%; }#form .input { border-radius: 30px; width: 100%; background-color: #f4f5f7; }#form .input > div { width: 100%; display: flex !important; align-items: center; justify-content: space-between; }#form .warning { display: none; width: 100%; background-color: red; color: #fff; flex: 1 1 100%; margin: 0 auto; text-transform: uppercase; padding: 3px; font-size: 12px; }#form input:not(.btn), #form textarea { background-color: transparent; display: block; width: 100%; font-size: 13px; letter-spacing: 1.3px; height: 49px; margin: 0; color: #282c2f; }#form textarea { background-color: #f4f5f7; text-align: left; min-height: 100px; }#form .cycle-slide, #form .rotation { width: 100%; }#form .btn-next { height: 49px; flex: 0 0 80px; display: inline-block; margin: 0; min-width: auto; border-radius: 30px; background-color: transparent; color: #282c2f; border: 2px solid #f79256; font-size: 14px; }#form .btn-next:hover { background-color: #f79256; color: #fff; }#form .btn-outline { margin-top: 10px; }#form .pager { margin-top: 20px; text-align: right; padding: 0; display: block; }#form ::-webkit-input-placeholder { color: #282c2f; }#form :-moz-placeholder { color: #282c2f; }#form ::-moz-placeholder { color: #282c2f; }#form :-ms-input-placeholder { color: #282c2f; }#form .pager { margin-top: 10px; padding: 0; display: block; text-align: left; }#form .pager > span { border-radius: 50%; display: inline-block; vertical-align: middle; background-color: transparent; border: 2px solid #282c2f; width: 11px; height: 11px; }#form .pager > span + span { margin-left: 20px; }#form .pager .cycle-pager-active { background-color: #f79256; border: 2px solid #f79256; opacity: 1; }#assoc .flex-row { max-width: 1400px; margin: auto; }#assoc span { padding: 8px; }#assoc img { filter: grayscale(1); opacity: .3; }.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center; }.simple input:not(.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: #428eb6; background-color: #eee; }.simple textarea { height: 130px; padding: 14px 11px; }.simple input:focus, .simple textarea:focus { outline: 0; background-color: #e7f0f6; color: #428eb6; }::placeholder { color: #282c2f; }::-webkit-input-placeholder { color: #282c2f; }.social { font-size: 0; text-align: center; margin: 10px auto; display: flex; justify-content: space-around; }.social a { position: relative; display: inline-block; margin: 5px; font-size: 22px; color: #5281a6; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; }.social a:hover { background-color: #fff; }.social .fb:hover i { color: #4d70a8; }.social .gp:hover i { color: #dc4e41; }.social .yp:hover i { color: #b62717; }.social .yt:hover i { color: #d00; }.social .in:hover i { color: #c13584; }.social .tw:hover i { color: #00aced; }.social .hl:hover i { color: #0202ea; }footer { background-color: #fff; }footer a { color: #282c2f; }footer a:hover { color: #f79256; }footer .logo { display: block; margin-bottom: 10px; }footer .pho { color: #282c2f; font-family: "Open Sans", serif; font-size: 24px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.5; margin: 10px auto; display: block; }footer .phy { color: #282c2f; font-family: "Open Sans", serif; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.25; margin: 20px auto; display: block; }footer .hours { margin: 0px 0; }footer .social { display: table; }footer .social a:first-of-type { margin-left: 0; }#fo-contents { display: flex; justify-content: space-around; margin: auto; position: relative; max-width: 1350px; padding: 50px 10px; }.fo-info { flex: 0 1 auto; }#copy { font: 400 15px/1.5 "Open Sans", serif; color: #222; padding: 20px 0; text-align: center; display: flex; align-items: center; justify-content: space-between; max-width: 1300px; margin: 0 auto; }#copy a { color: #282c2f; }#copy a:hover { color: #428eb6; }#copy img { display: inline-block; vertical-align: middle; }.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto; }.slick-arrow { color: #428eb6; font-family: fontello; font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; width: 50px; height: 50px; flex: 0 0 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #282c2f; color: #282c2f; }.slick-arrow i { margin-left: -4px; }.slick-arrow:hover { color: #f79256; }#next { left: auto; right: 5px; order: 2; }#next i { margin-left: 4px; }.slick-dots { line-height: 1; margin-top: 10px; }.slick-dots li { line-height: 1; }.slick-dots span, .slick-dots a { cursor: pointer; height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin: 0 5px; border: 2px solid #fff; }.slick-dots .slick-active span, .slick-dots .slick-active a { border: 2px solid #f79256; background-color: #f79256; }.pagingInfo { font-size: 40px; }.gallery { max-width: 1200px; margin: 40px auto; padding: 0 60px 60px; color: #fff; position: relative; }.gallery:before { content: ''; z-index: -1; position: absolute; left: -1000px; right: -1000px; background-image: linear-gradient(253deg, #134b77 0%, #428eb6 100%); height: 50%; bottom: 0; z-index: -1; }.gallery .slick-arrow { top: 45%; }.gallery img { border-radius: 10px; }.slick-gallery { position: relative; margin: 20px auto; text-align: center; }.slick-gallery article .flex-ed { justify-content: space-around; }.slick-gallery article .flex-ed span { margin: 10px; position: relative; padding-bottom: 40px; flex: 0 1 510px; }.slick-gallery article .flex-ed span img { width: 100%; }.slick-gallery article .flex-ed span:after { content: 'Before'; text-align: left; position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; display: block; margin: auto; color: #fff; font: 400 18px/1.2 "Open Sans", serif; text-transform: uppercase; letter-spacing: 1.6px; }.slick-gallery article .flex-ed span:last-of-type:after { content: "After"; text-align: right; }.slick-gallery article div p { display: block; }.slick-gallery figcaption { margin: 5px auto; }@media (max-width:700px) { .gallery { padding: 10px; } .gallery .slick-arrow { position: relative; display: inline-flex; transform: none; top: auto; margin: 0; } .gallery article .flex-ed { flex-wrap: wrap; } .gallery article .flex-ed > div { flex: 1 1 100%; } .gallery article .flex-ed span { margin-bottom: 40px; flex: 1 1 100%; }}.why { padding: 60px 10px 60px; background-image: linear-gradient(252deg, #134b77 0%, #428eb6 100%); position: relative; counter-reset: why-section; }.why h2 { text-align: center; font-size: 50px; color: #fff; }.why ul { margin-top: 50px; display: flex; justify-content: space-around; align-items: center; text-align: center; align-items: flex-start; }.why ul li { max-width: 185px; flex: 0 1 185px; height: 136px; padding: 0; margin: 10px; width: 100%; color: #fff; overflow: visible; color: #fff; font-family: "DM Serif Display", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; }.why ul li span { max-width: 115px; display: block; margin: 0; margin-top: 35px; }.why ul li:before { content: url(assets/images/why.png); position: absolute; right: 0; bottom: -15px; }.page-divider { display: block; max-width: 100%; width: 100%; position: relative; z-index: 1; margin-top: 40px; }.divider-block { position: relative; display: table; clear: both; width: 100%; max-width: 100%; padding: 140px 10px; }.divider-block:before { content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: -1; }.divider-block .contain { display: flex; justify-content: space-around; align-items: flex-start; }.divider-block h2 { margin-bottom: 20px; }.divider-block .wrap { height: 0; }.divider-block figcaption { align-items: center; background-color: #f79256; justify-content: space-around; position: absolute; bottom: 30px; right: 0; left: 0; text-align: center; }.divider-block figcaption{ color: #fff; text-transform: uppercase; font-family: "Open Sans", serif; font-size: 10px; font-weight: 700; }.divider-block article { margin: auto; flex: 0 1 550px; }.divider-block article p:first-of-type { margin-top: 0; }.divider-block ul li { margin-left: 0; }.divider-block img { border-radius: 10px; }.divider-block .btn { margin-left: 0; }.divider-block .elem { flex: 0 0 auto; position: relative; z-index: 3; }.divider-block .elem-right { order: 1; }.divider-block:nth-of-type(even) h2, .divider-block:nth-of-type(even) h3, .divider-block:nth-of-type(even) li, .divider-block:nth-of-type(even) li:before, .divider-block:nth-of-type(even) p, .divider-block:nth-of-type(even) .btn, .divider-block:nth-of-type(even) .btn-alt, .divider-block:nth-of-type(even) ul { color: #fff; }.divider-block:nth-of-type(even):before { background-image: linear-gradient(244deg, #134b77 0%, #428eb6 100%); }.mini-block { display: table; clear: both; padding: 30px 0 0; margin-top: 30px; border-top: 2px solid #5281a6; }.meet-center { padding-bottom: 140px; }.meet-center:before { content: ''; background-image: linear-gradient(244deg, #134b77 0%, #428eb6 100%); position: absolute; left: -1000px; right: -1000px; top: 200px; bottom: 0; z-index: -1; }.meet-center .icon { position: absolute; right: 100px; bottom: -100px; }.meet-center article { max-width: 1050px; }.more-to-explore { max-width: 1263px; margin: 0 auto; border-top: 2px solid #5281a6; position: relative; text-align: center; padding: 140px 10px 140px; }.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; }.services-grid { position: relative; text-align: center; max-width: 1200px; width: 100%; margin: 0 auto 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; }.services-grid > div { border-radius: 10px; overflow: hidden; vertical-align: top; margin: 10px auto; background-color: #ffffff; text-align: left; flex: 0 1 380px; max-width: 380px; transition: .3s; overflow: hidden; position: relative; }.services-grid > div > a { display: block; position: relative; transition: .3s; }.services-grid article { background-image: linear-gradient(219deg, #134b77 0%, #428eb6 100%); opacity: 0; transition: .3s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10px; z-index: 11; }.services-grid .img { position: relative; }.services-grid .img img { position: relative; z-index: 5; }.services-grid .img .title { position: absolute; z-index: 10; bottom: 15px; left: 15px; right: 15px; display: block; text-align: center; padding: 30px 10px; background-color: rgba(255, 255, 255, 0.85); border-radius: 10px; color: #134b77; font-family: "DM Serif Display", sans-serif; font-size: 28px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 0.89; }.services-grid .img .title small { letter-spacing: 3.2px; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: "Open Sans", serif; display: block; }.services-grid > div.small .img .title { font-size: 18px; }.services-grid > div:hover .title { opacity: 0; }.services-grid > div:hover article { opacity: 1; }.services-grid > div a:hover h3 { color: #f79256; }.services-grid h3 { display: block; text-align: center; padding: 30px 10px; color: #fff; font-family: "DM Serif Display", sans-serif; font-size: 28px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 0.89; }.services-grid h3 small { letter-spacing: 3.2px; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: "Open Sans", serif; display: block; }.services-grid ul { vertical-align: top; padding: 0; padding-bottom: 10px; display: table; margin: 0 auto; list-style: none; -webkit-column-count: 1; column-count: 1; margin: 20px auto 0; }.services-grid ul li { margin: 0; line-height: 1; position: relative; padding: 0; text-align: center; margin-bottom: 20px; }.services-grid ul li:before { content: none; }.services-grid li a { display: block; font-size: 17px; color: #fff; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 3.2px; line-height: 1.25; }.services-grid li a:hover { color: #f79256; }.services-grid li a:hover:after { margin-left: 20px; }.services-grid > div.alt { background-color: #fce6d5; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }.services-grid > div.alt > a { width: 100%; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 20px; }.services-grid > div.alt .btn { margin-top: 40px; }#page { position: relative; display: block; width: 100%; margin: auto; padding: 30px 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 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: '\e832'; color: #f79256; position: absolute; left: 0; top: 0; font-size: .9em; }@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 { display: flex; margin-top: -20px; flex-direction: column; justify-content: center; position: relative; text-align: center; background-color: #282c2f; color: #fff; padding: 60px 0; }#interior-banner .contain { max-width: 1300px; position: relative; margin: auto; width: 100%; flex: 0 1 50%; padding: 50px 20px; }#interior-banner .flex-title { align-items: flex-start; text-align: left; max-width: 1500px; width: 100%; margin: auto; justify-content: space-around; position: relative; }#interior-banner .flex-title:after { content: url(assets/images/banner-deco.png); left: 20px; top: 0; position: absolute; z-index: 0; }#interior-banner .flex-title .contain { max-width: 515px; margin: auto; }#page-title { position: relative; margin: auto; }.flex-title { height: 100%; }.flex-title #page-title { text-align: left; margin: auto; }#intro { margin: 0 auto; }#main-img { flex: 0 1 620px; position: relative; z-index: 5; margin: 0 auto; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16); border-radius: 10px; overflow: hidden; }.landing { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }.landing a { flex: 0 1 405px; margin: 5px 5px; text-align: center; border-radius: 10px; overflow: hidden; position: relative; }.landing a .btn { position: absolute; color: #fff; z-index: 5; right: 50%; bottom: 30px; transform: translateX(50%); background-color: #f79256; }.landing a:hover .btn { background-color: #71ccf0; border-color: #71ccf0; color: #fff; }.plan { max-width: 1260px; margin: 30px auto; }.plan .content { display: flex; justify-content: space-around; }.plan .content > div { flex: 0 1 360px; background-color: #f4f5f7; }.plan .top{background-image: linear-gradient(14deg, #134b77 0%, #428eb6 100%); }.plan .top .title{color: #fff; font-size: 22px; }.plan .top .title small{color: #fff;}.plan .title { color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; }.plan .title small { display: block; color: #282c2f; font-family: "Open Sans", serif; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.75; }.plan .pricing{background-color: #bbe7f8; color: #134b77;}.plan .pricing .title{color: #134b77;}.plan .pricing .title span{color: #282c2f;}.plan .big-price { display: block; font-size: 64px; font-family: "DM Serif Display", sans-serif; line-height: 1; }.plan .big-price sup, .plan .big-price sub { font-size: 37px; }.plan .orange-price { display: block; color: #f79256; font-family: "DM Serif Display", sans-serif; font-size: 50px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.44; }.plan .orange-price sup { font-size: 29px; }.plan .list .title{display: block; text-align: left;}.plan ul { padding: 0; font-size: 15px;}.plan ul li { margin: 0 auto; }.plan ul li:before{color: #134b77;}.plan ul li strong{font-weight: 400;}.plan ul li{ margin-left:20px; }.plan .list { padding: 30px 30px 10px; }.plan .top, .plan .pricing { padding: 20px 30px; }.plan .desk-title div { padding: 20px 40px; }#refer { background: #f79256; margin: 40px auto; max-width: 700px; padding: 40px 20px 30px; }#refer .simple { max-width: 650px; margin: auto; }.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: #f79256; }.accordion .toggle.active:before { background-color: #f79256; content: 'A'; }.accordion .toggle:before { content: 'Q'; color: #fff; font: 700 24px/1.5 "Open Sans", serif; border-radius: 50%; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background-color: #428eb6; box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.19); text-align: center; display: flex; align-items: center; justify-content: center; }.accordion > div { display: none; padding: 0 20px 20px 55px; }.flip-grid { text-align: center; margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1080px; }.flip-grid .flip-container { cursor: pointer; display: block; margin: 10px auto; height: 480px; max-width: 380px; -webkit-box-flex: 0; -ms-flex: 0 1 31%; flex: 0 1 31%; -webkit-perspective: 500px; perspective: 500px; }.flipper { height: 100%; transition: transform .8s, -webkit-transform .8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; display: block; -webkit-transition: .8s all; transition: 0.8s all; }.flipper h2 { text-transform: none; color: #fff; font-family: "DM Serif Display", sans-serif; font-size: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.23; color: #fff; max-width: 90%; }.flipper .front:before, .back:before { content: 'Q'; position: absolute; right: 0; bottom: 0; line-height: 85px; width: 85px; height: 85px; background-color: #71ccf0; text-transform: uppercase; color: #282c2f; font-family: "DM Serif Display", sans-serif; font-size: 50px; font-weight: 400; font-style: normal; letter-spacing: normal; border-radius: 10px 0 10px 0; display: block; margin: 0; }.flipper .front { background-image: linear-gradient(220deg, #134b77 0%, #428eb6 100%); }.flipper .back { background-image: linear-gradient(40deg, #134b77 0%, #428eb6 100%); }.flipper .front, .flipper .back { color: #fff; border-radius: 10px; 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; padding: 20px; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; }.flipper .back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); background-color: rgba(40, 37, 97, 0.85); }.flipper .back p { font-size: 14px; text-align: left; text-align: center; line-height: 1.1; max-width: 97%; position: relative; }.flipper .back:before { content: 'A'; }.flip-container.flip .flipper { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }.flip-container.flip .front { -webkit-animation: fadeOut .7s .5s ease-in-out; animation: fadeOut 0.7s 0.5s ease-in-out; }@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { .flipper .back { -webkit-transform: none; transform: none; opacity: 0; } .flip-grid .flip-container.flip .back { opacity: 1; -webkit-transform: scaleX(-1); transform: scaleX(-1); }}@media (max-width:1000px) { .flip-grid .flip-container { height: 510px; -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; }}@media (max-width:730px) { .flip-grid { display: block; } .flip-grid .flip-container { width: 100%; max-width: 500px; height: 400px; margin: 10px auto; }}@media (max-width:480px) { .flip-grid .flip-container { height: 450px; }}@media (max-width:400px) { .flip-grid .flip-container { height: 410px; } .flipper .back p { font-size: 16px; }}.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; }.contact h3 { margin: 10px auto; }.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 { height: 380px; margin: 20px auto 40px; }.contact-map iframe { height: 420px; width: 100%; }.styled-form { margin: 30px auto; font-size: 16px; text-align: left; }.styled-form [class^="btn"] { margin-left: 0; }.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: 60px; }.styled-form .inline, .input-content { background-color: #282c2f; }.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); }.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: 40px; width: 100%; background: transparent; color: #fff; }.input__field { outline: none; }.styled-form *:focus { outline-color: #428eb6; outline-style: ridge; outline-width: thin; }.input__label { display: inline-block; 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: .2em 0 0; border-color: #428eb6; border-top-width: 1.5em; }.input__field + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 16px; padding: .85em .5em; -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 { padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px; }.styled-form .inline textarea { color: #000; padding: 5px; display: block; width: 100%; height: 120px; font-size: 16px; margin-top: 5px; }.styled-form .inline.wide { width: calc(100% / 1.5 - 3px); }@media (max-width:800px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.22); } .styled-form .input-content + .input-content { margin-top: 5px; } .styled-form .inline.wide { width: 100%; margin-top: 5px; }}.styled-form select { border: 1px solid #282c2f; padding: 5px; }.options label { display: block; margin-bottom: 5px; }.options [type=checkbox], .options [type=radio] { -webkit-appearance: none; position: relative; background-color: #fff; padding: 9px; border-radius: 3px; vertical-align: middle; }.options [type=radio] { border-radius: 50%; }.options [type=checkbox]:active, .options [type=checkbox]:checked:active, .options [type=checkbox]:checked, .options [type=radio]:active, .options [type=radio]:checked:active, .options [type=radio]:checked { background-color: #fff; }.options [type=checkbox]:checked:after, .options [type=radio]:checked:after { font-family: fontello; content: '\e832'; font-size: 13px; position: absolute; top: 2px; left: 2px; color: #428eb6; }.options [type=radio]:checked:after { content: ''; width: 14px; height: 14px; background-color: #428eb6; border-radius: 50%; }#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 200; padding: 0; }#fixed-tabs li { flex: 1; }#fixed-tabs a { display: block; font-size: 14px; font-weight: 700; color: #fff; position: relative; overflow: hidden; }#fixed-tabs i { font-size: 16px; }#fixed-tabs #fixed-tabs i, #fixed-tabs #fixed-tabs i:before { display: block; margin: 0 auto !important; }#fixed-tabs .ra { background-color: #347191; }#fixed-tabs .call { background-color: #f57325; }#fixed-tabs .map, #fixed-tabs .fr { background-color: #282c2f; }#fixed-tabs .fb { background-color: #4d70a8; }#fixed-tabs .gg { background-color: #dc4e41; }@media (min-width:1025px) { #fixed-tabs { display: none; }}@media (max-width:1024px) { #fixed-tabs { bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #fixed-tabs a span { display: inline-block; vertical-align: middle; } #fixed-tabs .call, #fixed-tabs .map { display: none; }}@media (max-width:1000px) { #fixed-tabs .fr, #fixed-tabs .gg, #fixed-tabs .fb { display: none; } #fixed-tabs .call, #fixed-tabs .map { display: block; }}@media (max-width:730px) { #fixed-tabs .ra strong { display: none; } #fixed-tabs .ra { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }}@media (max-width:1290px) { #reviews .badge { position: static; transform: none; } #services .links a { margin: 10px !important; flex: 0 1 23%; }}@media (min-width:1025px){ .lg\:hidden{display: none;}}@media (max-width:1024px) { .split .flex-ed { display: block; text-align: center; } .split figure { display: block; margin: auto; } .split article { margin: 20px auto; } #welcome .badge { position: static; } #reviews .slick-arrow { position: relative; left: auto; right: auto; top: auto; transform: none; } #reviews { text-align: center; } #reviews .slick-controls, #reviews author { justify-content: center; } #services .links a { flex: 0 1 auto; } #index-community { text-align: center; } #index-community .wide { flex: 1 1 100%; margin: 0;} #index-community span { flex: 0 1 45%; margin: 10px auto; } #index-plan, #index-safety { display: block; text-align: center; } #index-plan, #index-safety{margin: 0;} #index-plan figure, #index-safety figure { border-radius: 0; } #find { display: block; text-align: center; } #fo-contents { flex-wrap: wrap; text-align: center; } footer .hours { margin: 20px auto; } .fo-title { text-align: center; } #interior-banner .flex-title .contain { max-width: 100%; } .flex-title { display: block; text-align: center; } .flex-title #page-title { text-align: center; } #main-img { min-height: auto; } #main-img img { display: block; width: 100%; } #intro { margin: 20px auto; } .divider-block { text-align: center; padding: 40px 10px; } .divider-block .contain { display: block; } .divider-block .btn { margin: 10px auto; } .divider-block h2, .divider-block h3 { margin-bottom: 20px; text-align: center; } .divider-block [class^="elem"] { float: none; margin: 10px auto 20px; max-width: 100%; } .divider-block ul { display: table; margin: 20px auto; } .services > div, #all { flex: 0 1 48%; } .services-grid article { position: static; opacity: 1; border-radius: 0 0 10px 10px; } .services-grid .img .title { display: none; } [data-player][class^="elem"] { max-width: 650px; } .meet-center .icon{position: static;}}@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; } #reviews .slick-arrow { position: relative; transform: none; top: auto; } .split-section .contain { display: block; text-align: center; } .split-section .contain figure { display: none; } .split-section .callouts .content { } .split-section .callouts > div, .split-section .callouts h3, .split-section .callouts p{max-width: 90%; margin: 1em auto;} .split-section .callouts h3:after { display: none; } .split-section .callouts { padding: 0 10px; } .split-section .callouts p { display: block !important; text-align: left; } #welcome .sig { flex-wrap: wrap; } #welcome .sig a { flex: 0 1 45%; } .split-section .callouts > div, .split-section .callouts h3, .split-section .callouts p{display: block; text-align: center;} .split-section .callouts .icon{margin: 5px auto;} #index-safety, #tech{padding: 10px;} #welcome, #services, #meet, #reviews{margin: 30px auto;} #meet{padding: 0 20px;} #callouts{padding: 30px 10px;} #index-community{margin: 0 auto;}#index-plan article, #index-community .wide, #serve{padding: 30px;} #find { display: block; margin: 5px auto;} #map { height: 400px; } #copy{display: block;} #fo-contents{display: block;} #fo-contents hr.hidden{display: block;} #fo-contents hr{max-width: 60%; margin: 20px auto;} #fo-contents{padding: 10px;} footer hr{margin: 30px auto;} #page-title h1:only-child, h2#append, .h1, #banner .h1, h2, .h2, .dividerLead, .more-to-explore span { font-size: 35px; } .why ul { flex-wrap: wrap; } .why ul li { flex: 1 1 100%; } .plan .content { display: block; }}@media (max-width:590px) { #reviews author { display: block; text-align: center; } .banner-badges{flex-wrap: wrap;} .banner-badges >*{margin: 10px auto; flex-wrap: wrap;} #map { display: none; } #copy span:last-of-type { display: block; font-size: 0px; } .contact { text-align: center; display: block; } .contact > div:first-child, .contact p { margin: 10px auto; } .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; } .landing a .btn{position: static; transform: none; margin: 10px auto;} .why ul li::before {content: none;} .why ul li{height: auto;} .why ul li span{max-width: 100%; margin: 0 auto;}}@media (max-width:480px) { .hd-info { display: none; } header .hours label { width: 100px; } #fixed-tabs strong { display: none; } }@media (max-width:400px) { [class^="btn"], .more-to-explore [class^="btn"] { min-width: 100%; width: 100%; margin: 8px auto; } [data-embed] .close { display: block; position: unset; text-align: center; padding: 4px; }}.page_dental-insurance .divider-block {padding: 40px 10px;}#index-faq {text-align: center;max-width: 1200px;margin: 50px auto;}