label { display: block; }label.error { color: red; }input, textarea { display: block; width: 100%; box-sizing: border-box; border: none; padding: 5px 15px; font-size: 16px; margin-bottom: 10px; color: #000; max-width: 478px; }input[type="checkbox"], input[type="radio"] { display: inline; width: auto; margin-left: 15px; }select { margin-bottom: 15px; color: #000; }button { border: none; background: none; }article .forms label { font-weight: 600; display: block; margin-bottom: .5em; }article .forms textarea, article .forms input { border: 1px solid #000; padding: 10px; }article .forms .input { margin: 20px 0 0; display: inline-block; width: 32%; vertical-align: top; }article .forms .inline { box-sizing: border-box; padding: 10px; min-height: 230px; margin-top: 0px; border: 1px solid #444; }article .forms .inline span { display: block; }.forms input:focus, .forms textarea:focus { background: rgba(0, 0, 0, .8); color: #fff; }::-webkit-input-placeholder { opacity: 1; }::-moz-placeholder { opacity: 1; }body { overflow-x:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 17px; line-height: 30px; background: white; font-family: 'Lato', sans-serif; color: #464545; }h2, h3, h4, h6 { margin-top: 1em; color: #464545; }h1 { font-size: 50px; line-height: 50px; color: #02954d; }body.index h2 + h3, article h1, body.dentist-near-piedmont h2 + h3, article h1, body.dentist-near-edmond h2 + h3, article h1 { padding-bottom: 55px; background: url(assets/images/logo-title.png) left bottom no-repeat; }h2 { font-size: 35px; line-height: 40px; font-weight: 300; }h3 { font-size: 22px; line-height: 30px; color: #02954d; }h6 { font-size: 35px; line-height: 40px; font-weight: 300; margin: 1em 0; }a { text-decoration: none; color: #3e6dce; transition: .3s ease all; }a:hover { text-decoration: underline; }a[name]:before { height: 175px; margin-top: -175px; display: block; content: ""; visibility: hidden; }.btn, .btn-alt { min-width: 200px; display: inline-block; padding: 13px 10px; text-align: center; font-size: 13px; color: rgb(70, 69, 69); font-weight: 900; border-radius: 10px; background-color: rgb(246, 246, 246); text-transform: uppercase; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07) 0%, transparent 100%); }.btn-alt { color: #fff; background-color: rgb(2, 149, 77); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.07) 0%, transparent 100%); }.btn:hover, .btn-alt:hover { text-decoration: none; background-image: linear-gradient(to top, rgb(34, 58, 108) 0%, rgb(34, 58, 108) 1%, rgb(34, 58, 108) 100%); color: #fff; }article .btn, article .btn-alt { margin: 0 10px 10px 0; }.more-to-explore { text-align: center; margin: 3em 0 0; }#scroll-nav { overflow: hidden; position: fixed; right: 0; top: 270px; width: 45px; z-index: 10002; }#scroll-nav a { color: #fff; display: block; font-size: 13px; left: calc(100% - 45px); margin-bottom: 10px; position: relative; transition: left 0.3s ease 0s; background-color: rgb(230, 222, 208); background-image: linear-gradient(to top, rgb(72, 111, 82) 0%, rgb(97, 147, 110) 99%, rgb(97, 147, 110) 100%); border-radius: 19px 0 0 19px; text-decoration: none; line-height: 38px; font-weight: 900; text-transform: uppercase; }#scroll-nav a:nth-child(2) { background-image: linear-gradient(to top, rgb(66, 95, 142) 0%, rgb(66, 95, 142) 1%, rgb(77, 112, 168) 100%); }#scroll-nav a:nth-child(3) { background-image: linear-gradient(to top, rgb(195, 72, 60) 0%, rgb(220, 78, 65) 100%); }#scroll-nav a:nth-child(4) { background: #f56040; }#scroll-nav i { display: inline-block; margin: 0; text-align: center; vertical-align: middle; width: 45px; font-size: 16px; font-weight: normal; }#scroll-nav a span { display: none; text-align: center; vertical-align: middle; width: 180px; }#scroll-nav:hover { width: auto; }#scroll-nav a:hover { left: 0; }#scroll-nav a:hover span { display: inline-block; }#scroll-nav a span em { font-style: normal; }article ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden; }article ul li { position: relative; padding-left: 35px; }article ul li:before { content: "\e832"; font-size: 16px; color: #02954d; position: absolute; left: 15px; top: 0; font-family: "fontello"; }h1, #footer-contents strong, footer .forms strong, .page-plan ul li strong, body.index h2, body.dentist-near-edmond h2 { font-family: 'Dosis', sans-serif; font-weight: 700; }h1, #footer-contents strong, footer .forms strong, .page-plan ul li strong, body.dentist-near-piedmont h2 { font-family: 'Dosis', sans-serif; font-weight: 700; }.container { width: 979px; margin: 0 auto; }header { position: absolute; z-index: 1000000; background-color: rgb(62, 81, 99); width: 100%; top: 0; left: 0; }#top-bar { line-height: 23px; background-image: linear-gradient(89deg, rgb(34, 58, 108) 0%, rgb(2, 149, 77) 100%); }#top-bar span { padding-left: 20px; float: left; text-align: left; font-size: 13px; color: rgb(2, 149, 77); -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }#top-bar span a { font-size: 13px; font-weight: 300; font-style: italic; color: #fff; }.btn-app, .btn-pay { background-color: rgb(54, 54, 54); color: #fff; text-transform: uppercase; font-weight: 900; font-size: 12px; display: inline-block; min-width: 250px; line-height: 26px; text-align: center; float: right; }.btn-pay {background-color: rgb(62, 84, 131);}.btn-app i, .btn-pay i { color: rgb(12, 185, 100); font-size: 14px; }.btn-app:hover, .btn-pay:hover { background-color: rgb(12, 178, 97); text-decoration: none; }.btn-app:hover i, .btn-pay:hover i { color: #fff; }@media (min-width:901px) { #header-contents { max-width: 1400px; min-height: 109px; margin: 0 auto; position: relative; } #header-contents a { transition: none; } #header-contents .logo { position: absolute; left: 50%; top: -15px; width: 261px; margin-left: -130px; } #header-contents .hd-right { float: right; } #header-contents address { float: left; margin-top: 30px; padding-left: 30px; } #header-contents address a { color: #fff; display: block; font-size: 18px; font-weight: 300; text-decoration: none; line-height: 22px; } #header-contents .phone { color: #fff; font-size: 37px; font-weight: 900; margin-top: 30px; display: block; text-decoration: none; } nav#main-nav { } nav#main-nav ul { margin: 0px; padding: 0px; text-align: center; } nav#main-nav ul li { display: inline-block; position: relative; } nav#main-nav ul li a { color: #fff; font-size: 14px; line-height: 28px; display: block; font-weight: 900; text-transform: uppercase; padding: 0 10px; position: relative; } nav#main-nav > ul > li > a:after { width: 0; height: 2px; background-color: rgb(9, 169, 93); transition: .3s ease all; content: ""; position: absolute; bottom: 0; left: 0; } nav#main-nav > ul > li > a:hover:after { width: 100%; } nav#main-nav ul li a:hover { text-decoration: none; } nav#main-nav > ul > li:last-of-type > ul { left: auto; right: 0; } nav#main-nav ul ul { display: none; width: 220px; text-align: left; position: absolute; left: 0; top: 28px; background-color: rgb(54, 54, 54); z-index: 10001; } nav#main-nav ul ul li { width: 100%; } nav#main-nav ul li:hover > ul { display: block; } nav#main-nav ul ul li a { line-height: 22px; padding: 5px 10px; } nav#main-nav ul ul li a:hover { background-color: rgb(12, 178, 97); } nav#main-nav ul ul ul { left: 220px; top: 0; }}section { padding: 70px 0; }article { }footer { }footer .forms { padding: 35px 0; text-align: center; background-color: black; background-image: linear-gradient(to right, rgb(141, 162, 205) 0%, rgb(5, 171, 90) 100%); }footer .forms strong { display: block; color: #fff; font-size: 50px; line-height: 1em; margin-bottom: 30px; }footer .forms textarea, footer .forms .input { width: 470px; margin: 0 10px; vertical-align: top; display: inline-block; }footer .forms input, footer .forms textarea { background: rgba(0, 0, 0, .3); color: #fff; font-size: 17px; padding: 6px 10px; }footer .forms textarea { height: 147px; }footer .forms .controls { max-width: 980px; margin: 20px auto 0; text-align: right; }#footer-contents { padding: 100px 0 50px; text-align: center; }#footer-contents strong { display: block; margin-bottom: 20px; font-size: 27px; }#footer-info { display: inline-block; vertical-align: top; text-align: left; }#footer-info .phone { font-size: 37px; color: rgb(2, 149, 77); font-weight: 900; display: block; margin-bottom: 30px; }#footer-info address { display: block; margin-bottom: 30px; line-height: 22px; }#footer-info address a { color: rgb(70, 69, 69); font-size: 17px; font-weight: 300; }#footer-info .social { display: block; }#footer-info .social a { display: inline-block; color: #fff; font-size: 18px; margin-right: 10px; }#footer-info .social a i:before, .mean-nav .social a i:before { margin: 0px; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; background-color: rgb(230, 222, 208); }#footer-info .social a i.icon-facebook:before, .mean-nav .social a i.icon-facebook:before { background-image: linear-gradient(to top, rgb(66, 95, 142) 0%, rgb(66, 95, 142) 1%, rgb(77, 112, 168) 100%); }#footer-info .social a i.icon-gplus:before, .mean-nav .social a i.icon-gplus:before { background-image: linear-gradient(to top, rgb(195, 72, 60) 0%, rgb(220, 78, 65) 100%); }#footer-info .social a i.icon-youtube-play:before, .mean-nav .social a i.icon-youtube-play:before { background-image: linear-gradient(to top, rgb(179, 18, 23) 0%, rgb(229, 45, 39) 100%); }#footer-info .social a i.icon-instagramm:before, .mean-nav .social a i.icon-instagramm:before { background: #f56040; }#footer-info .social a:hover i:before { background-image: linear-gradient(to top, rgb(19, 171, 95) 0%, rgb(19, 171, 95) 1%, rgb(19, 171, 95) 100%); }footer nav { display: inline-block; vertical-align: top; width: 380px; text-align: left; }footer nav ul { margin: 0px; padding: 0px; list-style: none; }footer nav ul li { display: inline-block; width: 49%; }footer nav ul li a { font-size: 15px; color: rgb(70, 69, 69); }.footer-hours { display: inline-block; vertical-align: top; max-width: 270px; text-align: left; margin: 0 100px; font-size: 15px; }.footer-hours b { display: inline-block; min-width: 100px; font-weight: normal; }#copy { max-width: 1120px; margin: 0 auto; text-align: left; color: rgb(70, 69, 69); font-size: 16px; padding-bottom: 70px; }#copy img { display: inline-block; margin-right: 40px; vertical-align: middle; }#copy a { color: rgb(2, 149, 77); text-decoration: none; }@keyframes slideIn { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }}.fix-nav.index header, .fix-nav.dentist-near-edmond header, .fix-nav header, .fix-nav.dentist-near-piedmont header, .fix-nav header { position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; animation-duration: .5s; animation-fill-mode: both; animation-name: slideIn; background-color: rgb(62, 81, 99); }.fix-nav #header-contents { min-height: 0px; }.fix-nav #header-contents address, .fix-nav #header-contents .phone { margin-top: 5px; }.fix-nav #header-contents .logo { width: 106px; height: 67px; text-indent: -9999px; margin-left: -33px; background: url(assets/images/logo-alt.png) left top no-repeat; }.scroll-map iframe { display: block; pointer-events: none; }.scroll-map.active iframe { pointer-events: auto; }#pager span { width: 1em; height: 1em; line-height: 1em; display: inline-block; cursor: pointer; }body.index section, body.dentist-near-piedmont section, body.dentist-near-edmond section { display: none; }body.index h1, body.index h2, body.index h3 { margin: 0px; line-height: 1.2em; }body.dentist-near-edmond h1, body.dentist-near-edmond h2, body.dentist-near-edmond h3 { margin: 0px; line-height: 1.2em; }body.dentist-near-piedmont h1, body.dentist-near-piedmont h2, body.dentist-near-piedmont h3 { margin: 0px; line-height: 1.2em; }body.index h2, body.dentist-near-piedmont h2, body.dentist-near-edmond h2 { font-size: 46px; font-weight: 400; color: rgb(2, 149, 77); }body.index h3, body.dentist-near-piedmont h3, body.dentist-near-edmond h3 { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 35px; color: rgb(70, 69, 69); }body.index h2 + h3, body.dentist-near-piedmont h2 + h3, body.dentist-near-edmond h2 + h3 { background-position: center bottom; }.index header, .dentist-near-piedmont header, .dentist-near-edmond header { background: none; }#banner { position: relative; z-index: 100; }#banner img { width: 100%; display: block; }#banner .caption { width: 800px; left: 50%; bottom: 44px; margin-left: -400px; position: absolute; text-align: center; z-index: 100; }@media screen and (max-width:1300px) { #banner .caption { bottom: 80px; }}#banner .caption .captionTitles { position: relative; text-shadow: 5px 5px 20px rgba(1, 1, 1, 0.5); }#banner .caption .captionTitles h1 { line-height: 0; }#banner .caption .captionTitles h1 span { font-size: 18px; color: #fff; display: block; }#banner .caption .captionTitles h2.subBannerHeading { display: block; font-style: normal; font-size: 70px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8da2cd), color-stop(1, #05ab5a)); background-image: gradient(linear, left top, right top, color-stop(0, #8da2cd), color-stop(1, #05ab5a)); -webkit-background-clip: text; color: #fff; } #banner .caption .captionTitles h2.subBannerHeading em:after { text-shadow: 1.5px 2.6px 10px rgba(7, 7, 7, 0.35); } #callouts { position: relative; z-index: 100; margin-top: -40px; text-align: center; } #callouts a { display: inline-block; min-height: 204px; max-width: 263px; overflow: hidden; margin: 0 10px; padding-bottom: 60px; color: rgb(70, 69, 69); border-radius: 10px; box-shadow: 2.5px 4.3px 24px rgba(7, 7, 7, 0.35); position: relative; vertical-align: top; } #callouts a strong { display: block; text-transform: uppercase; font-size: 19px; line-height: 22px; } #callouts a figure { margin: 0px; min-height: 204px; } #callouts a figure img { vertical-align: bottom; transition: .3s ease margin; } #callouts a span { padding: 10px 10px; display: block; line-height: 25px; position: absolute; left: 0; top: 205px; bottom: auto; background: #fff; transition: .3s ease all; } #callouts a:hover span { top: 60px; } #callouts a:hover figure img { margin-top: -80px; } #section-meet { min-height: 650px; display: flex; justify-content: center; } #section-meet figure { align-self: flex-end; margin: 0px; order: -1; } #section-meet figure img { vertical-align: bottom; } #section-meet span { max-width: 560px; padding: 0 20px; margin-left: 100px; text-align: center; margin-top: 100px; } #section-reviews, #section-hm-specials { text-align: center; padding: 50px 0; background-image: linear-gradient(to left, rgb(5, 171, 90) 0%, rgb(87, 108, 152) 100%); } #section-reviews h2, #section-hm-specials h2 { color: #fff; } #section-hm-specials div { display: inline-block; margin: 10px; width: calc(100% /4); } #section-hm-specials div img { max-width: 100%; width: 400px; } .reviews-rotation { max-width: 1130px; margin: 30px auto; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 2.5px 4.3px 24px rgba(7, 7, 7, 0.35); } .reviews-rotation #prev, .reviews-rotation #next { position: absolute; width: 32px; height: 100%; left: 0; bottom: 0; top: 0; z-index: 1000; display: flex; align-items: center; text-align: center; background-color: rgb(34, 58, 108); } .reviews-rotation #next { left: auto; right: 0; } .reviews-rotation a i:before { color: #fff; margin: 0px; font-size: 27px; } .reviews-rotation > div { width: 100%; box-sizing: border-box; padding: 30px 60px; font-size: 18px; font-style: italic; } .reviews-rotation author { display: block; font-style: normal; } .reviews-rotation author i:before { margin: 0px; color: rgb(240, 208, 30); } .reviews-rotation author i.icon-gplus:before { color: #dc4e41; } .reviews-rotation author i.icon-facebook:before { color: #4d70a8; } .reviews-rotation author i.icon-yelp:before { color: #b62717; } .reviews-rotation author i:last-of-type { margin-left: 20px; font-size: 22px; } #controls { position: relative; } .reviews-pager { position: absolute; max-width: 200px; margin-left: 460px; left: 50%; } .reviews-pager span { font-size: 12px; border-radius: 50%; border: 1px solid white; background: none; margin: 0 10px; } .reviews-pager span.cycle-pager-active { background: white; } #section-services { padding: 70px 0 100px; background-color: rgb(91, 117, 171); background-image: linear-gradient(133deg, rgba(73, 97, 147, 0.85) 0%, rgba(91, 117, 171, 0.85) 50%, rgba(73, 97, 147, 0.85) 50%, rgba(91, 117, 171, 0.85) 100%); } #services-nav { background-color: rgb(62, 84, 131); border-radius: 10px 10px 0 0; max-width: 840px; margin: 0 auto; padding: 0px; text-align: center; display: flex; justify-content: space-between; overflow: hidden; } #services-nav li { display: inline-block; } #services-nav li.cycle-pager-active a { background-color: rgb(6, 171, 91); } #services-nav li a { display: block; color: #fff; padding: 10px 20px; box-sizing: border-box; font-size: 12px; line-height: 18px; text-decoration: none; } #services-nav li a b { display: block; font-size: 16px; font-weight: normal; } .services-rotation { max-width: 974px; margin: 0 auto; } .services-rotation > div { width: 100%; min-height: 556px; box-shadow: 1.5px 2.6px 9px rgba(7, 7, 7, 0.35); border-radius: 10px; background-position: left top; background-repeat: no-repeat; } .services-rotation .slide-1 { background-image: url(assets/images/section-services-1.jpg); } .services-rotation .slide-2 { background-image: url(assets/images/section-services-2.jpg); } .services-rotation .slide-3 { background-image: url(assets/images/section-services-3.jpg); } .services-rotation .slide-4 { background-image: url(assets/images/section-services-4.jpg); } .services-rotation .slide-5 { background-image: url(assets/images/section-services-5.jpg); } .services-rotation .slide-6 { background-image: url(assets/images/section-services-6.jpg); } .services-rotation span { width: 554px; height: 518px; display: block; margin-top: 30px; background-color: white; border-radius: 10px; padding: 30px 20px; text-align: center; margin-right: -40px; float: right; box-sizing: border-box; box-shadow: 1.5px 2.6px 10px rgba(7, 7, 7, 0.35); position: relative; } .services-rotation .slide-2 span, .services-rotation .slide-4 span, .services-rotation .slide-6 span { float: none; margin-left: -40px; margin-right: 0px; } .services-rotation span p:last-of-type { position: absolute; left: 0; bottom: -40px; width: 100%; } #section-insurance { text-align: center; padding: 50px 0; } /*ORIGINAL**#section-insurance span { max-width: 900px; margin:0 auto; display: block; }***/ #section-insurance span { max-width: 100%; margin: 0 4%; display: inline-block; width: 37%; vertical-align: baseline; position: relative; } #section-insurance img { max-width: 100%; margin: 0 auto; } #section-insurance p .btn { position: relative; margin-bottom: 20px; margin-top: 13%; margin-top: 3vw; } #section-plan { padding: 180px 0 100px; background: url(assets/images/section-insurance-bg.jpg) center top no-repeat; background-size: cover; text-align: center; } #section-plan h2, #section-plan h3 { color: #fff; padding-bottom: 0px; background: none; } #section-plan p .internal-link {color: black; font-weight: 600;} .section-table { max-width: 979px; margin: 30px auto 0; background: #fff; border-radius: 10px; box-shadow: 1.5px 2.6px 9px rgba(7, 7, 7, 0.35); overflow: hidden; } .section-table > div { display: flex; } .section-table span:first-of-type { font-size: 34px; color: #fff; font-weight: 700; font-family: 'Dosis', sans-serif; background-color: rgb(141, 198, 63); flex: 0 0 170px; } .section-table span em { display: block; font-style: normal; font-size: 24px; margin-top: 50%; } .section-table ul { margin: 0px; padding: 20px 30px; text-align: left; font-size: 22px; color: rgb(120, 120, 120); } .section-table ul:first-of-type { background-color: rgba(230, 228, 229, .5); } .section-table ul li { display: inline-block; width: 49% } .section-table strong { background-color: rgb(34, 58, 108); display: block; color: #fff; font-size: 32px; line-height: 52px; font-weight: 400; text-transform: uppercase; } .section-table strong i { margin-right: 40px; } #section-logos { text-align: center; padding: 30px 0; } #section-logos img { vertical-align: bottom; margin: 0 20px; margin: 0 4vw; } .page-services { display: flex; justify-content: center; flex-wrap: wrap; } .page-services ul { flex: 0 1 280px; background-color: rgb(62, 84, 131); border-radius: 10px; margin: 0 10px 20px; overflow: hidden; } .page-services ul li:first-child:before { display: none; } .page-services ul li:first-child { padding: 0px; } .page-services ul li:nth-child(2) { margin-top: 10px; } .page-services ul li a { color: #fff; } .page-services ul li:first-child a { display: flex; font-size: 23px; align-items: center; text-align: center; line-height: 24px; background-color: rgb(2, 149, 77); border-radius: 10px 10px 0px 0px; } .page-services ul li + li:last-of-type { margin-bottom: 30px; } .page-services ul li:first-child a:hover { text-decoration: none; background-color: rgb(54, 54, 54); } .page-services ul li img { flex: 0 0 auto; margin-right: 10px; } .page-services ul li a b { display: block; font-size: 26px; } .faq-btn { position: relative; font-weight: normal; cursor: pointer; padding: 10px 0 10px 70px; color: rgb(70, 69, 69); font-size: 17px; } .faq-btn:hover { color: rgb(62, 109, 206); } .faq-content:before, .faq-btn:before { width: 48px; height: 48px; background-color: rgb(56, 85, 146); box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.19); content: "Q"; position: absolute; left: 0; top: 0; color: #fff; font-size: 24px; text-align: center; line-height: 48px; font-weight: 900; border-radius: 50%; } .faq-content { display: none; padding-left: 130px; position: relative; } .faq-content:before { left: 60px; content: "A"; background-color: rgb(2, 149, 77); box-shadow: inset 0 3px 8px rgba(0, 1, 1, 0.19); } .page-split { display: flex; } .page-split > div { width: 100%; } article .hours b, article .hours label { display: inline-block; min-width: 120px; font-weight: inherit; } body.smile-gallery section article { overflow: hidden; } .gallery-rotation > div { width: 100%; text-align: center; padding: 15px 0; overflow: hidden; } .gallery-rotation figure { margin: 0px 20px; display: inline-block; font-size: 35px; font-weight: 300; } .gallery-rotation figure img { display: block; margin: 0 auto 15px; vertical-align: bottom; } .gallery-rotation figure img.imgFlip { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .gallery-controls { margin: 30px 0; text-align: center; } .gallery-controls i { color: rgb(41, 157, 94); font-size: 32px; } .gallery-pager { display: inline-block; } .gallery-pager span { font-size: 12px; margin: 0 5px; border: 2px solid rgb(34, 58, 108); border-radius: 50%; } .gallery-pager span.cycle-pager-active { background-color: rgb(34, 58, 108); } .tour-thumbs { max-width: 737px; margin: 0 auto 10px; position: relative; } .tour-thumbs .cycle-prev, .tour-thumbs .cycle-next { position: absolute; left: -50px; top: 50%; transform: translateY(-50%); color: rgb(2, 149, 77); font-size: 48px; } .tour-thumbs .cycle-next { left: auto; right: -50px; } .tour-thumbs figure { width: 135px; height: 135px; overflow: hidden; margin: 0px; position: relative; } .tour-thumbs .cycle-slide-active figure:after { box-shadow: inset 0 0 0 4px rgb(2, 149, 77); content: ""; position: absolute; left: 0; top: 0; width: 100%; bottom: 0; } .tour-thumbs figure img { transform: scale(.3); transform-origin: left top; max-width: none; } .tour-rotation .cycle-slideshow > div { width: 100%; text-align: center; } .divider-body { padding: 30px 0; } .divider-body:nth-child(odd) { background-color: rgb(230, 233, 239); box-shadow: -500px 0 0 0 rgb(230, 233, 239), 500px 0 0 0 rgb(230, 233, 239); } .page-plan { text-align: center; padding: 30px 0 50px; background-color: rgb(230, 233, 239); box-shadow: -500px 0 0 0 rgb(230, 233, 239), 500px 0 0 0 rgb(230, 233, 239); } .plan-table { max-width: 680px; margin: 0 auto; overflow: hidden; background-color: white; border-radius: 10px; box-shadow: 0 3px 9px rgba(7, 7, 7, 0.35); border-bottom: 20px solid rgb(34, 58, 108); } .plan-table > div { background-color: rgb(34, 58, 108); } .plan-table h3 { width: 49%; display: inline-block; color: #fff; text-transform: uppercase; font-size: 27px; margin: 0px; line-height: 50px; font-weight: 300; } .page-plan ul { background: #f9f8f9; line-height: 30px; } .page-plan ul li:first-child span { padding-top: 30px; } .page-plan ul li:before { display: none; } .page-plan ul li { padding: 0px; display: block; } .page-plan ul li span { display: inline-block; min-width: 50%; background: #fdfcfc; float: left; } .page-plan ul li span:first-of-type { background: #faf9f9; } .page-plan ul:nth-child(3) li span { background: #f9f8f9; } .page-plan ul:nth-child(3) li span:first-of-type { background: #f2f1f2; } .page-plan ul li strong { font-size: 26px; color: rgb(2, 149, 77); font-weight: 700; } .page-plan ul li:last-of-type span { padding-bottom: 30px; } .pricing-table { max-width: 678px; margin: 0 auto; text-align: center; border-radius: 10px; display: table; overflow: hidden; box-shadow: 0 3px 9px rgba(7, 7, 7, 0.35); } .pricing-table span { min-width: 226px; float: left; min-height: 56px; display: table-cell; text-align: center; vertical-align: middle; } .pricing-table div { float: left; } .pricing-table .pt-row1 { background-color: rgb(21, 34, 63); } .pricing-table .pt-row1 span { min-height: 54px; color: #fff; display: block; text-transform: uppercase; font-size: 27px; font-weight: 300; line-height: 54px; } .pricing-table .pt-row2 { background-color: rgb(235, 235, 235); color: rgb(70, 69, 69); font-size: 35px; font-weight: 300; align-items: center; } .pricing-table .pt-row2 span { min-height: 106px; display: flex; align-items: center; text-align: center; justify-content: center; } .pricing-table .pt-row3 { background-color: rgb(2, 149, 77); } .pricing-table .pt-row3 span { padding: 20px 0; color: #fff; text-transform: uppercase; line-height: 40px; } .pricing-table span:nth-child(1) { background: rgba(255, 255, 255, .5); } .pricing-table span:nth-child(2) { background: rgba(255, 255, 255, .25); } .pricing-table .pt-row1 span:nth-child(1) { background-color: rgb(34, 58, 108); } .pricing-table .pt-row1 span:nth-child(2) { background-color: rgb(33, 53, 94); } .pricing-table span b { display: block; font-size: 50px; font-weight: 900; } /***Request an Appointment Page***/ #types .flex-ed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:2px solid #fff;max-width:1160px;margin:auto;padding:80px 0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#types .flex-ed:last-of-type{border-bottom:none}#types figure{position:relative;display:table;padding-left:30px}#types figure span{width:85px;height:85px;border:2px solid #fff;background-color:#02954d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:30px;color:#fff;position:absolute;top:-35px;left:0;border-radius:50%}#types h2{margin:0}#types article{-webkit-box-flex:0;-ms-flex:0 1 800px;flex:0 1 800px;padding:10px;text-align:left}#request-modal{max-width:1000px;width:90%;height:90vh;overflow-y:scroll;overflow-x:hidden;background:#f7f7f7;padding:20px;box-sizing:border-box}#request-modal .forms{color:#000}#request-modal .modal-close{color:#fff;font-size:25px;padding:3px 10px;top:0;right:0;background-color:#000;border-radius:46px;width:15px;height:25px}#request-modal .forms input,#request-modal .forms textarea{color:#000;background:#fff;width:100%;max-width:100%}#request-modal .forms select{color:initial;display:block;margin:10px 0}#request-modal .forms span{display:block}#request-modal .forms .inline-box>div{padding:10px;margin-bottom:10px;background-color:rgba(0,0,0,.2)}.appointment-request #lean_overlay{overflow-y:scroll;align-items:flex-start}.appointment-request #request-modal{margin-top:40px}#request-modal label{text-align:left}#request-modal .submit{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:600px){#types .flex-ed{flex-flow:wrap;justify-content:space-around}#request-modal{width:90%;margin-top:40px;max-width:90%}#lean_overlay{overflow-y:scroll;align-items:flex-start}} /***SPECIAL FORM STYLES***/ .form-outter { max-width: 615px; margin: 0 auto; text-align: center; border: solid 50px #3f3f3f; background-color: #3f3f3f; } .form-header, .form-call-section { position: relative; width: 100%; margin: 0 auto; text-align: center; padding: 20px 10px; background-color: #02954d; box-shadow: 4.7px 3.8px 14px rgba(0, 0, 0, 0.35); max-width: 587px; max-height: 120px; } .form-header h3, .form-header h2, .form-call-section h3, .form-call-section h2 { font-family: 'Lato', sans-serif; color: #fff; margin: 0; padding: 0; } .form-header h2 { line-height: 29px; margin-top: 10px; } .form-header h3 { font-size: 2em; line-height: 1em; } .form-call-section h3 { font-size: 40px; font-weight: 700; } .form-call-section h3 small { font-size: 27px; font-weight: 400; } .form-outter img { display: table; margin: 0 auto; width: 100%; max-width: 589px; vertical-align: bottom; } .form-holder { background-color: #fefffd; box-shadow: 4.7px 3.8px 14px rgba(0, 0, 0, 0.35); margin: 0 auto; width: 100%; max-width: 589px; text-align: center; padding: 1% 4px 3%; } .form-holder .forms input { box-shadow: inset 3.9px 3.1px 8px rgba(39, 37, 37, 0.11); width: 500px; border: none; color: #7b7b7b; max-width: 100%; } .form-holder .forms input:focus { color: #fff; } .form-holder .forms .input { max-width: 100%; width: 500px; border: none; margin: 35px auto 25px; } .section-toggle {display: none;} .block.open-togg .section-toggle {display: block;} .why { padding: 30px 10px 10px; position: relative; counter-reset: why-section; } .why:before { content: ''; position: absolute; left: -900px; right: -900px; top: 0; bottom: 0; background-color: rgba(2, 149, 77,.1) } .why h2 { text-align: center; font-size: 30px; position: relative; z-index: 2; } .why ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 2; list-style: none; color: #fff; } .why ul li { max-width: 240px; -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; padding: 0; margin: 10px; width: 100%; overflow: visible; color: #000; line-height: 1.2;text-align: center; } .why ul li:before { content: ''; position: relative; z-index: 2; display: block; margin: 0 auto 10px; counter-increment: why-section; content: counter(why-section); font-size: 30px; color: #fff; border-radius: 50%; height: 50px; width: 50px; line-height: 50px; background-color: rgba(2, 149, 77,.3); color: #000;} @media (max-width: 730px) { .why ul { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .why ul li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media screen and (max-width:1000px) { .mean-container .mean-nav { bottom: 38px } } @media (max-width:900px) { header .logo img { width: 140px } .mean-container .mean-bar, .mean-container .mean-nav { background-color: #707070; } header #desktop-nav { display: none !important } body, header, .mean-container .mean-nav { -webkit-transition: all .3s; transition: all .3s } body { right: 0 } header { position: fixed !important; width: 100%; } .attach header .top-nav { display: none !important } body.mean-active header { left: -80% } body.mean-active { overflow: hidden; right: 80% } body.mean-active:before { z-index: 98; content: ''; opacity: .7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: none; height: inherit } body.mean-active .mean-container .mean-nav { right: 0 } .mean-container { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .mean-container .mean-bar, header .logo { margin: 5px } .mean-container a.meanmenu-reveal { display: block; color: #fff; font-size: 20px; text-align: center; line-height: 40px; width: 40px } .mean-container a.meanmenu-reveal.meanclose { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mean-container .mean-bar i { display: block } .mean-container a.meanmenu-reveal i:before { margin: 0 !important } .mean-container .mean-nav { position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column } .mean-container .mean-nav ul { font-size: 16px; padding: 0; margin: 0; width: 100%; list-style-type: none; line-height: 1; } .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; } .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; 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 { 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: 48px; 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 a.mean-expand.mean-clicked:before { content: '\e83a' } .mean-remove { display: none !important } #header-contents .logo { left: 0; margin: 10px 0 0; } #header-contents .phone, #header-contents address a { color: #fff; } .mean-nav .footer-hours { color: #fff; } .mean-nav .footer-hours strong { text-align: center; } .mean-nav .footer-hours #office-directions { display: none; } } .mean-nav .footer-hours { margin: 100px auto 0 !important; padding-bottom: 50px !important; } .mean-nav .footer-hours strong { display: block; } .mean-nav .social { marign: 0 auto; text-align: center; } .mean-nav .social a { display: inline-block; margin: 10px; color: #fff; } @media screen and (max-width:550px) { #header-contents address { font-size: 12px; line-height: 1.1; } } @media (max-width:480px) { #header-contents address { display: none; } header .logo img { width: 120px } } #section-services > h2, #responsive-nav { display: none; } #banner .caption h1 { font-size: 40px; } #banner .caption h1 span { font-size: 9vw; } #banner img { margin: 0px; } .index header, .dentist-near-piedmont header, .dentist-near-edmond header { background: rgb(62, 81, 99); } @media screen and (max-width:1200px) { img { max-width: 100%; } #callouts a { max-width: 24%; margin: 0px; } .footer-hours { margin: 0 50px; } .services-rotation span { margin-left: 10px !important; margin-right: 10px !important } #pager.reviews-pager { position: relative; margin: 0 auto; left: auto; } #banner .caption { bottom: 60px; } article { width: 90%; margin-left: 2%; } } @media screen and (max-width:1023px) { article { margin: 0 5%; } .container { width: auto; } .tour-thumbs { text-align: center; } .tour-thumbs .cycle-prev, .tour-thumbs .cycle-next { position: relative; left: auto; right: auto; } #banner .caption .captionTitles { position: static; } #banner .caption { bottom: 10px; } nav#main-nav { padding: 20px 0; } nav#main-nav ul li a { padding: 0 5px; } #banner .caption { width: 100%; left: auto; margin: 0px; } #banner .caption h1 span { font-size: 100px; } #header-contents .logo { position: relative; top: auto; display: block; text-align: center; } #header-contents address { float: none; margin-top: 10px; padding: 0px; text-align: center; } #header-contents .phone { float: none; padding: 0px; margin: 10px 0 0; text-align: center; } #scroll-nav { right: auto; bottom: 0; top: auto; width: 100%; display: flex; } #scroll-nav:hover { width: 100%; } #scroll-nav a { flex: 1 1 100%; border-radius: 19px 19px 0 0; left: auto; margin-bottom: 0px; text-align: center; line-height: 18px; } #scroll-nav a span { width: 100%; display: block; } #section-services { padding: 40px 0; } #section-services > h2 { display: block; color: #fff; text-align: center; margin-bottom: 20px; } .services-rotation { display: none; } /*** #section-insurance span { padding:0 5%;}***/ #section-insurance span { display: block; width: 95%; margin: 0 auto; } footer .forms .controls { text-align: center; } #section-logos img { margin: 0 2vw; } footer nav { display: none; } #callouts { margin: 0px; padding: 30px 0; } #callouts a { width: auto; max-width: 263px; margin: 0 20px 20px; } #section-meet { flex-direction: column; } #section-meet span { width: 90%; margin: 0 5%; padding: 0px; display: block; max-width: 90%; } #section-meet figure { order: 0; text-align: center; left: 0; width: 100%; } #copy { text-align: center } #section-reviews { padding: 30px 20px; } #section-services { padding: 20px; } #section-plan { padding: 100px 20px; } .tour-thumbs #cycle-1 { display: none; } } #banner .caption .captionTitles h2.subBannerHeading br { display: none; } @media screen and (max-width:830px) { #banner .caption { top: auto; display: block; padding: 10px 0; bottom: 0; } #banner .caption .captionTitles h1 span { font-size: 13px; } #banner .caption .captionTitles h1 { line-height: 1; } #banner #family-banner { margin: 0 auto; padding: 0; width: 100%; height: auto; } #banner .caption { background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 100%); } #banner .caption .captionTitles h2.subBannerHeading { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #9ad8f8), color-stop(1, #19ff8f)); } #banner .caption .captionTitles h2.subBannerHeading br { display: block; } #banner .caption .captionTitles h2.subBannerHeading { font-size: 34px; } } @media screen and (max-width:800px) { .form-header, .form-call-section { width: 100%; padding: 18px 0px; max-height: unset; } .form-outter { border: 3px solid; } .form-holder { padding: 1% 0px; max-width: 589px; } .form-header, .form-call-section { max-width: 589px; } .form-header h2, .form-header h3, .form-call-section h3 { font-size: 1.5em; } .form-call-section h3 small { font-size: 21px; } } @media screen and (max-width:759px) { .fix-nav header { position: relative; animation: none; } a[name]:before { height: 10px; margin-top: -10px; } .page-split { display: block; } .page-split > div { width: 100%; } article .forms .input { display: block; width: 100%; } article .forms .inline { border: none; min-height: 0px; } #top-bar span { display: none; } #scroll-nav a span em { display: none; } #services-nav { flex-wrap: wrap; } #services-nav li { width: 33%; } .section-table ul li { display: block; width: 100%; } #callouts a { margin: 0 10px 20px; } #banner .caption h1 { font-size: 50px; } #banner .caption { position: static; background: rgba(0, 0, 0, .25); } footer .forms { padding: 20px; } .btn-app, .btn-pay { min-width: 100%; } .pricing-table div { width: 100%; display: flex; } .pricing-table div span { width: calc(100% / 3); min-width: 0px; } .page-plan ul li { display: flex; justify-content: center; } #header-contents .hd-btn {display:none;} } @media screen and (max-width:600px) { #banner img { -webkit-filter: none; } .page-plan ul li strong { font-size: 17px; } .plan-table h3 { font-size: 20px; } .pricing-table .pt-row1 span { font-size: 20px; } .pricing-table span b { font-size: 36px; } .pricing-table .pt-row2 { font-size: 17px; line-height: 22px; } footer .forms textarea, footer .forms .input { width: 100%; margin: 0px; } footer .forms input, footer .forms textarea { max-width: 100%; } .section-table > div { flex-direction: column; } .section-table span:first-of-type { flex: auto; padding: 20px 0; } .section-table span em { margin-top: 0px; } .section-table strong { font-size: 17px; } #services-nav li { width: 49%; } #footer-info { text-align: center; margin-bottom: 20px; } #footer-contents strong { text-align: center; } #copy img { margin: 0 auto 10px; display: block; } #banner .caption h1 span { font-size: 55px; } #banner .caption h1 em { font-size: 30px; } .page-plan, .divider-body:nth-child(odd) { background-color: rgb(230, 233, 239); box-shadow: -50px 0 0 0 rgb(230, 233, 239), 50px 0 0 0 rgb(230, 233, 239); } #section-hm-specials div { display: block; width: calc(100% /1); } body { max-width: 100%; width: 100%; overflow-x: hidden; } } @media screen and (max-width:479px) { .reviews-rotation #prev, .reviews-rotation #next { width: 50%; float: left; position: relative; height: auto; right: auto; top: auto; justify-content: center; text-align: center; } .section-table strong { line-height: 1em; padding: 10px 0; } .reviews-rotation > div { padding: 40px 20px 20px; } .elem-right, .elem-left { float: none !important; margin: 0 auto 10px !important; } #section-hm-specials div a img { max-width: 100%; width: 280px; } #section-meet figure img { max-width: 100%; width: 320px; } .footer-hours { margin: 0 10px; } #scroll-nav a:nth-child(4) { display: none; } } @media screen and (max-width:650px) { .elem-right, .elem-left { float: none !important; margin: 0 auto 10px !important; } } .emergency-dentistry article h1 { padding-bottom: 75px; background: url(assets/images/logo-title.png) center no-repeat; } h1#interior, .h1-small { text-align: center; margin-bottom: 0px; font-size: 13px; font-weight: 400; text-transform: uppercase; line-height: 1; letter-spacing: 1.8px; display: block; } h1#interior + h2 { text-align: center; margin: -30px auto 20px; font-size: 46px; line-height: 1.2; font-weight: 300; } #office-directions { text-align: center; } #logo-display { display: flex; justify-content: space-between; align-items: center; padding: 20px; } #logo-display > img { max-width: 100px; } @media screen and (max-width:850px) { #logo-display { flex-wrap: wrap; } #logo-display > img { padding: 20px; }}#section-plan p{ margin: 10px auto; max-width: 979px; color: #fff;}#find { padding: 20px 5px;}#find .contain { max-width: 1130px; margin: 0 auto; text-align: center;}.section-faq { margin: 2rem auto; text-align: center; max-width: 1130px;}.covid-container{ background-color: red; text-align: center; padding: 7px;}.covid-container a{ color: white; font-size: 22px; text-decoration: underline;}.covid-container a:hover{ color: white; text-decoration: underline;}@media (max-width: 479px){#scroll-nav a:nth-child(6){display:block;background: #f56040;}}@media (min-width: 480px) {#scroll-nav a:nth-child(6){display:none!Important;}}#header-contents .hd-right {text-align: center;padding-right: 30px;}#header-contents .hd-btn {margin-top: 10px;}