progress, sub, sup { vertical-align: baseline; } button, hr, input { overflow: visible; } [type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { color: inherit; display: table; max-width: 100%; white-space: normal; } textarea { overflow: auto; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; line-height: 1.7; color: #34353e; font-weight: 400; font-family: "Muli"; background-color: #f9f4f1; }h1, h2, h3, h4, .h2, .h3 { margin-top: 0; color: #34353e; font-weight: 400; line-height: 1; display: block; font-family: "Abel"; }h1, .h1, #append { font-size: 60px; line-height: 1.1; margin: 0px; font-weight: 700; }h2, .h2 { font: 700 60px "Muli"; line-height: 1; }h3 { font-size: 28px; line-height: 1.1; }h4 { font-size: 22px; line-height: 1.1; }#page-title h1:not(:only-child) { font: 16px "Abel"; color: white; font-family: "Muli"; }#page-title h2#append, #page-title h1:only-child { color: white; font-size: 60px; }#simpleModal{display:none;position:fixed;z-index:9000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s}#simpleModal .modalContent{background-color:#f4f4f4;margin:8% auto;padding:0 0 30px;width:90%;max-width: 1000px; box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}#simpleModal .modalContent h2{background-color:#7da0b5; font-weight: 700;margin-bottom:25px;color:#fff;padding:55px 20px 15px;text-transform:uppercase;font-size:36px;text-align:center;line-height:1.2}#simpleModal .contain { max-width: 85%; margin: auto;}#simpleModal .modalContent p{margin: 15px auto; line-height: 1.6; font-weight: 400;}#simpleModal .closeBtn{color:#a5a5a5;position:absolute;right:0;top:0;z-index:10;font-size:30px;position:absolute;background-color:#e74c3c;color:#fff;padding:5px 15px 8px; line-height:1}#simpleModal .closeBtn:focus,#simpleModal .closeBtn:hover{background-color:#c0392b;cursor:pointer;text-decoration:none}@keyframes modalopen { from{opacity:0} to{opacity:1} }a { text-decoration: none; transition: .3s ease; color: #f69379; }a:hover { text-decoration: underline; }a[name]:before { height: 120px; margin-top: -120px; display: block; content: ""; visibility: hidden; }@media (min-width:1020px) { a[name]:before { height: 145px; margin-top: -145px; }}hr { position: relative; height: 1px; width: 100%; display: table; clear: both; margin: 2em auto; border: none; background-color: #ccc; }address { font-style: normal; }figure { margin: 0px; }.stars:before { content: "\e80f \e80f \e80f \e80f \e80f"; color: #f5d06b; font-family: fontello; font-weight: 400; margin: 0; font-style: normal; }#fixed-tabs { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; display: flex; box-shadow: -2px 0 2px rgba(0, 0, 0, 0.5); z-index: 1100; }#fixed-tabs a { background-color: #f8c77c; flex: 100%; font-size: 12px; padding: 15px 0; color: #000; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; box-sizing: border-box; text-transform: uppercase; line-height: 1; }#fixed-tabs a span:last-of-type { display: none; }#fixed-tabs a.ra { background-color: #f69379; }#fixed-tabs a.fb { background-color: #4d70a8; }#fixed-tabs a.gp { background-color: #dc4e41; }#fixed-tabs a.call, #fixed-tabs a.map { display: none; }#fixed-tabs a.call { background-color: #abdfcb; }#fixed-tabs a:hover { text-decoration: none; }@media screen and (min-width:1023px) { #fixed-tabs { display: none; }}@media screen and (max-width:759px) { #fixed-tabs a.fm { display: none; }}@media screen and (max-width:600px) { #fixed-tabs a { flex: 1; } #fixed-tabs a.ra { flex: 2; } #fixed-tabs a.fm, #fixed-tabs a.gp, #fixed-tabs a.fb { display: none; } #fixed-tabs a.call, #fixed-tabs a.map { display: block; }}main .forms label { margin-bottom: .5em; }main .forms { background-color: #f7f7f7; box-sizing: border-box; padding: 20px; }.forms .inline-box > div { padding: 10px; margin-bottom: 10px; background-color: rgba(38, 169, 223, 0.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: calc(100%/3 - 5px); box-sizing: border-box; }.forms .inline-2 > * { width: calc(100%/2 - 5px); }.forms span { display: block; }.forms .full { flex: 100%; max-width: 100%; }.forms .inline .btn { min-width: 100%; }.forms input:focus, .forms textarea:focus { background: rgba(0, 0, 0, 0.8) !important; color: #fff; }::-webkit-input-placeholder { opacity: 1; }::-moz-placeholder { opacity: 1; }@media screen and (max-width:759px) { article .forms .input { display: block; width: 100%; } article .forms .inline { border: none; min-height: 0px; } .forms .inline > * { width: 100%; } .forms .full { max-width: 100%; }}[class^="btn"] { box-shadow: 8px 13px 10px rgba(70, 102, 132, 0.1); min-width: 200px; display: inline-block; padding: 12px; margin: 0 5px 5px 0; box-sizing: border-box; text-align: center; color: #000; font-weight: 600; line-height: 1; font: 16px "Abel"; border-radius: 10px; background-color: #f8c77c; }[class^="btn"] i { color: white; }[class^="btn"]:hover { text-decoration: none; background-color: #f69379; }.btn-alt { background-color: #f69379; }.btn-alt:hover { background-color: #f8c77c; }.page-divider + .more-to-explore { margin-top: 0px; }.more-to-explore { padding:150px 0 100px; text-align: center; margin: 60px 0 -60px; position: relative; background:#92bead url(assets/images/index-curve-top.jpg) center top no-repeat; background-size:100% 100px; }.more-to-explore .container { box-shadow: 8px 13px 10px rgba(70, 102, 132, 0.1); position:relative; background: white; padding: 30px 20px; z-index: 10; }.more-to-explore .container:before { content: ""; left: 10px; top: 10px; bottom: 10px; right: 10px; border: 2px solid #f9f4f1; position: absolute; z-index:-1; }.more-to-explore span { margin-bottom: 30px; font-size: 24px; font-weight: 700; }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 32%; margin: 0 .5% 10px; }@media screen and (max-width:1023px) { .more-to-explore .btn, .more-to-explore .btn-alt { min-width: 45%; margin: 0 1% 5px; }}@media screen and (max-width:600px) { .more-to-explore .btn, .more-to-explore .btn-alt { min-width: 100%; margin: 0 0 5px; }}main ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden; }main ul li { position: relative; padding-left: 25px; }main ul li:before { content: "\e832"; color: #f8c77c; font-size: 16px; position: absolute; left: 0; top: 5px; font-family: "fontello"; }header { background: #abcee3; position: absolute; z-index: 1010; line-height: 1; width: 100%; left: 0; top: 0; }header a:hover { text-decoration: none; }header .logo { display: block; }header .logo img { margin: 0 auto; display: block; }header #hd-top { text-align: center; background: white; padding: 6px 10px; font-size: 12px; }header #hd-top a { font-size: 13px; color: #34353e; }header #hd-top span { color: #f69379; display: inline-block; margin: 0 2em; }header #hd-top a:hover { color: #f69379; }header #hd-container { flex: 100%; flex-flow: row wrap; justify-content: flex-end; }header #hd-contents { max-width: 1300px; margin: 0 auto; padding: 20px 10px; box-sizing: border-box; align-items: center; justify-content: space-between; }header #hd-info { max-width: 500px; flex: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }header #hd-info i { font-size: 16px; }header #hd-info address { font: 19px "Abel"; margin-right: 20px; position: relative; padding-left: 30px; }header #hd-info address span { display: block; }header #hd-info address a { color: #000; }header #hd-info address a:hover { color: #f69379; }header #hd-info address i { position: absolute; left: 0; top: 0; color: #f8c77c; }header #hd-info .phone { display: block; color: #000; font-size: 32px; }header #hd-info .phone:hover { color: #f69379; }header #hd-info .phone i { color: #f8c77c; }header #hd-info .btn-app { margin: 10px 0 0; min-width: 100%; }nav#main-nav { flex: 100%; max-width: 700px; align-items: center; }nav#main-nav .phone { align-self: flex-end; }nav#main-nav ul { margin: 0px; padding: 0px; text-align: center; flex: 100%; list-style: none; }nav#main-nav > ul { max-width: 100%; display: flex; justify-content: space-between; }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 { color: white; padding: 0 5px; font: 19px "Abel"; line-height: 34px; display: block; color: #0d1433; }nav#main-nav ul li a:hover { text-decoration: none; color: #f69379; }nav#main-nav ul ul { display: none; width: 270px; text-align: left; position: absolute; left: 0; top: 34px; list-style: none; background-color: #f8c77c; 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: #000; }nav#main-nav ul ul li a:hover { background: #f69379; color: #000; }nav#main-nav ul ul ul li:hover {animation: none;}nav#main-nav ul ul li:hover > ul > ul {display: block; animation: none;}nav#main-nav ul ul ul { background-color: #f3c37b; left: 270px; top: 0; }nav#main-nav ul ul ul ul { position: relative; display: block; left: 0; background: #abcee3; }nav#main-nav ul ul ul > li:hover ul {animation: none}nav#main-nav ul ul ul ul li a { padding-left: 40px; }@keyframes slideIn { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { 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: 0 0 4px rgba(0, 0, 0, 0.5); background: white; }.fix-nav #hd-contents { padding: 10px 0; }.fix-nav #hd-top { display: none; }.fix-nav #hd-info { max-width:800px; }.fix-nav #hd-info address { flex:1 0 auto; }.fix-nav #hd-info > div { display: flex;flex: 100%;align-items: center;justify-content: space-between;}.fix-nav #hd-info .btn-app { margin:0px; min-width:0px; max-width:300px; flex:100%; }.container, #page-title { max-width: 1300px; margin: 0 auto; }#page { padding: 0 0 60px; overflow: hidden; }@media screen and (max-width:1300px) { #page { margin: 0 1%; max-width: 98%; }}#page-title { position: relative; padding: 60px 0; text-align: center; background: #34353e; margin-bottom: 40px; }#intro:before, #page-title:before { background-color: #abcee3; content: ""; top: 0; bottom: 40%; left: -999px; right: -999px; z-index: -1; position: absolute; }#intro { box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); position: relative; box-sizing: border-box; padding: 80px; background: #34353e; color: white; margin-bottom: 50px; }#intro #page-title { text-align: left; padding: 10px 0; margin-bottom: 0px; }#intro.flex-ed { padding: 0; align-items: center; }#intro.flex-ed > div { box-sizing: border-box; padding: 20px 80px; }#intro.flex-ed figure img { display: block; }#intro.intro-light { background: white; color: #34353e; }#intro.intro-light #page-title { background: none; }#intro.intro-light #page-title h1, #intro.intro-light #page-title h2 { color: #34353e; }#intro.intro-light #page-title a { color: #f69379; }.hours { display: block; text-align: left; max-width: 433px; line-height: 1.8; }.hours b, .hours label { display: inline-block; min-width: 110px; font-weight: inherit; }.social { margin: 0px; display: block; }.social a { display: inline-block; vertical-align: top; margin: 0 5px; }.social a i:before { font-size: 18px; background-color: white; line-height: 1; display: block; transition: .2s; padding: 8px; border-radius: 50%; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.1); }.social a:hover { text-decoration: none; }.social a i.icon-facebook:before { color: #4d70a8; }.social a i.icon-gplus:before { color: #dc4e41; }.social a i.icon-yelp:before { color: #b62717; }.social a i.icon-youtube-play:before { color: #d00; }.social a:hover i:before { background-color: #f69379; color: black; }#smiletrain { background: white; padding: 60px 0; }#smiletrain .flex-ed { max-width: 1200px; margin: 0 auto; align-items: center; }#smiletrain article { box-sizing: border-box; padding: 10px; }#smiletrain figure { flex: 100%; max-width: 400px; text-align: center; }#smiletrain .h1 { color: #34353e; font-weight: 700; font-size: 40px; }footer { line-height: 1; position: relative; background-color: #f7f8fa; padding-top: 80px; }footer .h1 { text-align: center; display: block; }footer .h2 { color: #34353e; font-size: 28px; margin-bottom: 40px; position: relative; }footer .h2:before { position: absolute; left: -50px; top: -30px; width: 52px; height: 61px; content: ""; background: url(assets/images/fo-deco.png) left top no-repeat; }footer .forms { padding: 0; max-width: 320px; box-sizing: border-box; }footer .forms input, footer .forms textarea { padding: 10px; font: 16px "Abel"; border-radius: 10px; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.1); }footer .forms textarea { height: 120px; }footer .forms .btn { min-width: 100%; margin: 0 auto; }footer .forms .btn:hover { background: #f69379;}footer .fo-title { display: block; font: 19px "Abel"; margin-bottom: 10px; }footer #fo-contents { max-width: 1200px; flex: 100%; margin: 50px auto 0; justify-content: space-around; padding: 0 0 60px; box-sizing: border-box; align-items: center; }footer #fo-contents a:hover { text-decoration: none; }footer #fo-info i { font-size: 16px; color: #f8c77c; }footer #fo-info .phone { display: block; font: 32px "Abel"; margin-bottom: 20px; color: #34353e; }footer #fo-info .phone:hover { color: #f69379; }footer #fo-info address { display: block; line-height: 1.2; margin-bottom: 10px; }footer #fo-info address span { display: block; }footer #fo-info address a { font: 17px "Abel"; font-weight: 400; color: #000; }footer #fo-info address a:hover { color: #f69379; }footer #fo-info .social { margin-bottom: 20px; }footer #copy { padding: 40px 10px; box-sizing: border-box; text-align: center; font-size: 14px; }footer #copy a { color: #f69379; }footer #copy a:hover { text-decoration: none; color: #f8c77c; }#map iframe {border: none;}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, body.page_index .h2 { letter-spacing: -.04em; }body.page_index h2 span, body.page_index .h2 span { display: block; }body.page_index h2 small, body.page_index .h2 small { font: 28px "Abel"; display: block; margin-bottom: 10px; letter-spacing: 0; }.section { max-width: 1300px; margin: 0 auto; }.section article { box-sizing: border-box; }.section figure { position: relative; }.section figure img { display: block; }.section.flex-ed { align-items: center; }.section.flex-ed article { max-width: 550px; padding: 10px; margin: 0 auto; }.name { box-sizing: border-box; padding: 20px; display: flex; justify-content: space-around; color: black; font-size: 13px; font-weight: 600; text-transform: uppercase; }.name a { color: #34353e; }.name a:hover { text-decoration: none; color: #f69379; }.deco { position: relative; padding-left: 50px; }.deco:before { display: block; position: absolute; left: 0; top: -30px; width: 52px; height: 61px; background: url(assets/images/fo-deco.png) left top no-repeat; margin-bottom: 20px; content: ""; }.frame { position: relative; }.frame:before { position: absolute; left: 10px; bottom: 10px; top: 10px; right: 10px; content: ""; border: 2px solid #f9f4f1; z-index:-1; }.hover { position: relative; margin: 0 auto 15px; }.hover > img:last-child { position: absolute; left: 0; top: 0; opacity: 0; }#banner { position: relative; }#banner .section { position: relative; }#banner img { display: block; width: 100%; }#banner article { text-align: center; color: white; box-sizing: border-box; padding: 20px 10px; }#banner h1 { color: white; font-size: 16px; margin-bottom: 10px; }#banner .h2 { color: white; font-weight: 700; font-size: 60px; text-transform: none; }#banner .slick-slide picture {display: block !important;}#banner .slick-slide img { display: block !important; }#banner #controls.banner-controls .slick-dots li span { border-color: white; }@media screen and (min-width:1023px) { #banner figure { position: relative; } #banner figure:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 10; background-image: linear-gradient(to right, #34353e 0%, #34353e 23%, rgba(52, 53, 62, 0) 65%, rgba(52, 53, 62, 0) 100%); } #banner article { width: 95%; text-align: left; transform: translate(-50%, 50%); position: absolute; left: 50%; bottom: 50%; z-index: 100; } #banner #controls.banner-controls { position: absolute; left: 50px; bottom: 50px; z-index: 100; }}#banner:before { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 40%; background: #abcee3; content: ""; z-index: -1; }#mission { background: white; text-align: center; padding: 50px 0; box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); z-index:10; }#mission article { max-width: 979px; margin: 0 auto; }#mission .callouts { max-width: 90%; margin: 30px auto 0; flex-flow: row wrap; justify-content: center; position: relative; }#mission .callouts a { color: #34353e; flex: 100%; max-width: calc(100%/4); box-sizing: border-box; padding: 10px; line-height: 1.5; font-size: 16px; margin-bottom: 20px; }#mission .callouts h3 { font: bold 24px "Muli"; color: #34353e; line-height: 1; }#mission .callouts em { font-style: normal; }#mission .callouts .hover { width: 48px; }#mission .callouts a:hover .hover img:last-child { opacity: 1; }#mission .callouts a:hover { text-decoration: none; }#mission .callouts a:hover h3 { color: #f8c77c; }#meet { padding: 120px 0 0; overflow: hidden; }#meet .section { position: relative; padding: 50px 0; }#meet .section:before { position: absolute; left: 40%; right: -999px; top: 0; bottom: 0; background: #abcee3; content: ""; z-index: -1; }#meet .deco:before { filter: brightness(10) grayscale(1); }#specials { padding: 120px 0; text-align: center; }#specials .h2, #specials h2 { color: #34353e; }#specials > .flex-ed { justify-content: center; margin-top: 50px; margin-bottom: 50px; }#specials > .flex-ed > a { margin: 0 10px; }#services { padding-top: 160px; background: #92bead url(assets/images/index-curve-top.jpg) left top no-repeat; background-size: 100% 100px; }#services .section { box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); background-color: #abcee3; }#services .deco:before { filter: brightness(10) grayscale(1); }#services .cards { background: white; padding: 40px 20px; text-align: center; }#services .cards figure { margin: 0 auto; }#services .cards h3 { font: 700 24px "Muli"; line-height: 1; }#services .cards h3 small { display: block; font: 400 17px "Abel"; }#services .cards .hover { width: 60px; }#services .cards a:hover { text-decoration: none; }#services .cards a:hover .hover img:last-child { opacity: 1; }#services .cards a:hover h3 { color: #f69379; }#reviews { background: #92bead; padding: 120px 0; text-align: center; }#reviews .deco { display: inline-block; }#reviews .slick-reviews { max-width: 979px; border-radius: 10px; background: white; margin: 40px auto; }#reviews .slick-reviews .review { box-sizing: border-box; padding: 40px; position: relative; font-size: 24px; font-style: italic; }#reviews .slick-reviews .review author:before { display: block; }#reviews .slick-reviews .review author { font: 16px "Abel"; text-transform: uppercase; }#reviews .slick-reviews .review i.icon-quote { font-size: 60px; color: #abcee3; display: block; transform: scaleX(-1); }#reviews .slick-reviews .review p:first-of-type { margin-top: 0px; }#reviews .slick-reviews .review:before {position:absolute;right:0;bottom:0;padding:0 0 0 10px;text-align:center;box-sizing:border-box;line-height:80px;content:"";width:68px;height:80px;font-style:normal;font-family:"fontello";font-size:22px;background:url(assets/images/index-review-social.png) left top no-repeat;}#reviews .slick-reviews .review.google:before { color:#dc4e41; content:"\e806" }#reviews .slick-reviews .review.yelp:before { color:#b62717; content:"\e81d"; } #reviews #controls.reviews-controls #prev, #reviews #controls.reviews-controls #next { color: white; }#reviews #controls.reviews-controls .slick-dots li span { background: #abcee3; box-shadow: 8px 13px 10px rgba(70, 102, 132, 0.1); }#reviews #controls.reviews-controls .slick-dots li.slick-active span { background: #f8c77c; }#options { background: white; position: relative; padding-bottom: 120px; }#options .boxes { justify-content: space-between; }#options .boxes a { position: relative; }#options .boxes a > span { display: block; position: absolute; left: 20px; bottom: 20px; }#options .boxes a h2, #options .boxes a .h2 { text-shadow: 1px 2px 3px rgba(52, 53, 62, 0.3); color: white; }#options .boxes a .btn { margin: 20px 0 0; }#options .boxes a figure { overflow: hidden; }#options .boxes a img { transition: .3s; }#options .boxes a:hover figure img { transform: scale(1.2); }#options:before { position: absolute; left: 0; top: 0; height: 50%; width: 100%; content: ""; background: #92bead url(assets/images/index-curve-bottom.jpg) left bottom no-repeat; background-size: 100% auto; }#home-faqs {padding: 15px;}#home-faqs .container {max-width: 1200px; margin: 60px auto;}.page-services { margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }.page-services > div { flex: 100%; max-width: 421px; margin-bottom: 40px; background: white; display: flex; flex-flow: column; box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); }.page-services > div div { box-sizing: border-box; padding: 10px; margin: 10px; border: 2px solid #f9f4f1; height: 100%; box-sizing: border-box; }.page-services p { margin: 0px; position: relative; line-height: 1; font-size: 19px; text-align: center; }.page-services ul li a,.page-services p a { display: block; padding: 5px; box-sizing: border-box; color: #34353e; }.page-services strong { display: block; font-size: 40px; }.page-services img { display: block; }.page-services a:hover { text-decoration: none; color: #f8c77c; }.page-services ul { padding: 0px; margin: 20px 0; list-style: none; line-height: 1; }.page-services ul li a:hover { text-decoration: none; }.accordion .toggle { font-size: 26px; color: #000; border-radius: 10px; cursor: pointer; padding: 15px 20px 15px 60px; position: relative; margin: 10px 0 0; background-color: white; text-align: left; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.1); }.accordion .toggle:before { content: "Q"; font: 28px "Muli"; font-style: normal; position: absolute; left: 10px; top: 10px; display: block; color: #f8c77c; font-weight: 700; line-height: 1; transition: .3s; width: 1em; height: 1em; }.accordion .toggle.active { border: none; }.accordion .toggle.active:before { content: "A"; color: #f69379; }.accordion .accordion-content { display: none; padding: 5px 10px 10px 60px; max-width: 100%; margin: 0 auto; }@media screen and (max-width:600px) { .accordion .accordion-content { max-width: 100%; }}main .slick-slider { max-width: 1036px; margin: 0 auto; }main .slick-slider .slick-slide img { margin: 0 auto; display: block; }main #controls { background: white; max-width: 300px; margin: -30px auto; z-index: 10; border-radius: 10px; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.1); position: relative; }#controls { align-items: center; justify-content: center; }#controls .slick-dots li span { width: 1em; height: 1em; line-height: 1; cursor: pointer; background-color: #f8c77c; display: inline-block; margin: 0 5px; font-size: 11px; border-radius: 50%; }#controls .slick-dots li.slick-active span { background: #f69379; }#controls.flex-ed #next { order: 2; }#prev, #next { font-size: 28px; z-index: 100; line-height: 1; padding: 5px; color: #000; }#prev i:before, #next i:before { margin: 0px; width: 1em; }.slick-slider #prev, .slick-slider #next { position: absolute; left: -50px; top: 50%; transform: translateY(-50%); }.slick-slider #next { right: -50px; left: auto; }#intro + .why { margin-top: -50px; }.why { text-align: center; padding: 60px 20px; line-height: 1; margin-top: 0px; background: white; font-size: 24px; font-weight: bold; position: relative; }.why:before { content: ""; left: 10px; top: 10px; bottom: 10px; right: 10px; border: 2px solid #f9f4f1; position: absolute; }.why h2 { font: 28px "Abel"; color: #34353e; }.why ul { margin: 10px auto 0; padding: 0px; display: flex; justify-content: space-around; }.why ul li { flex: 100%; padding: 0px; max-width: 30%; box-sizing: border-box; }.why ul li:before { width: 50px; height: 39px; font-size: 28px; position: static; display: block; margin: 0 auto 10px; }@media screen and (max-width:759px) { .why ul { flex-flow: wrap; } .why ul li { max-width: 100%; }}.why + .page-divider { margin-top: 60px; }.page-divider { margin-top: 60; }.pd-img, .pd-anchor { margin: 0px; }.pd-block { padding: 90px 0; position: relative; }.pd-block:before, .pd-alt:before { position: absolute; left: -999px; right: -999px; top: 40px; bottom: 40px; content: ""; background-color: #abcee3; z-index: -1; }.pd-title { margin: 0px; font: bold 50px "Muli"; color: #34353e; }.pd-block h3 { color: #34353e; position: relative; overflow: hidden; padding-left: 50px; padding-top: 30px; }.pd-block h3:before { position: absolute; left: 0; top: 0; width: 52px; height: 61px; content: ""; filter: grayscale(1) brightness(10); z-index: 10; background: url(assets/images/fo-deco.png) left top no-repeat; }.pd-body { width: 100%; }.pd-wrap { display: table; width: 100%; }.block { display: table; width: 100%; clear:both; }@media screen and (min-width:1200px) { .pd-body { box-sizing: border-box; padding-left: 100px; padding-right:650px; } .pd-alt .pd-body { padding-left: 650px; padding-right:100px; } .block .elem-right { margin-right: -271px; } .block .elem-left { margin-left: -271px; } .pd-block:before { right: 40%; left: -999px; } .pd-alt:before { right: -999px; left: 40%; }}.pd-no-img:before { left: -999px; right: -999px; }.pd-no-img .pd-body { padding: 0 10px; }#lean_overlay { position: fixed; z-index: 1100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 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, 0.3); }.modal-close:before { content: "+"; font-size: 35px; }.modal-content { display: none; flex: 100%; position: relative; }.page-specials { justify-content: space-between; }.coupon { width: 280px; padding: 40px 10px; box-sizing: border-box; display: block; background-color: white; color: white; position: relative; line-height: 1; color: #34353e; min-height: 380px; text-align: center; box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); }.coupon:before { top: 10px; bottom: 10px; left: 10px; right: 10px; content: ""; border: 2px solid #f9f4f1; box-sizing: border-box; position: absolute; }.coupon img { display: block; margin: 0 auto; position: absolute; left: 0; bottom: 0; }.coupon .title { font-size: 55px; color: #f8c77c; font-weight: 700; display: block; }.coupon .title strong { font-size: 23px; display: block; color: #34353e; }.coupon small { font-size: 11px; }.coupon sub { top: -.3em; font-size: 60%; }.coupon .sub-split .title { font-size: 50px; letter-spacing: -.08em; }a.coupon { text-decoration: none; }a.coupon:hover { background: #f8c77c; }a.coupon:hover .title { color: white; }#special-form { max-width: 280px; margin: 0 auto; box-shadow: 2px 3px 27px rgba(24, 23, 24, 0.15); background-color: #f7f8fa; }#special-form textarea, #special-form input { font: 16px "Abel"; padding: 10px 8px; box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.1); border-radius: 10px; text-align: center; }#special-form .btn { min-width: 100%; }#special-form .coupon { background: #f8c77c; }#special-form .coupon .title { color: white; }@media screen and (max-width:1300px) { img { max-width: 100%; } #intro figure { flex: 1 0 50%; } #intro.flex-ed > div { padding: 40px; } #intro:before, #page-title:before { display: none; } #intro.flex-ed { flex-flow: wrap; justify-content: space-around; } #intro.flex-ed figure { flex: 100%; max-width: 550px; }}@media screen and (max-width:1023px) { header { width: 100%; background:white; position: absolute; left: 0; top: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .attach #hd-top { display: none; } .attach header { position: fixed; } 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 header { left: -80%; position: fixed; } body.mean-active { overflow: hidden; right: 80%; } 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: #f69379; } 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; } .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: -80%; margin: 0; top: 0; bottom: 0; width: 80%; 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, 0.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, 0.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-first a { border-top: none; margin-top: 0; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { 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, 0.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, 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.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 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%; } header .social { background: rgba(0, 0, 0, 0.5); box-sizing: border-box; padding: 0 5px; text-align: center; } header .social span, header .social .fo-title { display: none; } header .social a { padding: 5px; margin: 0 auto;} header .hours { margin: 40px auto 60px; color: white; } header .hours .fo-title { display: block; font-size: 18px; text-align: center; } header .btn-app { display: none; } header #hd-info .phone { font-size: 22px; } header #hd-info > div { flex: 1 0 auto; justify-content: space-around; display: flex; } header #hd-contents { padding: 5px; } .elem-right, .elem-left { max-width: 100%; float: none !important; margin: 0 auto 15px !important; } #smiletrain .flex-ed { flex-flow: wrap; justify-content: space-around; text-align: center; } #banner { background: #abcee3; } #banner h1, #banner .h2 { color: #34353e; } #banner #controls { position: relative; } #mission article { box-sizing: border-box; padding: 10px; } #mission .callouts a { max-width: calc(100% / 2); } .section.flex-ed { flex-flow: row wrap; justify-content: space-around; } #meet { padding: 0px; } #meet figure { order: 2; } #meet .section:before { left: 0; right: 0; } #specials .page-specials { flex-flow: wrap; justify-content: space-around; } #specials > .flex-ed > a { margin: 0 10px 20px; } #services { padding: 0px; } #services article { padding: 60px 10px; } #services .section.flex-ed figure { display: none; } #services .cards { flex-flow: wrap; justify-content: space-around; } #services .cards > * { max-width: 50%; flex: 100%; margin-bottom: 20px; } #reviews { padding: 40px 10px; } #options { background-color: #92bead; padding-bottom: 40px; } #options:before { display: none; } #options .boxes { flex-flow: wrap; justify-content: space-around; } footer { text-align: center; } footer #copy { padding-bottom: 60px; }}@media screen and (max-width:759px) { footer nav { display: none; } footer #fo-contents { flex-flow: wrap; justify-content: space-around; } footer #fo-info { margin-bottom: 50px; display: flex; flex-flow: column; align-items: center; } footer .fo-title { text-align: center; } header address { display: none; } #hd-top { display: none; } footer { padding-top: 40px; } footer #fo-contents { padding-bottom: 40px; } #intro {padding: 40px 20px;} #page-title h2#append, #page-title h1:only-child {font-size: 50px;}}@media screen and (max-width:600px) { #fo-map, #map { display: none; } h2, .h2, #banner .h2 { font-size: 40px; } #mission .callouts a, #services .cards > * { max-width: 100%; } footer .forms { margin: 0 auto; }}@media screen and (max-width:479px) { h1, .h1, #append { font-size: 50px; } #page-title h2#append, #page-title h1:only-child, .pd-title { font-size: 40px; line-height: 1; } header #hd-info .phone { display: none; } #intro.flex-ed > div { padding: 20px; }}.safe-page {background-color: #f9de59; display: block; padding: 5px; text-align: center; color: #34353e; line-height: 1.2; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}.safe-page:hover {background-color: #fb9177; color: #fff; text-decoration: none;}#safety { max-width: 1030px; margin: 40px auto 0; padding: 20px 10px; position: relative; }#safety:before {background-color: #d7eaf5; 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 730px;flex: 0 1 730px; padding: 0 10px;}#safety p {font-size: 18px; line-height: 1.6;}#safety h3 { font-size: 35px; margin: 5px auto; font-weight: 400;}#safety h3:after {background-color: #f69379; content: ''; display: block; height: 2px; width: 57px; margin: 10px 0;}.covid-icon { box-shadow: 0 0 0 10px #fff; border: 3px solid #f69379; 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-3 {fill: #fff;}.cls-2, .cls-3, .cls-4 {stroke: #f69379; } .filler.cls-2, .filler.cls-1 {fill: #fff !important;}.thinner .cls-1 {stroke-width: .2px !important; fill: #252525;}.thinner .cls-2 {stroke-width: .1px !important; fill: #f69379;}.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:after {margin: 10px auto;}}@media(max-width: 590px) { #safety h3 {font-size: 30px;}}body.page_dental-implants .pd-block h3::before {filter: none;background: none;}.section-toggle > div { display:none }.section-toggle > div > h3 { clear: both; }