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; }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: 16px; line-height: 1.7; color: #727272; font-weight: 300; font-family: "Kanit", sans-serif; background-color: white; }h1, h2, h3, h4, .h2, .h3 { margin-top: 0; color: #303f48; font-weight: 400; line-height: 1; display: block; font-family: "Kanit", sans-serif; letter-spacing: -.01em; }h1, .h1, #append { font-size: 45px; margin: 0px; }h2, .h2 { font-size: 48px; line-height: 1.1; }h3 { font-size: 28px; line-height: 1.1; }h4 { font-size: 22px; line-height: 1.1; }#page-title h1:not(:only-child) { font-size: 16px; letter-spacing: .1em; text-transform: uppercase; color: white; font-weight: 300; margin-bottom: 10px; }#page-title h1:not(:only-child):before { display: inline-block; vertical-align: middle; content: ""; background: url(assets/images/deco-small.png) left top no-repeat; width: 21px; height: 44px; margin-right: 10px; }#page-title h2#append, #page-title h1:only-child { font-size: 48px; color: white; }a { text-decoration: none; transition: .3s ease; color: #7998ac; }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: 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: #7998ac; flex: 100%; font-size: 14px; font-weight: 700; padding: 15px 0; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; box-sizing: border-box; line-height: 1; }#fixed-tabs a span:last-of-type { display: none; }#fixed-tabs a.ra { background-color: #303f48; }#fixed-tabs a.fb { background-color: #4d70a8; }#fixed-tabs a.gp { background-color: #dc4e41; }#fixed-tabs a.map, #fixed-tabs a.call { background-color: #f4f2eb; color: #303f48; display:none; }#fixed-tabs a.map { background-color: #7998ac; color:white; }#fixed-tabs a:hover { text-decoration: none; }@media screen and (min-width:1026px) {#fixed-tabs { display: none; }}@media screen and (max-width:768px) {#fixed-tabs a.fm { display: none; }#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 .wide { max-width: 100%; }}.ra-select { display: flex; align-items: center; }.ra-select em { font-style: normal; margin-right: auto; }.ra-select .custom-radio { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; margin-left: 10px; margin-bottom: 10px; }.ra-select .custom-radio input[type=radio] { position: absolute; left: -999px; }.ra-select .custom-radio label { display: block; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: #7998ac; }.ra-select .custom-radio input[type="radio"]:checked + label { background: #303f48; color: white; }[class^="btn"] { min-width: 250px; display: inline-block; padding: 18px 10px; margin: 0 5px 5px 0; box-sizing: border-box; text-align: center; color: #7998ac; line-height: 1; font-weight: 500; font-size: 16px; border-radius: 27px; border: 2px solid #7998ac; }[class^="btn"]:hover { text-decoration: none; background-color: #7998ac; color: white; }.btn-alt { border-color: white; }.btn-alt:hover { border-color: #7998ac; }.more-to-explore { text-align: center; margin: 0 0 -60px 0; padding: 160px 0; position: relative; z-index: 10; }.more-to-explore:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; content: ""; z-index: -1; background: #303f48; }.more-to-explore span { margin-bottom: 30px; font-size: 16px; color: white; text-transform: uppercase; letter-spacing: .1em; }.more-to-explore span:before { display: inline-block; vertical-align: middle; content: ""; background: url(assets/images/deco-small.png) left top no-repeat; width: 21px; height: 44px; margin-right: 10px; }.more-to-explore .btn { color:white; }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 22%; margin: 0 1% 20px; }@media screen and (max-width:1023px) {.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 45%; margin: 0 1% 10px; }}@media screen and (max-width:600px) {.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 100%; margin: 0 0 5px; }}.grecaptcha-badge { bottom: 100px !important; z-index: 100; }@media screen and (max-width: 600px) { .grecaptcha-badge { bottom: 150px !important; }}main ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden; }main ul li { position: relative; padding-left: 30px; }main ul li:before { content: "\e832"; color: #7998ac; font-size: 17px; position: absolute; left: 0; top: 0; font-family: "fontello"; }.logo { display: flex; color: #7998ac; }.logo img { margin: 0; display: block; }.logo .title { margin-left: 10px; line-height: 1.2; }.logo .tag { font-weight: 400; font-size: 18px; }.logo big { display: block; font-size: 38px; line-height: 1; }.logo small { display: block; border-top: 3px solid #7998ac; font-weight: 300; margin-top: 5px; padding-top: 5px; font-size: 18px; }header { position: absolute; z-index: 1010; line-height: 1; width: 100%; left: 0; top: 0; background: #7998ac; color: white; }header a:hover { text-decoration: none; }header .logo { color: white; }header .logo small { border-top-color: white; }header #hd-top { text-align:center; background:#303f48; }header #hd-top a { display:block; box-sizing:border-box; padding:5px 10px; color:white; text-transform:uppercase; font-size:14px; letter-spacing:.1em; }header #hd-top a:hover { color:#7998ac; }header #hd-contents { max-width: 1450px; margin: 0 auto; padding: 15px; box-sizing: border-box; align-items: center; justify-content: space-between; }header #hd-container { flex: 1 0 auto; margin-left: 30px; }header #hd-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }header #hd-info address a { color: white; font-size: 16px; }header #hd-info address a:hover { color: #303f48; }header #hd-info .phone { display: block; color: white; font-size: 20px; margin-left: 20px; font-weight: 500; }header #hd-info .phone:hover { color: #303f48; }header #hd-btns { max-width: 464px; display: flex; flex: 100%; justify-content:space-between; }header #hd-btns > * { margin: 0px; flex: 1 0 auto; min-width: 0px; padding: 11px; }header #hd-btns i { margin-right: 5px; }header #hd-btns .btn-app { background: #303f48; color: white; max-width:257px; border-color:transparent; }header #hd-btns .btn-app:hover { background: #f4f2eb; color: #727272; }header #hd-btns .btn-refer { color: white; border-color: white; max-width:183px; }header #hd-btns .btn-refer:hover { background: #303f48; }nav#main-nav { flex: 100%; align-items: center; }nav#main-nav ul { margin: 0px; padding: 0px; text-align: center; flex: 100%; list-style: none; }nav#main-nav > ul { max-width: 950px; margin-left: auto; 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-size: 16px; font-weight: 400; line-height: 34px; display: block; }nav#main-nav ul li a:hover { text-decoration: none; color: #303f48; }nav#main-nav ul ul { display: none; width: 280px; text-align: left; position: absolute; left: 0; top: 34px; list-style: none; background-color: #303f48; 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; font-size: 14px; }nav#main-nav ul ul li a:hover { background: #7998ac; color: #303f48; }nav#main-nav ul ul ul { left: 280px; top: 0; }nav#main-nav ul ul ul ul { position: static; display: block; left: 0; background: rgba(0, 0, 0, 0.8); }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); }.fix-nav.page_index header .logo small, .fix-nav header .logo small { display:none; }.fix-nav.page_index header .logo img, .fix-nav header .logo img { max-height:62px; }.fix-nav.page_index header #hd-top, .fix-nav header #hd-top { display:none; }.container { max-width: 98%; margin: 0 1%; }@media screen and (min-width:1200px) {.container { max-width: 1200px; margin: 0 auto; }}#page { padding: 0 0 60px; overflow: hidden; }#page-banner { background: #303f48; margin-bottom: 40px; position: relative; padding: 40px 0 0; }#page-banner .container { padding: 80px; }#page-banner.has-attach { margin-bottom: 90px; display: flex; justify-content: center; }#page-banner.has-attach .container { max-width: 500px; margin: 0 0 0 auto; }#page-banner.has-attach .attach { margin: 0 auto 0 0; z-index: 100; }#page-banner.has-attach .attach img { display: block; }#intro { color: white; }.hours { display: block; text-align: left; max-width: 280px; line-height: 1.88; }.hours b, .hours label { display: inline-block; min-width: 110px; }.social { margin: 0px; display: block; }.social a { display: inline-block; vertical-align: top; margin: 0; }.social a i:before { font-size: 20px; color: white; line-height: 1; display: block; transition: .2s; padding: 10px; border-radius: 50%; }.social a:hover { text-decoration: none; }.social a i.icon-facebook:before { background-color: #4d70a8; }.social a i.icon-gplus:before { background-color: #dc4e41; }.social a i.icon-yelp:before { background-color: #b62717; }.social a i.icon-instagramm:before { background-color: #3f729b; }.social a:hover i:before { background-color: #7998ac; color: white; }footer { background: white; line-height: 1; position: relative; padding-bottom: 30px; }footer a:hover { text-decoration: none; }footer .fo-title { display: block; font-size: 20px; margin-bottom: 10px; font-weight: 500; color: #303f48; }footer #fo-contents { max-width: 1200px; flex: 100%; margin: 0 auto; justify-content: space-between; padding: 80px 0 0; box-sizing: border-box; }footer #fo-logo .logo img {margin:10px;}footer #fo-logo .logo big { font-size: 50px; }footer #fo-logo .logo .tag { font-size: 24px; }footer #fo-logo .logo small { font-size: 24px; }footer #fo-logo .social { text-align: center; margin-top: 30px; }footer #fo-info .hours { line-height: 1.9; margin-bottom: 20px; }footer #fo-info .hours b { font-weight: 300; }footer #fo-info .phone { font-size: 20px; display: block; color: #303f48; font-weight: 500; }footer #fo-info .phone:hover { color: #7998ac; }footer #fo-info address { display: block; line-height: 1.1; margin-top: 15px; }footer #fo-info address a { display: block; color: #727272; }footer #fo-info address a span { display: block; }footer #fo-info address a:hover { color: #7998ac; }footer .forms { max-width: 280px; text-align: center; }footer .forms input, footer .forms textarea { background: #f4f2eb; padding: 8px; font-size: 16px; font-weight: 300; }footer .forms textarea { height: 90px; }footer .forms .btn { margin: 0px; min-width: 200px; }footer #copy { max-width: 1200px; padding: 20px 0; margin: 0 auto; font-size: 16px; line-height: 1.5; }footer #copy a { color: #7998ac; }footer #copy a:hover { text-decoration: none; color: #303f48; }body.page_index #page { display: none; }body.page_index h1, body.page_index h2, body.page_index .h2, body.page_index h3, body.page_index .h3 { margin: 0px; line-height: 1; }body.page_index h2 span, body.page_index .h2 span { display: block; }body.page_index h2 small, body.page_index .h2 small { font-size: 16px; display: block; margin-bottom: 10px; font-weight: 300; text-transform: uppercase; letter-spacing: .05em; }body.page_index.not-scrolled header { background: none; }body.page_periodontist-near-university-park.not-scrolled header {background:#7998ac;}body.loc-page.not-scrolled header {background:#7998ac;}.section { max-width: 1200px; margin: 0 auto; }.section article { box-sizing: border-box; padding: 10px; }.section figure { position: relative; }.section figure img { display: block; }.section.flex-ed { align-items: center; justify-content: space-between; }.section.flex-ed article { max-width: 550px; }.name { position: absolute; left: 0; bottom: 0; box-sizing: border-box; padding: 10px; }.deco:before { display: inline-block; vertical-align: middle; content: ""; background: url(assets/images/deco-small.png) left top no-repeat; width: 21px; height: 44px; margin-right: 10px; }.bars { position: relative; }.bars:before { content: ""; background: url(assets/images/deco-bars.png) left top no-repeat; width: 45px; height: 121px; position: absolute; left: 0; bottom: -60px; }.bars.bars-1:before { left: 20%; }.bars.bars-2:before { left: 40%; }.bars.bars-3:before { left: 65%; }#banner { position: relative; overflow: hidden; margin-top: -168px; max-height: 900px; }#banner figure img { display: block; width: 100%; }#banner article { text-align: center; box-sizing: border-box; padding: 10px; position: absolute; left: 0; top: 50%; right: 0; }#banner h1 { color: white; font-size: 16px; letter-spacing: .05em; text-transform: uppercase; font-weight: 300; margin-bottom: 30px; }#banner h1 small { font-size:16px; }#banner h1.deco:before { filter:grayscale(100%) brightness(10); }#banner h2 { color: white; font-size: 72px; }#banner p {color: white; font-size: 19px; max-width: 1000px; margin: 0 auto;}#meet { padding: 80px 0 140px; } #meet figure { margin-top: -140px; }#meet-2 { padding-bottom:80px; }#meet article,#meet-2 article { max-width:450px; margin:0 auto; }@media screen and (min-width:1400px) {#meet figure { margin-right: -100px; }#meet-2 figure { margin-left:-100px; }}#reviews { background: #f4f2eb url(assets/images/index-reviews-bg.jpg) center bottom no-repeat; background-size: cover; text-align: center; padding: 80px 0; }#reviews h2 { margin-bottom: 30px; }#reviews .section { border: 2px solid #7998ac; box-sizing: border-box; padding: 40px 10px; }#reviews .stars:before { color: #303f48; letter-spacing: .7em; font-style: 28px; }#reviews .slick-reviews { max-width: 800px; margin: 0 auto; }#reviews .slick-reviews .review { font-size: 28px; color: #303f48; box-sizing: border-box; padding: 10px; line-height: 40px; }#reviews .slick-reviews p:first-of-type { margin-top: 0px; }#reviews .slick-reviews author { display: flex; font-size: 16px; justify-content: center; align-items: center; color: #303f48; }#reviews .slick-reviews author i { font-size: 28px; }#reviews #controls { margin-bottom: 20px; }#services { background: #303f48; padding: 100px 0; color: white; }#services .section { padding: 40px 0; }#services .service-icon { display: inline-block; }#services .h2, #services h2 { color: white; font-weight: 200; }#services .h2 b, #services h2 b { font-weight: 300; }#services .btn { margin: 20px 0 0; color: white; }#services .all-services { display:flex; align-items:flex-start; }#services .all-services figure { margin-right:40px; } #tech { padding: 150px 0; }@media screen and (min-width:1400px) {#tech figure { margin-right: -100px; }}#options { max-width: 1200px; margin: 0 auto 150px; background: #f4f2eb; padding: 80px 0; }#options #options-nav { max-width: 790px; margin: 0 auto 50px; border: 2px solid #7998ac; border-radius: 27px; overflow: hidden; }#options #options-nav span { display: block !important; text-align: center; font-size: 16px; font-weight: 500; width: 100%; color: #7998ac; padding: 10px; }#options #options-nav .slick-current span { background: #7998ac; border-radius: 27px; color: white; }#options .slick-options { max-width: 1000px; margin: 0 auto; }#options .slick-options .slide { display: flex !important; align-items: center; }#options .slick-options article { box-sizing: border-box; padding: 10px; max-width: 400px; margin-right: auto; }#options .slick-options figure img { display: block; }#index-location {max-width: 1200px;padding: 15px; margin: 60px auto;text-align:center;}#contact { background: url(assets/images/index-contact-bg.jpg) center top no-repeat; background-size: cover; padding: 80px 0; position: relative; z-index: 10; }#contact:after { content: ""; background-image: linear-gradient(180deg, rgba(48, 63, 72, 0) 0%, #303f48 100%); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: -1; opacity:.7; }#contact #map { margin-left: auto; max-width: 600px; }#contact #assoc { max-width: 1200px; margin: 120px auto 0; }#contact #assoc .flex-ed { align-items: center; justify-content: space-around; }#find {max-width: 1100px; margin: 0 auto 60px; padding: 20px; text-align: center;}.page-services { margin-top: -90px; margin-bottom: -60px; display: flex; justify-content: space-around; flex-wrap: wrap; position: relative; padding: 180px 0; }.page-services:before { position: absolute; left: -999px; top: 0; bottom: 0; right: -999px; background: #303f48; content: ""; }.page-services a:hover { text-decoration: none; color: #7998ac; }.page-services > div { flex: 100%; max-width: 588px; margin: 0 0 30px; position: relative; display: flex; z-index: 10; padding: 50px 0; }.page-services > div:before { position: absolute; top: 0; right: 0; bottom: 0; left: 100px; background: white; content: ""; z-index: -1; }.page-services > div figure { margin-right: 20px; }.page-services p { margin: 0px; position: relative; }.page-services p a { display: block; box-sizing: border-box; line-height: 1; font-size: 28px; font-weight: 400; color: #303f48; }.page-services ul { padding: 0px; margin: 20px 0; list-style: none; line-height: 1; }.page-services ul li { margin-bottom: 20px; padding: 0px; }.page-services ul li:before { display: none; }.page-services ul li a { color: #303f48; font-weight: 500; }.page-services ul li a:hover { text-decoration: none; }.page-services .request a { display:flex; justify-content:space-around; flex:100%; align-items:center; }.page-services .request {}.page-services .request:before { display:none; }.page-services .request .h2 { color:white; }.page-services .request .btn { color:white; margin:40px 0 0; }#accordion-wrapper { position: relative; z-index: 10; }#accordion-wrapper:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; background: #303f48; z-index: -1; content: ""; }#accordion-wrapper .accordion-show { display: none; }.accordion .toggle { font: 300 16px "Kanit", sans-serif; background-color: #7998ac; color: white; cursor: pointer; padding: 20px 40px; position: relative; margin: 10px 0 0; text-align: center; }.accordion .accordion-content { display: none; padding: 5px 10px 10px 10px; max-width: 100%; margin: 0 auto; }@media screen and (min-width:800px) {#accordion-wrapper { display: flex; background: #fff; align-items: center; }#accordion-wrapper .accordion-show { display: block; }#accordion-wrapper .accordion { max-width: 509px; flex: 100%; }#accordion-wrapper .toggle { margin-top: 2px; text-align: left; padding: 20px 80px; }#accordion-wrapper .accordion .toggle + .accordion-content { display: none !important; }#accordion-wrapper .accordion .toggle.active { background: #303f48; color: white; }#accordion-wrapper .accordion-show { max-width: 509px; margin: 0 auto; box-sizing: border-box; padding: 40px 10px; transition: .3s; color: white; }#accordion-wrapper .accordion-show .toggle { padding: 0px; }#accordion-wrapper .accordion-show h3 { margin-bottom: 10px; line-height: 1; color: white; }#accordion-wrapper .accordion-show .accordion-content { height: auto !important; }}main .slick-slider { max-width: 996px; margin: 20px auto; }main .slick-slider .slick-slide img { margin: 0 auto; display: block; }main .slick-slider .caption { display: block; flex: 100%; width: 100%; box-sizing: border-box; padding: 10px; text-align:center; }#controls { align-items: center; justify-content: center; }#controls .slick-dots li span { width: 48px; height: 3px; font-size: 0; line-height: 1; cursor: pointer; background-color: #7998ac; display: inline-block; margin: 0 5px; }#controls .slick-dots li.slick-active span { background: #303f48; }#controls.flex-ed #next { order: 2; }#prev, #next { font-size: 38px; z-index: 100; line-height: 1; border-radius: 50%; padding: 5px; border: 2px solid #7998ac; color: #303f48; }#prev i:before, #next i:before { margin: 0px; width: 1em; }.slick-slider #prev, .slick-slider #next { position: absolute; left: -60px; top: 50%; transform: translateY(-50%); }.slick-slider #next { right: -60px; left: auto; }.slick-gallery .case { display:flex!important; justify-content:center; flex-flow:wrap; }.slick-gallery .case span { margin:0 5px 10px; }.slick-gallery .before:before, .slick-gallery .after:before {display:block;text-align:center; text-transform:uppercase;}.slick-gallery .before:before { content:"Before"; }.slick-gallery .after:before { content:"After"; }.slick-gallery .caption { flex:100%; width:100%; }.why { text-align: center; padding: 160px 0; line-height: 1; margin-top: -90px; z-index: 10; position: relative; }.why:before { position: absolute; left: -250px; right: -250px; top: 0; bottom: 0; background: url(assets/images/why-bg.jpg) center top no-repeat; background-size: 100%; content: ""; z-index: -1; }.why h2 { font-size: 28px; color: #303f48; max-width: 800px; margin: 0 auto; }.why ul { max-width: 1023px; margin: 60px auto 0; padding: 0px; display: flex; justify-content: space-around; text-align: left; }.why ul li { flex: 100%; padding: 0px; max-width: 32%; box-sizing: border-box; font-size: 20px; font-weight: 400; line-height: 1; color: #303f48; padding: 25px 0 25px 60px; }.why ul li:before { width: 45px; height: 75px; content: ""; display: block; vertical-align: middle; background: url(assets/images/why-deco.png) left top no-repeat; }@media screen and (max-width:600px) {.why ul { flex-flow: wrap; }.why ul li { max-width: 100%; margin-bottom: 15px; }}.page-divider { margin-top: -40px; }.why + .page-divider { margin-top: 0px; }.pd-img, .pd-anchor { margin: 0px; }.pd-block { padding: 90px 0; position: relative; }.pd-alt:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; content: ""; background-color: #f4f2eb; z-index: -1; }.pd-title { margin: 0px; }.pd-body { width: 100%; }.pd-wrap { display: table; width: 100%; }.pd-no-img .pd-body { max-width: 100%; margin: 0px; }.block { display: table; width: 100%; padding: 30px 0; }@media screen and (min-width:1000px) {.block .elem-deco:before { display: none; }.pd-block { padding: 150px 0; }.pd-body { max-width: 1200px; margin: 60px auto 0; }.pd-align-alt { order: 2; }.elem-deco { position: relative; }.elem-deco:before { width: 45px; height: 121px; background: url(assets/images/elem-deco.png) left top no-repeat; position: absolute; right: 80px; top: -60px; content: ""; }.pd-alt .elem-deco:before { right: auto; left: 80px; }}#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: "+"; }.modal-content { display: none; flex: 100%; position: relative; }.drs-landing { text-align:center; flex-flow:wrap; justify-content:space-around; }.drs-landing img { display:block; margin-bottom:20px; transition:.3s; }.drs-landing a:hover img { filter:grayscale(100%); }.about-img-center { margin-top:40px; }@media screen and (min-width:1200px) {.about-img-center { margin-left:-100px; margin-bottom:-150px; }.about-img-center img { display:block; }}@media screen and (max-width:1300px) {header #hd-info address span { display: block; }}@media screen and (max-width:1200px) {img { max-width: 100%; }header #hd-info { margin-bottom: 0px; }header #hd-btns { flex-flow: wrap; max-width: 270px; }header #hd-btns > * { flex: 100%; }header #hd-btns .btn-refer { display:none; }#page-banner .container { padding: 10px; }header .logo big { font-size:26px; }header .logo img { max-height:62px; }header .logo small { display:none; }.page-services > div { max-width:48%; }}@media screen and (max-width:1023px) {header { width: 100%; position: absolute; left: 0; top: 0; }.fix-nav.page_index header, .fix-nav header {box-shadow: none;}.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: #303f48; }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: 32px; height: 32px; padding: 10px 9px 8px 9px; cursor: pointer; color: #fff !important; text-decoration: none; font-size: 11px; text-transform: uppercase; line-height: 1; 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; }body.mean-active .mean-container a.meanmenu-reveal i:before { font-size: 32px; width: auto; margin: 0px; }.nav-up { -webkit-transform: translateY(-100%); transform: translateY(-100%); }.container { max-width: 96%; margin: 0 2%; }body.page_index:not(.attach) header { background: none; box-shadow: none; }header .social { background: rgba(0, 0, 0, 0.5); box-sizing: border-box; padding: 5px; text-align: center; }header .social .fo-title { display: none; }header .hours { margin: 40px auto 60px; color: white; }header .hours .fo-title { display: block; font-size: 18px; text-align: center; }header .logo big { font-size: 26px; }header .logo img { max-height: 62px; }header .logo small { display: none; }header #hd-info, header #hd-btns { display: none; }.section.flex-ed { flex-flow: wrap; justify-content: space-around; }.section.flex-ed article { padding: 40px 10px; text-align: center; }#banner h2 { font-size: 36px; }#meet { padding: 60px 0 0; }#meet figure { margin: 0px; order: -1; }#reviews { padding: 60px 0; }#reviews .section { border: none; }#services { text-align: center; padding: 60px 0; }#services .section { padding: 0px; }#services figure { display: none; }#services .all-services{display: block;}#tech { padding: 60px 0 0; }#tech figure { order: -1; }#options { margin-bottom: 0px; padding-top: 60px; }#options #options-nav { display: none; }#options .slick-options .slide { display: block; float: none; flex-flow: wrap; justify-content: space-around; }#options .slick-options .slide article { text-align: center; margin: 0 auto; padding: 30px 0; }#options .slick-options .slide figure { order: -1; }#options .slick-slide{float: none !important; opacity: 1 !important; left: auto !important;}#contact { display: none; }footer { text-align: center; }footer .logo { text-align: left; }footer .fo-title { text-align: center; }footer .social { margin: 20px 0; }footer #fo-info .hours { margin: 0 auto 40px; }footer #fo-info { margin: 40px 0; }footer #fo-contents { flex-flow: column; justify-content: center; align-items: center; }footer #copy { padding-bottom: 60px; }#page-banner.has-attach { flex-flow:wrap; justify-content:space-around; }#page-banner.has-attach .container { max-width: 100%; margin: 0px; }#page-banner.has-attach .attach { display: none; }#page-banner.has-attach .mob-show { display:block; margin:0 auto; }.page-services { padding: 60px 0; }.page-services > div { max-width:588px; }.elem-right, .elem-left { max-width: 100%; float: none !important; margin: 0 auto 15px !important; display: block; }}@media screen and (max-width:600px) { main{ text-align: center;}.why:before { background-size:cover; }h2, .h2 { font-size: 36px; }main .hours { margin:0 auto 20px; }#banner figure { min-height: 680px; position: relative; }#banner figure img { position: absolute; left: 50%; top: 0; height: 100%; max-width: none; width: auto; transform: translateX(-50%); }#banner article { z-index: 100; }}.has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}.has-h3 h3 {margin: 0 auto 10px;text-align: left;}.section-toggle {display: none;margin-top: 20px;}@media (max-width: 750px) { .has-h3, .has-h3 h3 {text-align: center;}}.page_dental-implants .pd-block:nth-of-type(3) {margin-bottom: 150px;}.page_dental-implants .pd-block:nth-of-type(3) > .pd-wrap {display: block;}.page_dental-implants .pd-block:nth-of-type(3) > .pd-wrap > .pd-body {max-width: 1200px;}.page_dental-implants .pd-block:nth-of-type(7) {margin-bottom: 150px;}.page_dental-implants .pd-block:nth-of-type(7) > .pd-wrap {display: block;}.page_dental-implants .pd-block:nth-of-type(7) > .pd-wrap > .pd-body {max-width: 1200px;}.page_dental-implants .pd-block:nth-of-type(8) {margin-bottom: 150px;}.page_dental-implants .pd-block:nth-of-type(8) > .pd-wrap {display: block;}.page_dental-implants .pd-block:nth-of-type(8) > .pd-wrap > .pd-body {max-width: 1200px;}.page_dental-implants .pd-block:nth-of-type(10) {margin-bottom: 150px;}.page_dental-implants .pd-block:nth-of-type(10) > .pd-wrap {display: block;}.page_dental-implants .pd-block:nth-of-type(10) > .pd-wrap > .pd-body {max-width: 1200px;}#d-best img{max-width: 69px;}#d-best {float: none;position: absolute;left: 3%;bottom: -26%;}#d-best-1 {float: none;max-width: 110px;position: absolute;right:1%;bottom: 40%;}@media (max-width: 700px) {#d-best, #d-best-1 {display:none;}}#education {display:flex;flex-wrap:wrap;justify-content:space-around;}#education > div {margin: 20px;flex: 0 1 40%;}[data-player],[data-vimeo], [data-embed] {position: relative;}[data-player] .play,[data-embed] .close,[data-vimeo] .close {background-color: #00a5be;color: #fff;padding: 11px;text-transform: uppercase;}[data-player] .play:hover,[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: 20%;right: 0;z-index: 50;cursor: pointer;}[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; }#banner.playing #d-best, #banner.playing article {display: none;}#banner video {width: 100%;}#banner .play {position: absolute;top: 100%;cursor: pointer;left: 50%;transform: translateX(-50%);}@media(max-width: 790px){#banner article {position: initial;margin-top: 30px;}#banner .play {top: 50%;}#banner h1.deco::before {filter: none;}#banner h1, #banner h2 {color: #303f48;}}@media(max-width: 523px){.logo .title {width: 192px;}#banner .play {top: 100%;padding: 5px;}#d-best {position: initial; margin-top: 20px;}#banner.playing #hd-contents {display: none;}#banner .close {padding: 4px;}#banner {margin-top: -100px;}#banner.playing #d-best, #banner.playing article {display: block;margin: 20px auto;}#banner .close {top: 75%;}}dialog::backdrop { background: rgba(0, 0, 0, 0.5);}dialog.modal-content-dentist { box-sizing: border-box; border: none; margin: auto; text-align: left; max-height: calc(100% - 65px); width: 600px; max-width: 85%; overflow: hidden;}dialog.modal-content-dentist * { text-align: center;}dialog .modal-close-dentist { position: absolute; right: -5px; top: -5px; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; display: flex; justify-content: center; align-items: center; transform: none; border: none;}dialog .modal-close-dentist::before { font-size: 35px; content: "x";}.mob-show > div {position: relative;}.mob-show > div a > img {max-width: 15%;position: absolute;left: 5%;bottom: 5%;}.page_sedation-periodontics #page-banner.has-attach .attach, .page_cosmetic-periodontics #page-banner.has-attach .attach {margin: 50px auto 0 0;}@media(max-width: 1023px){#page-banner.has-attach .attach {display: block;}}@media (max-width:1350px) and (min-width:791px){#d-best{top: -1pc;}}@media (max-width:890px) and (min-width:791px) { #d-best img {max-width: 50px}}@media (max-width:790px){#banner p{color:#000;}} .video-modal .content {position: relative}.video-modal .assoc-below {margin-top: 3px; padding: 5px; background-color: #fff; bottom: -87px; left: 0; right: 0;}.open-modal {position: absolute; display: block; bottom: 0; right: 0; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); color: #5bb9b8; font-size: 50px; line-height: 1.5}body.modal-opened {overflow: hidden}.modal, .modal.open:after {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}.modal.open:after { background-color: rgba(0, 0, 0, 0.8); z-index: -1; content: ""; display: block; }.modal {max-height: 100% !important; max-width: 100% !important; z-index: 101; display: none; padding: 10px; -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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center}.modal.open {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.modal .figure {width:initial; max-width: 100%; text-align: center}@media (max-width:600px){ body .uwy .uai, body .uwy .ulsti {bottom: 3pc;}}