body { overflow-x: hidden; font-size: 16px; line-height: 1.75; color: #000; font-weight: 400; font-family: 'Open Sans', sans-serif; letter-spacing: 0.04em; background-color: #fff }a { cursor: pointer; text-decoration: none; color: #cda12b; -webkit-transition: all .4s; transition: all .4s; }a:hover { color: #567579; }hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #bababa }@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { #title .container, .block.has_why ul li { height: 10px } .callouts [class*="row"]:hover a:not(:hover) { -webkit-transform: scale(1); transform: scale(1); }}h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; }#page-title h1, .h1 small { text-transform: uppercase; color: #29898c; font-size: 14px; font-weight: 600; line-height: 1.25; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; display: block; margin: 10px auto }#page-title h1:only-child, h2#append, .h1 { text-transform: uppercase; color: #fff; font-size: 47px; font-weight: 500; line-height: 1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; }.h1 small { color: #29898c }h2, .h2, .dividerLead, .more-to-explore span { text-transform: uppercase; color: #252020; font-size: 47px; font-weight: 600; line-height: 1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; position: relative }h3, .h3 { color: #5d4f42; display: block; position: relative; color: #000; font-size: 29px; font-weight: 500; line-height: 1.2; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; text-transform: uppercase }.h4, .toggle h2, .toggle h3, .toggle { color: #5d4f42; display: block; position: relative; color: #000; font-size: 21px; font-weight: 500; line-height: 1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; }.fo-title { margin-bottom: 20px; color: #FFF9B0; font-size: 16px; font-weight: 700; line-height: 1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; display: block }.text-white, .h1 .text-white { color: #fff }#banner h1, #title h1:not(:only-child) { font-size: 16px; line-height: 1.37; color: #a0d8dd; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }.h4,.toggle h2,.toggle h3{color:#5d4f42;display:block;position:relative;color:#000;font-size:21px;font-weight:500;line-height:1;letter-spacing:normal;font-style:normal;font-family: "Open Sans", serif;}.h4 .h1 { font-size: 32px }.block.has_why .dividerLead { font-size: 36px; line-height: 1.16; color: #567579; font-weight: 400; text-transform: none; letter-spacing: 0 }.index .h1 { font-size: 44px; line-height: 1.09 }.callouts h3 { font-weight: 400; }.services ul li a { font-weight: 600 }.callouts.bg a, #fixed-tabs { font-weight: 700 }@media screen and (min-width:1023px) { .align { overflow: hidden; }}[class^=btn] { border-radius: 26px; position: relative; z-index: 1; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; transition: .3s all; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; min-width: 285px; margin: 10px; padding: 16px 10px; background-color: #29898c }[class^=btn]:hover { background-color: #fff; color: #29b6ba }.btn-alt { border: 1px solid #554b3e; background-color: #554b3e; color: #fff }.btn-alt:hover { background-color: #fff; color: #29b6ba }.btn-thr { background-color: #554b3e }.btn-thr:hover { background-color: #29898c }#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 510; }#fixed-tabs a { font-size: 16px; background-color: #7fb261; color: #fff; position: relative; overflow: hidden; transition: width .3s, background-color .3s; }#fixed-tabs i { font-size: 16px; }#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important; }#fixed-tabs em { font-size: 10px; font-style: normal; margin-top: 8px; display: none; font-weight: 600; text-transform: uppercase; }#fixed-tabs strong { font-weight: 900; }#fixed-tabs .ra { background-color: #9fbe53; flex: 2; }#fixed-tabs .ra span:last-child { word-spacing: 0.25rem; }#fixed-tabs .fb { background-color: #b3ce8a; }#fixed-tabs .gp { background-color: #98cec1; }#fixed-tabs .map { background-color: #2E2D2D; }#fixed-tabs .call{background-color: #29B6BA;}#fixed-tabs .call, #fixed-tabs .map { display: none; }@media (min-width:1001px) { #fixed-tabs { position: fixed; top: 230px; } #fixed-tabs a { display: block; text-align: left; margin-left: auto; font-size: 12px; } #fixed-tabs a + a { margin-top: 8px; } #fixed-tabs a span { display: block; } #fixed-tabs a span:first-child { text-align: center; padding: 7px 0; } #fixed-tabs .fb { display: block; } #fixed-tabs .gp { display: block; } #fixed-tabs a, #fixed-tabs a span:first-child, .scrolled #fixed-tabs a, .scrolled #fixed-tabs a span:first-child { width: 30px; } .scrolled #fixed-tabs .ra span:last-child, .scrolled #fixed-tabs a span:last-child, #fixed-tabs a span:last-child { position: absolute; letter-spacing: 0; left: 40px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: width .3s; transition: width .3s; } .scrolled #fixed-tabs .ra:hover, .scrolled #fixed-tabs a:hover, #fixed-tabs a:hover { width: 212px; } #fixed-tabs a span { font-weight: 900; } .scrolled #fixed-tabs a span:last-child, #fixed-tabs a span:last-child { text-transform: uppercase; }}@media (min-width:1280px) { #fixed-tabs { position: fixed; top: 245px !important; } #fixed-tabs a, #fixed-tabs a span:first-child { width: 56px; } #fixed-tabs a span:last-child { left: 80px; } #fixed-tabs a:hover { width: 250px; } .scrolled #fixed-tabs a:hover { width: 250px !important; } #fixed-tabs i { font-size: 20px; } #fixed-tabs em { display: block; } #fixed-tabs .ra { width: 55px; height: 202px; } #fixed-tabs .ra em { display: none; } #fixed-tabs .ra span:last-child { transform: rotate(-90deg); bottom: 85px; width: 200px; left: -70px; letter-spacing: 1px; display: flex; justify-content: center; } #fixed-tabs .ra strong { padding: 0 0 0 10px; } #fixed-tabs .ra:hover { background-color: #7d7e82 !important; width: 55px; } .scrolled #fixed-tabs a, .scrolled #fixed-tabs a span:first-child, .scrolled #fixed-tabs .ra, .scrolled #fixed-tabs .ra span:first-child { width: 30px; height: auto; } .scrolled #fixed-tabs em, .scrolled #fixed-tabs .ra em { display: none; } .scrolled #fixed-tabs i, .scrolled #fixed-tabs .ra i { font-size: 16px; } #fixed-tabs .fb:hover { background-color: #3b5998 !important; } #fixed-tabs .gp:hover { background-color: #dd4b39 !important; }}@media (max-width:1000px) { #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #fixed-tabs a span { display: block; vertical-align: middle; } #fixed-tabs a span:last-child { margin: 5px auto 0; } #fixed-tabs a strong { display: none; } #fixed-tabs .ra{background-color: #22898C;} #fixed-tabs a.fm, #fixed-tabs a.fb, #fixed-tabs a.gp { display: none; } #fixed-tabs .call, #fixed-tabs .map { display: block; } #kleer-dentist-widget { bottom: 50px !important; }} #index-coupon { position: fixed; bottom: 50px; left: 1pc ; z-index: 1000; }main { overflow: hidden; }.container, #page { position: relative; width: 100%; margin: 0 auto; padding: 0 20px; max-width: 1240px }#page.has_divider { }#page h2 + p, #page h3 + p { margin-top: 7px }#page p + h2, #page ul + h2, #page ul + h3 { margin-top: 40px }#page .elem-left + p, #page .elem-right + p, #page .elem-left + h2, #page .elem-right + h2 { margin-top: 0px }.elem-left { margin-right: 40px; }.elem-right { margin-left: 40px; }.elem-border { }main ul { list-style: none; overflow: hidden; padding: 0; margin: 10px 0; }main ul li { position: relative; display: block; margin-left: 25px; padding-left: 27px; }main ul li:before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #90b9bd; position: absolute; top: 6px; left: 0; }figure { position: relative }#title { position: relative; text-align: center; background-color: #f8ad47; margin-bottom: 30px }#title .container { min-height: 320px; padding: 10px; }#title .container:after { content: ''; display: block; width: 100%; height: 40px; margin: 0 auto; background: url(assets/images/deco-stars.png) no-repeat center center }#title h1:not(:only-child) { margin-bottom: 10px }#title h2#append, #title h1:only-child { color: #fff; }@media only screen and (min-width:1000px) { #page > p:first-child > img.elem-left, #page > p:first-child > div.elem-left { border: 5px solid white; margin-top: -85px }}.page-divider, .page-divider .block, .more-to-explore { display: table; clear: both; width: 100% }.page-divider { margin-top: 70px }.page-divider .block { position: relative; padding: 65px 0; }.page-divider .block:nth-of-type(odd):before { content: ''; background-color: #ddeaeb; position: absolute; z-index: -1; width: 100vw; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }.page-divider .block article p:first-child { margin-top: 0 }.page-divider .block article p:last-child { margin-bottom: 0; }.block.has_button article { overflow: hidden }.block.has_why { padding: 45px 0; text-align: center }.block.has_why:before { background-color: #ece0cc; }.block.has_why .dividerLead { margin-bottom: 20px }.block.has_why ul { margin: 0; padding: 0; overflow: visible; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }.block.has_why ul li { margin: 10px 0 0; padding: 10px 5px; min-height: 150px; line-height: 1.45; text-transform: none; letter-spacing: 0; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); max-width: calc(100% / 3 - 13px); -webkit-box-flex: 0; -webkit-flex: 0 1 380px; -ms-flex: 0 1 380px; flex: 0 1 380px; }.block.has_why ul li:before { display: none }.more-to-explore { position: relative; text-align: center; padding: 45px 0; background-color: #f1e8d9; background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.81) 0%, rgba(235, 222, 202, 0.81) 100%); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.81) 0%, rgba(235, 222, 202, 0.81) 100%); }.more-to-explore p { font-size: 0; max-width: 1200px; margin: 30px auto 0 }[data-player], [data-vimeo], [data-embed] { position: relative; }[data-embed] .close, [data-vimeo] .close { background-color: #22898c; color: #fff; padding: 11px; text-transform: uppercase; }[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #464646; color: #fff; }[data-embed] .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }[data-embed] .close { position: absolute; top: 0; right: 0; }[data-embed] .close i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }.vimeo[class*="elem-"], .youtube[class*="elem-"] { width: 440px; }.youtube, .vimeo { position: relative; cursor: pointer; width: 100%; font-size: 0; }.youtube:before, .vimeo:before, .vimeo:after, .youtube:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.vimeo:before, .youtube:before { content: ""; background-color: #fff; width: 40px; height: 40px; }.vimeo:after, .youtube:after { font-size: 70px; color: #ff0000; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e"; }.vimeo:after { color: rgb(0, 173, 239); }.vimeo:hover:after, .youtube:hover:after { color: #4d4d4d; }.vimeo.active:before, .vimeo.active:after, .youtube.active:before, .youtube.active:after { display: none; }.btn-alt { border: 1px solid #554b3e; background-color: #554b3e; color: #fff }.btn-alt:hover { background-color: #fff; color: #29b6ba }.btn-thr { background-color: #554b3e }.btn-thr:hover { background-color: #29898c }.insurance-bar { display: none; padding: 2px; text-transform: uppercase; color: #fff; text-align: center; font-size: 14px; background-color: #29898c }header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: #fff; transition: .3s all }header:focus-within { z-index: 500 }header .logo { position: relative; z-index: 1 }header .pho { color: #5b8f95; font-size: 34px; font-weight: 400; line-height: 1.1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; position: relative }header .phy { display: block; color: #252020; font-size: 18px; font-weight: 500; line-height: 1.14; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; position: relative }header .pho:hover, header .phy:hover { color: #29898c }header .phy i, header .pho i { color: #554b3e; font-size: 15px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }header li a { font-weight: 400; font-family: "Open Sans", serif }header nav .active { box-shadow: inset 0 -3px 0 0 #29898c }.hd-info { flex: 0 1 287px }.hd-btns { text-align: center; display: flex; flex-wrap: wrap; flex: 0 1 320px; justify-content: space-between }.hd-btns [class^=btn] { justify-content: center; align-items: center; min-width: auto; padding: 10px 6px; border-radius: 0; margin: 0; font-weight: 400; background-color: transparent; color: #29898c; border: 2px solid #29898c; font-size: 12px }.hd-btns [class^=btn]:hover { background-color: #fff !important; color: #5B8F95 !important }.hd-btns .ra { flex: 1 1 100%; margin-bottom: 5px }.hd-btns .fm, .hd-btns .of { flex: 0 1 49%; padding: 5px }@media (min-width:1026px) { header .logo { padding: 0px 0 15px; top: 10px; right: 1pc; } .place-nav { max-width: 100%; margin: 0 auto; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; } nav { flex: 0 1 1050px } nav, nav ul li, nav ul li a { position: relative } nav > ul { padding: 0; margin: auto; display: flex; align-items: center } nav ul { margin: auto; 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: 16px; color: #252020; font-weight: 500; font-family: "Open Sans", serif; } nav > ul > li > a span { color: #5d4f42 } nav > ul > li:hover > a { color: #29898c } 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: 310px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #29898c; box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2) } nav > ul > li:last-child ul { right: 0; left: auto } nav ul ul li > a { padding: 10px 12px; font-size: 14px; line-height: 1.3; text-transform: none } nav ul ul li:hover > a { background-color: #554b3e; color: #fff } nav ul ul ul { left: 100%; top: 0; background-color: #5B8F95 } nav ul ul ul li button i:before { content: "\e825" !important } nav ul ul ul ul { top: auto; left: 0; position: relative; display: block; box-shadow: none; background-color: #2b5a33 } nav ul ul ul ul li a { padding-left: 2em; padding-left: 2em; background-color: #2e6136 } nav ul ul ul ul li:hover a { background-color: #372712 } .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 } #wrap-me { max-width: 1100px; margin: auto; } nav#main-nav { margin-top: -1.5rem; } nav#main-nav>ul>li:nth-of-type(3) { margin-right: 25%; } #index-dr-container-1 { position: relative; top: 9rem; margin-top: -13rem; } #index-dr-container-2 { position: relative; top: -11rem; } #index-dr-container-2 .dr-2 { position: relative; bottom: -2rem; right: -1rem; }}.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; }.fix-nav #hd-content .hd-btns:hover { background-color: #fff !important }@media (max-width:1025px) { body.page_index{padding-top: 0 !important;} body.page_index:not(.fix-nav) header{background-color: transparent;} .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: 8px; position: static; transform: none; } header .logo img { max-height: 60px } #main-nav, header .hd-btns, header [class^=btn] { display: none } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2); background: #fff } header.slideInDown { animation-name: none; } 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, 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-color: #4ACEDA; 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: #4ACEDA } .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: 54.5px; 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: 76px; background-color: rgba(0, 0, 9, 0.1); margin: 0; padding: 10px 5px; justify-content: center; align-items: 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 { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #5d4f42; font: 700 15px/1 "Open Sans", 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: #5d4f42; 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: #3b7d46 }.play:hover i { background-color: #3b7d46; color: #fff }[data-embed] .close, [data-vimeo] .close { cursor: pointer; line-height: 1; background-color: #29898c; 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: #9cc065 }[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{position:relative;; overflow: hidden;} #banner article { z-index: 50; text-align: center; position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); width: 100%; padding: 10px }#banner .h1 small { color: #fff }#banner .h2 { font-weight: 400; }#banner .play { color: #fff; transform: none; position: static; display: flex; justify-content: center; max-width: 220px; margin: auto; align-items: center; position: absolute; z-index: 20; top: auto; left: 20px; bottom: 20px; }#banner .caption { text-align: center; position: absolute; bottom: 40%; right: 50%; transform: translate(50%, 50%); max-width: 820px; width: 100%; }#banner .caption { background: rgba(41, 182, 186, .16); padding: 1pc 2pc; }#banner.playing .caption{position: static; transform: none; margin: 0 auto;}#banner.playing .caption .h2, #banner.playing .caption .h1 small { color: black }#banner.playing{max-height: 100%; background-image: none !important; min-height: auto;}.playing.banner .caption { position: static; transform: none; margin: 0 auto; }@media (min-width:800px) { .rev-seal { position: absolute; bottom: 445px; right: 100px; z-index: 99; } .service-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 50px 20px; max-width: 1200px; margin: auto; }}@media only screen and (max-width:1024px) { .banner .caption { position: static; transform: none; } .testimonials > * { width: 100%; }}#approach h2 { color: #000; font-size: 29px; font-weight: 700; line-height: .93; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; }#approach .top { max-width: 870px; padding: 10px }#approach .top p { font-size: 22px; color: #000 }#approach .links { max-width: 1080px; margin: 30px auto 0; position: relative }#approach .links:after { content: ""; position: absolute; z-index: -2; bottom: 20px; left: 100px; right: 100px; height: 2px; background-color: #554b3e }#approach .links > div { padding: 0 5px; flex: 0 1 255px }#approach .links > div p { margin-bottom: 0; font-size: 17px }#approach .links > div p + span { background-color: #29b6ba; text-align: center; max-width: 155px; margin: 10px auto 0; display: block; padding: 5px; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.56; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif }#approach .links > div:nth-of-type(even) p+ span { background-color: #5b8f95 }#callouts { background-color: #EBD8B2; }#callouts .content { max-width: 1170px }#callouts .links { margin: 30px auto }#callouts .links .item { flex: 0 1 380px; display: block }#callouts .links .item h3 { color: #29b6ba; font-size: 20px; font-weight: 700; line-height: 1; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; transition: .3s all; text-transform: none }#callouts .links .item h3:hover { color: #29898c }#callouts .links .item img { margin: 12px auto }#callouts .links .item p { color: #272727; margin-top: 0; margin-bottom: 20px; font-size: 14px; }#callouts .links .item .link { color: #29b6ba; font-weight: 700 }#callouts .links .item .link i { color: #29b6ba; margin-left: 5px }#callouts .links .item .link:hover { color: #29898c }#callouts .links .item .link:hover i { color: #29898c }.split .flex-ed { max-width: 1600px; margin: auto; display: flex; align-items: center; justify-content: space-around }.split article { flex: 0 1 500px; padding: 10px }.split >div { max-width: 1200px; margin: 0 auto; }.split figure { flex: 0 1 532px }.split article .btn { margin-left: 0 }.split .caption { padding: 10px; text-align: center }.split .caption a { color: #fff; padding: 0 5px }.split .caption a:hover { color: #29898c }.split.playing .flex-ed { display: block }.gallery-nav .slick-dots span, .gallery-nav-new .slick-dots span { width: auto; height: auto; color: #000; background-color: #F0F0F0; }.gallery-nav-new { text-align: center; }.gallery-nav .slick-dots .slick-active span, .gallery-nav-new .slick-dots .slick-active span { background-color: #29b6ba; color: #fff; }.gallery-nav .slick-dots span, .gallery-nav-new .slick-dots span { width: 110px; color: #000; background-color: #F0F0F0; height: 24px; align-content: center; padding: 0 4px; margin-inline: 3px; font-size: 10px; border-radius: 25px; }.gallery-nav .slick-dots, .gallery-nav-new .slick-dots { margin: auto; }.gallery-nav .slick-dots li, .gallery-nav-new .slick-dots li { margin-inline: 0px; }.green { background-color: #d3e2e3; margin: auto; border: 2pc solid #fff; border-bottom: none; }#service { padding-bottom: 4pc; }#meet div figure, #meet div figure figure { max-width: 575px; Width: 100%; }#meet figure figcaption { left: 60px; right: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; max-width: 575px; margin: auto; }#meet figure figcaption a { color: #fff; background-color: #3b7d46; padding: 2px 18px; }#expertise { padding: 100px 0; }#expertise .expertise-container { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 30px; max-width: 1200px; margin: auto; }#expertise .expertise-container div.content, #expertise .expertise-container figure { max-width: 500px; width: 100%; }#expertise .expertise-container div > div { display: flex; justify-content: center; gap: 10px; margin-top: 5px; }#expertise .expertise-container div div a { background-color: #3b7d46; color: #fff; padding: 5px 10px; }#expertise figcaption { width: 100px; padding: 0 4px; border-radius: 25px; font-size: 12px; text-align: center; color: #fff; background-color: #29b6ba; margin: 10px auto 0; }#finance .content { max-width: 432px }#see { position: relative; padding: 100px 20px 20px; background-color: #29b6ba; color: #fff; }#see .content { max-width: 1150px; width: 100%; margin: 0 auto; padding: 50px 10px; text-align: center; margin: 0 auto -160px }#see article { position: relative; max-width: 1069px }#see figure { max-width: 1000px; margin: 60px auto 0; }.content article .accent:before { margin: auto; }#community .content { max-width: 1150px; margin: 0 auto; padding: 10px }#community article { position: relative; max-width: 514px; flex: 0 1 520px; }#community article:after { content: url(assets/images/index-quote.png); position: absolute; right: 0; top: 0 }#community p { font-size: 41px; margin: 12px auto; line-height: 1.1 }#community .author { color: #554b3e; font-size: 16px; display: block }#reviews figure { display: none; }#reviews { min-height: 698px; background-image: url(assets/images/index-review.jpg); background-size: cover; background-position: 75% 50%; padding-top: 100px }#reviews .content { max-width: 1150px; margin: 0 auto; padding: 10px }#reviews article { position: relative; max-width: 611px; margin: 0 0 0 auto }#reviews article:after { content: url(assets/images/index-quote.png); position: absolute; right: 0; top: 0 }#reviews p { font-size: 41px; margin: 12px auto }#reviews { position: relative }#reviews .slick-reviews { margin: 0 auto; max-width: 611px }#reviews .slick-reviews p { color: #272727; font-size: 40px; line-height: 1.4; font-weight: 400 }#reviews .slick-track { align-items: center; display: flex }#reviews author { display: flex; font-size: 16px; margin: 10px 0; align-items: center; justify-content: flex-end }#reviews author i { margin-right: 20px; display: block }#reviews author i.icon-google { color: #dc4e41 }#reviews star { display: block; letter-spacing: 4px; font-size: 22px }#reviews star:before { color: #ffe386 }star:before, .youtube:after, #reviews .arrow:before, .team > a:before { font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; }#reviews .rev-bot { display: flex; align-items: center; justify-content: flex-end; max-width: 480px; margin: 0 0 0 auto; margin-top: 200px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.38 }#reviews .rev-bot .link { color: #fff }#reviews .rev-bot a.link:hover { color: #29898c }#reviews .badge { position: absolute; bottom: 50px; left: 200px }#reviews .slick-arrow { top: 40% }#reviews .slick-controls { margin: 20px auto; display: flex; justify-content: center; align-items: center }#reviews .social a { background-color: transparent; font-size: 24px; width: 51px; height: 51px; border: 2px solid #fff; color: #fff; color: #fff; line-height: 48px }#reviews .social .fb:hover { background-color: #4d70a8; color: #fff }#reviews .social .gp:hover { background-color: #dc4e41; color: #fff }#reviews .social .yp:hover { background-color: #b62717 }#reviews .social .yt:hover { background-color: #d00; color: #fff }#reviews .social .in:hover { background-color: #c13584; color: #fff }#reviews .social .tw:hover { background-color: #00aced; color: #fff }.gallery-nav-new ul { display: inline-flex; gap: 1pc; justify-content: center; }.gallery-nav-new ul li { flex: 0 1 142px; margin: auto; }#see .youtube::after { background-color: transparent; content: '\e938'; color: #fff; border: solid 3px #fff; padding-inline: 2pc 1.5pc; border-radius: 50%; padding-block: 8px; width: 160px; }#see .youtube::before { background: transparent; }#see .youtube:hover::after { background: #b3cf89; }#social { background-color: #f5eee1; margin-top: 100px; padding: 50px 20px;}#social .content a { border: 2px solid #5b8f95; padding-bottom: -25px; line-height: 34px; color: #29b6ba; background-color: transparent;}#social .ig:hover{background-color:#c13584;color:#fff}#social .content a i { font-size: 35px; }#social .content a { width: 74px; height: 74px; line-height: 70px; }#expertise .gallery, #meet .gallery { padding: 0px; }#expertise p, #meet p { margin-top: 2.5rem; }#social .block { max-width: 1200px; margin: auto; }.service-a { width: 269px; color: black; text-align: center; justify-content: center; display: grid; }.service-a .service-box img { align-self: end; }.service-a .service-box p { align-self: flex-end; font-size: 18px; margin-bottom: 0; }.service-a .service-box { display: grid; }.assoc { max-width: 1130px; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap }.assoc span { padding: 8px }.assoc .break { flex: 1 1 100%; }div.vid-grid { display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; margin: 30px auto; max-width: 1200px; align-items: center; margin-bottom: 0; }div.vid-grid>div { flex: 0 1 33%; margin-bottom: 30px; width: 100%; }#videos .vimeo:after, #videos .youtube:after { display: none; }#videos .vimeo:before, #videos .youtube:before { display: none; }#videos .youtube.active img, #videos .youtube.active p { display: none; }div.vid-grid p { text-align: left; margin-left: 1.5pc; margin-top: 0px; }@media (min-width:1001px) { #reviews .slick-track { overflow: visible !important } #reviews .slick-slide { opacity: .5 } #reviews .slick-slide.slick-current { opacity: 1 }}#services .title, #services-mobile .title { max-width: 800px; padding: 10px }#services .links, #services-mobile .links { max-width: 1300px }#services .links a, #services-mobile .links a { position: relative }#services .links a:after, #services-mobile .links a:after { content: ""; position: absolute; top: 7px; right: 7px; left: 7px; bottom: 7px; background-color: #000; opacity: .2 }#services .links a h3 { position: absolute; bottom: 20px; left: 5px; right: 5px; z-index: 5; color: #fff; font-size: 17px; font-weight: 500; line-height: 1.12; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; }#services-mobile .links a h3 { position: absolute; bottom: 20px; text-align: center; left: 50%; right: auto; z-index: 5; color: #fff; font-size: 17px; font-weight: 500; line-height: 1.12; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; transform: translate(-50%); }#services .links a:hover:after, #services-mobile .links a:hover:after { top: 0; left: 0; right: 0; bottom: 0 }.call a{color: #000; font-weight:700;}.call a:hover{color: #29898c;}#find { padding: 100px 20px 200px; background-color: #C5E0DE; }#find >div { max-width: 1100px; margin: 0 auto; }#find article { flex: 0 1 500px; }#find iframe { width: 100%; max-width: 565px; }.assoc { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap }.assoc span { padding: 8px }.purchase-options { display: flex; justify-content: center; align-items: center; flex-wrap: wrap }.purchase-options img { display: inline-block; margin: 5px 30px; max-height: 120px }.purchase-options a { margin: 15px }.plan-title { text-align: center; margin-bottom: 20px; font-size: 35px }.first-title { padding-top: 30px }.center-vid { text-align: center; margin: 40px auto }.center-vid iframe { margin: auto }.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center }.simple select, .simple option, .simple input, .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: #29898c; background-color: #eee }.simple select, .simple option { display: block; color: #5d4f42 }.simple textarea { height: 130px; padding: 14px 11px }.simple input:focus, .simple textarea:focus { outline: 0; background-color: #e7f0f6; color: #29898c }::placeholder { color: #5d4f42 }::-webkit-input-placeholder { color: #5d4f42 }#quest { padding: 10px; background-color: #D5E3E2; flex: 0 1 492px; padding-top: 65px; background-image: url(assets/images/fo-quest-bg.png); background-repeat: no-repeat; background-position: 100% 80% }#quest .h2 { font-size: 34px }#quest > div { max-width: 413px; margin: 0 auto }#quest .slick-form { margin: 20px auto; max-width: 488px }#quest .input { align-items: center; height: 53px; display: -webkit-box !important; background-color: #F2F2F2; display: -ms-flexbox !important; display: flex !important; width: 100%; overflow: hidden }#quest .forms input, #quest .forms textarea, #quest .forms select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 53px; width: 100%; background-color: transparent; padding: 10px; font-size: 16px; border: none; margin: 0; color: #000 }#quest .forms textarea { padding-top: 15px }#quest .next { transform: none; font-family: "Open Sans", serif; position: static; overflow: hidden; border-radius: 0; padding: 10px; height: 59px; margin: 0; display: inline-block; min-width: 100px; background-color: #29B6BA; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase }#quest .next:hover { color: #fff !important; background-color: #5B8F95 }#quest .next:after { display: none }#quest .slick-dots { margin-top: 10px; text-align: left; max-width: 205px }#quest .slick-dots span { background-color: #fff }#quest .slick-dots .slick-active span { background-color: #29898c }#quest::-webkit-input-placeholder { color: #000 }#quest:-ms-input-placeholder { color: #000 }#quest::-ms-input-placeholder { color: #000 }#quest::placeholder { color: #000 }#quest::-webkit-input-placeholder { color: #000 }#quest .warning { color: red; display: none }.social { font-size: 0; text-align: center; margin: 10px auto; display: flex; justify-content: center }.social a { position: relative; display: inline-block; margin: 5px; font-size: 18px; color: #fff; width: 38px; height: 38px; border-radius: 50%; line-height: 38px; background-color: #29898C; }.social a:hover { background-color: #fff }.social .fb:hover { background-color: #4d70a8; color: #fff }.social .gp:hover { background-color: #dc4e41; color: #fff }.social .yp:hover { background-color: #b62717 }.social .yt:hover { background-color: #d00; color: #fff }.social .in:hover { background-color: #c13584; color: #fff }.social .tw:hover { background-color: #00aced; color: #fff }footer { background-color: #5b8f95; position: relative; color: #fff; padding-top: 130px; margin-top: 100px }body.page_index footer { margin-top: 0; }footer a { color: #fff }footer a:hover { color: #29B6BA }footer .logo { position: absolute; top: -80px; right: 50%; transform: translateX(50%); margin-bottom: 10px }footer .pho { color: #fff; font-size: 20px; font-weight: 500; line-height: .7; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; margin: 10px auto; display: block }footer .phy { color: #fff; font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: normal; font-style: normal; font-family: "Open Sans", serif; margin: 20px auto; display: block }footer .hours { margin: 20px 0 }footer .hours p { color: #fff }footer .social { display: table; margin: 0; margin-top: 30px; margin-bottom: 55px }footer .social a:first-of-type { margin-left: 0 }footer hr { max-width: 1250px; background-color: #fff; position: relative }footer hr:after { content: url(assets/images/fo-accent.png); position: absolute; right: 30px; bottom: -5px }.fo-links a { display: block; color: #fff; font-size: 14px; margin-top: 5px }.fo-links a:hover { color: #29B6BA }#fo-contents { display: flex; justify-content: space-around; margin: auto; position: relative; max-width: 1350px; padding: 0px 10px 50px }#fo-contents > div { margin: 20px auto }.fo-info { flex: 0 1 auto }#copy { font: 400 13px/1.5 "Open Sans"; color: #fff; max-width: 1250px; margin: 0 auto; padding: 20px 0; text-align: center }#copy a { color: #9fbe53 }#copy a:nth-of-type(1), #copy a:nth-of-type(2) { color: #fff }#copy a:hover { color: #fff }#copy img { display: inline-block; vertical-align: middle; margin: 0 0 5px 5px }@media (min-width:1023px) { #copy br { display: none; }}.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto }.slick-arrow { font-family: fontello; left: 0; flex: 0 0 60px; color: #5c5952; font-size: 46px; font-weight: 400; z-index: 5; transition: .3s all }.slick-arrow i { margin-left: -4px }.slick-arrow:hover { color: #3b7d46 }#next { order: 2; }.slick-dots { line-height: 1 }.slick-dots li { line-height: 1 }.slick-dots li button { padding: 0 }.slick-dots span { cursor: pointer; background-color: #554b3e; height: 8px; width: 8px; border-radius: 50%; display: inline-block; margin: 0 5px }.slick-dots .slick-active span { background-color: #29898c }.pagingInfo { font-size: 30px; text-align: center }.gallery { max-width: 1050px; margin: 40px auto; padding: 0 60px; position: relative }.gallery .slick-arrow { top: 50% }.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 }.slick-gallery article .flex-ed span img { width: 100% }.slick-gallery article .flex-ed span:after { content: "Before"; position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; display: block; margin: auto; color: #5d4f42; font: 400 18px/1.2 "Open Sans"; text-transform: uppercase; letter-spacing: 1.6px }.slick-gallery article .flex-ed span:last-of-type:after { content: "After" }.slick-gallery article div p { display: block }.slick-gallery figcaption { margin: 5px auto }.imap iframe { display: block; width: 100%; height: 420px; }.team { text-align: center; }.team > a { display: inline-block; vertical-align: middle; position: relative; margin: 15px 14px }.team > a img { border: 5px solid #fff }.team > a span, .team > a:before { opacity: 0 }.team > a:hover span, .team > a:hover:before { opacity: 1 }.team > a:hover img { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15), inset 0 0 120px rgba(0, 0, 0, 0.18); }.team > a span { display: block; background-color: rgba(68, 89, 89, 0.85); color: #fff; -webkit-transition: .2s; transition: .2s; position: absolute; height: 0px; right: 5px; bottom: 5px; left: 5px; font-size: 18px; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }.team > a:before { content: '\e847'; position: absolute; top: 0; right: 10px; font-size: 24px; color: #567579; }.team > a:hover span { height: 40px; }.team-active { overflow: hidden; }.team-active:before { content: ''; position: fixed; z-index: 102; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .8); }.team .popout-content { display: none; position: fixed; z-index: 103; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 800px; width: calc(100% - 20px); max-height: calc(100% - 20px); background-color: #fff; border-radius: 5px; padding: 10px; overflow: scroll; text-align: left }.team .popout-content .btn { margin: 6px 0 0 }.team .popout-content.show { display: block; }.team .popout-content .close { background-color: #fff; color: #567579; border-radius: 50%; box-shadow: 1px 1px 3px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; z-index: 1; top: 8px; right: 8px; width: 30px; text-align: center; line-height: 30px; font-size: 20px; }.popout i { position: absolute; bottom: 15px; right: 30px; color: #fff; font-size: 40px; }@media (max-width:700px) { .popout-content iframe { display: none }}.cycle-slideshow { position: relative; overflow: visible !important; }.cycle-slideshow .cycle-slide { right: 0; margin: 0 auto; z-index: 0 !important }.arrow, .pager, .pager span { display: inline-block; vertical-align: middle }.arrow:hover img { opacity: 0.5 }.pager { font-size: 0; }.pager span { cursor: pointer; width: 7px; height: 7px; margin: 12px; border: 1px solid #567579; border-radius: 50%; }.pager span.cycle-pager-active { background-color: #567579; }.gallery { text-align: center; margin: 30px auto }.gallery .cycle-slideshow { margin-bottom: 20px }.gallery .cycle-slideshow img { border: 5px solid white; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); }.services { position: relative; clear: both }.services div { display: table; clear: both; width: 100%; margin: 60px auto; }.services div > a { font-size: 20px; color: #445959; letter-spacing: 0; display: block }.services div > a img { float: left; margin-right: 40px }.services ul { margin: 15px 0 0; padding: 0; padding-left: 20px; letter-spacing: 0.04em; }.services ul li { margin: 0; padding-left: 30px; background: url(assets/images/deco-bullet.png) no-repeat top 8px left }.services ul li:before { display: none }.services ul li a { color: #000; }.services ul li a:hover { color: #b28c6a; }.services ul.half li { display: inline-block; vertical-align: top; width: 48% }.services.disabled a { pointer-events: none }.accordion, .hover-accordion { margin: 20px auto 30px; position: relative; z-index: 5; overflow: hidden; text-align: left; max-width: 1115px }.accordion .toggle, .hover-accordion .toggle { position: relative; cursor: pointer; clear: both; margin: 0 auto; width: 100%; padding: 20px; display: block; display: flex; align-items: center; justify-content: space-between; text-align: left }.accordion .toggle:hover h2, .accordion .toggle:hover h3, .hover-accordion .toggle:hover h2, .hover-accordion .toggle:hover h3 { color: #29898c }.accordion .toggle.active:after, .hover-accordion .toggle.active:after { content: url(assets/images/faq-minus.png) }.accordion .toggle:before, .hover-accordion .toggle:before { content: ""; position: absolute; height: 1px; background-color: #6c6d6b; opacity: .25; top: 0; left: 0; right: 0 }.accordion .toggle:nth-of-type(1):before, .hover-accordion .toggle:nth-of-type(1):before { content: none }.accordion .toggle:after, .hover-accordion .toggle:after { content: url(assets/images/faq-plus.png) }.accordion > div, .hover-accordion > div { display: none; padding: 20px }.hours { display: table; margin: 0; text-align: left !important }.hours label { width: 120px; display: inline-block; }.hours small { display: block; line-height: 1.2; font-style: italic; margin-top: 10px }.v-card { margin-bottom: 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }.v-card > div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }.v-card iframe { display: block; height: 250px; width: 100%; margin-top: 10px }@media only screen and (min-width:900px) { .v-card > div:first-child { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60% } .v-card iframe { height: 300px }}.standard-form { }.standard-form input:not(.btn), .standard-form textarea, .standard-form select { font-size: 17px; line-height: 1.1; border: 0; border-radius: 0; width: 100%; height: 40px; padding: 0 20px; margin-bottom: 10px; background-color: #f2f2f2; color: #22898c; }.standard-form textarea { resize: none; height: 80px !important; padding: 15px 20px; }.standard-form input:focus, .standard-form textarea:focus, .standard-form select:focus { outline: 0; background-color: #90b9bd; color: #fff }::-webkit-input-placeholder { color: #797979; }:-moz-placeholder { color: #797979; }::-moz-placeholder { color: #797979; }:-ms-input-placeholder { color: #797979; }.standard-form.request { margin: 20px auto }.standard-form.request, .standard-form.request > div:first-of-type input { text-align: center }.standard-form.request > div:first-of-type { max-width: 500px; margin: 20px auto }.standard-form.request [class*="row"] { margin: 25px auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }.standard-form.request [class*="row"] > * { max-width: calc(50% - 5px); text-align: left }.standard-form.request [class*="row"] > * > input:last-child { margin-bottom: 0 }.standard-form.request p { margin: 0 auto 5px; text-transform: uppercase; }.standard-form.request span, .standard-form.request .select > * { display: inline-block; vertical-align: middle }.standard-form.request span + span { margin-left: 20px }.standard-form.request span input { display: none }.standard-form.request span label { position: relative; cursor: pointer; display: block; line-height: 48px; }.standard-form.request span label:after { content: ''; width: 48px; height: 48px; opacity: 0.11; background-color: #22898c; border-radius: 50%; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }.standard-form.request span input:not(:checked) + label:hover { color: #385960 }.standard-form.request span input:not(:checked) + label:hover:after { opacity: 0 }.standard-form.request span input:checked + label:after { opacity: 1 }.standard-form.request .select, .standard-form.request span + p, .standard-form.request button { margin-top: 25px; }.standard-form.request .select select { margin-left: 20px; width: inherit }@media (min-width:900px) and (max-width:1200px) { .index-team figure { max-width: 550px; margin: 0 30px; }}@media only screen and (max-width:1024px) { #banner{max-height: 100%;} h1, .h1, .index .h1, h2#append { font-size: 30px } .page-divider .block.has_why .dividerLead { font-size: 26px } .page-divider .block { padding: 45px 0 } #title .container { min-height: 250px } .index-team article { padding-left: 0 !important; } .imap iframe { height: 300px } footer ul { line-height: 2.5 } .services div > a img { margin-right: 20px } .services ul.half li { width: 100% } .team > a { margin: 7px 5px } .team > a span, .team > a:before { opacity: 1 } .team > a span { height: 40px } .block.has_why ul li { font-size: 17px; min-height: 130px } #banner { min-height: 700px; background-image: url(assets/images/index-banner-mob.png); background-size: cover; } #banner:not(.playing) figure { display: none; } #banner .caption { text-align: center; transform: translate(50%, 50%); position: absolute; right: 50%; bottom: 50%; background-color: transparent; max-width: 100%; } #reviews { background-image: none; background-color: #C5E0DE; min-height: auto; padding: 0; } #reviews figure { display: block; } #reviews figure img{width: 100%;} #reviews article{margin: 30px auto; padding: 20px;} #reviews .badge{position: static; display: block; margin-left: 40px; margin-top: -60px;} #reviews .badge img{position: relative; z-index: 5; margin: 0;} .rev-seal { display: none; } .split, #expertise .expertise-container, #callouts, #social, #find{text-align: center;} #finance .content{max-width: 100%;} #meet div figure, #meet div figure figure, #community article{margin: 0 auto;} #callouts .links{display: block;} #callouts .links .item{margin: 20px auto;} #approach .links:after{content: none;} #approach .links .icon{flex: 0 0 130px;} #approach .links > div >div{flex: 0 1 300px;} #approach .links > div p + span{margin-left: 0;} #approach .links > div{display: flex; flex: 0 1 360px; align-items: start; text-align: left; margin: 20px auto; } .green{border: none;} #social .social{justify-content: center !important;} #expertise .expertise-container div > div{margin: 0; gap: 0;} #expertise { padding: 0px 0; } #expertise .gallery{margin: 0 auto 30px;} #expertise .expertise-container div.content{padding: 10px;} #see { padding: 0; margin-bottom: 120px; } #see .content{margin: 0 auto;} #see article { padding: 0 10px; } #see figure{margin-bottom: -120px;} .service-container{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: center;} .service-a{flex: 0 1 45%; margin: 15px auto; padding: 5px; width: 100%; }.service-a .service-box p { font-size: 16px; margin-bottom: 0; line-height: 1.2; margin-top: 20px;}#team{margin: 0 auto;}div.vid-grid{display: block; margin: 30px auto;}div.vid-grid > div{margin: 20px auto;}div.vid-grid p{text-align: center;}#community figure, #social figure, #index-faq{padding: 10px;}#find iframe{margin: 30px auto 0;}footer{padding-top: 85px;}#fo-contents{display: block; padding: 20px 0;}.fo-info, .fo-links{padding: 10px; text-align: center;}footer .hours, footer .social{margin: 15px auto;}.hours .fo-title{text-align: center;}#quest{padding-bottom: 80px;}#copy br+em{display: none;}}@media (max-width:768px) { .index-dr { display: none; } #reviews .rev-bot { display: block; text-align: center; margin: 0 auto; font-size: 15px; } #finance .assoc.small { gap: normal; } #desktop-cap { display: none!Important; } section#meet figure { } #meet .mb-dr-4 { bottom: -33rem; position: relative; right: -4.5rem; } #meet .mb-dr-1, #meet .mb-dr-3 { position: relative } #meet .mb-dr-1>div { position: absolute; left: -5rem; top: 7rem; width: 163px; height: 240px; } #meet .mb-dr-3>div { position: absolute; top: 29rem; left: -5rem; } #find iframe { display: none; } #community p{font-size: 30px;}}@media (max-width:600px) { [data-embed] .play { top: 66% }}@media (max-width:480px) { #meet .mobile { } [data-embed] .play { top: 70% } #meet .mb-dr-3>div { left: -4rem; } #meet .mb-dr-1>div { left: -4rem; } section#meet figure { margin-right: 0px; }}@media (max-width:412px) { section#meet figure { margin-right: 0px; }}@media (max-width:390px) { #meet .mb-dr-3>div { left: -3rem; } #meet .mb-dr-1>div { left: -3rem; }}#services-mobile { display: none; }@media(max-width:600px) { .banner-btns { display: none; } #banner .mobile-banner { position: initial; } #team .mobile-view, #community .mobile-view { display: none; } #services { display: none; } #services-mobile { display: block; text-align: center; }}@media only screen and (max-width:768px) { h2, .h2, .dividerLead, .more-to-explore span{font-size: 35px;} .assoc{display: block;} .services div > a img { width: 200px } .block.has_why ul li { min-height: inherit; max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100% } #banner .play { color: #fff; position: static; transform: none; display: block; margin: 10px auto 0; } .callouts a { width: calc(100% / 2); -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none } footer [class*="row"] > * { padding: 20px 10px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: none; width: 100% } footer .copy span { display: block; height: 0; overflow: hidden } .services { text-align: center } .services div { margin: 40px auto } .services div > a img { float: none; margin: 0 auto 15px } .services ul { padding: 0; margin-top: 10px } .services ul li { padding: 0; background-image: none } [class^="btn"] { margin: 5px auto; } .more-to-explore [class^="btn"] { min-width: 300px } #index-coupon{display: none;}}@media only screen and (max-width:590px) { #banner .h1 { font-size: 10vw; } #banner figure { margin: 0 auto; } h1, .h1, .index .h1, h2#append { font-size: 26px } .split [class^="btn"] { margin: 10px auto } .imap { display: none } .split figcaption { position: static }}