@keyframes fadeIn{ from{opacity:0} to{opacity:1} } @keyframes slideIn{ from{transform:translate3d(0,-100%,0)} to{transform:translate3d(0,0,0)} } @keyframes fadeInUp{ from{opacity:0;transform:translate3d(0,100%,0)} to{opacity:1;transform:none} } @keyframes fadeInRight{ from{opacity:0;transform:translate3d(100%,0,0)} to{opacity:1;transform:none} } @keyframes fadeInLeft{ from{opacity:0;transform:translate3d(-100%,0,0)} to{opacity:1;transform:none} } hr{display:block;position:relative;overflow:visible;box-sizing:content-box;height:0;border:0} main{display:block} menu{display:block} nav{display:block} section{display:block} summary{display:block} body{margin:0;position:relative;background-color:#fff;font-family:Poppins,serif;text-align:center} button{overflow:visible;font:inherit;line-height:initial;margin:0;text-transform:none;cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:0} input{overflow:visible;font:inherit;line-height:initial;margin:0} select{overflow:visible;font:inherit;line-height:initial;margin:0;text-transform:none} [type=checkbox]{box-sizing:border-box;padding:0} [type=radio]{box-sizing:border-box;padding:0} legend{box-sizing:border-box;padding:0;display:table;max-width:100%;white-space:normal} html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;font-size:100%} audio{display:inline-block} audio:not([controls]){display:none;height:0} canvas{display:inline-block} progress{display:inline-block} video{display:inline-block} [hidden]{display:none} template{display:none} a{display:inline-block;text-decoration:none;cursor:pointer} a:active{outline-width:0} a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} b{font-weight:700} strong{font-weight:700} dfn{font-style:italic} h1{font-size:2em;margin:0 0 .67em;font-family:Poppins,serif;margin:0;text-align:center;color:#54473c;font:400 44px/1.1 Poppins,serif;font-size:26px;font-weight:300;display:block} h1 span{color:#000} small{font-size:80%} img{border-style:none;max-width:100%;display:block;margin:0 auto;max-width:100%} svg:not(:root){overflow:hidden} textarea{font:inherit;line-height:initial;margin:0;overflow:auto} optgroup{font-weight:700} [type=button]{cursor:pointer} [type=reset]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:0} [type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:0} [disabled]{cursor:default} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} ::-webkit-search-decoration{-webkit-appearance:none;appearance:none} *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} ::before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} ::after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .clearfix:before{display:table;content:""} .clearfix:after{display:table;content:" ";clear:both} address{font-style:normal!important} .icon-gplus:before{margin-left:-1px!important} [class*=icon-]:before{line-height:1!important;display:block!important} [class^=icon-]:before{line-height:1!important;display:block!important} .fixons{z-index:103} .flex-ed{display:flex;flex-flow:row wrap} .col-flex-ed{display:flex} .animated{animation-duration:2s;animation-fill-mode:both} .fadeIn{animation-name:fadeIn} .fadeInUp{animation-name:fadeInUp} .fadeInRight{animation-name:fadeInRight} .fadeInLeft{animation-name:fadeInLeft} .star:before{font-size:28px;font-family:fontello;font-weight:400;margin:0;font-style:normal;content:"\e80f\e80f\e80f\e80f\e80f";color:#febb21;letter-spacing:8.4px} p{font:300 20px/30px Poppins,serif;color:#000} h2{text-align:left;color:#54473c;font-size:50px;font-weight:600;line-height:1.2} h2 span{color:#000} h3{font-size:32px;line-height:1.41;margin-top:10px} h2,h3,h4,h5,h6{font-family:"Open Sans",serif} .progress{vertical-align:baseline} sub{vertical-align:baseline;position:relative;font-size:50%;line-height:0;bottom:-.25em} sup{vertical-align:baseline;position:relative;font-size:50%;line-height:0;top:-.45em} .block{display:block} .elem-left{display:block} .elem-right{display:block} article{display:block} aside{display:block} details{display:block} figcaption{display:block;text-align:center;font:400 18px/1 Poppins,serif;text-transform:uppercase;color:#307a7a} strong{margin-top:0;font-weight:400;display:block;font-size:28px;font-family:Poppins,serif;text-transform:uppercase} figure{display:block;margin:0} header{position:relative;padding:0;z-index:100;background-color:#fff} header .address{text-align:left;display:flex;align-items:center;color:#000;font-size:18px;line-height:1.25;font-weight:300;letter-spacing:.55px} header .address:hover{color:#307a7a} header .address i:before{color:#307a7a;font-size:22px;margin-left:-10px;margin-right:15px;margin-top:-5px} header #nav{padding:25px 10px;display:flex;flex-wrap:wrap;max-width:1200px;justify-content:space-between;margin:auto;align-items:center} header #nav #header-btn,header #nav #header-details{flex:1} header #nav #header-btn{justify-content:flex-end;display:flex} header #nav #header-btn .btn{margin:0;padding:20px 30px;text-transform:uppercase;display:flex;transition:.3s all ease;flex-wrap:wrap;justify-content:center;font-size:29px;background-color:#307a7a;min-width:200px;display:flex;color:#fff;font-family:Poppins,serif;font-weight:600;letter-spacing:.07em;border-radius:10px} header #nav #header-btn .btn i:before{margin-right:10px;margin-top:-2px} header #nav #header-btn .btn span{display:block;width:100%;font-size:44px;text-transform:uppercase;font-weight:600} header #nav #header-btn .btn:hover{background-color:#c9d6d7;color:#000} header #nav #header-details .pho{margin-bottom:10px;font-weight:700;font-size:40px;color:#54473c;} header #nav #header-details .pho:hover{color:#c9d6d7} header #nav #mobile-btns{width:100%;display:flex} header #nav #mobile-btns>*{flex:1;height:64px} header #nav #mobile-btns .btn{display:flex;flex-wrap:wrap;padding:10px;justify-content:center;line-height:1;color:#fff;border-radius:0;font-size:18px;font-weight:700;margin:auto;text-transform:uppercase;letter-spacing:.05em} header #nav #mobile-btns .btn span{width:100%;font-size:28px} header #nav #mobile-btns .btn,header #nav #mobile-btns .phone{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;font-family:Poppins,serif} header #nav #mobile-btns .btn span,header #nav #mobile-btns .phone span{width:100%} header #nav #mobile-btns .phone{background-color:#f5f5f5;color:#000;font-size:20px;line-height:1.3;font-weight:700} header #nav #mobile-btns .phone span{text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:1px} header #nav #mobile-btns #mobile-special .container{margin:10px 0;border-top:2px solid #afb1b1;border-bottom:2px solid #afb1b1;padding:5px} header #nav #mobile-btns #mobile-special .container h4{color:#54473c;font-size:22px;margin:0} header #nav #mobile-btns #mobile-special .container small{text-transform:uppercase;font-size:14px;letter-spacing:.7px;font-weight:700} .fix-nav header{position:fixed;width:100%;left:0;top:0;right:0;animation-duration:.8s;animation-fill-mode:both;animation-name:slideIn;z-index:999;box-shadow:0 3px 7px rgba(0,0,0,.35)} .fix-nav header .logo{margin-bottom:0} .fix-nav header .logo img{max-height:125px} #safe-bar{width:100%;position:relative;background:#e4e1e0;z-index:10;box-shadow:1.6px 2.5px 13px rgba(7,8,8,.35);color:#000;font:300 24px/1.2 Poppins,serif;padding:7px;text-align:center;flex-wrap:wrap;display:flex;justify-content:center} #safe-bar span{margin:0 30px} #safe-bar div{margin:0 30px} #safe-bar a{color:#fff} #safe-bar a:hover{color:#307a7a} .pho{display:flex;color:#000;font:700 37px/30px Poppins,serif} .pho span{display:block;color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;font-family:Poppins,serif} .pho:hover{color:#307a7a} .pho i{display:flex;align-items:center} .pho i:before{color:#307a7a;font-size:22px;margin-left:0;margin-right:15px} .mobile-banner-reviews{display:none} #three-ways{max-width:1350px;margin:auto auto 50px} #three-ways h2{position:relative;display:flex;align-items:center} #three-ways h2:before{content:"";height:2px;flex:1;margin-right:30px;background-color:#000} #three-ways h2:after{content:"";height:2px;flex:1;margin-left:30px;background-color:#000} .personalized{position:relative;margin:0;max-width:1040px;background-color:#c9d6d7;padding:20px 10px 30px;flex:0 1 50%;height:340px;padding:40px 0} .personalized h2{margin:0;text-align:center;font:600 50px/1.1 "Open Sans",serif;position:relative;line-height:1;margin-top:0;font-family:"Open Sans",serif} .personalized h2 span{font-family:Poppins,serif;letter-spacing:normal;font-size:26px;font-weight:300;text-transform:none;display:block;margin-bottom:5px;width:100%} .personalized h1{position:relative;line-height:1;margin-top:0;font-weight:600;font-family:"Open Sans",serif;font-size:50px} .personalized h1 span{font-family:Poppins,serif;letter-spacing:normal;text-transform:none;font-size:26px;font-weight:300;display:block;margin-bottom:5px} .personalized:last-of-type .border-box:before{width:80px} .personalized:last-of-type .border-box:after{width:80px} .header-info{display:contents} .address{color:#000;font-size:22px;line-height:1.25;font-weight:300;font-family:Poppins,serif} .address:hover{color:#000} .btn{cursor:pointer;position:relative;display:inline-block;margin:3px auto;padding:12px 30px;color:#307a7a;font:500 18px/1 "Playfair Display",serif;transition:border .3s;background-color:#307a7a;letter-spacing:1.8px;border-radius:7px} .btn:hover{background-color:#307a7a;background-color:#307a7a;color:#000;color:#000} .btn-alt{cursor:pointer;position:relative;display:inline-block;margin:3px auto;padding:12px 30px;color:#000;font:500 18px/1 "Playfair Display",serif;transition:border .3s;background-color:#307a7a;letter-spacing:1.8px;border-radius:7px} .btn-alt:hover{background-color:#307a7a;background-color:#307a7a;color:#000;color:#000} .split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1200px;margin:auto} .split article{margin:10px;flex:0 1 555px} .split article h2,.split article h3{margin:0} .split article h2{margin-top:10px;font-size:45px} .split article h3{text-transform:uppercase;position:relative;display:flex;font-family:Poppins,serif;flex-wrap:wrap;font-size:18px;align-items:center;letter-spacing:3px;color:#307a7a} .split article h3:before{content:"";width:50px;height:2px;background-color:#307a7a;margin-right:10px} .split figure img{position:relative} .split.even figure{order:-1;margin-right:40px} #bg-1{background-color:#c9d6d7;padding-bottom:10px;padding-top:50px} #we{margin-top:70px} #banner{overflow:hidden} #banner figure{margin-top:0;position:relative} #banner figure img{position:relative;width:100%} #banner figure #mobile-banner{display:none} #banner .reader-stamp{max-width:170px;position:absolute;bottom:100px;right:20%} #banner figcaption{position:absolute;bottom:80px;font-size:16px;left:25%;color:#000;background:rgba(255,255,255,.8);padding:5px 20px;font-family:Poppins,serif;text-transform:uppercase;font-weight:700;letter-spacing:.65px} #banner-bar-mobile{display:none} #banner-bar{position:relative;top:-140px;background-color:#fff;margin:0 auto;border-radius:10px;box-shadow:1px 3px 3px #d3d3d3;max-width:1200px} #banner-bar #top-dentist{display:none} #banner-bar h2{font-family:Poppins,serif!important;font-size:32px;color:#000;text-transform:none;margin:10px 30px 10px 60px;font-weight:300;letter-spacing:normal} #banner-bar .special-badge{position:absolute;left:-55px;top:-45px} #banner-bar div{display:flex;align-items:center;max-width:82%;margin:auto 30px auto auto} .lists{position:relative;justify-content:space-between;flex-wrap:nowrap;max-width:1150px;border-top:1px solid #54473c;border-bottom:1px solid #54473c;margin:0 auto} .lists .flex-ed{justify-content:space-around;align-items:center} .lists .flex-ed .image{display:flex;align-items:center;flex:0 1 50%} .lists .flex-ed .image img{box-shadow:1.6px 2.5px 7px rgba(7,8,8,.35)} .lists:first-of-type .image{padding:0} .lists.odd{margin-bottom:85px;border-top:none} .lists.odd .image{padding:0} .lists sup{top:-.7em} .lists>h2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center} .lists>h2:before{content:"";height:2px;flex:1;margin-right:70px;background-color:#000} .lists>h2:after{content:"";height:2px;flex:1;margin-left:70px;background-color:#000} #banner-bar+.lists{margin:-20px auto 0} #light-bkg{background-color:#54473c;padding-top:70px} #credentials{border-top:5px solid #307a7a;border-bottom:5px solid #307a7a;margin:50px auto} #credentials>div{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;max-width:1400px;margin:20px auto} #credentials span{margin:20px} #stamp{position:absolute;z-index:2;top:-135px;left:0;right:0;margin:auto} .border-box:before{content:"";position:absolute;left:10px;bottom:10px;margin-bottom:20px;margin-left:20px;display:inline-block;height:71%;width:30px;border-top:5px solid rgba(255,255,255,.5);border-left:5px solid rgba(255,255,255,.5);border-bottom:5px solid rgba(255,255,255,.5);border-radius:20px 0 0 20px} .border-box:after{content:"";position:absolute;right:10px;bottom:10px;margin-bottom:20px;margin-right:20px;display:inline-block;height:71%;width:30px;border-top:5px solid rgba(255,255,255,.5);border-right:5px solid rgba(255,255,255,.5);border-bottom:5px solid rgba(255,255,255,.5);border-radius:0 20px 20px 0} .list{text-align:left;display:table;margin:auto} .list ul{padding-left:0;padding-bottom:10px} .list ul li{width:100%;color:#000;font:300 24px/1.2 Poppins,serif;letter-spacing:.6px;padding-left:32px;padding-top:10px;list-style:none;position:relative} .list ul li:before{content:"\e832";font-family:fontello;color:#307a7a;font-size:.9em;position:absolute;top:12px;left:-2px} .looking{max-width:1140px;margin:0 auto 20px;box-shadow:1px 4px 6px #d3d3d3;border-radius:5px;background-color:#f5f5f5;padding:20px} .looking p{font-size:20px;font-weight:300;line-height:30px;margin:auto;padding:15px 10px;text-align:center;-webkit-box-align:center;color:#000;align-items:center} .looking p span{font-size:30px;color:#307a7a;font-weight:300} .looking .flex-ed{max-width:660px;justify-content:space-between;margin:30px auto} .looking .flex-ed span{color:#fff;font-size:38px;text-align:center;font-weight:700;margin-top:18px;padding-left:50px} .looking .flex-ed img{margin:0} .bkgrd{padding:0 0 1px;position:relative} .insurance{text-align:left;margin:60px auto 40px;position:relative;overflow:hidden} .insurance .container{max-width:1220px;margin:10px auto 40px;padding:0 30px;text-align:center} .insurance .container>span{display:block;margin-bottom:20px;opacity:.4} .insurance .container h2{padding-left:0} .insurance .container p{text-align:left} .insurance #awards-list,.insurance #insurance-list{margin:20px auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center} .insurance #insurance-list span{margin:20px auto} .insurance h2{display:flex;align-items:center;position:relative;text-align:center;z-index:2;padding:10px 20px 15px;margin:0 auto -15px;-webkit-box-pack:center;-ms-flex-pack:center;font-size:45px;font-weight:600;justify-content:center;font-family:"Open Sans",serif} .insurance h2 span{margin:0 10px;color:#54473c} .insurance h2:after{content:"";height:1px;flex:1;margin-left:70px;background-color:#307a7a} .insurance .flex-ed{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto} .insurance .flex-ed span{padding:5px;margin:5px 10px} .insurance p{margin:10px auto} .insurance #disclaimer{opacity:.4;font:300 16px/1 Poppins,serif;margin-top:20px;text-align:left} #education{padding-bottom:0} #dentist{position:relative;z-index:2;margin:0 auto;padding:20px 10px 90px;flex-wrap:nowrap} #dentist article{text-align:left;padding:5px} #dentist article h2 span{color:#54473c} #dentist figure{position:relative;margin-bottom:-1px} #dentist figure figcaption{position:absolute;bottom:0;width:100%;padding:10px;background:rgba(255,255,255,.9);color:#000;font-weight:500;font-weight:600;letter-spacing:2px} #dentist figure figcaption a{color:#000} #dentist figure figcaption a:hover{color:#307a7a} .caption{position:relative;display:table;margin:-20px auto 20px;padding:0 5px;color:#307a7a} .caption a{color:#307a7a;display:inline-block;padding:10px;text-align:center;font:400 16px/1 Poppins,serif;bottom:0;margin:auto} .caption a span{margin:0 10px} .caption a:hover{color:#000} #reviews{background:url(assets/images/lp-combo-reviews-bkgd.jpg);background-size:cover;background-repeat:no-repeat;padding:30px 0} #review-container{position:relative;max-width:1300px;color:#fff;align-items:center;padding:0;margin:auto;flex-wrap:nowrap;border-radius:10px} #review-container .comment{flex:1 1 780px;padding:35px 50px 45px;text-align:left;margin:auto} #review-container .comment #mobile-google{display:none} #review-container .comment img{margin:0} #review-container .comment p{font:300 33px/36px Poppins,serif;margin-top:0;margin-top:10px;margin-bottom:10px;color:#000;letter-spacing:.03em} #review-container .comment #caption{display:flex;flex-wrap:wrap;margin-top:40px} #review-container .comment #caption .caption2{font:700 18px/1 Poppins,serif;text-transform:uppercase;margin:10px 20px 10px 0;letter-spacing:1.95px;flex:100%} #review-container .comment #caption .star{align-self:center} #review-container .comment #caption .star:before{font-size:20px} #practice{background-color:#e4e1e0;padding:80px 15px} #practice h2{display:flex;align-items:center;position:relative;margin:auto;font-size:55px;font-weight:600;z-index:2;margin-bottom:20px;-webkit-box-pack:center;-ms-flex-pack:center;font-family:"Open Sans",serif;text-align:left} #practice h2 span{margin:0 10px;color:#54473c} #practice p{text-align:left;margin:auto;margin-bottom:40px;font-weight:300} #practice .container{max-width:1200px;display:flex;align-items:center;gap:50px;padding-top:20px;margin:auto} #practice .flex-ed{justify-content:space-between;margin:auto;flex-wrap:nowrap} #practice .flex-ed>div{margin:10px} #practice img{flex:0 1 auto;box-shadow:1.6px 2.5px 7px rgba(7,8,8,.35)} #practice .pager span{width:17px;height:17px;border-radius:50%;display:inline-block} #practice .pager span+span{margin-left:14px} #practice .pager span.cycle-pager-active{background-color:#307a7a} #contact{flex:0 1 370px;padding:0 10px 20px} #map{display:table;width:100%;border-radius:10px;overflow:hidden;margin-bottom:10px} #map iframe{display:block} .simple{margin:20px 0 5px} .simple .btn{width:140px;font-size:14px;font-weight:700;padding:10px} .simple .btn:focus{box-shadow:inset 0 3px 0 #31a8d1} .simple input{height:36px;outline:0;border:none;margin:3px 0;width:90%;padding:3px 10px;font-size:14px;color:#000} .simple input:focus{box-shadow:inset 0 3px 0 #307a7a} .simple textarea{height:80px;padding-top:8px;outline:0;border:none;margin:3px 0;width:90%;padding:3px 10px;font-size:14px;color:#000} .simple textarea:focus{box-shadow:inset 0 3px 0 #31a8d1} ::-moz-placeholder{color:#000;color:#000} ::placeholder{color:#000;color:#000} .hours{display:table;margin:0;position:relative;padding:10px 15px} .hours .hour-title{font-size:22px;letter-spacing:.03em;font-weight:700;color:#307a7a;text-align:center;margin:auto;text-transform:uppercase} .hours label{width:115px;display:inline-block;font-weight:600} .hours p{font-size:17px;color:#307a7a;line-height:1.5;font-family:Poppins,serif;text-align:left!important} .frame{overflow:hidden;display:table;width:95%;margin:auto;border-radius:10px} .frame iframe{height:360px;display:block;max-width:520px;margin:auto;width:100%;border-radius:15px} footer{display:block;z-index:102;padding-top:30px;background-color:#54473c} footer .flex-ed{align-items:center;gap:2px;max-width:1400px;margin:auto} footer .flex-ed .container{max-width:1200px;margin:60px auto 90px} footer .flex-ed .container h2{text-align:left;color:#fff;font-size:60px;margin:0;font-weight:600} footer .flex-ed .container h2 span{color:#54473c} footer .flex-ed .container:last-of-type h3:before{content:"";width:50px;height:2px;background-color:#fff;margin-right:10px} footer .flex-ed .container h3{text-transform:uppercase;position:relative;display:flex;flex-wrap:wrap;font-size:18px;align-items:center;letter-spacing:3px;color:#fff;font-family:Poppins,serif;margin:0} footer .flex-ed #footer-details{flex:0 1 355px} footer .flex-ed #footer-details h3{font-size:20px;margin-bottom:10px} footer .flex-ed #footer-details .phone{font-size:40px;color:#fff;font-weight:600;line-height:1;margin-top:10px;display:block;text-align:left;width:100%} footer .flex-ed #footer-details .phone:hover{color:#307a7a} footer .flex-ed #footer-details .address{font-size:18px;color:#fff;font-weight:300;text-align:left;width:100%} footer .flex-ed #footer-details .address:hover{color:#307a7a} footer .flex-ed #footer-details #hours{margin-top:20px;max-width:320px} footer .flex-ed #footer-details #hours .flex-ed>span{width:100%;display:flex;justify-content:space-between;font-size:18px;line-height:1.3} footer .flex-ed #footer-details #hours .flex-ed>span label{width:110px;text-align:left} footer .flex-ed #get-started{flex:0 1 575px} footer .flex-ed #get-started p{color:#fff;text-align:left} footer #contact{color:#fff;padding:0;margin-top:20px} footer #contact h3{font-size:30px;margin-bottom:0} .copy{padding:40px 10px;background-color:#000;margin:auto;letter-spacing:.2em;font:300 14px/1.4 Poppins,serif;color:#fff;text-transform:uppercase} .copy p{margin:20px auto;max-width:1200px;color:#fff;font-size:14px;line-height:18px} .copy a{color:#fff} .copy a:hover{color:#307a7a} .copy span:not(:first-of-type){margin:0 8px} #lp-appointment-form{max-width:850px;padding:10px;margin:20px auto;position:relative;text-align:center} #lp-appointment-form h1{font-size:50px;font-weight:700;margin:10px auto 40px;color:#000} #lp-appointment-form>p{max-width:700px;margin:auto;margin-bottom:30px} #lp-appointment-form .simple{margin:40px auto 20px;max-width:550px;padding-right:3px} #lp-appointment-form label{display:none} #lp-appointment-form input{width:93%;height:45px;display:table;margin:10px auto;color:#000;border-radius:5px;padding:15px;font-size:16px;border:1px solid} #lp-appointment-form input:focus{outline-style:solid;outline-width:thin} #lp-appointment-form textarea{width:93%;display:table;margin:10px auto;color:#000;border-radius:5px;padding:15px;font-size:16px;border:1px solid;height:200px;margin-bottom:30px} #lp-appointment-form textarea:focus{outline-style:solid;outline-width:thin} #lp-appointment-form select{width:93%;display:table;margin:10px auto;color:#000;border-radius:5px;padding:15px;font-size:16px;border:1px solid} #lp-appointment-form select:focus{outline-style:solid;outline-width:thin} #lp-appointment-form button:focus{outline-style:solid;outline-width:thin} #lp-appointment-form .btn{color:#fff;text-transform:uppercase;font-size:20px;font-family:Poppins,serif} #lp-appointment-form .btn:hover{background-color:#c9d6d7} [data-embed],[data-player],[data-vimeo]{position:relative} [data-embed] .close,[data-player] .play,[data-vimeo] .close{background-color:#00a5be;color:#fff;padding:11px;text-transform:uppercase} [data-embed] .close:hover,[data-player] .play:hover,[data-vimeo] .close:hover{background-color:#464646;color:#fff} [data-embed] .play{position:absolute;z-index:1100;top:50%;left:50%;transform:translate(-50%,-50%)} [data-embed] .close{position:absolute;top:0;right:0} [data-embed] .close i:before{transform:rotate(45deg)} .vimeo[class*=elem-],.youtube[class*=elem-]{width:440px} .vimeo,.youtube{position:relative;cursor:pointer;width:100%;font-size:0} .vimeo:after,.vimeo:before,.youtube:after,.youtube:before{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:red;font-family:fontello;font-weight:400;margin:0;font-style:normal;content:"\e80e"} .vimeo:after{color:#00adef} .vimeo:hover:after,.youtube:hover:after{color:#4d4d4d} .vimeo.active:after,.vimeo.active:before,.youtube.active:after,.youtube.active:before{display:none} #exceptional.active{height:500px;width:500px;display:grid;align-content:center} #fixed-tabs{display:none;position:fixed;right:0;text-align:center;line-height:1;font-size:0;z-index:510} #fixed-tabs a{font-size:12px;font-weight:400;background-color:#7d7e82;color:#fff;position:relative;overflow:hidden;transition:width .3s,background-color .3s} #fixed-tabs .ra{flex:2} #fixed-tabs i{font-size:16px} #fixed-tabs i,#fixed-tabs i:before{margin:0 3px 0 0} #fixed-tabs em{font-size:14px;font-style:normal;font-weight:500;text-transform:uppercase;margin-top:4px} #fixed-tabs strong{font-weight:900} #fixed-tabs .map,#fixed-tabs .ra{background-color:#307a7a} #fixed-tabs .call{background-color:#c9d6d7;color:#000} @media (max-width:1000px){ #fixed-tabs{bottom:0;width:100%;box-shadow:0 0 15px rgba(0,0,0,.3);display:flex} #fixed-tabs a{padding:12px 0;flex:1} #fixed-tabs a span{display:flex;justify-content:center;align-items:center} #fixed-tabs a span:last-child{margin-left:7px;display:none} #fixed-tabs a strong{display:none} #fixed-tabs .call,#fixed-tabs .map{display:block} } @media (max-width:1450px){ #banner .reader-stamp{right:10%} } @media (min-width:790px) and (max-width:1300px){ #banner figure{margin-bottom:-66px} } @media (max-width:1300px){ #review-container #over-reviews{display:none} .review-stamp{display:none} #banner-bar{margin:0;padding:20px;top:0} #banner-bar .special-badge{position:static} #banner-bar div{max-width:none} .lists{margin:0} } @media (max-width:1200px){ .lists .personalized{margin:30px auto} } @media (max-width:1160px){ h2{font-size:45px} .address{font-size:16px} .phone{font-size:32px} #stamp{right:auto;left:10px;top:-130px} #stamp img{max-width:180px} .border-box:before{width:20px} .border-box:after{width:20px} .personalized:last-of-type .border-box:before{width:50px} .personalized:last-of-type .border-box:after{width:50px} } @media (max-width:1040px){ #practice .container{flex-wrap:wrap;justify-content:center} .split{flex-wrap:nowrap} #banner figcaption{bottom:66px} #banner .reader-stamp{right:5%;bottom:50px;z-index:10} } @media (min-width:1000px){ #mobile-btns{display:none!important} } @media (max-width:1000px){ #practice .container figure{display:none} #exceptional.active{width:100%;height:auto} h2{text-align:center;display:flex;flex-wrap:wrap} footer .address{font-size:18px} #bg-1{padding-top:20px} #banner-bar-mobile{display:block;padding:30px 10px 10px} #banner-bar-mobile>div h2{font-family:Poppins,serif;font-size:31px;font-weight:300;color:#000} #banner-bar{display:none} header address .address{display:none} header .btn-alt{margin:0;order:0} header .flex-ed{justify-content:space-around} header #nav{padding:0} header #nav .btn{max-width:none} header #nav #header-btn,header #nav #header-details{display:none} header #nav .logo{margin:30px 10px} .phone{font-size:24px} #stamp{top:-100px} h2{text-align:center} #practice h2{text-align:center} .lists{flex-wrap:wrap;justify-content:center} .lists .flex-ed .image{flex:auto} .lists .personalized{flex:auto} .lists .personalized h2{display:block} .lists .personalized h2 span{width:100%} .list ul{max-width:490px} .split{padding:10px 20px!important} .border-box:before{visibility:visible;width:50px;bottom:20px} .border-box:after{visibility:visible;width:50px;bottom:20px} #banner figcaption{bottom:0;width:100%} .bkgrd{padding:0} #dentist{display:block;padding:10px 0 0} #dentist article{padding:10px} #dentist figure{margin:auto;max-width:600px;padding:0;padding-bottom:60px} #dentist figure figcaption{display:none} #reviews{padding:60px 25px} #review-container{flex-wrap:wrap;background:#fff;border-radius:20px} #review-container .comment{padding:60px 15px 50px} #review-container .comment p{color:#000} #review-container .comment #desktop-google{display:none} #review-container .comment #mobile-google{display:block} #review-container .comment #mobile-google h3{margin:25px 40px;color:#000;font-family:Outfit,sans-serif;letter-spacing:2px;text-transform:uppercase;font-size:18px;font-weight:500;text-align:center} #review-container .comment #mobile-google .star{text-align:center} #review-container .comment #mobile-google h3 img{margin:10px auto} #review-container .comment #caption .caption2{margin:10px auto} #google{flex:0 1 100%;border-radius:0} #google p{display:inline-block;vertical-align:middle;margin:5px 5px 10px} #google p img{display:inline-block;vertical-align:middle;margin:5px 5px 10px} #google>div{margin-top:10px} #patients{display:block} .insurance{margin-top:30px;margin-bottom:0} .insurance .container:last-of-type{margin-bottom:0} .insurance .container h2{font-size:40px} h2{font-family:"Open Sans",serif} footer h2{font-size:50px} footer .split{justify-content:center} footer .split article{margin:20px auto} footer .flex-ed{margin:20px auto} footer .flex-ed .container{margin-bottom:0;margin-top:0;padding:0 20px} footer .flex-ed .container h3:before{content:none!important} footer .flex-ed .container h2{padding:0;font-size:55px;line-height:1} .frame iframe{height:400px} .looking-container{display:block} .looking-container figure{margin-bottom:20px} .looking{padding-bottom:20px} .looking p{padding:15px 25px} .review-stamp{left:0} #review-container .comment #caption .star{margin:auto} } @media (max-width:900px){ .insurance #awards-list span{margin:20px auto} #nav #header-details,#nav>.btn{display:none} #nav .logo{margin:15px auto} #nav{padding:0} #dentist h2,#practice h2,.insurance h2{position:relative;display:flex;justify-content:center;padding:10px 10px 30px} #dentist h2:before,#practice h2:before,.insurance h2:before{display:none} #dentist h2:after,#practice h2:after,.insurance h2:after{content:"";bottom:0;width:150px;margin:auto;height:2px;background-color:#307a7a;position:absolute} #practice h2:after{content:none} footer .container h2{text-align:center} footer .container h3{display:none} #practice h2{padding-bottom:20px;margin-bottom:20px} .insurance h2{margin-bottom:20px!important} .insurance h2:before{display:none} .insurance h2:after{margin:auto} #review-container .comment img{margin:auto} } @media (max-width:790px){ header{padding:0} header .flex-ed{flex-flow:row wrap;flex-wrap:wrap;align-items:stretch;padding:0} header #nav{padding:0} header #nav .logo{width:100%;margin:30px auto;max-width:100%} header #nav .logo img{max-width:none} header .btn-alt{flex:0 1 50%;border-radius:0;font-size:16px;padding:8px 10px 0} header .btn-alt span{font-size:26px} header .header-info{display:flex;width:100%} header .header-info .address{display:none} header .header-info .phone{font-size:21px;padding:10px;background-color:#54473c;color:#fff;flex:0 1 50%} header .header-info .phone small{color:#fff} #safe-bar span{display:block} #safe-bar span:nth-of-type(2){display:none} .mobile-banner-reviews{display:block;text-transform:uppercase} .mobile-banner-reviews img{display:inline-block;vertical-align:middle} .mobile-banner-reviews p{display:inline-block;vertical-align:middle;padding:0 50px;font-weight:700} #banner .container{flex-wrap:wrap} #banner figure{margin:0} #banner figure img{margin:0 auto;max-width:100%} #banner figure #desktop-banner{display:none} #banner figure #mobile-banner{display:block} #banner h1{position:static;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.3em;margin-top:15px} #banner figcaption{left:5%;bottom:5px} #banner .reader-stamp{right:5%;bottom:5px;z-index:10} .lists{display:block;border:none;margin:0 auto;padding:20px 0 0;width:100%} .lists.odd{margin-bottom:30px} .lists .flex-ed{margin-bottom:0!important} .lists .flex-ed .image{margin:30px 20px} .lists .flex-ed .image picture{margin:auto} .lists .personalized{border:1px solid #54473c;margin:30px 20px 0;padding:30px 20px 0;height:auto} .lists .personalized .list{max-width:750px;margin:10px auto 20px} .lists.odd .personalized{order:-1;margin-top:0} .copy{padding-bottom:70px} #stamp{position:static;display:block;max-width:100%;background:linear-gradient(0deg,#031b1f 0,#31a8d1 100%);min-height:280px;display:flex;align-items:center;height:35vh} #stamp img{max-width:100%} .border-box:before{height:63%} .border-box:after{height:63%} .split p{text-align:center} .comment{text-align:center} #reviews #review-container #google{border-radius:10px 10px 0 0;flex:auto} #reviews #review-container .comment p{font-size:24px;text-align:center;line-height:34px} #reviews #review-container .comment .caption2{font-size:18px;width:100%} footer #footer-info{padding:10px} #practice{padding-bottom:20px} #practice p{text-align:center} #practice .flex-ed{display:block} #practice .flex-ed>div{margin:0 auto;right:0} #practice img{margin:20px auto} #practice .pager{margin-top:20px} #dentist figure{margin-top:-20px;padding-bottom:20px} footer h2{font-size:46px;justify-content:center} footer .split{display:block} footer .split>div{margin-top:0} footer article{margin:20px auto 30px;max-width:550px} .hours{margin:20px auto} } @media (max-width:700px){ main{display:flex;flex-wrap:wrap} #banner-bar{border-radius:0;background-color:#fff;order:-1} #banner-bar img{margin:20px auto 40px} #banner-bar h2{color:#000} #light-bkg{padding-top:40px} .looking{border-radius:20px} #banner-bar div{margin:auto} #banner{width:100%} #safe-bar{order:-2} #banner-bar #top-dentist{display:block!important;margin:40px auto} #credentials span{flex:100%;margin:30px auto} .personalized{max-width:375px} .personalized h1{font-size:36px} .personalized h2{font-size:36px} .looking{margin:20px} .looking p{padding:14px 0;font-size:18px;line-height:1.45} .looking p span{font-size:24px} #dentist figure figcaption{font-size:14px} .insurance{margin-top:0;padding:0} .insurance .container{margin-bottom:0} .insurance .container p{text-align:center} .insurance .container #insurance-list{margin-bottom:0} .insurance .container #insurance-list span{width:100%} .split article h3{display:none} #google>div{margin-top:20px} #google p{margin-bottom:0} .comment .caption2{margin-top:0} #lp-appointment-form h1{font-size:36px} } @media (max-width:650px){ #banner-bar div{display:block} #banner-bar h2{margin:20px auto} } @media (max-width:590px){ .insurance #disclaimer {text-align:center;} h2{font-size:36px;margin-top:10px} #safe-bar{font-size:20px} #safe-bar span{font-size:18px;margin:0;width:100%} .personalized{padding:20px 10px} .personalized .list{margin:10px auto} .list ul li{font-size:19px} #review-container #google>div{margin-top:50px} #review-container #google p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center} #review-container #google p span{flex:100%} footer h2{font-size:48px;justify-content:center;margin-top:0;padding:0 10px} footer article{padding-top:20px} footer article p{margin-top:5px} footer figure{margin-top:-10px} .frame{max-width:98%;margin:auto} .frame iframe{display:none} figcaption{margin-top:0} .copy{padding:30px 10px 75px;font-size:12px;font-weight:400} .copy span:nth-of-type(2),.copy span:nth-of-type(4){display:none} .copy>span:first-of-type,.copy>span:last-of-type{display:block} .copy p{font-size:12px} .looking .flex-ed{display:block} .looking .flex-ed span{padding:10px} .looking .flex-ed img{margin:15px auto} } @media (max-width:500px){ #banner figcaption{bottom:0;width:100%;left:0;background-color:#fff;padding:8px;position:static;font-size:14px} #banner .reader-stamp{position:relative;right:auto;padding:10px 0;max-width:240px;bottom:0} } @media (max-width:480px){ .personalized h1,.personalized h2{font-size:36px} h2{font-size:36px} footer h2{font-size:50px} footer #contact{max-width:410px;margin-top:30px} #practice .container{padding:0} .insurance #insurance-list img{margin:auto} .border-box:before{display:none} .border-box:after{display:none} .bkgrd{padding-bottom:25px} .header-info .phone{flex:0 1 100%} } @media (max-width:400px){ header .btn-alt{font-size:14px} .mobile-banner-reviews p{padding:0 30px;font-size:16px} header .header-info .phone{font-size:18px} #safe-bar{font-size:17px} .personalized{padding:20px 10px} .personalized p{font-size:18px} .personalized figcaption p{font-size:18px} .personalized li{line-height:1;padding-bottom:5px} .comment p{font-size:16px;letter-spacing:1px} .comment .caption2{font-size:15px} #dentist .caption{font-size:14px} h2{font-size:42px} .insurance h2{margin:10px 0 -15px;padding:10px 0 25px} .insurance .container{padding:30px 15px 0} .insurance .flex-ed div{margin:15px 18px;flex:1 1 100%} #google p{font-size:14px} footer{padding-top:50px} .hours:before{top:10px} }