@charset "UTF-8";html{ font-size: 10px;}body{ position: relative;background-color: #F6F6F6;color: #000;font: 400 1.6rem/1.2 "Outfit", sans-serif;counter-reset: section;overflow-x: hidden;}p{ color: #000;font: 400 1.7rem/1.666 "Outfit", sans-serif;margin: 0;}a{ cursor: pointer;text-decoration: none;color: #d6ad61;}a:hover{ color: #342721;}hr{ position: relative;display: table;clear: both;margin: 40px auto;width: 100%;height: 1px;background-color: #B68D40;}:focus,a:focus,button:focus,input:focus{ outline-width: medium;outline-color: #1c372e!important;}h1,h2,h3,h4,h5,h6{ margin: 0;position: relative;}#page-title h1,.h1-small{ color: #fff;font: 500 1.5rem/1 "Outfit", sans-serif;display: block;margin: 0 0 15px;letter-spacing: .15rem;text-transform: none;}#page-title h1{ color: #d6ad61;}.cursive{ font: 200 3.0rem/1 "Outfit", sans-serif; text-transform: uppercase;color: #000;margin-bottom: 15px; }#page-title h1:only-child,.h1,h2#append{ color: #d6ad61;font: 500 5.6rem/1.1 "Outfit", sans-serif;text-transform: uppercase;}.dividerLead,.h2,.more-to-explore span,h2{ color: #d6ad61;font: 500 5rem/1 "Outfit", sans-serif;position: relative;text-transform: uppercase;}.h3,h3{ color: #d6ad61;display: block;position: relative;font: 500 4.5rem/1.1 "Outfit", sans-serif;text-transform: uppercase;}.h4,h4{ color: #d6ad61;display: block;position: relative;font: 500 2.1rem/1.1 "Outfit", sans-serif;text-transform: none;}.toggle h2,.toggle h3{ color: #342721;display: block;position: relative;font: 500 2.6rem/1.25 "Outfit", sans-serif;text-transform: uppercase;}.fo-title{ color: #fff;font: 300 3.2rem/1 "Outfit", sans-serif;display: block;}main ul{ list-style: none;padding: 0;margin: 10px 0;text-align: left;overflow: hidden;}main ul li{ position: relative;display: block;margin: 0 0 10px 26px;padding-left: 24px;line-height: 1.6;overflow: hidden;}main ul li:before{ content: "\e832";color: #1c372e;position: absolute;left: 0;top: 3px;font-size: .9em;}ul.no-style li:before{ display: none;}.column-2{ -moz-column-count: 2;column-count: 2;padding-left: 50px;margin: 20px auto;}.center-list{ display: table;margin: 20px auto;}[class^=btn]{ position: relative;z-index: 1;display: table;vertical-align: middle;cursor: pointer;text-align: center;transition: .3s all;font: 500 1.4rem/1.2 "Outfit", sans-serif;color: #fff;text-transform: uppercase;padding: 15px 30px;background-color: #342721;}[class^=btn]:hover{ background-color: #d6ad61;color: #fff;}.btn-alt{ background-color: #d6ad61;color: #fff;}.btn-alt:hover{ background-color: #342721;color: #fff;}.btn-thr{ background-color: #d6ad61;color: #fff;}.btn-thr:hover{ background-color: #fff;color: #d6ad61;}dialog::backdrop{ background: rgba(0,0,0,.5);}dialog.modal-content{ box-sizing: border-box;border: none;margin: auto;padding: 30px;position: relative;text-align: left;max-height: calc(100% - 65px);width: 600px;max-width: 85%;overflow: auto;position: fixed;animation-duration: .5s;animation-fill-mode: both;animation-name: fadeInUp;}dialog .modal-close{ position: absolute;right: 0;top: 0;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::before{ font-size: 35px;content: "\00D7";}.container{ max-width: 1200px;margin: 0 auto;}.flex.container > article,.flex.container > figure{ flex: 0 1 50%;}.align-center{ align-items: center;}.align-start{ align-items: flex-start;}.align-end{ align-items: flex-end;}.justify-start{ justify-content: flex-start;}.justify-end{ justify-content: flex-end;}.justify-center{ justify-content: center;gap: 15px;}.justify-around{ justify-content: space-around;}.justify-between{ justify-content: space-between;}.direction-row{ flex-direction: row;}.direction-column{ flex-direction: column;}.gap-10{ gap: 10px;}.gap-15{ gap: 15px;}.gap-20{ gap: 20px;}.gap-30{ gap: 30px;}.gap-40{ gap: 40px;}@media (max-width:1000px){ .flex.container{ flex-direction: column; }}@media (max-width:550px){ #page-title h1:only-child, .h1, h2#append{ font-size: 4rem; } .cursive{ font-size: 3.5rem; } .dividerLead, .h2, .more-to-explore span, h2{ font-size: 3.5rem; } .h3, h3{ font-size: 3.2rem; } .column-2{ -moz-column-count: 1;column-count: 1; }}header{ position: fixed;z-index: 100;left: 0;top: 0;width: 100%;transition: .3s all;padding:0;}header:focus-within{ z-index: 500;}header .logo{ position: relative;z-index: 1;}header .logo img { max-height: 94px; }header .pho,header .phy{ color: #000;font: 500 2.5rem/1 "Outfit", sans-serif;position: relative;padding-left: 25px;display: table;margin: auto 0;}header .phy{ font-size: 1.4rem;}header .pho:hover,header .phy:hover{ color: #B68D40;}header .pho i,header .phy i{ color: #B68D40;font-size: 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}header li a{ font-weight: 500;font-family: "Outfit", sans-serif;}header .btn{ height: 100%;padding: 20px;}header .btn i{ display: block;}.hd-info{ display: flex;align-items: center;justify-content: space-between;padding-top: 6px;margin-bottom: 15px;z-index: 5;position: relative;}.hd-btns{ padding: 5px;}@media (min-width:1025px){ .hd-container{ flex: 0 1 750px; } .place-nav{ max-width: 1350px;margin: 0 auto;padding: 0 0 0 20px;display: flex;justify-content: space-between;align-items: center;background-color: #fff;position: relative;gap: 10px; } .place-nav:after{ content: "";position: absolute;inset: 10px -10px -10px 10px;border: 1px solid #d6ad61; } nav{ flex: 0 1 1050px;z-index: 5;position: relative; } nav, nav ul li, nav ul li a{ position: relative; } nav > ul{ padding: 0;max-width: 1300px;margin: auto; } nav ul{ margin: auto;list-style: none;display: flex;justify-content: space-around; } nav ul li a{ display: block;color: #fff; } nav ul li a:hover{ color: #fff; } nav > ul > li{ flex: 1 1 auto;text-align: center; } nav > ul > li:last-of-type:after{ display: none; } nav > ul > li > a{ padding: 6px 5px 0;font-size: 15px;color: #000;text-transform: uppercase; } nav > ul > li > a span{ color: #000; } nav > ul > li > a > button i{ color: #d6ad61; } nav > ul > li:hover > a{ color: #B68D40; } nav ul li:hover > ul{ display: block;visibility: visible;animation-name: fadeIn;animation-duration: .25s;animation-fill-mode: both; } nav ul ul{ display: none;min-width: 280px;width: 100%;padding: 0;position: absolute;z-index: 3;left: 0;text-align: left;background-color: #342721;box-shadow: 10px 17.3px 25px rgba(0,0,0,.2); } nav > ul > li:last-child ul{ right: 0;left: auto; } nav ul ul li > a{ padding: 10px 12px;font-size: 14px;line-height: 1.3;text-transform: none; } nav ul ul li > a button i{ color: #fff; } nav ul ul li:hover > a{ background-color: #B68D40;color: #fff; } nav ul ul ul{ left: 100%;top: 0;background-color: #B68D40; } nav ul ul ul li button i:before{ content: "\e825"!important; } nav ul ul ul ul{ top: auto;left: 0;position: relative;display: block;box-shadow: none;background-color: #342721; } nav ul ul ul ul li a{ padding-left: 2em;padding-left: 2em; } nav ul ul ul ul li a{ background-color: #162d26; } nav ul ul ul ul li:hover a{ background-color: #342721; } .has-submenu button, .has-submenu span > a{ display: inline-block;line-height: 1; } .has-submenu.open > ul{ display: block; } .has-submenu.open > ul :focus{ background-color: rgba(255,255,255,.2); } nav li button{ display: inline-block;padding: 0; }}.fix-nav header{ position: fixed!important;animation-duration: 1s;animation-fill-mode: both;z-index: 100;padding: 0;}.fix-nav .place-nav{ box-shadow: 0 3px 7px rgba(24,23,24,.35);padding: 5px 5px 5px 0;}.fix-nav .place-nav:after{ display: none;}.fix-nav .hd-info{ justify-content: flex-end;gap: 20px;}@media (min-width:1025px) and (max-width:1150px){ header .logo{ max-width: 260px; } nav > ul > li > a{ font-size: 14px; }}@media (max-width:1024px){ .hd-info{ display: flex;align-items: center;margin-right: 10px;margin-bottom: 0;justify-content: flex-end;text-align: center; } header{ padding: 0; } header .logo{ padding: 20px 8px 0 15px; } #main-nav, header .hd-btns, header .phy, header [class^=btn], header nav ul{ display: none; } .nav-down{ box-shadow: 0 3px 7px rgba(24,23,24,.2); } .nav-up{ transform: translateY(-100%); } .nav-down, .nav-up{ padding-left: 0; } .nav-down .logo, .nav-up .logo{ padding-top: 0; } .nav-down .logo img, .nav-up .logo img{ max-height: 80px; } .nav-down .mean-container, .nav-up .mean-container{ background-color: #fff; } .nav-down .mean-container .mean-bar, .nav-up .mean-container .mean-bar{ align-self: stretch; } .mean-container .mean-nav, body, header{ transition: all .3s; } body{ right: 0; } .attach header{ position: fixed!important;box-shadow: 0 3px 7px rgba(24,23,24,.35); } .attach header .top-nav{ display: none!important; } body.mean-active header{ left: -80%;transform: none; } body.mean-active{ overflow: hidden;right: 80%; } body.mean-active:before{ z-index: 98;content: "";opacity: .7;background-color: #000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: none;height: inherit; } body.mean-active .mean-container .mean-nav{ right: 0; } .mean-container{ display: flex!important;flex-flow: row nowrap;align-items: center;justify-content: space-between; } .mean-container .mean-bar{ background-color: #342721;width: 60px;min-height: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-self: flex-start;margin-left: 8px; } .mean-container .meanmenu-reveal{ display: block;color: #fff; } .mean-container a.meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu{ position: relative;display: table;transition: .3s all;z-index: 1;margin: 0 auto; } .mean-container .meanmenu-reveal .icon-menu:before{ width: 36px;content: url(assets/images/menu-icon.png);letter-spacing: 3.2px;margin-bottom: 10px; } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after{ content: "MENU";font-style: normal;position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;letter-spacing: 1px;font-size: .55em;font-weight: 700; } .mean-container .meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after{ content: "CLOSE";bottom: 5px; } .mean-container .mean-nav{ position: fixed;right: -80%;margin: 0;top: 0;bottom: 0;width: 80%;overflow: auto;display: flex;flex-flow: column;justify-content: flex-start;background-color: #2D2B2B; } .mean-container .mean-nav ul{ font-size: 16px;padding: 0;margin: 0;width: 100%;list-style-type: none; } .mean-container .mean-nav ul li{ position: relative;width: 100%; } .mean-container .mean-nav ul li a{ display: block;padding: 1em 5%;padding-right: 58px!important;margin: 0;text-align: left;color: #fff;border-top: 1px solid rgba(255,255,255,.5);text-decoration: none;text-transform: uppercase; } .mean-container .mean-nav ul li li a{ padding: 1em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,.25);opacity: .75;text-shadow: none!important;visibility: visible; } .mean-container .mean-nav ul li.mean-first a{ border-top: none;margin-top: 0; } .mean-container .mean-nav ul li.mean-last a{ border-bottom: none;margin-bottom: 0; } .mean-container .mean-nav ul li li li a{ padding: 1em 15%; } .mean-container .mean-nav ul li li li li a{ padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a{ padding: 1em 25%; } .mean-container .mean-nav ul li a:hover{ background: #252525;background: rgba(255,255,255,.1); } .mean-container .mean-nav ul li a.mean-expand{ width: 48px;line-height: 50px;font-size: 20px;padding: 0!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;background: rgba(255,255,255,.1);border: none!important;border-left: 1px solid rgba(255,255,255,.4)!important;border-bottom: 1px solid rgba(255,255,255,.4)!important; } .mean-container .mean-nav ul li a.mean-expand:before{ content: "\e825";font-family: fontello;font-weight: 400;margin: 0;font-style: normal; } .mean-container .mean-nav ul li .mean-expand.mean-clicked:before{ content: "\e83a"; } .mean-remove{ display: none!important; } .mean-nav .social{ min-height: 66px;background-color: rgba(0,0,9,.1);margin: 0;padding: 10px 5px;justify-content: center; } .mean-nav .fo-title{ color: #fff;text-align: center; } .mean-nav .hours{ display: block;text-align: center;color: #fff;padding: 10px;margin: 10px auto auto; } .mean-nav .hours p{ display: table;text-align: left;font-size: 15px;margin: 10px auto 0;color: #fff; }}@media (max-width:700px){ header .hd-container{ display: none; }}.play{ cursor: pointer;border: none;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;color: #000;font: 700 15px/1 poppins,sans-serif,sans-serif;text-transform: uppercase;letter-spacing: 1.5px;text-align: center;transition: .3s all;}.play i{ width: 75px;height: 75px;border-radius: 50%;background-color: #fff;display: block;color: #000;display: inline-flex;align-items: center;justify-content: center;font-size: 30px;margin: 10px;transition: .3s all;}.play i:before{ margin: auto;padding-left: 5px;}.play:hover{ color: #B68D40;}.play:hover i{ background-color: #B68D40;color: #fff;}[data-embed] .close,[data-vimeo] .close{ cursor: pointer;line-height: 1;background-color: #1c372e;color: #fff;padding: 8px;text-transform: uppercase;z-index: 5;position: absolute;top: 0;right: 0;min-width: 160px;}[data-embed] .close i,[data-vimeo] .close i{ font-style: normal;font-size: 1.25em;line-height: 1;vertical-align: middle;display: inline-block;margin-bottom: 5px;}[data-embed] .close:focus,[data-vimeo] .close:focus{ background-color: #0b1512;}[data-embed] .close:hover,[data-vimeo] .close:hover{ background-color: #1b1b1b;color: #fff;}[data-embed] .close i:before{ transform: rotate(45deg);}body.page_index h2:not(.cursive),body.page_index .h2:not(.cursive) { font: 400 5rem/1 "lucy-rose", sans-serif; }#banner{ position: relative;}#banner .h1-small{ text-shadow: 0 2px 4px rgba(0,0,0,.3);}#banner h2{ font-size: 7.8rem;}#banner .cursive { font-size: 43px; }#banner .cursive,#banner h2{ color: #fff;text-shadow: 0 3px 6px rgba(0,0,0,.3);}#banner article{ z-index: 50;text-align: center;position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);width: 100%;padding: 10px;}#banner img.bg{ width: 100%;height: 85vh;-o-object-fit: cover;object-fit: cover;-o-object-position: center bottom;object-position: center bottom;}.overline-block{ margin-top: 15px;margin-left: 80px;padding-top: 15px;position: relative;}.overline-block:before{ content: "";position: absolute;top: 0;left: 0;width: 170px;height: 2px;background-color: #342721;}.overline-block.centered{ margin: 0 auto;}.overline-block.centered:before{ right: 0;margin: 0 auto;}@media (max-width:600px){ #banner h2 { font-size: 5.5rem; } .overline-block{ margin-left: 50px; }}header #hd-top { position: static; left: 0; top: 0; background: #d6ad61; width: 100%; color: #000; text-transform:uppercase; letter-spacing:1px; font-size:18px; text-align: center; padding: 5px 10px; z-index:-1;}#welcome{ padding: 80px 20px;}#welcome h2{ max-width: 520px;}#welcome .flex > figure img{ margin: 0 0 0 auto;}#welcome .callouts{ margin-top: 30px;}#welcome .callout{ max-width: 210px;}#welcome .callout figure{ position: relative;}#welcome .callout figure:after{ content: "";position: absolute;inset: 0;background-color: rgba(78,83,85,.4);}#welcome .callout img{ filter: grayscale(1);opacity: 1;}#welcome .callout .h4{ margin: 20px 0 10px;}#welcome .callout p{ font-size: 1.4rem;opacity: 0;transition: all .3s;}#welcome .callout:hover figure img{ filter: grayscale(0);}#welcome .callout:hover figure:after{ opacity: 0;}#welcome .callout:hover p{ opacity: 1;}@media (max-width:1150px){ #welcome .callouts{ flex-wrap: wrap;max-width: 700px;justify-content: center;gap: 30px;flex-direction: row; }}@media (max-width:1024px){ #welcome{ margin: 0 auto; } #welcome .flex.container{ max-width: 600px;flex-direction: column-reverse; } #welcome .flex > figure img{ margin: 0 auto; } #welcome .callouts{ max-width: 700px!important;align-items: center;gap: 40px 20px; text-align: center; } #welcome .callout figure { max-width: 210px; margin:0 auto; } #welcome .callout p{ opacity: 1; } #welcome .callout { max-width: 360px; }}@media (max-width:550px){ #welcome .callout{ max-width: 250px; } #welcome .callout img{ width: 100%; }}#meet{ position: relative;background-image: url(assets/images/index-meet-bg.jpg);background-size: cover;}#meet { padding: 80px 10px 20px; }#meet article{ padding: 10px; max-width: 530px;margin:0 auto;position: relative;}#meet figure { max-width: 554px; }#meet .dr-deco { display: block; position: relative; }#meet .dr-deco:after { position: absolute; left:12px; top:-12px; right:-12px; bottom: 12px; content: ""; border:1px solid #D6AD61; }#meet .btn{ width: 250px;margin-top: 20px;}#meet .link{ font-size: 2rem;font-weight: 500;color: #000;text-transform: uppercase;letter-spacing: .2rem; margin-top: 80px; display: block; }@media (max-width:1024px){ #meet article{ padding: 40px 20px;margin: 0 auto;max-width: 580px; } #meet .flex{ flex-direction: column-reverse; } #meet .link{ left: 40px; font-size:1.2rem; } #meet .dr-deco:after { display: none;} #meet .btn { margin:20px auto 0;}}#services{ padding: 100px 20px;}#services .h2{ margin: 10px auto 20px;}#services article{ text-align: center;max-width: 1025px;margin: 0 auto;}#services .flex.container{ margin-top: 50px;flex-direction: row;}#services .service{ position: relative;isolation: isolate;transition: all .3s;width: 140px;}#services .service .content{ width: 140px;border: 2px solid #ede0d3;background-color: white;padding: 30px 10px;display: block;}#services .service h3{ font-size: 1.8rem;text-transform: none;text-align: center;margin-top: 10px;line-height: 1.2;}#services .service h3 span{ display: block;text-transform: uppercase;color: #000;font-size: 1.2rem;letter-spacing: .1rem;}#services .service figure{ height: 65px;display: flex;align-items: center;}#services .service:after{ content: "";border: 2px solid #ede0d3;position: absolute;inset: -8px -8px 8px 8px;z-index: -1;transition: .3s;}#services .service:hover:after{ inset: -12px -12px 12px 12px;background-color: #ede0d3;}@media (max-width:1150px){ #services .flex.container{ flex-wrap: wrap;max-width: 700px;gap: 40px 20px;justify-content: center; }}#team{ padding: 100px 10px;position: relative;background-image: url(assets/images/granite-texture.jpg);background-size: cover; z-index: 1;}#team article{ padding: 10px;max-width: 580px;position: relative;}#team figure { position: relative; }#team .s{ position: absolute;top: 0;bottom: 0;left: 0;right:50%;height: 100%; z-index: -1; }#team figure img{ margin: 0 auto;}#team .btn { min-width: 290px; margin-top: 20px; }@media (max-width:1024px){ #team{ padding: 80px 0 0; } #team .flex{ flex-direction: column-reverse; } #team figure{ padding: 0 20px; } #team article{ margin-top: 30px;padding: 0 20px 80px; }} #financing{ padding: 100px 20px;}#financing .container{ gap: 20px;}#financing .container > article{max-width: 500px;}#financing .container > article .btn{ margin: 20px auto 0;}#financing .offer-card{ position: relative;max-width: 520px;margin: 0 auto;overflow: hidden;border-radius: 50%;}#financing .offer-card article{ position: absolute;inset: auto 0 0;background-color: #342721;height: 50%;text-align: center;padding-bottom: 10px;}#financing .offer-card .price{ font: 500 7.4rem/1 "Outfit", sans-serif;color: #fff;display: flex;justify-content: center;margin: 0 auto;}#financing .offer-card .price:before{ content: "$";font-size: 4rem;}#financing .offer-card h3{ font-size: 3.4rem;}#financing .offer-card h3,#financing .offer-card small{ color: #fff;}#financing .offer-card .btn-thr{ margin: 15px auto 0;}#offer-modal{ background-color: #342721;}#offer-modal .price{ font: 500 7.4rem/1 "Outfit", sans-serif;color: #fff;display: flex;justify-content: center;margin: 0 auto;}#offer-modal .price:before{ content: "$";font-size: 4rem;}#offer-modal h3{ font-size: 3.4rem;}#offer-modal h3,#offer-modal p{ color: #fff;text-align: center;}#offer-modal .modal-close{ color: #fff;}#offer-modal .modal-close:hover{ color: #d6ad61;}#offer-modal form{ margin-top: 15px;}#insurance-list{ background-color: rgba(0,0,0,.08);padding: 15px;gap: 20px 15px;margin-top: 40px;}#home-faqs{ padding: 20px 10px 80px; text-align: center;max-width: 1150px;margin: 0 auto; }#home-faqs h2 { margin-bottom: 15px;}#home-faqs .accordion h2 { font:500 2.6rem "Outfit", sans-serif; text-transform: uppercase; letter-spacing: 1px; }@media (max-width:1024px){ #financing{ padding: 80px 0; } #financing article{ padding: 0 15px; } #financing .flex{ align-items: center;gap: 60px; }}@media (max-width:600px){ #financing .offer-card{ max-width: 94%; } #financing .offer-card .price{ font-size: 4rem; } #financing .offer-card .price:before{ font-size: 2.5rem; } #financing .offer-card h3{ font-size: 2.2rem; } #financing .offer-card .btn-thr{ padding: 10px 25px;margin-top: 10px; } #offer-modal .price{ font-size: 5.5rem; } #offer-modal h3{ font-size: 2.5rem; }} #carecredit{ background-image: url(assets/images/granite-texture.jpg);background-position: center;background-size: cover;padding: 60px 20px;}#carecredit .flex{ gap: 20px;}#carecredit h2{ max-width: 400px;}#carecredit .overline-block{ max-width: 400px;margin-left: 0;}#carecredit .btn{ padding: 15px 20px;width: 270px;}#carecredit img{ margin: 0 0 20px;}@media (max-width:1150px){ #carecredit .overline-block{ max-width: 350px; }}@media (max-width:1024px){ #carecredit .flex{ flex-direction: column;max-width: 450px;align-items: flex-start; } #carecredit .overline-block{ margin-left: 0;max-width: 400px; }}#implants article,#tech article{ max-width: 530px;margin: 0;}#implants .btn,#tech .btn{ margin-top: 20px;}#implants{ padding: 100px 20px 0;}#implants img{ margin: 0;}#tech{ padding: 100px 20px;}#tech img{ margin: 0 0 0 auto;}@media (max-width:1024px){ #implants .flex, #tech .flex{ align-items: center; } #implants article, #tech article{ max-width: 500px; } #implants img, #tech img{ margin: 0 auto; } #tech .flex{ flex-direction: column-reverse; }}#insta{ padding: 50px 10px;background-image: url(assets/images/granite-texture.jpg);background-position: center;background-size: cover;}#insta .link{ color: #000;display: block;margin: 15px auto;}#insta .link:hover{ color: #356a59;}#insta h2{ margin-bottom: 20px;}#insta article{ text-align: center;}#insta .slick-insta img{ margin: 0;width: 100%;padding: 0 10px;}#insta .btn{ display: flex;align-items: center;justify-items: center;gap: 10px;max-width: 220px;margin: 20px auto 0;}#insta .btn img{ max-width: 20px;margin: 0;}#map{ position: relative;margin: 0 auto;flex: 0 1 50%;height: 400px;width: 94%;max-width: 1150px;}#map iframe{ height: 100%;width: 100%;border: none;display: block;position: relative;z-index: 2;}#map:after,#map:before{ content: "";border: 2px solid #d6ad61;position: absolute;}#map:before{ inset: 10px 10px -10px -10px;z-index: 1;}#map:after{ inset: -10px -10px 10px 10px;pointer-events: none;z-index: 3;}.simple{ line-height: 1;font-size: 0;margin: 0 auto;text-align: center;}.simple input:not([type=submit]),.simple select,.simple textarea{ box-sizing: border-box!important;border: 0;border-radius: 0;line-height: 1;font-size: 1.6rem;width: 100%;max-width: 100%;padding: 0 11px;margin-bottom: 10px;height: 45px;color: #fff;transition: all .3s;border: 2px solid #d6ad61;background-color: transparent;}.simple input:not([type=submit]):focus,.simple select:focus,.simple textarea:focus{ background-color: #B68D40;padding-left: 15px;outline: 0;}.simple textarea{ height: 130px;padding: 14px 11px;}.simple .btn-thr{ margin: 5px auto 0;}::-moz-placeholder{ color: #fff;}::placeholder{ color: #fff;}::-webkit-input-placeholder{ color: #fff;}.social{ font-size: 0;text-align: center;margin: 10px auto;display: flex;justify-content: space-around;}.social a{ position: relative;display: inline-block;margin: 5px;font-size: 24px;color: #fff;width: 50px;height: 50px;border-radius: 50%;line-height: 55px;}.social .fb{ background-color: #4d70a8;}.social .gp{ background-color: #dc4e41;}.social .yp{ background-color: #b62717;}.social .yt{ background-color: #d00;}.social .in{ background-color: #133c58;}.social .tw{ background-color: #00aced;}.social a:hover{ background-color: #fff;}.social a:hover i{ color: #d6ad61;}footer{ background: #2D2B2B url(assets/images/fo-pattern.png) center top no-repeat; background-size: cover; color: #fff;padding: 60px 0 0;}footer .fo-title{ text-align: center;margin-bottom: 15px;}footer a{ color: #fff;}footer a:hover{ color: #d6ad61;}footer ul.link-list{ padding-left: 0;list-style: none;}footer ul.link-list li{ text-align: center;font-size: 1.3rem;margin-bottom: 10px;}footer form.simple{ max-width: 250px;}footer .logo{ display: block;margin-bottom: 40px;}footer .pho{ font: 500 2.7rem/1.2 "Outfit", sans-serif;margin: 10px auto;display: block;text-align: center;}footer .phy{ font: 500 1.4rem/1.2 "Outfit", sans-serif;margin: 10px auto;display: block;text-align: center;}footer .hours{ margin: 40px auto 0;}footer .hours p{ color: #fff;}footer .social{ display: table;margin-top: 20px;}footer .social a:first-of-type{ margin-left: 0;}#fo-contents{ display: flex;justify-content: space-between;margin: auto;position: relative;max-width: 1200px;padding: 50px 30px;margin-top: 30px;}#copy{ background-color: #f9f6ef;font: 500 12px/1.2 "Outfit", sans-serif;text-transform: uppercase; color: #000;padding: 15px 10px;text-align: center;}#copy em{ font-style: normal;}#copy a{ color: #d6ad61;}#copy a:hover{ color: #342721;}#copy .tnt{ color: #000;}#copy .tnt:hover{ color: #342721;}#copy .icon-tnt{ display: inline-block;vertical-align: middle;margin: -5px 0 5px -9px;font-size: 50px;line-height: 1;color: #d6ad61;}@media (max-width:1024px){ header .hd-info { display: none; } footer{ padding-top: 0; } #map{ display: none; } #fo-contents{ flex-direction: column;align-items: center;padding: 60px 30px 50px;margin-top: 0;gap: 50px; } #fo-contents .block-1{ order: 3; } #fo-contents .block-2{ order: 1; } #fo-contents .block-3{ order: 2; } #copy{ padding: 20px 15px 10px; } #copy .flex{ gap: 15px; } #copy .flex > div:first-of-type{ margin-bottom: 10px; }}@media (max-width:500px){ #copy .flex{ max-width: 335px; } #copy .flex span:first-of-type{ display: none; }}.slick-controls{ display: flex;align-items: center;justify-content: space-around;max-width: 1000px;margin: 0 auto 10px;}.slick-arrow{ padding: 0;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 5;transition: .3s all;}.slick-arrow svg line,.slick-arrow svg path{ transition: all .3s;}.slick-arrow i{ margin-left: -4px;}.slick-arrow:hover{ color: #B68D40;}.slick-arrow:hover svg line,.slick-arrow:hover svg path{ stroke: #342721;}#next{ left: auto;right: 0;order: 2;}#next i{ margin-left: 4px;}.slick-dots{ line-height: 0;padding-bottom: 10px;}.slick-dots li{ line-height: 0;}.slick-dots li button{ padding: 0;line-height: 0;}.slick-dots span{ cursor: pointer;background-color: #c4c4c4;height: 2px;width: 45px;display: inline-block;margin: 0;line-height: 0;}.slick-dots .slick-active span{ background-color: #d6ad61;}.pagingInfo{ font-size: 30px;text-align: center;}.gallery{ max-width: 1050px;margin: 40px auto;padding: 0 70px;position: relative;}.gallery .slick-arrow{ top: 50%;}.slick-gallery{ position: relative;margin: 20px auto;text-align: center;}.slick-gallery article .flex-ed{ justify-content: space-around;}.slick-gallery article .flex-ed span{ margin: 10px;position: relative;padding-bottom: 40px;}.slick-gallery article .flex-ed span img{ width: 100%;}.slick-gallery article .flex-ed span:after{ content: "Before";position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;display: block;margin: auto;color: #000;font: 400 18px/1.2 "Outfit", sans-serif;text-transform: uppercase;letter-spacing: 1.6px;}.slick-gallery article .flex-ed span:last-of-type:after{ content: "After";}.slick-gallery article div p{ display: block;}.slick-gallery figcaption{ margin: 5px auto;}@media (max-width:1024px){ .gallery{ padding: 0 70px; }}@media (max-width:700px){ .gallery{ padding: 0 15px; } .slick-dots span{ width: 20px; } .slick-arrow{ position: relative;top: unset;transform: unset;left: 0;width: 50px;height: 50px;flex: 0 0 50px; }}.why{ padding: 40px 20px 30px;position: relative;background-image: url(assets/images/granite-texture.jpg);background-size: cover;}.why .content{ width: 100%;max-width: 1180px;margin: 0 auto;display: flex;}.why h2{ max-width: 350px;font-size: 2.6rem;}.why ul{ display: flex;justify-content: space-between;align-items: flex-start;margin: 0;width: 100%;}.why ul li{ max-width: 220px;flex: 1 1 33%;padding: 15px 0 0;margin: 0;width: 100%;color: #000;overflow: visible;position: relative;}.why ul li:before{ content: "";position: absolute;top: 0;left: 0;height: 2px;width: 150px;background-color: #342721;}.why ul li span{ max-width: 100%;margin: 0 auto;display: block;line-height: 1.2;}.why ul li:before{ content: "";}@media (max-width:1024px){ .why .content{ justify-content: center; } .why ul{ max-width: 300px;flex-direction: column;align-items: center; } .why ul li{ margin-bottom: 15px; }}@media (max-width:620px){ .why h2{ text-align: center; } .why .content{ flex-direction: column;align-items: center;gap: 20px; } .why ul li{ text-align: center; } .why ul li:before{ margin: 0 auto;right: 0; }}.page-divider{ display: block;max-width: 100%;width: 100%;position: relative;z-index: 1;}.block{ position: relative;display: block;clear: both;width: 100%;max-width: 100%;padding: 100px 20px;}.block .contain{ display: flex;justify-content: space-between;align-items: flex-start;gap: 30px;max-width: 1200px;margin: 0 auto;}.block h2{ margin-bottom: 20px;}.block .wrap{ height: 0;}.block article{ margin: auto 0;flex: 0 1 550px;}.block article p:first-of-type{ margin-top: 0;}.block ul li{ margin-left: 0;}.block .btn{ margin-left: 0;}.block p:first-of-type{ position: relative;padding-top: 15px;}.block p:first-of-type:before{ content: "";position: absolute;top: 0;left: 0;height: 2px;width: 160px;background-color: #342721;}.block p,.block ul{ margin-left: 80px;}.block .elem{ flex: 0 0 auto;position: relative;z-index: 3;margin: 0;padding: 10px;}.block .elem:before, .block .elem:after { content: ""; position: absolute; left:0; top:0; right:0; bottom: 0; border:2px solid #EDE0D3; } .block .elem:before { left:20px; bottom: 20px; } .block .elem:after { top:20px; right:20px; }.block .elem-right{ order: 1;}.block:nth-of-type(even){ background-image: url(assets/images/granite-texture.jpg);background-position: center;background-size: cover;}.block .btn{ margin-top: 15px;}.mini-block{ display: flex;justify-content: space-between;max-width: 1100px;width: 100%;gap: 30px;margin: 50px auto;}.mini-block h3{ margin-bottom: 20px;}.mini-block img{ margin: 0;}.block.no_img p:first-of-type:before{ right: 0;margin: 0 auto;}.block.no_img article{ max-width: 1130px;margin: auto;text-align: center;}.block.no_img article .btn{ margin: 15px auto 0;}@media (max-width:1024px){ .block{ padding: 60px 20px; } .block h2{ text-align: center;max-width: 550px;margin: 0 auto 20px; } .block article{ flex: 0 1 auto;text-align: center; } .block ul{ margin: 20px auto 0; } .block article p{ margin: 10px auto;display: block; } .block p:first-of-type:before{ right: 0;margin: 0 auto; } .block .elem{ margin: 20px auto 30px!important; } .block .elem-left, .block .elem-right{ margin: 0 auto;order: 0; } .block .contain{ align-items: center;flex-direction: column;max-width: 550px;margin: 0 auto;gap: 10px; } .block .btn{ margin: 15px auto 0; } .block:nth-of-type(even){ background-image: url(assets/images/granite-texture.jpg);background-position: center;background-size: auto; } .mini-block{ flex-direction: column;max-width: 550px; } .mini-block img{ margin: 15px auto 20px!important; }}.meet #main-img{ width: 100%;max-width: 50%;min-height: 550px;-o-object-fit: cover;object-fit: cover;-o-object-position: top right;object-position: top right;}.meet .flex-title{ max-width: 100%!important;gap: 30px;}@media (max-width:1024px){ .meet .flex-title{ gap: 0; } .meet #main-img{ width: 100%;max-width: 100%;min-height: 270px;-o-object-fit: cover;object-fit: cover;-o-object-position: 70% 0;object-position: 70% 0; }}.more-to-explore { display: block; text-align: center; padding: 40px 10px; }.more-to-explore p{ padding: 10px;margin: auto;max-width: 1150px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}.more-to-explore [class^=btn]{ width: 320px;margin: 5px;}.services-grid{ position: relative;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 35px 30px;justify-content: center;padding: 80px 20px;max-width: 1200px;}.services-grid > div{ max-width: 350px;width: 100%;border: 2px solid #ede0d3;position: relative;padding: 30px 20px;background-color: #f9f6ef;}.services-grid > div:before{ content: "";position: absolute;inset: -6px -6px 6px 6px;border: 2px solid #ede0d3;z-index: -1;}.services-grid img{ margin: 0;}.services-grid h3{ font-size: 2.1rem;}.services-grid h3 span{ font-size: 1.8rem;display: block;color: #000;}.services-grid h3:hover a { color:#342721 }.services-grid a:hover{ color: #d6ad61;}.services-grid figure{ display: flex;align-items: center;gap: 15px;}.services-grid ul{ margin-top: 20px;}.services-grid ul li{ margin-left: 10px;}.services-grid ul li a{ color: #342721;}.services-grid ul li:before{ color: #d6ad61;}@media (max-width:1200px){ .services-grid{ gap: 20px; } .services-grid > div{ max-width: 300px; }} @media (max-width:1024px){ .services-grid > div{ max-width: 320px; }} #page{ position: relative;display: block;width: 100%;margin: auto;padding: 0;max-width: 100%;clear: both;}#page.has_divider{ padding-bottom: 0;}.page_index .internal{ display: none;}.center{ text-align: center;}.sv-icon svg path { fill:#342721; }.sv-icon .ic-color { fill:#d6ad61; }main{ overflow: hidden;}@media (min-width:800px){ ul.two{ -moz-column-count: 2;column-count: 2; }}@media (max-width:750px){ main ul li{ margin-left: 10px; } .block .elem-left, .block .elem-right, .elem-left, .elem-right{ display: table;float: none;margin: 20px auto;max-width: 100%; }}#interior-banner{ position: relative;text-align: center;padding-top: 200px;background-image: url(assets/images/granite-texture.jpg);background-size: cover;}#interior-banner .contain{ padding: 50px 20px 80px;position: relative;z-index: 1;}.flex-title{ height: 100%;margin: auto;width: 100%;max-width: 1250px;align-items: center;}.flex-title #page-title{ margin: auto;}.flex-title .contain{ text-align: center;order: 2;}.flex-title .contain > div{ max-width: 700px;margin: auto;}#intro{ margin: 0 auto;}#main-img{ flex: 0 1 auto;order: 1;margin: 0;max-width: 500px;width: 100%;align-self: flex-end;}#static-banner{ display: none;}.banner-no-img #interior-banner .contain{ max-width: 1000px;margin: 0 auto;padding-bottom: 80px;}@media (max-width:1024px){ #interior-banner{ padding-top: 150px; } #main-img{ align-self: center; } .flex-title{ flex-direction: column; } #intro .btn{ background-color: #d6ad61; } .flex-title .contain{ width: 100%;background-color: #342721; } .flex-title #intro li, .flex-title #intro p{ color: #fff!important; } .flex-title #intro li:before{ color: #d1a24d; } .flex-title #intro a:hover{ color: #e6cfa5; }}#faq{ background-image: url(assets/images/granite-texture.jpg);background-position: top;background-size: cover;padding: 60px 20px;}.accordion{ margin: 40px auto;text-align: left;max-width: 1100px;border-bottom: 2px solid #d6ad61;}.accordion .toggle{ position: relative;cursor: pointer;clear: both;padding: 25px 55px 25px 0;border-top: 2px solid #d6ad61;width: 100%;display: block;text-align: left;}.accordion .toggle h2,.accordion .toggle h3{ transition: all .3s;}.accordion .toggle:hover .h2,.accordion .toggle:hover .h3,.accordion .toggle:hover h2,.accordion .toggle:hover h3{ color: #d6ad61;}.accordion .toggle.active:after{ transform: rotate(90deg);}.accordion .toggle:after{ content: url(assets/images/accordion-arrow.png);position: absolute;top: 25px;right: 0;}.accordion > div{ display: none;padding: 0 50px 20px 0;}.accordion > div p:first-of-type{ margin-top: 0;}@media (max-width:1024px){ .flex.container > article { text-align: center; } .overline-block { margin-left: 0; } .overline-block:before { left:50%; transform: translateX(-50%); } #welcome h2 { max-width: 100%; } #faq{ background-size: contain;background-position: top; } .accordion{ margin: 50px; } .accordion h2, .accordion h3{ font-size: 2rem; } .accordion > div{ padding: 0 25px 20px 3px; } #meet { padding-top: 40px; } #meet figure { margin:auto; } #meet .link { margin-top: 20px; text-align: center; } #team .btn { margin:20px auto 0;} #team figure { order:2; } #financing .flex { flex-flow: column; } #carecredit { text-align: center; } #carecredit .flex { max-width: 100%; align-items: center; } #carecredit img { margin:0 auto 20px; } #carecredit .btn { margin:0 auto; } #carecredit .overline-block, #carecredit h2 { max-width: 100%; } #implants .flex, #tech .flex { flex-flow: column; } #implants article, #tech article { max-width: 100%; } #implants .btn, #tech .btn { margin:20px auto 0; } #tech { padding: 60px 10px; } #tech figure { order:-1; }}@media (max-width:600px) { .accordion{ margin: 50px 10px; }}#plan{ padding: 80px 20px;}#plan .card{ padding: 30px;border: 2px solid #ede0d3;position: relative;}#plan .card:before{ content: "";position: absolute;inset: -6px -6px 6px 6px;border: 2px solid #ede0d3;z-index: -1;}#plan .card h4{ font-size: 3.3rem;text-align: center;}#plan .card .price{ font-size: 5rem;font-weight: 500;color: #000;text-align: center;margin-bottom: 10px;}#plan .card .price span{ font-size: 1.5rem;display: block;text-transform: uppercase;}#plan .card ul li:before{ color: #d6ad61;}.hours{ display: table;margin: 10px auto;text-align: left!important;}.hours label{ width: 120px;display: inline-block;font-weight: 700;}.contact{ display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1020px;padding: 80px 30px;margin: 0 auto;}.contact h3{ margin: 10px auto;}.contact p{ margin: 15px 0 10px;line-height: 1.4;}.contact-map{ height: 380px;margin: 20px auto 40px;}.contact-map iframe{ height: 100%;width: 100%;}@media (max-width:950px){ .contact{ text-align: center;align-items: center;flex-direction: column; }}@media (min-width:500px){ ul.thr { -webkit-column-count: 3;column-count: 3; }}#banner .play{ top: 100%;}@media(max-width:600px){ body.page_index h2:not(.cursive), body.page_index .h2:not(.cursive) { font-size: 4rem; } #banner .play{ top: 60%; }}@media (max-width:400px){ .meet #main-img{ min-height: 220px; }} .landing{ display: flex;max-width: 1000px;flex-wrap: wrap;justify-content: space-around;align-content: center;margin: 50px auto;}.landing .btn{ background-color: #000;min-width: 0;width: 100%;margin-inline: 0;}