label { display: block; font-weight:bold; }label.error{ color: red; }input, textarea{ display: block; width: 100%; box-sizing: border-box; border: none; padding: 12px 10px; font-size: 17px; margin-bottom: 10px; color: inherit; line-height: 1em; transition:.3s ease all; }input[type="checkbox"], input[type="radio"]{ display: inline; width: auto; margin-left: 15px; }select{ margin-bottom: 15px; color: inherit; }button { border:none; background:none; cursor:pointer; } #page .forms label { margin-bottom:.5em; }.forms .inline-box > div, #page .forms textarea, #page .forms input { border:1px solid rgb(38, 86, 116); }.forms .inline-box > div { padding:10px; margin-bottom:10px; background-color: rgba(66, 163, 198,.2); }.forms .inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content:space-between; box-sizing:border-box; }.forms .inline > * { width:32%; box-sizing:border-box; }.forms span { display: block; }.forms .inline .btn { min-width: 100%; }.forms input:focus, .forms textarea:focus { background:rgba(0,0,0,.8)!important; color:#fff; }::-webkit-input-placeholder { opacity: 1; } ::-moz-placeholder { opacity:1; }body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:17px; line-height:1.6; color: #292427; font-family: 'Roboto', sans-serif; background-color: white; }h1, h2, h3, h4, h6 { margin-top : 0; color: #292427; }h1, .h1, #append { font-size:45px; line-height:1; margin:0px; }h2, .h2 { font-size:45px; line-height:1; }h3 { font-size:22px; line-height:1.3; }h4 { font-size:25px; line-height:1.2; }#page-title h1:not(:only-child) { font-size:14px; text-transform: uppercase; font-weight: 400; font-family: Roboto; line-height: 1.2; letter-spacing: .01em; }#page-title h2#append, #page-title h1:only-child { font-size:70px; }a { text-decoration: none; transition:.3s ease; color: #8ec443; }a:hover { text-decoration: underline; } a[name]:before {height: 80px; margin-top: -80px; display: block; content: ""; visibility: hidden; }@media (min-width:1020px) { a[name]:before {height: 125px; margin-top: -125px; }}hr { position: relative; height: 1px; width: 100%; display: table; clear: both; margin: 60px auto; border:none; background-color: #ccc; }.stars:before, .youtube:after, .arrow:before {font-family:'fontello'; font-weight: 400; margin:0; font-style: normal;}.stars:before {content: '\e80f \e80f \e80f \e80f \e80f'; color: #f5d06b;}.youtube:after {content: '\e80e';}.arrow#prev:before {content: '\e819'}.arrow#next:before {content: '\e81a'}[class^="btn"] { min-width: 200px; display:inline-block; padding:12px 5px; margin:0 5px 5px 0; box-sizing:border-box; text-align:center; color:white; font-size:14px; line-height: 1; text-transform: uppercase; font-weight: bold; color:#fff; background-color: #352f32; }[class^="btn"]:hover { text-decoration:none; background-color: #97d245; color:#000; }.btn-alt { background-color: #000000; color:#fff; }.btn-alt:hover { background-color: white; color:#000; }.btn-white { background: white; color:#000; }.btn-white:hover { background: #000; color:white; }[class^="btn"]:before { content: "\e82b"; font-family: "fontello"; margin-right: 5px; display: inline-block; color: #8ec443; font-size:16px; }.btn-circle { color: rgb(41, 36, 39); background: none; position: relative; padding:10px 70px 10px 0; }.btn-circle:before { position: absolute; right:0; top:50%; width: 58px; height: 58px; font-size:36px; margin:0px; transform:translateY(-50%); background-color: rgb(142, 196, 67); border-radius: 50%; line-height: 58px; content: "\e81a"; transition: .3s; color:white; text-align: center; }.btn-circle:hover { background: none; color: #adef51; }.btn-circle:hover:before { background: #f7f7f7; color: #8ec443; }.more-to-explore { text-align:center; margin:60px 0 0; padding:50px 0; position: relative; z-index: 10; background-color: #009ba7; background-image: linear-gradient(45deg, rgba(189, 239, 243, 0.5) 0%, rgba(0, 117, 126, 0.5) 100%); }.more-to-explore .container { max-width: 1200px; }.more-to-explore:before,.more-to-explore:after { background-repeat: no-repeat; background-position: center top; content: ""; position: absolute; left:0; top:0; width: 100%; height: 38px; background-image: url(assets/images/more-curve-top.png); background-size: 100% 38px; }.more-to-explore:after { top:auto; bottom:0; background-position: center bottom; background-image: url(assets/images/more-curve-bottom.png); }.more-to-explore span { margin-bottom:20px; color: rgb(41, 36, 39); font-size:38px; color:white; }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 28%; margin:0 2% 10px; }@media screen and (max-width:479px) { .more-to-explore .btn, .more-to-explore .btn-alt { min-width: 100%; margin:0 0 5px; } }.youtube {position: relative; cursor: pointer; width: 100%; max-width: 512px; font-size: 0}.youtube:before, .youtube:after {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.youtube:before {content: ''; background-color: #fff; width: 40px; height: 40px}.youtube:after {font-size: 70px; color: #4d4d4d;}.youtube:hover:after {color: #ff0000;}.youtube.active:before, .youtube.active:after {display: none}.youtube.elem-left, .youtube.elem-right {width: 100%; max-width: 440px}.video-center {width: 100%; max-width: 800px;}.video-center, .video-grid {clear: both; margin: 20px auto}.video-grid {text-align: center; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}.video-grid h2, .video-grid h3 {font-size: 18px; margin-bottom: 4px}.video-grid > * {margin: 5px 0; width: 100%; max-width: calc(50% - 5px); -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end}.video-grid > *:nth-of-type(even) {margin-left: auto}.video-grid > * .youtube {max-width: 100%}@media (max-width:700px) { .youtube.elem-left, .youtube.elem-right {display: table; float:none; margin:15px auto!important; max-width:100%!important;} .video-center, .video-grid > * {margin: 30px auto; max-width: 600px;} .video-grid {display: block}} #fixed-tabs { width:100%; position: fixed; bottom:0; left:0; right:0; display: flex; box-shadow: -2px 0 2px rgba(0,0,0,.5); z-index: 1100; }#fixed-tabs a { flex:100%; font-size:12px; padding:15px 0; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; box-sizing:border-box; text-transform: uppercase; line-height: 1; background-color: #1b181a; }#fixed-tabs a span:last-of-type { display: none; }#fixed-tabs a.ra { background-color: #8ec443; }#fixed-tabs a.pf { }#fixed-tabs a.fb { background-color: rgb(77, 112, 168); }#fixed-tabs a.gp { background-color: rgb(220, 78, 65); }#fixed-tabs a.call, #fixed-tabs a.map { display: none; }#fixed-tabs a.call { background-color: #383135; }#fixed-tabs a:hover { text-decoration: none; background-color: red; }@media screen and (min-width: 1023px) { #fixed-tabs { display:none; }}@media screen and (max-width: 759px) { #fixed-tabs a.pf { display: none; } }@media screen and (max-width: 600px) { #fixed-tabs a { flex:1; } #fixed-tabs a.ra { flex:2; } #fixed-tabs a.pf, #fixed-tabs a.gp, #fixed-tabs a.fb { display: none; } #fixed-tabs a.call, #fixed-tabs a.map { display: block; }}#page ul { margin:0px; padding:0px; list-style:none; overflow:hidden; }#page ul li { position:relative; padding-left:40px; }#page ul li:before { content:"\e832"; color: #8ec443; font-size:17px; position:absolute; left:15px; top:0; font-family:"fontello"; }.more-to-explore span,.phone,h1, h2, .h2, .h3 { font-family: 'Libre Franklin', sans-serif; font-weight: 800; }header { position: absolute; z-index: 1010; line-height: 1; width: 100%; left:0; top:0; }header a:hover { text-decoration: none; }.logo { display: block; text-transform: uppercase; }#hd-contents { max-width: 1400px; margin:0 auto; padding:10px; box-sizing:border-box; align-items: center; justify-content: space-between; flex-flow:row; }#hd-contents > * { flex:100%; }#hd-contents .logo { margin-bottom: -50px; flex:1; }#hd-container { flex:1 0 auto; }#hd-info { flex:100%; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 15px; }header .phone { display: block; font-size:25px; color:#000; position: relative; padding-left: 25px; margin-right: 10px; }header address { margin-right:20px; }header address a { font-size:15px; color:#000; display: block; position: relative; padding-left: 25px; }address a i, .phone i { color:white; font-size:18px; position: absolute; left:0; top:50%; transform:translateY(-50%); }#hd-info a:hover { color:white; }#hd-btns { display: flex; max-width: 298px; flex-flow:wrap; margin-left: 20px; flex:100%; }#hd-btns a { flex:100%; max-width: calc(50% - 2px); margin:0px; min-width: auto; margin-top:4px; padding:12px 4px; font-size: 13px; }#hd-btns a:nth-child(1) { max-width: 100%; margin-top: 0px; font-size:15px; }#hd-btns a:nth-child(3) { margin-left: auto; }#hd-btns a.btn-gp:before { background:url(assets/images/gp-icon-btn.png) left top no-repeat; content: ""; width: 13px; height: 13px }#hd-btns a.btn-of:before { content: "\e80f"; }#hd-btns a.btn-of:hover:before { color:white; }#hd-btns .btn-so {color:white; background-color: #8ec443; margin-top: 5px;}#hd-btns .btn-so:hover {background-color: #352f32;}#hd-btns .btn-so:before {display: none;}#hd-btns a:nth-child(4) {max-width: 100%; font-size:15px;}.mobile-spanish-banner {color: #90c445; font-weight: 600; background-color: #352f33; padding: 10px 0; max-width: 100%; width: 100%; text-transform: uppercase; text-align: center; display: none;}.mobile-spanish-banner:hover {color: white;}nav#main-nav { }nav#main-nav ul { margin:0px; padding:0px; text-align:center; flex:100%; list-style: none; }nav#main-nav > ul { max-width: 100%; margin:0 auto; display: flex; justify-content: space-around; }nav#main-nav > ul > li { }nav#main-nav ul li { display:inline-block; position:relative; }nav#main-nav > ul > li:last-of-type > ul { left: auto; right: 0; }nav#main-nav ul li a { padding:0 5px; font-size:14px; text-transform: uppercase; line-height:34px; display:block; color:#000; font-weight: bold;}nav#main-nav ul li a:hover { text-decoration:none; color:white; }nav#main-nav ul ul { display:none; width:250px; text-align:left; position:absolute; left:0; top:34px; list-style: none; background-color:#352f32; z-index:1020; line-height: 1; font-size:0; }nav#main-nav ul ul li { width:100%; }nav#main-nav ul li:hover > ul { display:block; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }nav#main-nav ul ul li a { line-height:1.6; padding:5px 10px; font-weight: normal; text-transform: none; color:white; }nav#main-nav ul ul li a:hover { background-color:#8ec443; color:white; }nav#main-nav ul ul ul { left:250px; top:0; }@keyframes slideIn { from { background:rgba(255,255,255,0); opacity: 0; transform: translate3d(0, -100%, 0); } to { background:rgba(255,255,255,1); opacity: 1; transform: translate3d(0, 0, 0); } }.fix-nav.page_index header,.fix-nav header { position:fixed; width:100%; left:0; top:0; z-index:1010; animation-duration: .5s; animation-fill-mode: both; animation-name: slideIn; box-shadow: 2px 4px 8px rgba(24, 23, 24, 0.07); } .fix-nav #hd-contents .logo { margin:0px; }.fix-nav #hd-contents .logo img { height:90px }.fix-nav #hd-info i { color: #8ec443; }.fix-nav #hd-btns .btn-ra { background-color: #8ec443; }.fix-nav #hd-btns .btn-ra:hover { background:#352f32 }.fix-nav #hd-btns .btn-ra:before { color:white; }.fix-nav #hd-info a:hover,.fix-nav nav#main-nav > ul > li > a:hover { color: #8ec443; }.fix-nav .covid-19, .fix-nav #hd-btns .btn-so {display: none;}#page-title { margin-bottom: 80px; text-align: center; position: relative; padding:80px 0 50px; }#page-title:after { width: 1400px; height: 4px; background-color: #8ec443; background-image: linear-gradient(to right, rgba(52, 90, 0, 0.5) 0%, rgba(184, 255, 86, 0.5) 100%); position: absolute; bottom:0; left:0; width: 100%; content: ""; }#page-title:before { position: absolute; left:0; top:-100px; bottom:0; width: 100%; content: ""; background-color: #86d4da; z-index: -1; background-image: linear-gradient(-255deg, rgba(189, 239, 243, 0.38) 0%, rgba(0, 117, 126, 0.38) 100%); }.title-wrapper { max-width: 1200px; margin:0 auto; padding-top:80px; }#page { padding:0 0 60px; overflow: hidden; }.container { max-width:978px; margin:0 auto; }@media screen and (max-width: 1023px) { .container { max-width:90%; margin:0 5%; }}.hours { display: block; text-align: left; max-width: 270px; line-height: 1.4; }.hours b, .hours label { display: inline-block; min-width: 100px; font-weight:inherit; }.hours label { min-width:120px; }.social { margin:0px; display: block; }.social a { display: inline-block; vertical-align: top; margin:0 5px 5px; position: relative; z-index: 1; padding-bottom: 5px; }.social a i:before { font-size:22px; color:white; line-height: 1; display: block; transition:.2s; padding:12px; }.social a:hover { text-decoration: none; }.social a i:after { position: absolute; top:calc(100% - 5px); left:0; height: 5px; bottom:0; width: 100%; content: ""; z-index: -1; transition: .3s; }.social a i.icon-facebook:after { background-color: rgb(77, 112, 168); }.social a i.icon-google:after { background-color: rgb(220, 78, 65); }.social a i.icon-yelp:after { background-color: rgb(182, 39, 23); }.social a i.icon-youtube-play:after { background-color: #cd201f; }.social a i.icon-healthgrades:after { background-color: #3b1bff; }.social a:hover i:after { top:0; height: auto; box-shadow:inset 0 -5px 0 #b5ff4f; }@media screen and (min-width:759px) { .page-split { display:flex; } .page-split > div { width:100%; } .page-split h3 { margin-top: 0px; }}footer { line-height: 1; position: relative; background-color:#ccc; background-color: #009ba7; background-image: linear-gradient(45deg, rgba(0, 117, 126, 0.25) 0%, rgba(189, 239, 243, 0.25) 100%); }#fo-contents { max-width: 100%; margin:0 auto; padding:80px 0 60px; background: white; }#fo-contents a:hover { text-decoration: none; }#fo-contents > .flex-ed { max-width: 1150px; margin: 0 auto; justify-content:space-between; flex-flow:row; z-index: 1; position: relative; }#fo-contents .flex-ed > * { flex:100%; }.fo-h3 { display: block; text-transform: uppercase; font-size:14px; letter-spacing: .1em; color:white; margin-bottom: 20px; }.fo-h3 b { font-family: "Libre Franklin"; font-weight: 800; font-size: 55px; letter-spacing: 0px; text-transform: none; }footer .forms { max-width: 440px; text-align: right; }footer .forms .fo-h3 { color: rgb(41, 36, 39); text-align: left; margin-bottom: 40px; }footer .forms input, footer .forms textarea { color: rgb(41, 36, 39); font-size:17px; padding:14px 10px; background-color: rgba(247, 247, 247,.5); box-shadow:inset 0 -4px 0 rgb(162, 226, 231); }footer .forms textarea { height: 100px; }footer .forms .btn-circle { margin-top: 20px; }#fo-info { max-width: 580px; background-color: #292427; margin-right: 30px; box-sizing: border-box; padding:30px; color:white; text-align: center; position: relative; background-clip:; }#fo-info:before { width: 100%; top:50px; right:-30px; bottom:-30px; content: ""; z-index: -1; position: absolute; background-color: rgb(0, 155, 167); background-image: linear-gradient(45deg, rgba(189, 239, 243, 0.5) 0%, rgba(0, 117, 126, 0.5) 100%); }#fo-info .logo { margin-bottom: 30px; }#fo-info .phone { display: block; font-size:25px; color:white; position: relative; padding-left: 30px; }#fo-info address { display: block; line-height: 1.2; text-align: left; }#fo-info address a { font-size:15px; color:white; position: relative; display: block; padding-left: 30px; }#fo-info address i, #fo-info .phone i { color: #8ec443; }#fo-info .flex-ed { flex-flow:row; justify-content: space-between; }#fo-info .flex-ed > * { max-width:45%; padding:20px 5px; }#fo-info .flex-ed > *:nth-child(1) { max-width: 55%; }#fo-info a:hover { color: #8ec443; }footer nav { max-width: 100%; flex:100%; margin:0; padding:60px 0 40px; text-align: center; background:url(assets/images/more-curve-top.png) center top no-repeat; background-size: 100% 38px; }footer nav ul { max-width: 979px; margin:0 auto; padding:0px; list-style: none; line-height: 2; -webkit-column-count: 4; column-count: 4; }footer nav ul li { }footer nav ul li a { color:white; }footer nav ul li a:hover { text-decoration: none; color: rgb(0, 0, 0);} #copy { max-width: 1300px; margin:0 auto; padding:20px 0; text-align:center; color:#fff; font-size:11px; text-transform: uppercase; justify-content: space-between; align-items: center; font-weight: 400; letter-spacing: .08em; }#fo-logos { max-width: 500px; flex:1 0 auto; justify-content: space-between; display: flex; align-items: center; }#copy a { color:#fff; }#copy a:hover { text-decoration: none; color:#000; }#controls { align-items: center; justify-content: center; }#pager { text-align: center; }.slick-dots li span,#pager span { width:1em; height:1em; line-height:1; cursor:pointer; background:black; display:inline-block; margin:0 5px; font-size:12px; border-radius: 50%; }.slick-dots .slick-active span,#pager span.cycle-pager-active { background-color: #009ba7; }#prev, #next { font-size:68px; color: #b5ff4f; line-height: 1; width: 1em; height: 1em; }#prev i:before, #next i:before { margin:0px; width: 1em; line-height: 1; }.slick-slider #prev, .slick-slider #next { position: absolute; left:0; top:50%; z-index: 10; transform:translateY(-50%); }.slick-slider #next { left:auto; right:0; }body.page_index #page { display:none; }body.page_index h1, body.page_index h2, body.page_index h3 { margin:0px; line-height:1; }body.page_index h2, .h2 { font-size:55px; }body.page_index h3 { font-size:22px; }body.page_index h2 span, .h2 span,body.page_index h2, .h2, body.page_index h3 span { display: block; }body.page_index h2 small, .h2 small { display: block; font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 1.2; margin-bottom: 10px; letter-spacing: .08em; }body.page_index h2 b, .h2 b { color: rgb(0, 155, 167); }body.page_index h3 { text-transform: uppercase; }body.page_index h3 small { display: block; font-weight: 400; font-size:12px; margin-bottom: 10px; }.section { max-width: 1300px; margin:0 auto; }.name { position:absolute; left:0; bottom:0; text-align:center; width:100%; }.name a { display:block; color: rgb(41, 36, 39); font-size:18px; font-weight:bold; text-transform:uppercase; }.name a:nth-child(1) { background-color: rgb(162, 226, 231); }.name a:hover { background-color: rgb(142, 196, 67); text-decoration:none; } .curves { background-color: #009ba7; background-image: linear-gradient(45deg, rgba(189, 239, 243, 0.5) 0%, rgba(0, 117, 126, 0.5) 100%); position: relative; z-index: 0; }.curves:before,.curves:after { position: absolute; left:0; top:0; height: 38px; width: 100%; content: ""; background: url(assets/images/more-curve-top.png) center top no-repeat; background-size: 100% 38px; }.curves:after { top:auto; bottom:0; background-image: url(assets/images/more-curve-bottom.png); }#banner { padding:205px 0 80px; position: relative; background-color: #83d1d7; }#banner:before { width: 54.5%; position: absolute; right:0; top:0; bottom:0; content: ""; background: url(assets/images/banner-shadow.jpg) left top no-repeat; background-size: auto; }#banner .flex-ed { max-width: 1200px; margin:0 auto; justify-content: space-between; align-items: center; position:relative; }#banner img { display: block; }#banner article { max-width: 430px; font-size: 22px; box-sizing: border-box; padding:10px; }#banner h1 { font-size:12px; font-family: Roboto; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; }#banner h2 { font-size:4.37rem; }#banner figure { max-width: 570px; z-index: 1; margin:0 auto; position: relative; }#banner .badge { position: absolute; right:0; bottom:0; transition: .6s; opacity: 1; z-index: 1; }#banner .video { max-width: 570px; height: 570px; border-radius: 50%; overflow: hidden; }#banner:after { height: 4px; background-color: rgb(142, 196, 67); background-image: linear-gradient(to right, rgba(52, 90, 0, 0.5) 0%, rgba(184, 255, 86, 0.5) 100%); content: ""; width: 100%; display: block; position: absolute; bottom:0; left:0; }[data-player], [data-vimeo], [data-embed] { position: relative; }[data-embed] .close-btn, [data-vimeo] .close-btn { background-color: #352f32; color: #fff; padding: 11px; text-transform: uppercase; }[data-embed] .close-btn:hover, [data-vimeo] .close-btn:hover { background-color: rgb(142, 196, 67); color: #fff; text-decoration: none; }[data-embed] .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }[data-embed] .close-btn { position: absolute; top: 0; right: 0; }[data-embed] .close-btn i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }#banner.playing article { text-align: center; max-width: 100%; position: relative;}#banner.playing figure { max-width: 100%; width:100%; }#banner.playing .badge { opacity: 0; transform:scale(0); }#banner.playing .video { max-width: 100%; height: auto; border-radius: 0px;}#banner.playing .elem-circle:before,#banner.playing .elem-circle:after { display: none; }#banner.playing .video video { width: 100%; }#ways { padding:80px 0; }#ways article { box-sizing: border-box; padding:10px; }.callouts { display: flex; justify-content: center; margin-top: 30px; }.callouts a { max-width: 436px; margin:0 10px 10px; background-color: rgba(247, 247, 247,.5); box-sizing: border-box; padding:20px; color: rgb(41, 36, 39); overflow: hidden; position: relative; }.callouts a:before,.callouts a:after { position: absolute; left:0; bottom:0; height: 4px; background-color: rgb(162, 226, 231); content: ""; width: 100%; }.callouts a:after { left:-100%; background-color: rgb(142, 196, 67); transition:1s; }.callouts em { font-style: normal; display: block; margin-top: 10px; }.callouts span { text-align: right; display: block; }.callouts a:hover { text-decoration: none; background: white; }.callouts a:hover:after { left:0; }#meet { text-align: center; padding-bottom: 100px; }.meet-pager { max-width: 900px; margin:0 auto 40px; }.meet-pager div { outline: none; }.meet-pager span { font-size:35px; display: block; cursor: pointer; outline: none; transition: .3s; }.meet-pager .slick-current span,.meet-pager span:hover { color: rgb(142, 196, 67); }.meet-pager .slick-current span:after {width: 28px;height: 28px;font-size: 14px;margin: 0 0 0 5px;;display:inline-block;background-color: rgb(142, 196, 67);border-radius: 50%;vertical-align:middle;line-height: 28px;content: "\e81a";color: white;font-family:"fontello";text-align: center;}#meet-switch { max-width: 1331px; margin:0 auto; }#meet-switch .flex-ed { display: flex!important; justify-content: center; align-items: center; background-color: #292427; flex-flow:row; }#meet-switch article { text-align:left; max-width: 666px; box-sizing: border-box; padding:20px 50px; color:white; }#meet-switch figure { position:relative; }#meet-switch .h2 { font-size:45px; }#meet-switch h2 small { color:white; }#meet-switch .btn-circle { color:white; z-index: 10; margin:10px 0 0; }#whitening { background-color: rgb(237, 237, 239); background-image: linear-gradient(45deg, #eeeef0 0%, #f4f4f4 100%); align-items: center; justify-content: center; flex-flow:row; }#whitening img { display: block; }#whitening article { max-width: 850px; box-sizing: border-box; padding:10px; }#reviews { text-align: center; padding-top: 80px; }#reviews figure { max-width: 520px; height: 520px; margin:0 auto; position: relative; z-index: 100; }.slick-reviews { height: 520px; margin:60px auto 0; background: white; border-radius: 50%; overflow: hidden; }.slick-reviews .slick-slide { padding:80px 50px 40px; box-sizing: border-box; position: relative; border-radius: 50%; line-height: 1.4; font-size:18px; font-style: italic; overflow: hidden;}.slick-reviews .slick-slide:before { font-style:normal; position: absolute; left:0; top:0; width: 100%; height: 60px; line-height: 60px; font-family: "fontello"; color:white; font-size: 26px; color:white; }#reviews .slick-dots { position: absolute; right:0; bottom:30px; }#reviews .slick-dots li { display: block; }#reviews .slick-dots li span { background-color:white; opacity: .5; }#reviews .slick-dots .slick-active span { background:white; opacity: 1; }.review-btn { background-color: rgb(142, 196, 67); text-transform: uppercase; color: rgb(41, 36, 39); line-height: 64px; position: absolute; left:0; bottom:0; width: 100%; text-align: center; font-weight: bold; }.review-btn:hover { text-decoration: none; background-color: rgb(41, 36, 39); color:white; }.curves #prev,.curves #next { color:white; left:-95px; position: absolute; top:50%; transform:translateY(-50%); width: auto; line-height: 1; }.curves #next { right:-90px; left:auto; }#reviews .author { display: flex; align-items: center; justify-content: center; text-align: left; font-size:16px; text-transform: uppercase; line-height: 1.2; font-style: normal; }#reviews .author img { margin-right: 10px; border-radius:50%; }#reviews .author .stars:before { display: block; font-size:22px; letter-spacing: .1em; }.fb-reviews:before { content: "\e805"; background-color: rgb(59, 89, 153); }.gp-review:before { content: "\e950"; background-color: rgb(221, 75, 57); }.yp-review:before { content: "\e81d"; background-color: rgb(175, 6, 6); }#services { text-align:center; padding:80px 0; }.cards { margin:50px auto; justify-content: center; }.cards a { display: block; width: 222px; position: relative; overflow: hidden; }.cards figure { background-color: rgb(41, 36, 39); margin-bottom: 20px; position: relative; overflow: hidden; }.cards a figure:after,.cards a figure:before { height: 4px; background-color: rgb(162, 226, 231); position: absolute; bottom: 0; left:0; width: 100%; content: ""; opacity: 1; z-index: 1; }.cards a figure:after { background-color: rgb(142, 196, 67); left:-100%; transition:1s; }.cards a i { margin-top: 10px; display: block; opacity: 0; top:-60px; position: relative; transition: .3s; }.cards a i:before { margin:0px; background-color: rgb(142, 196, 67); border-radius: 50%; color:white; padding:8px; line-height: 40px; font-size:40px;}.cards a:hover i { opacity: 1; top:0; }.cards a:nth-child(odd) figure:before { background-color: rgb(0, 155, 167); }.cards a:hover figure:after { left:0; }.cards a img { transition: .3s; opacity: .5; display: block; }.cards a:hover img { opacity: 1; }.cards a:hover { text-decoration: none; }.long-btn { background-color: rgb(41, 36, 39); width: 100%; display: block; }.long-btn .btn-circle { color:white; margin:0px; }.long-btn .btn-circle:hover { color:#8ec443; }.contact-serving {text-align: center; max-width: 1000px; margin: 40px auto; padding: 10px;}#saying { overflow: hidden; padding:40px 0 100px; }#saying .flex-ed { justify-content: space-between; align-items: center; flex-flow: row; }#saying article { max-width: 650px; font-size:22px; box-sizing: border-box; padding:40px 10px 30px; background-color: rgb(247, 247, 247); position: relative; }#saying article:before { background-color: rgb(247, 247, 247); position: absolute; left:-999px; top:0; bottom: 0; right:-999px; content: ""; z-index: -10; }#saying .btn-circle:hover:before { background-color: rgb(41, 36, 39); color:white; }#saying figure { position: relative; z-index: 10; }#saying .video { width: 507px; height: 507px; overflow: hidden; border-radius: 50%; }#saying.playing article { display: none; }#saying.playing figure,#saying.playing .video,#saying.playing .video video { width: 100%; border-radius:0px; height: auto; }#saying.playing .elem-circle:after,#saying.playing .elem-circle::before { display: none; }.page-services { max-width: 1050px; margin:40px auto 0; display: flex; justify-content:space-around; flex-wrap:wrap; position: relative; }.page-services > div { flex:100%; max-width: 325px; text-align: center; margin-bottom: 20px; }.page-services p { margin:0 0 20px; }.page-services p a { display: block; color: #292427; font-size: 26px; font-weight: bold; line-height: 1.2; text-transform: uppercase; }.page-services p a:hover { color: #8ec443; text-decoration: none; }.page-services p small { font-size:14px; font-weight: 400; display: block; }.page-services img { display: block; border-bottom:4px solid #a2e2e7; margin-bottom: 15px; }#page .page-services ul { padding:0px; margin:0px; list-style: none; text-align: left; }#page .page-services ul li { padding-left: 30px; line-height: 1; margin-bottom: 10px; }#page .page-services ul li:before { content: "\e82b"; left:0; }.page-services ul li a { color: #292427; }.page-services ul li a:hover { text-decoration: none; color: #8ec443; }.accordion .toggle { text-align: left; cursor: pointer; padding:15px 20px 10px 70px; position: relative; margin:20px 0 0; font-size:17px; text-transform: uppercase; }.accordion .toggle:before { content: "\e81a"; font-family: "fontello"; font-size:34px; font-style: normal; position: absolute; left:0; top:0; display: block; text-align: center; line-height: 1; transition:.3s; padding:10px; border-radius: 50%; color:white; width: 1em; height: 1em; background-color: #8ec443; }.accordion .toggle.active { background-color: #292427; color:white; }.accordion .toggle.active:before { transform:rotate(90deg); background-color: #292427; color: #a2e2e7; }.accordion-content { display: none; padding:5px 20px 10px 70px; background-color: #292427; color:white; }@media screen and (max-width: 600px) { .accordion .toggle:before, .accordion > div:before { left:0; transform:scale(.8); } .accordion-content { padding-left:0px; }}.gallery { max-width: 800px; margin:0 auto; }.gallery .cycle-slide { width: 100%; display: flex!important; justify-content: center; text-align: center; }.gallery figure { margin:0px; }.gallery .cycle-slide b { display: block; line-height: 40px; }.gallery .cycle-slide img { display: block; margin:0 5px; }.tour { max-width: 720px; margin:0 auto; position: relative; }.tour img { display: block; }.tour .cycle-slide { width: 100%; }.why { text-align:left; background-color: rgb(247, 247, 247); box-sizing: border-box; padding:20px; }.why h2 { font-size:28px; }#page .why ul { margin:0px; padding:0px; }#page .why ul li { margin:0 0 10px; text-transform: uppercase; font-size:15px; font-weight: 400; letter-spacing: .05em; }#page .why ul li:before { content: "\e82b"; background: none; color: rgb(142, 196, 67); left:0; }.page-divider { margin-top:40px; }.pd-img, .pd-anchor { margin:0px; }.pd-block { padding:50px 0; }.pd-title { margin:0px; }.pd-body { width: 100%; }.pd-wrap { display: table; width: 100%; position: relative; padding:50px 0 30px; }.pd-wrap:before { position: absolute; left:-999px; top:0; bottom:0; right:-999px; content: ""; z-index: -1; background-color: rgb(247, 247, 247); }.pd-align { display: flex; align-items: center; }.pd-align-alt { order:2; }.pd-img { position: relative; }.pd-no-img { text-align: center; }#page .pd-no-img ul { text-align:left; } .elem-circle img { display:block; border-radius: 50%; }.elem-circle { position: relative; }.elem-circle:after,.elem-circle:before { content: ""; top:-10px; bottom:0; left:0; right:-10px; background-color: rgb(142, 196, 67); background-image: linear-gradient(to right, rgba(184, 255, 86, 0.5) 0%, rgba(52, 90, 0, 0.5) 100%); position: absolute; border-radius: 50%; z-index: -1; }.elem-circle:after { left:-10px; bottom:-10px; top:0; right:0; background-color: rgb(162, 226, 231); background-image: linear-gradient(45deg, rgba(0, 117, 126, 0.5) 0%, rgba(189, 239, 243, 0.5) 100%); }.featured { display: flex; flex-flow: row;}.about-box { background-color: #f7f7f7; box-sizing: border-box; padding:20px; }.about-box h2 { font-size:30px; margin-bottom:0px; }.about-box .flex-ed { align-items:center; margin-top:10px; }.about-box img { margin:0 10px 5px 0; }.about-box p { text-transform:uppercase; font-size:12px; }#lean_overlay { position: fixed; z-index:1100; top: 0; left: 0; height:100%; width:100%; background: rgba(0,0,0,.7); display: none; justify-content:center; align-items:center; }.modal-close { position: absolute; right:-15px; top:-15px; width: 30px; color:#fff; z-index:1002; border-radius: 50%; border:2px solid white; background: #000; cursor:pointer; transform-origin:center center; transform:rotate(45deg); margin:0; text-align:center; font:normal 28px/30px Arial; box-shadow:0 0 4px 2px rgba(0,0,0,.3); }.modal-close:before { content:"+"; } .modal-content { display: none; flex:100%; position: relative; }.special-btns {justify-content:center;}.cupon {margin:0 10px 10px;max-width:430px;display:block;position:relative;overflow:hidden;background-color: #352f32}.cupon img { display:block;}.cupon .title {font-family: "Libre Franklin"; font-weight:800;font-size: 46px;position:absolute;right:10px;top:50%;transform:translateY(-50%);line-height:1;text-align:center;color: #8ec443;}.cupon .financing-title {font-size:40px;}.cupon big { display:block; font-size:80px }.cupon strong { font-size:35px; color: #292427; display:block; }.cupon small { color: #000; font-size:14px; font-family: Roboto; font-weight:400; display:block; text-transform:uppercase; margin-top:10px; }.cupon:before,.cupon:after {width: 100%;height: 4px;position:absolute;left:0;bottom:0;content:"";background-color: #8ec443;}.cupon:after { left:-100%; background-color: rgb(162, 226, 231); transition:1s; }.cupon:hover:after { left:0; }.special-form {background-color: #292427;max-width:430px;margin:30px auto 0;font-size:16px;color:white;padding-bottom:30px;text-align:center;text-transform:uppercase;}.special-form .caption { letter-spacing:.1em; }.special-form img { display:block; margin-bottom:40px; }.special-form strong { display:block; font-family: "Libre Franklin"; font-weight:800; font-size:30px; text-transform:none; letter-spacing:0px; } .special-form small { text-transform:uppercase; font-size:14px; color: rgba(255, 255, 255,.5); }.special-form .fields { max-width:322px; margin:30px auto; }.special-form .btn-circle { text-align:right; color:white; min-width:100%; margin-top:30px; }#page .special-form input { background:rgba(0,0,0,.5); border:none; border-bottom:4px solid #8ec443; text-align:center; }.section-toggle {display: none;}.pd-block.open-togg .section-toggle {display: block;}.mobile,#mobile-btns { display:none; }@media screen and (max-width: 1200px) { #hd-contents { padding:0px; } #hd-contents .logo { flex:0 1 auto; margin-bottom: 0px; } header .logo img { height: 100px; } #hd-btns { margin:0px; } #hd-info { margin:0px; } .btn-of, .btn-gp { display: none; } #banner .badge { transform:scale(.8); right:-30px; } #meet-switch .flex-ed { flex-flow:wrap; justify-content: space-around; } #meet-switch article { text-align: center; }}@media screen and (max-width: 1023px) { img { max-width: 100%; } header {width:100%; position: fixed; left:0; top:0; box-shadow: 0 0 15px rgba(0,0,0,0.3); background: white} nav#main-nav { display: none; } body, header, .mean-container .mean-nav {-webkit-transition:all .3s; transition: all .3s;} body {right: 0; position: relative;} body.mean-active:before { z-index: 98; content: ''; opacity: 0.7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0} body.mean-active .mean-container .mean-nav {right: 0;} .mean-container .mean-bar, .mean-container .mean-nav { background-color: rgba(0, 117, 126, 0.9); } a.meanmenu-reveal {display: none;} .mean-container { display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important; -webkit-flex-flow: row nowrap!important; -ms-flex-flow: row nowrap!important; flex-flow: row nowrap!important; -webkit-box-align: center!important; -webkit-align-items: center!important; -ms-flex-align: center!important; align-items: center!important; -webkit-box-pack: justify!important; -webkit-justify-content: space-between!important; -ms-flex-pack: justify!important; justify-content: space-between!important;} .mean-container .mean-bar{flex:0!important; margin:8px;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:-1;order:-1} .mean-container a.meanmenu-reveal{width:22px;height:22px;padding:10px 9px 8px 9px;cursor:pointer;color:#fff!important;text-decoration:none;font-size:16px;line-height:22px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;background-color: #8ec443;} .mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px} .mean-container .mean-nav{font-size:16px;position:fixed;right:-100%;margin:0;top:56px;bottom:0;width:100%;overflow:auto;display:flex;flex-flow:column;} .mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none} .mean-container .mean-nav ul li{position:relative;float:left;width:100%} .mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;} .mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible} .mean-container .mean-nav ul li.mean-first a{border-top:none;margin-top:0} .mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0} .mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%} .mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%} .mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%} .mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)} .mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:24px;height:24px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:none!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important} .mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)} .mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both;width:0} .mean-nav .wrapper{width:100%;padding:0;margin:0} .mean-container .mean-bar,.mean-container .mean-bar *{box-sizing:content-box} .mean-remove{display:none!important} .mean-container .mean-nav ul li a.mean-expand::before { content: '\e825'; font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; } .mean-container .mean-nav ul li a.mean-expand.mean-clicked::before { content: '\e83a'; } body.mean-active .mean-container a.meanmenu-reveal i { transform:rotate(45deg); display: block; } .container { max-width: 96%; margin:0 2%; } #page article { max-width: 90%; margin:0 auto; } #hd-btns { display: none; } #hd-info { margin-bottom: 0px; }header .logo:before {display:block;content:"Wylie Family Dentistry";font-size:16px;font-weight:700;color:#292427;} header .logo img { display:none; }header .phone { font-size:18px; } address a i, .phone i { color:#8ec443; }#hd-container { flex:1 0 auto; }#hd-contents > * { flex:1 0 auto; }.mobile { display:block; }#mobile-btns { display:flex; justify-content:space-around; margin:60px 10px; }#mobile-btns a {background:rgba(0,0,0,.5);color:white;box-sizing:border-box;padding:10px;margin:0 10px 10px;max-width:calc(100% / 3);flex:100%;font-size:14px;text-align:center;}#mobile-btns a i { font-size:32px; margin:0 auto 10px; display:block; }#mobile-social { flex:1!important; } header .social { } header .social a { display:inline-block; padding:0px; margin:0px; } header .social a i:before { padding:5px; font-size:18px; } header .social a i:after { top:0; bottom:0; height: 100%; } header .hours { margin:auto auto 60px; color:white; } header .hours .fo-h3 { font-weight: bold; font-size:18px; text-align: center; } #banner { padding-top:80px; padding-bottom:30px; }#banner .flex-ed { justify-content:center; } #banner:before { display: none; } #banner figure { max-width: 100%; } #banner .video { max-width: 100%; height:auto; border-radius:0px; } #banner article { text-align: center; max-width: 100%; order:2; margin-top: 20px; }#banner figure .video { } #banner .video, #banner .elem-circle img, #banner .elem-circle { } #banner .elem-circle:before, #banner .elem-circle:after { display: none; } #banner .btn-circle { display: none!important; } #banner .badge { order:2; transform:none; position: static; display: block; transition: none; display: block; } #banner .badge img { height: 148px; transform:rotate(-15deg); display: block; margin:0 auto 20px; } #banner.playing .badge { opacity: 1; transform:none; } #ways { text-align: center; } .callouts { flex-flow:wrap; } .callouts a { text-align: left; } .cards a { margin-bottom: 20px; } .cards a i { display: none; } .meet-pager span { font-size:17px; } #meet-switch figure { order:2; } #whitening { flex-flow: wrap; max-width: 90%; margin:0 auto; text-align: center; } #whitening article { background: white; } #saying { background-color: #f7f7f7; } #saying .flex-ed { flex-flow:wrap; text-align: center; justify-content: space-around; } #saying figure img { width: 100%; } body.page_index h2, .h2 { font-size:45px; } #fo-contents > .flex-ed { flex-flow:wrap; justify-content: space-around; } #fo-info {} footer .forms { padding:40px 10px; } #fo-contents { padding-top: 0px; } .pd-align, .featured { display: block; } #copy { padding-bottom:60px; justify-content: space-around; } #fo-logos { margin-bottom: 20px; }.elem-circle img { margin:0 auto; } .elem-right, .elem-left { float:none!important; margin:0 auto 15px!important; } .elem-circle:before, .elem-circle:after { display: none; } .mobile-spanish-banner {display: block;}}@media screen and (max-width: 759px) { .fix-nav header { position:relative; animation:none; } #fo-map, iframe.google-map, .google-map iframe { display: none; } #hd-info { flex-flow:column; } header address { margin-bottom: 10px; } #fo-info .flex-ed > *:nth-child(1) { max-width: none; } #fo-info { margin-right: 0px; text-align: center; } .fo-h3 { text-align: center; } #fo-info:before { display: none; } #fo-info .flex-ed { flex-flow:column; justify-content:center; align-items: center; } #fo-info .flex-ed > * { max-width: 100%; padding:5px; } .curves:before, .curves:after { display: none; } article .forms .input { display:block; width:100%; } article .forms .inline { border:none; min-height:0px; } .forms .inline > * { width: 100%; } .reviews-controls { display: flex; flex-flow: row; align-items: center; justify-content: center; } #reviews .reviews-controls .slick-dots, .reviews-controls #prev, .reviews-controls #next { position:static; transform:none; } #reviews .reviews-controls .slick-dots li { display: inline-block; } .reviews-controls #next { order:2; } footer nav { display: none; } }@media screen and (max-width: 600px) { #page-title h2#append, #page-title h1:only-child { font-size:45px; } #copy > span { display: block; } #copy span span { display:none; } header .phone { font-size:18px; } #banner article h2 { font-size:12vw; } .meet-pager span { font-size:14px; } .slick-reviews { margin-top: 30px; } .curves { padding:20px 0; margin-top: 20px; } .slick-reviews, #reviews figure, .slick-reviews .slick-slide { border-radius: 0px; max-width: none; height: auto; } .slick-reviews .slick-slide { padding:60px 10px 40px; } .slick-reviews { width: 90%; } .review-btn { line-height: 30px; z-index: 100; } #fo-logos { flex:100%; justify-content: space-around; flex-flow:wrap; } #fo-logos img { margin:5px; } #saying .video { width:100%; height: auto; }#hd-contents > * { flex:0 1 auto; } header .social { margin:0 10px 0 auto; flex:0 1 auto; }header .phone,header address { display: none; } h2, .h2 { font-size:35px; }}@media screen and (max-width: 479px) { #hd-contents > * { flex:1 0 auto; } header .social { margin-right:0px; } #mobile-btns a { font-size:12px; }}.covid-19 { background: #cc5500; text-align: center; padding: 7px;}.covid-19 a { color: #fff; font-weight: bold;}.covid-19 a:hover { text-decoration: underline;}.safe-page { background-color: #41aac5; display: block; padding: 5px; text-align: center; color: #fff; line-height: 1.2; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}.safe-page:hover { background-color: #3796af; color: #fff; text-decoration: none;}#safety { max-width: 1030px; margin: 40px auto 0; padding: 20px 10px; position: relative;}#safety:before { content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: -1;}#safety .flex-ed { margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; justify-content: space-around; flex-wrap: nowrap;}#safety article { -webkit-box-flex: 0; -ms-flex: 0 1 800px; flex: 0 1 800px; padding: 0 10px;}#safety p { font-size: 18px; line-height: 1.6;}#safety h3 { font-size: 35px; margin: 5px auto; font-weight: 400; line-height: 1.2; text-align: left; letter-spacing: 0;}#safety h3:after { background-color: #86d4da; content: ''; display: block; height: 2px; width: 57px; margin: 10px 0;}.covid-icon { box-shadow: 0 0 0 10px #fff; border: 3px solid #86d4da; margin: 10px; height: 140px; width: 140px; -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px;}.cls-1,cls-1.per { stroke: #252525; stroke-miterlimit: 10; stroke-width: .75px !important; fill: #fff;}.cls-2,.cls-3 { fill: #fff;}.cls-2,.cls-3,.cls-4 { stroke: #86d4da;}.filler.cls-2,.filler.cls-1 { fill: #fff !important;}.thinner .cls-1 { stroke-width: .1px !important; fill: #252525;}.thinner .cls-2 { stroke-width: .1px !important; fill: #86d4da;}.thinner .cls-2,.thinner .cls-3 { stroke-width: .5px;}.stroker .cls-2,.stroker .cls-3 { stroke-width: .4px !important;}@media(max-width: 750px) { .safe-page { letter-spacing: 0; } #safety .flex-ed { display: block; text-align: center; } .covid-icon { margin: 20px auto; } #safety h3 { text-align: center } #safety h3:after { margin: 10px auto; }}@media(max-width: 590px) { #safety h3 { font-size: 28px; }}