.th{font-weight:100}.xlt{font-weight:200}.lt{font-weight:300}.roman{font-weight:400}.mbold{font-weight:500}.sbold{font-weight:600}.bold{font-weight:700}.xbold{font-weight:800}.black,.ubold{font-weight:900}.italic{font-style:italic}.upp{text-transform:uppercase}.loww{text-transform:lowercase}.noo{text-transform:none}.normal{font-style:normal}.aligncenter{text-align:center}.alignright{text-align:right}.alignleft{text-align:left}.justify{text-align:justify}.clear{clear:both}.clearright{clear:right}.clearleft{clear:left}.wall{width:100%}.hall{height:100%}.auto{width:auto}.autoy{height:auto}.autox{width:auto;height:auto}.zerox{width:0;height:0}.line{width:100%;height:1px}.show{display:block}.hide{display:none}.inline{display:inline}.ib,.inline-block{display:inline-block}.left{float:left}.right{float:right}.nofloat{float:none}.behave{display:block;float:left}.center{margin-left:auto;margin-right:auto}.round{border-radius:50%}.vertical-align{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.overlay{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.inlay{width:auto;height:auto;display:block;position:absolute}.gray,.grey{-webkit-filter:grayscale(1);filter:grayscale(100%)}.meet-the-team .content ol,.office-tour .content ol,.our-office .content ol,.what-sets-us-apart .content ol,body[class*=-after] .content ol{margin:0}.content ul li{list-style:disc outside}.mediaslider{text-align:center}.mediaslider .cycle-slideshow{width:100%;margin:.5em 0 1.5em;position:relative}.mediaslider .cycle-slideshow .cycle-slide{padding:0 5%}.mediaslider .cycle-slideshow>div{font-size:2.8em;color:#5cc2d7;position:absolute;top:50%;z-index:900;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.mediaslider .cycle-slideshow>div span{-webkit-transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,-webkit-transform .35s ease;transition:transform .35s ease,opacity .35s ease;transition:transform .35s ease,opacity .35s ease,-webkit-transform .35s ease}.mediaslider .cycle-slideshow>div.cycle-prev{text-align:left;left:0}.mediaslider .cycle-slideshow>div.cycle-prev span{-webkit-transform-origin:left center;transform-origin:left center}.mediaslider .cycle-slideshow>div.cycle-next{text-align:right;direction:rtl;right:0}.mediaslider .cycle-slideshow>div.cycle-next span{-webkit-transform-origin:right center;transform-origin:right center}.mediaslider .cycle-slideshow>div:hover{cursor:pointer}.mediaslider .cycle-slideshow>div:hover span{-webkit-transform:scale(1.44);transform:scale(1.44);opacity:.68}.mediaSlider{text-align:center}.mediaSlider .cycle-slideshow{width:100%;margin:.5em 0 1.5em;position:relative}.mediaSlider .cycle-slideshow .cycle-slide{padding:0 5%}.mediaSlider .cycle-slideshow>div{font-size:2.8em;color:#5cc2d7;position:absolute;top:50%;z-index:900;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.mediaSlider .cycle-slideshow>div span{-webkit-transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,-webkit-transform .35s ease;transition:transform .35s ease,opacity .35s ease;transition:transform .35s ease,opacity .35s ease,-webkit-transform .35s ease}.mediaSlider .cycle-slideshow>div.cycle-prev{text-align:left;left:0}.mediaSlider .cycle-slideshow>div.cycle-prev span{-webkit-transform-origin:left center;transform-origin:left center}.mediaSlider .cycle-slideshow>div.cycle-next{text-align:right;direction:rtl;right:0}.mediaSlider .cycle-slideshow>div.cycle-next span{-webkit-transform-origin:right center;transform-origin:right center}.mediaSlider .cycle-slideshow>div:hover{cursor:pointer}.mediaSlider .cycle-slideshow>div:hover span{-webkit-transform:scale(1.44);transform:scale(1.44);opacity:.68}.before-after-image{width:44%;display:inline-block;vertical-align:top}.before-after-image img,.before-after-image span{display:block}.financial-information #financial-online-services{display:none}.preventive-care .content ul{display:inline-block}#coronavirus-update{font-size:.85em;padding:.5em 1.25em!important;left:.5em!important}.staff{width:45%;max-width:10em;margin:0 0 1em 1em;display:block;float:right}.team{width:100%;max-width:1000px;margin:2% auto;display:block}.sitemap .content .column>ul>li{margin-bottom:1.45em}.sitemap .content ul{margin-left:0;list-style:none;margin-bottom:0}.sitemap .content ul a{line-height:1.52173913;font-size:1.15em;font-weight:700;text-transform:uppercase;text-decoration:none;color:#66a1cd;-webkit-transition-duration:0s;transition-duration:0s}.sitemap .content ul ul li a{line-height:1.95;font-size:1em;font-style:normal;font-weight:400;text-transform:none;color:#66a1cd;margin-left:0}.sitemap .content a:hover{text-decoration:none;color:#09c}body.sitemap #bd ul li{list-style:none}body.sitemap #bd ul ul li{list-style:none;margin-left:0}body.sitemap .content .width1{width:100%}.types-of-braces .content div.clear,hr{font-size:inherit;height:1px;width:100%;margin:1.58em 0;background:#666;border:none;display:block}.success{text-transform:none;font-weight:400;color:#fff;width:100%;padding:1rem;float:left;background:#66a1cd}form button{letter-spacing:normal;font-weight:400;text-transform:uppercase;font-size:smaller;color:#fff;height:38px;padding:0 1.5em;background-color:#66a1cd;border:1px solid #66a1cd;-webkit-transition:color .33s ease-in-out,background-color .33s ease-in-out,border-color .33s ease-in-out;transition:color .33s ease-in-out,background-color .33s ease-in-out,border-color .33s ease-in-out}form button:hover{color:#fff;border-color:#09c;background-color:#09c}form p{height:auto}#bc-chat-container{font-size:.8em!important}.bc-minimize-state{width:11.8em!important;height:7.7em!important}.content blockquote{margin:0 0 1.58em;padding:0 0 0 1em;border-left:.33em solid #f0f0f0}.content a.intbtn,a.intbtn{line-height:1em;font-weight:700;text-transform:uppercase;color:#fff;height:1em;width:auto;text-decoration:none;padding:0 1.5em;background:#79add3;display:inline-block;vertical-align:top;position:relative;-webkit-transition:background-color .33s ease-in-out;transition:background-color .33s ease-in-out}.content a.intbtn:hover,a.intbtn:hover{background:#90bbdb}.screenreader{white-space:nowrap;height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0)}.before-and-after .content,.invisalign-videos .content,.office-tour .content,.smile-gallery .content{text-align:center}.before-and-after .content h1,.before-and-after .content h2,.before-and-after .content h3,.before-and-after .content p,.invisalign-videos .content h1,.invisalign-videos .content h2,.invisalign-videos .content h3,.invisalign-videos .content p,.office-tour .content h1,.office-tour .content h2,.office-tour .content h3,.office-tour .content p,.smile-gallery .content h1,.smile-gallery .content h2,.smile-gallery .content h3,.smile-gallery .content p{text-align:center}.before-and-after .img-left,.invisalign-videos .img-left,.office-tour .img-left,.smile-gallery .img-left{float:none;margin:0 auto}@supports (aspect-ratio:16/9) and ((-o-object-fit:cover) or (object-fit:cover)){.embed-container,.embed-container.ratio16x9{height:auto;aspect-ratio:16/9;max-width:min(42em,1200px);padding:0;display:block}.embed-container embed,.embed-container iframe,.embed-container object,.embed-container.ratio16x9 embed,.embed-container.ratio16x9 iframe,.embed-container.ratio16x9 object{-o-object-fit:cover;object-fit:cover;position:relative;top:auto;left:auto}}body,html{max-width:100%;overflow-x:hidden}body{overflow-x:hidden;font-weight:400;font-style:normal;font-size:16px;line-height:16px;background:#fff;color:#3a3a3a}*{-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Montserrat,sans-serif}.content-section h2,.font1{font-family:Farsan,sans-serif}li,ol,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding:0;font-size:1em;line-height:1.1em;font-weight:400;margin:0}p{padding:0;margin:0}a{-webkit-transition-duration:.16s;transition-duration:.16s;text-decoration:none;color:#79add3}a:hover{color:#b3d0e6}hr{border:none;height:1px;clear:both;margin:0}.content-section hr{background-color:#d4d4d4;margin:2em 0}main{display:block}address{font-style:normal}picture{display:inline-block;position:relative}figure{margin:0}img{image-rendering:-webkit-optimize-contrast}svg{width:100%;height:auto;display:inline-block}i{vertical-align:middle}::-moz-selection{background:rgba(152,192,221,.42)}::selection{background:rgba(152,192,221,.42)}::-moz-selection{background:rgba(152,192,221,.42)}.fa-healthgrades2{font-family:healthgrades2!important;font-weight:400!important}.section-container{padding:62px 0;position:relative}.container{width:auto!important;max-width:1200px;position:relative;margin:0 5.4vw}.content-section{min-height:270px}.home .content-section{min-height:170px}.content-section .content{min-height:120px}.content-section .content :first-child{margin-top:0}.content-section .content :last-child{margin-bottom:0}.sitemap .content-section .content ul{margin:0 0 1.4em;padding:0;font-size:1.25em;text-transform:uppercase;text-align:left}.sitemap .content-section .content ul a{color:#79add3;text-decoration:none!important;-webkit-transition:.14s;transition:.14s}.sitemap .content-section .content ul a:hover{color:rgba(121,173,211,.68)}.sitemap .content-section .content ul li{margin:.15em 0 1.75em;list-style:none}.sitemap .content-section .content ul li:before{display:none}.sitemap .content-section .content ul li ul{font-size:.85em;margin:0 0 1.5em 0;text-transform:none;padding:0}.sitemap .content-section .content ul li ul li{margin:.2em 0 .2em!important}.sitemap .content-section .content ul li ul a{color:#3a3a3a}.sitemap .content-section .content ul li ul a:hover{color:rgba(58,58,58,.62)}.home .content-section{min-height:170px}.content-section h2,.content-section h3,.content-section h4,.content-section h5,.content-section h6{text-align:left;margin:1.02em;margin:min(max(.41em,1.95vw),1.02em);margin:clamp(.41em,1.95vw,1.02em);margin-left:0;margin-right:0}.before-and-after .content-section h2,.before-and-after .content-section h3,.before-and-after .content-section h4,.before-and-after .content-section h5,.before-and-after .content-section h6,.office-tour .content-section h2,.office-tour .content-section h3,.office-tour .content-section h4,.office-tour .content-section h5,.office-tour .content-section h6,.smile-gallery .content-section h2,.smile-gallery .content-section h3,.smile-gallery .content-section h4,.smile-gallery .content-section h5,.smile-gallery .content-section h6{text-align:center}.content-section p{margin-bottom:1.76em;margin-bottom:min(max(1.62em,5vw),1.76em);margin-bottom:clamp(1.62em,5vw,1.76em)}.content-section ol,.content-section ul{list-style-type:disc;padding:0 0 1.5em 2.1em}.content-section ol li,.content-section ul li{display:list-item;text-align:-webkit-match-parent;margin:0 0 .8em;line-height:1.4em}.before-and-after .sub-content .content h1,.before-and-after .sub-content .content h2,.before-and-after .sub-content .content h3,.before-and-after .sub-content .content h4,.before-and-after .sub-content .content h5,.before-and-after .sub-content .content h6,.before-and-after .sub-content h1,.before-and-after .sub-content h2,.before-and-after .sub-content h3,.before-and-after .sub-content h4,.before-and-after .sub-content h5,.before-and-after .sub-content h6,.office-tour .sub-content .content h1,.office-tour .sub-content .content h2,.office-tour .sub-content .content h3,.office-tour .sub-content .content h4,.office-tour .sub-content .content h5,.office-tour .sub-content .content h6,.office-tour .sub-content h1,.office-tour .sub-content h2,.office-tour .sub-content h3,.office-tour .sub-content h4,.office-tour .sub-content h5,.office-tour .sub-content h6,.smile-gallery .sub-content .content h1,.smile-gallery .sub-content .content h2,.smile-gallery .sub-content .content h3,.smile-gallery .sub-content .content h4,.smile-gallery .sub-content .content h5,.smile-gallery .sub-content .content h6,.smile-gallery .sub-content h1,.smile-gallery .sub-content h2,.smile-gallery .sub-content h3,.smile-gallery .sub-content h4,.smile-gallery .sub-content h5,.smile-gallery .sub-content h6{text-align:center;width:100%;max-width:100%;padding-left:0;padding-right:0}.page-photo{display:none;position:relative}body[class^=about-dr-] .page-photo,body[class^=meet-doctor-] .page-photo,body[class^=meet-dr-] .page-photo,body[class^=meet-the-doctor] .page-photo{display:inline-block;text-align:center;margin:0 auto 1.85em}.staff-photo{margin:0 auto 1.5em;display:block}p.staff-photo,p.team-photo{text-align:center}img.staff-photo,img.team-photo{margin:0 auto 1.7em}.anchor-tag:before,.anchor:before{content:"";display:block;position:relative;width:0;height:5.4em;margin-top:-5.4em}.fa,.fab,.fal,.far,.fas{vertical-align:middle}.em{font-style:italic!important}.ib{display:inline-block}.caps{text-transform:uppercase}.lowercase{text-transform:lowercase}.no-caps,.normalcase{text-transform:none!important}.small-caps{font-variant:small-caps}.rel{position:relative}.w100{font-weight:100!important}.w200{font-weight:200!important}.w300{font-weight:300!important}.w400{font-weight:400!important}.w500{font-weight:500!important}.w600{font-weight:600!important}.w700{font-weight:700!important}.w900{font-weight:900!important}.w800{font-weight:800!important}.w900{font-weight:900!important}.ls100{letter-spacing:.1em}.ls50{letter-spacing:.05em}.embed-video,.video-container{width:0;display:block;padding:28% 50%;position:relative;margin-bottom:2em}.embed-video iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.embed-container.map{height:auto;padding-bottom:0;margin:.9em 0}.office-hours{background:rgba(0,0,0,.008);padding:0;margin:2.3em 0;box-shadow:0 0 0 .06em rgba(0,0,0,.08);font-size:.98em}.office-hours .title{font-size:.85em;text-transform:uppercase;text-align:left;background:rgba(121,173,211,.85);letter-spacing:.1em;font-weight:700;color:#fff}.office-hours tr{box-shadow:0 .06em 0 0 rgba(0,0,0,.045)}.office-hours tr:last-of-type{box-shadow:none}.office-hours td{padding:.75em .95em;line-height:1.35em}.office-hours td:first-of-type{padding-right:.6em;font-weight:700;font-size:.9em;opacity:.9}.office-hours td:last-of-type{text-align:center}.buttonstyle1{display:inline-block;position:relative;z-index:1;text-align:center;-webkit-transition:.13s;transition:.13s;background:#79add3;color:#fff;padding:.7em 1.2em;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration:none!important;border-radius:.6em;font-size:1.08em;font-weight:600}.buttonstyle1:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;background:#98c0dd;opacity:0;-webkit-transform:scale(.2,1);transform:scale(.2,1);-webkit-transition:.17s;transition:.17s;border-radius:.5em}.buttonstyle1:hover{color:#fff;background:#7dafd4;z-index:2;-webkit-transform:scale(1.12);transform:scale(1.12);box-shadow:0 .1875em .75em rgba(0,0,0,.15)}.buttonstyle1:hover:before{opacity:.8;-webkit-transform:none;transform:none}.slideshow-nav a{text-decoration:none!important}.slideshow-nav .slideshow-active-page a{color:rgba(255,255,255,.7)!important}.before-and-after.slideshow .slideshow-nav,.office-tour.slideshow .slideshow-nav{background:#79add3}p.before-after-text{width:50%;float:right}.before-after-box{width:51%}.before-after-image{width:40%;float:left;text-align:center;padding-right:20px;margin-bottom:25px}.before-after-image span{display:block}.before-after-image img{border:.06em solid rgba(0,0,0,.3)}body.common-procedures #bd img.img-right,body.common-procedures #main-content img.img-right{display:block}.share-article-links{margin-bottom:10px}#blog_search{font-size:1.3em;text-transform:uppercase;margin:0 0 1em;display:block}#blog_search label{margin:1em 0 .4em}#blog_search button{font-size:.8em;margin:.8em 0 1em}form button{background:#79add3;color:#fff;height:auto;text-transform:uppercase;padding:14px 35px;text-align:center;font-size:.92em;display:inline-block;border:none;-webkit-transition:.18s;transition:.18s;font-family:Montserrat,sans-serif;font-weight:400}form button:hover{background:#9fc4e0;-webkit-transform:scale(1.05);transform:scale(1.05)}.ft-bg{z-index:40}.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider .slide{width:100%;white-space:normal}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;width:100%;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;line-height:0}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.staff-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:2.9em 4.5em;margin:3.5em auto 0;max-width:59.375em}.staff-grid .staff-member{max-width:15.625em}.staff-grid img{display:block;margin-bottom:1em}.staff-grid h3,.staff-grid h4{margin:0 0 .2em}.mediaslider{text-align:center}.mediaslider .cycle-slideshow{width:100%;margin:.5em 0 1.5em;position:relative}.mediaslider .cycle-slideshow .cycle-slide{padding:0 5%}.mediaslider .cycle-slideshow>div{font-size:2.8em;color:#b9d233;position:absolute;top:50%;z-index:900;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.mediaslider .cycle-slideshow>div span{-webkit-transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,-webkit-transform .35s ease;transition:transform .35s ease,opacity .35s ease;transition:transform .35s ease,opacity .35s ease,-webkit-transform .35s ease}.mediaslider .cycle-slideshow>div.cycle-prev{text-align:left;left:0}.mediaslider .cycle-slideshow>div.cycle-prev span{-webkit-transform-origin:left center;transform-origin:left center}.mediaslider .cycle-slideshow>div.cycle-next{text-align:right;direction:rtl;right:0}.mediaslider .cycle-slideshow>div.cycle-next span{-webkit-transform-origin:right center;transform-origin:right center}.mediaslider .cycle-slideshow>div:hover{cursor:pointer}.mediaslider .cycle-slideshow>div:hover span{-webkit-transform:scale(1.44);transform:scale(1.44);opacity:.68}.mediaslider2{text-align:center;margin:1.7em 0 2em;padding:0 2.3em;font-size:18px;font-size:clamp(15px,1.6vw,18px)}.mediaslider2 .cycle-slideshow{position:relative;display:inline-block}.mediaslider2 .cycle-slideshow ::-moz-selection{background:rgba(255,255,255,0)}.mediaslider2 .cycle-slideshow ::selection{background:rgba(255,255,255,0)}.mediaslider2 .cycle-slideshow ::-moz-selection{background:rgba(255,255,255,0)}.mediaslider2 .cycle-slideshow .cycle-pager{position:absolute;bottom:-1.4em;left:0;right:0;line-height:1}.mediaslider2 .cycle-slideshow .cycle-pager div{background:#79add3;padding:.41em;display:inline-block;border-radius:999em;margin:0 .22em;cursor:pointer;-webkit-transition:.3s;transition:.3s}.mediaslider2 .cycle-slideshow .cycle-pager div.cycle-pager-active{opacity:.5}.mediaslider2 .cycle-slideshow .cycle-pager div:hover{opacity:.8}.mediaslider2 .cycle-slideshow .cycle-pager span{display:none}.mediaslider2 .cycle-slideshow .cycle-slide{width:auto!important;overflow:hidden}.mediaslider2 .cycle-slideshow .cycle-slide img{width:100%}.mediaslider2 .cycle-slideshow .cycle-slide.cycle-slide-active .caption span{bottom:0;opacity:1}.mediaslider2 .cycle-slideshow .before-after-photos{background:#fff}.mediaslider2 .cycle-slideshow .before-after-photos div{width:50%;display:block;float:left}.mediaslider2 .cycle-slideshow .before-after-photos div:first-of-type{border-right:1px solid #fff}.mediaslider2 .cycle-slideshow .before-after-photos div:last-of-type{border-left:1px solid #fff}.mediaslider2 .cycle-slideshow .caption{position:absolute;left:0;right:0;bottom:0;z-index:1000;padding:1.9em 1.2em;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.mediaslider2 .cycle-slideshow .caption:after{content:"";position:absolute;top:-2em;left:0;bottom:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.46)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.46) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.46) 100%);z-index:-1}.mediaslider2 .cycle-slideshow .caption span{bottom:-.3em;position:relative;font-size:1.55em;line-height:1.15em;-webkit-transition:.6s .25s;transition:.6s .25s;opacity:0}.mediaslider2 .cycle-slideshow .slidecontrol{font-size:2.1em;color:#79add3;cursor:pointer;-webkit-transition:.22s;transition:.22s;opacity:.95;width:2.5em;height:2.4em;display:block;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;margin:0 -1.05em;padding:0;border:none;background:0 0}.mediaslider2 .cycle-slideshow .slidecontrol:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(121,173,211,0)),to(#79add3));background:-webkit-linear-gradient(left,rgba(121,173,211,0) 0,#79add3 100%);background:linear-gradient(90deg,rgba(121,173,211,0) 0,#79add3 100%);z-index:-1;-webkit-transition:.25s;transition:.25s;opacity:.15;border-radius:100%;margin:0 -.05em}.mediaslider2 .cycle-slideshow .slidecontrol span{display:inline-block;-webkit-transition:.17s;transition:.17s}.mediaslider2 .cycle-slideshow .slidecontrol.cycle-prev{left:0;direction:rtl}.mediaslider2 .cycle-slideshow .slidecontrol.cycle-prev:after{background:-webkit-gradient(linear,right top,left top,from(rgba(121,173,211,0)),to(#79add3));background:-webkit-linear-gradient(right,rgba(121,173,211,0) 0,#79add3 100%);background:linear-gradient(-90deg,rgba(121,173,211,0) 0,#79add3 100%)}.mediaslider2 .cycle-slideshow .slidecontrol.cycle-next{right:0}.mediaslider2 .cycle-slideshow .slidecontrol.cycle-next span{left:auto;right:0}.mediaslider2 .cycle-slideshow .slidecontrol:hover{-webkit-transform:translateX(.05em) translateY(-50%);transform:translateX(.05em) translateY(-50%)}.mediaslider2 .cycle-slideshow .slidecontrol:hover span{-webkit-transform:translateX(.05em) scale(.91);transform:translateX(.05em) scale(.91)}.mediaslider2 .cycle-slideshow .slidecontrol:hover:after{opacity:.24}.mediaslider2 .cycle-slideshow .slidecontrol:hover.cycle-prev{-webkit-transform:translateX(-.05em) translateY(-50%);transform:translateX(-.05em) translateY(-50%)}.mediaslider2 .cycle-slideshow .slidecontrol:hover.cycle-prev span{-webkit-transform:translateX(-.05em) scale(.91);transform:translateX(-.05em) scale(.91)}.mediaslider2 .cycle-slideshow .slidecontrol:active:after{opacity:.31}.mediaslider2.before-after .cycle-slide:after,.mediaslider2.before-after .cycle-slide:before{content:"";position:absolute;top:0;left:0;padding:1em 0 1.5em;right:50%;z-index:1000;opacity:1;-webkit-transition:.23s;transition:.23s;content:"After";background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.55)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.55) 100%);background:linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.55) 100%);color:#fff;font-size:1.45em;line-height:.98em}.mediaslider2.before-after .cycle-slide:after{left:50%;right:0;content:"Before"}.mediaslider2.captionbg .cycle-slideshow{border-radius:0 0 .6em .6em}.mediaslider2.captionbg .cycle-slideshow .caption{position:relative;padding:1.05em 1.3em;border-radius:0 0 .6em .6em;overflow:hidden;-webkit-transition:none;transition:none}.mediaslider2.captionbg .cycle-slideshow .caption:after{background:#79add3;opacity:1}.mediaslider2.btnstyle2 .slidecontrol{font-size:2.8em}.mediaslider2.btnstyle2 .slidecontrol:after{display:none}.mediaslider2.btnstyle2 .slidecontrol:hover{opacity:.85}.mediaslider2.btnstyle2 .slidecontrol:active{opacity:.75}.mediaslider2.btnstyle3 .slidecontrol{font-size:2.3em;height:2.1em}.mediaslider2.btnstyle3 .slidecontrol:after{border-radius:0;margin:0 -.02em}.mediaslider2.btnstyle4{padding:0 3em}.mediaslider2.btnstyle4 .slidecontrol{font-size:1.8em;margin:0 -1.7em;height:1.45em;width:1.45em}.mediaslider2.btnstyle4 .slidecontrol:after{margin:0 -.02em;background:#79add3}.mediaslider2.btnstyle4 .slidecontrol.cycle-prev::after{background:#79add3}.mediaslider2.btnstyle4 .slidecontrol span{margin:0 .17em}.wow{visibility:hidden}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes lineIn{0%{opacity:0;-webkit-transform:scale(.2,1);transform:scale(.2,1)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes lineIn{0%{opacity:0;-webkit-transform:scale(.2,1);transform:scale(.2,1)}100%{opacity:1;-webkit-transform:none;transform:none}}.lineIn{-webkit-animation-name:lineIn;animation-name:lineIn;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes lineInVert{0%{opacity:0;-webkit-transform:scale(1,.1);transform:scale(1,.1)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes lineInVert{0%{opacity:0;-webkit-transform:scale(1,.1);transform:scale(1,.1)}100%{opacity:1;-webkit-transform:none;transform:none}}.lineInVert{-webkit-animation-name:lineInVert;animation-name:lineInVert;-webkit-transform-origin:center top;transform-origin:center top}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-7em,0,0);transform:translate3d(-7em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-7em,0,0);transform:translate3d(-7em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(7em,0,0);transform:translate3d(7em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(7em,0,0);transform:translate3d(7em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftXL{0%{opacity:0;-webkit-transform:translate3d(17em,0,0);transform:translate3d(17em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftXL{0%{opacity:0;-webkit-transform:translate3d(17em,0,0);transform:translate3d(17em,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftXL{-webkit-animation-name:fadeInLeftXL;animation-name:fadeInLeftXL}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,7em,0);transform:translate3d(0,7em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,7em,0);transform:translate3d(0,7em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpXL{0%{opacity:0;-webkit-transform:translate3d(0,15em,0);transform:translate3d(0,15em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpXL{0%{opacity:0;-webkit-transform:translate3d(0,15em,0);transform:translate3d(0,15em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpXL{-webkit-animation-name:fadeInUpXL;animation-name:fadeInUpXL}@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,2em,0);transform:translate3d(0,2em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,2em,0);transform:translate3d(0,2em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,7em,0);transform:translate3d(0,7em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,7em,0);transform:translate3d(0,7em,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomOut{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{opacity:1}}@keyframes zoomOut{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{opacity:1}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutSocial{0%{opacity:0;-webkit-transform:scale(1.95);transform:scale(1.95)}70%{opacity:1}}@keyframes zoomOutSocial{0%{opacity:0;-webkit-transform:scale(1.95);transform:scale(1.95)}70%{opacity:1}}.zoomOutSocial{-webkit-animation-name:zoomOutSocial;animation-name:zoomOutSocial}@-webkit-keyframes markerHover{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale(1.34);transform:scale(1.34)}100%{-webkit-transform:none;transform:none}}@keyframes markerHover{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale(1.34);transform:scale(1.34)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes pulse{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale(1.09) translateY(-.2em);transform:scale(1.09) translateY(-.2em)}100%{-webkit-transform:none;transform:none}}@keyframes pulse{0%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale(1.09) translateY(-.2em);transform:scale(1.09) translateY(-.2em)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes mapMarkerIn{0%{-webkit-transform:scale(1.6) translateY(-1.5em);transform:scale(1.6) translateY(-1.5em)}50%{opacity:1;-webkit-transform:scale(.7) translateY(.7em);transform:scale(.7) translateY(.7em)}75%{-webkit-transform:scale(1.08) translateY(-.25em);transform:scale(1.08) translateY(-.25em)}100%{-webkit-transform:none;transform:none}}@keyframes mapMarkerIn{0%{-webkit-transform:scale(1.6) translateY(-1.5em);transform:scale(1.6) translateY(-1.5em)}50%{opacity:1;-webkit-transform:scale(.7) translateY(.7em);transform:scale(.7) translateY(.7em)}75%{-webkit-transform:scale(1.08) translateY(-.25em);transform:scale(1.08) translateY(-.25em)}100%{-webkit-transform:none;transform:none}}.mapMarkerIn{-webkit-animation-name:mapMarkerIn;animation-name:mapMarkerIn}@media only screen and (min-width:81.25em){#coronavirus-update{font-size:1em}}@media only screen and (min-width:41em){.before-after-image img,.before-after-image span{width:100%}.before-after-box,p.before-after-text{width:49%;display:inline-block;vertical-align:top}body.sitemap .content .width1{width:50%}.speed-system img[alt="Speed Braces"]{display:block}.which-is-right-for-me .content p{display:inline-block;float:left}.which-is-right-for-me .content a[href^="/sesame_media/docs/"]{text-align:center;display:block;width:100%;clear:both}.which-is-right-for-me .content a[href^="/sesame_media/docs/"] img{display:inline-block}.in-ovation-testimonials .embed-container{display:block;margin-left:auto;margin-right:auto}[class^=inovation-chart-]{display:inline-block;max-width:50%}.in-ovation-before-after .content p{text-align:center;margin-bottom:0}.in-ovation-before-after .content-text h3{text-align:center}.in-ovation-before-after .content-text .border,.in-ovation-before-after .content-text .img-left{max-width:44%;float:none;display:inline-block;margin:2%}.in-ovation-videos .content-text h2{text-align:center}.in-ovation-videos .content-text .embed-container{display:block;margin-left:auto;margin-right:auto}body[class*=in-ovation] .img-right{max-width:40%}}@media screen and (min-width:41em){.content-section hr{margin:2.2em 0}.container{margin:0 2.8vw}body.layout-full-width .sidebar,body.sitemap .sidebar{display:none!important}body.layout-full-width .sub-content .content,body.layout-full-width .sub-content .h1header,body.sitemap .sub-content .content,body.sitemap .sub-content .h1header{width:100%;max-width:100%;padding-right:0}.page-photo{display:inline-block}p.staff-photo,p.team-photo{margin:0;padding:0}img.staff-photo,img.team-photo,p.staff-photo img,p.team-photo img{float:right;margin:.4em 0 1.4em 1.45em}.office-hours td{padding:.8em 1.6em}}@media screen and (min-width:63em){.container{max-width:82.8125em}.content-section hr{margin:2.4em 0 !important;}.container{margin:0 auto}.content-section{min-height:510px}body[class^=about-dr-] .page-photo,body[class^=meet-doctor-] .page-photo,body[class^=meet-dr-] .page-photo,body[class^=meet-the-doctor] .page-photo{margin:0 0 1em 0}img.staff-photo,img.team-photo,p.staff-photo img,p.team-photo img{margin-bottom:2.5em}.hide-desk{display:none}.video-sleeve{width:100%;max-width:80%}.video-sleeve-60{width:100%;max-width:60%}}@media screen and (max-width:40.99em){.hide-mob{display:none}.mediaslider2{padding:0 2.35em;font-size:11px}}@media screen and (min-width:41em) and (max-width:62.99em){.hide-tab{display:none}} .nav-main { position: fixed; top: 0; right: 0; left: 0; bottom: 0; overflow-y: scroll; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; pointer-events: none; z-index: 1; } .nav-main::-webkit-scrollbar { display: none; } .nav-main .nav-bg { background: #79add4; position: absolute; top: 0; -webkit-transition: top 0.8s, opacity 0.35s; transition: top 0.8s, opacity 0.35s; left: 0; z-index: 100; width: 100%; opacity: 0; max-height: 100%; overflow-x: hidden; pointer-events: none; } .nav-main .nav-bg::-webkit-scrollbar { display: none; } .nav-main .nav-btm { background-color: #fff; padding: 20px; } .nav-main .nav-btm .btns { gap: 0.625em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .nav-main .nav-btm .btns a { color: #14284b; } .nav-main .nav-btm .btns .icon { color: #79add3; position: relative; top: -0.06em; } .nav-main .social-icons { margin-top: 1.5em; } .nav-main .social-icons a { padding: 0.3em; margin: 0 0.2em; display: inline-block; color: #14284b; font-size: 1.375em; opacity: 0; -webkit-transition-duration: 0.22s; transition-duration: 0.22s; } .nav-main .social-icons a i { -webkit-transition: 0.13s; transition: 0.13s; } .nav-main .social-icons a:nth-of-type(1) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; } .nav-main .social-icons a:nth-of-type(2) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .nav-main .social-icons a:nth-of-type(3) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .nav-main .social-icons a:nth-of-type(4) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; } .nav-main .social-icons a:nth-of-type(5) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; } .nav-main .social-icons a:nth-of-type(6) { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; } .nav-main .social-icons a:nth-of-type(7) { -webkit-transition-delay: 0.83s; transition-delay: 0.83s; } .nav-main .social-icons a:hover i { color: rgba(255, 255, 255, 0.7) !important; } .nav-main nav { display: inline-block; width: auto; padding: 8em 2em 1.4em; text-align: right; } .nav-main nav ul li { list-style: none; margin: 1.05em 0; position: relative; } .nav-main nav ul li a { color: #fff; font-size: 0.9375em; line-height: 1.12em; padding: 0.4em 0; -webkit-transition: 0.44s; transition: 0.44s; display: inline-block; position: relative; width: auto; font-weight: 600; } .nav-main nav ul li a:after { bottom: -0.35em; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; content: ""; display: inline-block; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; z-index: 10; opacity: 1; background: #ebd80b; height: 0.3333333333em; left: 0; text-align: center; pointer-events: none; opacity: 0; } .nav-main nav ul li a:hover, .nav-main nav ul li.open > a { color: #fff; } .nav-main nav ul li a:hover:after, .nav-main nav ul li.open > a:after { opacity: 1 !important; } .nav-main nav ul ul { overflow: hidden; display: block; padding: 0; max-height: 0; -webkit-transition: max-height 0.5s, padding 0.5s; transition: max-height 0.5s, padding 0.5s; width: 100%; } .nav-main nav ul ul li { padding: 0; margin: 0; } .nav-main nav ul ul li a { text-transform: none; font-size: 0.9375em; line-height: 1em; padding: 0.45em; font-weight: 400; margin: 0; color: #fff; padding-right: 1em; letter-spacing: 0; width: 100%; } .nav-main nav ul ul li a:after { height: auto; top: 0; bottom: 0; -webkit-transform: none; transform: none; z-index: -1; } .nav-main nav ul ul li a:hover, .nav-main nav ul ul li.active > a { color: #fff; } .nav-main nav ul ul li a:hover:after, .nav-main nav ul ul li.active > a:after { opacity: 1; } .nav-main nav ul ul ul { margin: 0 0 0 1.8em; } .nav-main nav > ul > li { opacity: 0; top: -0.8em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .nav-main nav > ul > li a:after { opacity: 0; } .nav-main nav > ul > li ul li { top: -0.5em; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .nav-main.open .social-icons a { opacity: 1; } .nav-main.open .nav-bg { opacity: 1; pointer-events: all; } .nav-main.open nav ul li.open ul { max-height: 29em; padding: 1em 0 0.5em; } .nav-main.open nav > ul > li { opacity: 1; top: 0; -webkit-transition-duration: 0.22s; transition-duration: 0.22s; left: 0; } .nav-main.open nav > ul > li:nth-of-type(1) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; } .nav-main.open nav > ul > li:nth-of-type(2) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .nav-main.open nav > ul > li:nth-of-type(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .nav-main.open nav > ul > li:nth-of-type(4) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; } .nav-main.open nav > ul > li:nth-of-type(5) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } .nav-main.open nav > ul > li:nth-of-type(6) { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; } .nav-main.open nav > ul > li:nth-of-type(7) { -webkit-transition-delay: 0.63s; transition-delay: 0.63s; } .nav-main.open nav > ul > li:nth-of-type(8) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .nav-main.open nav > ul > li:nth-of-type(9) { -webkit-transition-delay: 0.77s; transition-delay: 0.77s; } .nav-main.open nav > ul > li:nth-of-type(10) { -webkit-transition-delay: 0.84s; transition-delay: 0.84s; } .nav-main.open nav > ul > li:nth-of-type(11) { -webkit-transition-delay: 0.91s; transition-delay: 0.91s; } .nav-main.open nav > ul > li:nth-of-type(12) { -webkit-transition-delay: 0.98s; transition-delay: 0.98s; } .nav-main.open nav > ul > li:nth-of-type(13) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } .nav-main.open nav > ul li.open ul li { opacity: 1; top: 0; -webkit-transition-duration: 0.14s; transition-duration: 0.14s; } .nav-main.open nav > ul li.open ul li:nth-of-type(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .nav-main.open nav > ul li.open ul li:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-main.open nav > ul li.open ul li:nth-of-type(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .nav-main.open nav > ul li.open ul li:nth-of-type(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .nav-main.open nav > ul li.open ul li:nth-of-type(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .nav-main.open nav > ul li.open ul li:nth-of-type(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .nav-main.open nav > ul li.open ul li:nth-of-type(7) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .nav-main.open nav > ul li.open ul li:nth-of-type(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .nav-main.open nav > ul li.open ul li:nth-of-type(9) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .nav-main.open nav > ul li.open ul li:nth-of-type(10) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .nav-main.open nav > ul li.open ul li:nth-of-type(11) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .nav-main.open nav > ul li.open ul li:nth-of-type(12) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .nav-main.open nav > ul li.open ul li:nth-of-type(13) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .nav-main.open nav > ul li.open ul li:nth-of-type(14) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .nav-main.open nav > ul li.open ul li:nth-of-type(15) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .hd { z-index: 900; text-align: center; padding: 0; font-size: 1em; font-size: min(max(0.1em, 5.05vw), 1em); font-size: clamp(0.1em, 5.05vw, 1em); background-color: white; -webkit-transition: 0.3s; transition: 0.3s; } .ready .hd { /*background-color: rgba(255, 255, 255, 0);*/ } .hd:after { content: ""; position: absolute; top: 0; left: 0; height: 9em; right: 0; z-index: -2; opacity: 1; -webkit-transition: 0.23s; transition: 0.23s; opacity: 0; background: -webkit-linear-gradient(bottom, rgba(121, 173, 212, 0) 0%, #79add4 70%); background: linear-gradient(0deg, rgba(121, 173, 212, 0) 0%, #79add4 70%); } .ready .hd:after { /*opacity: 1;*/ } .hd .top-banner { height: 3em; color: #fff; font-size: 0.6875em; line-height: 3em; padding: 0 0.9375em; text-align: center; position: relative; } .hd .top-banner:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #14284b; margin: 0 -999em; z-index: -1; } .hd .container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; height: 5.125em; } .hd .logo { display: inline-block; position: relative; -webkit-transition: 0.4s; transition: 0.4s; z-index: 100; width: 9em; margin-left: 0.8125em; } .logo svg #mark .highlight{ opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .ft-bg .logo svg #mark .highlight,{ opacity: 1; } /*.home.ready .logo svg #mark .highlight*/ .open .hd .hd-right { z-index: 30; } .hd .nav-toggle { display: inline-block; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1100; border: none; width: 3.625em; height: 3.625em; border: solid 0.3125em #14284b; pointer-events: all; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; border-radius: 999em; background: none; margin-right: 1.125em; } .open .hd .nav-toggle { border-color: #fff; } .ready .hd .nav-toggle { /*border-color: #fff;*/ } .hd .nav-toggle span { display: block; position: absolute; height: 0.2625em; background: #79add4; right: 0; -webkit-transition: 0.3s; transition: 0.3s; left: 0; margin: 0.875em 0.6875em; border-radius: 1px; } .open .hd .nav-toggle span { background: #fff; } .ready .hd .nav-toggle span { /*background: #fff;*/ } .hd .nav-toggle span:nth-child(1) { top: 0; } .hd .nav-toggle span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-bottom: 0; } .hd .nav-toggle span:nth-child(3) { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-bottom: 0; } .hd .nav-toggle span:nth-child(4) { bottom: 0; top: auto; } .hd .nav-toggle.open span:nth-child(1) { opacity: 0; top: 50%; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .hd .nav-toggle.open span:nth-child(4) { opacity: 0; bottom: 50%; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .hd .nav-toggle.open span:nth-child(2) { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .hd .nav-toggle.open span:nth-child(3) { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .hd .info.full { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; gap: 0 0.9375em; z-index: 3; position: relative; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .hd .info.full a { color: #14284b; } .ready .hd .info.full a { /*color: #fff;*/ } .hd .info.full .icon { color: #79add3; position: relative; top: -0.06em; } .ready .hd .info.full .icon { /*color: #fff;*/ } .hd .info.full .phone-outer { margin-right: 0.625em; } .hd .info.full .social-icons { margin-right: 1.8125em; } .hd .info.full .social-icons a { color: #14284b; font-size: 0.9375em; -webkit-transition: 0.13s; transition: 0.13s; padding: 0.2em; } .ready .hd .info.full .social-icons a { /*color: #fff;*/ } .hd .info.full .social-icons a:hover { color: #1f3d73; -webkit-transform: scale(1.5); transform: scale(1.5); } .hd .sticky-contact { display: none; } .hd .sticky-contact:hover { background-color: #19335f; } .hd .sticky-contact .icons { font-size: 0.9375em; color: #fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 0 10px; } .hd .sticky-contact .btm { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 1em 1em; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 2em 0; } .hd .sticky-contact .btm .label { font-size: 1.8125em; } .hd .sticky-contact .btns { position: absolute; bottom: 90%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .hd .sticky-contact .btns a { height: 1.5625em; border-radius: 0.3125em 0 0 0.3125em; background-color: #14284b; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; padding: 0.375em; margin: 2px; color: #fff; text-transform: uppercase; } .hd .sticky-contact .btns a .label { font-size: 0.6875em; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .hd .sticky-contact .btns a .icon { margin-right: 0.4666666667em; font-size: 0.9375em; width: 1.3333333333em; position: relative; top: -0.16em; } .hd .sticky-contact .btns a:hover { background-color: #79add3; } .hd .sticky-contact:hover .btns { opacity: 1; bottom: calc(100% + 0.2em); } .hd .sticky-contact2 { display: none; } .hd .sticky-contact2 .pp-btns { /*position: absolute;*/ /*bottom: 90%;*/ /*bottom: -28%;*/ -webkit-transition: 0.3s; transition: 0.3s; } .hd .sticky-contact2 .pp-btns a { height: 1.5625em; border-radius: 0.3125em 0 0 0.3125em; background-color: #14284b; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; width: 100%; padding: 0.375em; margin: 2px; color: #fff; text-transform: uppercase; } .hd .sticky-contact2 .pp-btns a .label { font-size: 0.6875em; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .hd .sticky-contact2 .pp-btns a .icon { margin-right: 0.4666666667em; font-size: 0.9375em; width: 1.3333333333em; position: relative; top: -0.16em; } .hd .sticky-contact2 .pp-btns a:hover { background-color: #79add3; } .banner { font-size: 1em; font-size: min(max(0.1em, 5.05vw), 1em); font-size: clamp(0.1em, 5.05vw, 1em); z-index: 8; padding: 0 0; text-align: center; margin-top: 7.1875em; display: none; } .banner:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/section1.jpg) 50% 50%/cover no-repeat #fff; z-index: -1; opacity: 0.3; } .sub-content h1 { font-weight: 600; text-transform: uppercase; color: #14284b; margin-bottom: 1.75em; } .sub-content h1 .label { font-size: 3.4375em; font-size: min(max(0.1em, 9.9vw), 3.4375em); font-size: clamp(0.1em, 9.9vw, 3.4375em); line-height: 0.98em; } .sub-content h1 .line { display: block; height: 0.125em; background: #3a3a3a; width: 12.5em; margin-top: 2.1875em; -webkit-transform-origin: left center; transform-origin: left center; } .subnav p { margin: 0 !important; font-size: 0.8125em; line-height: 1.1em; } .subnav a { display: inline-block; position: relative; z-index: 10; margin: 0.3em 0.8em; color: #14284b; text-decoration: none; padding: 0.2em 0; } .subnav a:after { content: ""; position: absolute; height: 2px; left: 0; bottom: 0; right: 0; background: #14284b; z-index: -1; opacity: 0; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(0.92, 1); transform: scale(0.92, 1); -webkit-transition: 0.25s; transition: 0.25s; } .subnav a.active, .subnav a:hover { color: #14284b; } .subnav a.active:after, .subnav a:hover:after { -webkit-transform: none; transform: none; opacity: 0.5; } .content-section .content a { text-decoration: underline; font-family: "Farsan", sans-serif; font-size: 1.3684210526em; } .content-section .content h2, .content-section .content h3, .content-section .content h4, .content-section .content h5, .content-section .content h6 { font-weight: 400; } .content-section .content h2 { font-size: 2.875em; color: #79add4; } .content-section .content h3 { font-size: 1.4375em; text-transform: uppercase; color: #889093; } .content-section .content h4 { font-size: 1.375em; text-transform: uppercase; color: #889093; } .content-section .content h5 { font-size: 1.3125em; text-transform: uppercase; } .content-section .content h6 { font-size: 1.25em; } .content-section .content p, .content-section .content ul, .content-section .content form { font-size: 1.1875em; line-height: 1.67em; } .content-section .content hr { background-color: rgba(0, 0, 0, 0.09); height: 2px; } .sub-content { font-size: 1em; font-size: min(max(0.1em, 3.4vw), 1em); font-size: clamp(0.1em, 3.4vw, 1em); z-index: 9; background: #fff; padding: 3.4em 0 4.5em; margin-top: 7.1875em; } .sub-content .sidebar { text-align: center; } .hero { font-size: 1em; font-size: min(max(0.1em, 5.05vw), 1em); font-size: clamp(0.1em, 5.05vw, 1em); position: relative; z-index: 1; overflow: hidden; padding: 0; margin-top: 102px; } .hero .photo { z-index: 1; min-height: 23.75em; height: calc(30vw + 25em); } .hero .photo { position: relative; background-position: 75% center; background-size: cover; background-repeat: no-repeat; } .hero .photo.photo1 { background-image: url("../images/slideshow/slide1-mob.jpg"); background-position: 69% center; } .hero .info { position: absolute; top: 0; left: 0; bottom: 2.1875em; right: 0; z-index: 11; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 1em; font-size: min(max(0.1em, 3.4vw), 1em); font-size: clamp(0.1em, 3.4vw, 1em); } .hero .tagline { color: #fff; text-shadow: 1px 1px 2px black; font-size: 3.875em; line-height: 0.86em; -webkit-transform-origin: left center; transform-origin: left center; } .hero:after { content: ""; position: absolute; bottom: 0; left: 0; height: 9em; right: 0; z-index: 10; opacity: 1; -webkit-transition: 0.23s; transition: 0.23s; background: -webkit-linear-gradient(top, rgba(121, 173, 212, 0) 0%, #79add4 90%); background: linear-gradient(180deg, rgba(121, 173, 212, 0) 0%, #79add4 90%); } .hero video{ width: 100%; vertical-align: top; } .callouts1 { z-index: 30; text-align: center; background: #fff; padding: 0em 0 2.3em; font-size: 1em; font-size: min(max(0.1em, 3.5vw), 1em); font-size: clamp(0.1em, 3.5vw, 1em); } .callouts1:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url("../images/section1.jpg") center center/cover #fff no-repeat; z-index: -1; opacity: 0.3; } .callouts1 .callouts { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 1em 100em; gap: 1em 1em; top: -0.8em; position: relative; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: .7em; } .callouts1 .callout { position: relative; display: inline-block; -webkit-transition: 0.26s; transition: 0.26s; z-index: 1; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; box-shadow: 0 0 0 1.25em #14284b inset; background-color: #79add4; width: 17.625em; height: 17.625em; border-radius: 999em; } .callouts1 .callout:nth-of-type(1n) { -webkit-animation-delay: 0.12s; animation-delay: 0.12s; } .callouts1 .callout:nth-of-type(2n) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; } .callouts1 .callout:nth-of-type(3n) { -webkit-animation-delay: 0.46s; animation-delay: 0.46s; } .callouts1 .callout:nth-of-type(4n) { -webkit-animation-delay: 0.63s; animation-delay: 0.63s; } .callouts1 .callout .bg { overflow: hidden; z-index: 10; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; border-radius: 999em; } .callouts1 .callout .bg svg { margin: 0em -0.25em; width: calc(100% + 0.5em); -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: 0.3s; transition: 0.3s; } .callouts1 .callout .icon { position: relative; z-index: 2; -webkit-transition: 0.23s; transition: 0.23s; line-height: 1em; } .callouts1 .callout .main { position: absolute; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 51%; right: 0; -webkit-transition: 0.33s; transition: 0.33s; z-index: 3; } .callouts1 .callout .label { font-size: 3.0625em; line-height: 0.88em; color: #fff; -webkit-transition: 0.2s; transition: 0.2s; } .home-content { z-index: 9; background: url("../images/bg-home.jpg") center center/cover #fff no-repeat; padding: 2.9em 0 3.8em; font-size: 1em; font-size: min(max(0.1em, 3.5vw), 1em); font-size: clamp(0.1em, 3.5vw, 1em); overflow: hidden; } .home-content:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: -1; opacity: 0.9; } .home-content h1 { margin-bottom: 2em; text-align: center; font-size: 1em; font-size: min(max(0.1em, 2.3vw), 1em); font-size: clamp(0.1em, 2.3vw, 1em); } .home-content h1 .top { display: block; color: #79add3; font-weight: 400; font-size: 3.125em; line-height: 0.9em; margin-bottom: 0em; font-family: "Farsan", sans-serif; } .home-content h1 .btm { font-size: 4.25em; line-height: 0.85em; color: #3a3a3a; display: block; font-weight: 600; text-transform: uppercase; } .home-content h1 .top span, .home-content h1 .btm span { opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; } .home-content h1 .top span:nth-of-type(1n), .home-content h1 .btm span:nth-of-type(1n) { -webkit-transition-delay: 0.02s; transition-delay: 0.02s; } .home-content h1 .top span:nth-of-type(2n), .home-content h1 .btm span:nth-of-type(2n) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; } .home-content h1 .top span:nth-of-type(3n), .home-content h1 .btm span:nth-of-type(3n) { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; } .home-content h1 .top span:nth-of-type(4n), .home-content h1 .btm span:nth-of-type(4n) { -webkit-transition-delay: 0.23s; transition-delay: 0.23s; } .home-content h1 .top span:nth-of-type(5n), .home-content h1 .btm span:nth-of-type(5n) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .home-content h1 .top span:nth-of-type(6n), .home-content h1 .btm span:nth-of-type(6n) { -webkit-transition-delay: 0.37s; transition-delay: 0.37s; } .home-content h1 .top span:nth-of-type(7n), .home-content h1 .btm span:nth-of-type(7n) { -webkit-transition-delay: 0.44s; transition-delay: 0.44s; } .home-content h1 .top span:nth-of-type(8n), .home-content h1 .btm span:nth-of-type(8n) { -webkit-transition-delay: 0.51s; transition-delay: 0.51s; } .home-content h1 .top span:nth-of-type(9n), .home-content h1 .btm span:nth-of-type(9n) { -webkit-transition-delay: 0.58s; transition-delay: 0.58s; } .home-content h1 .top span:nth-of-type(10n), .home-content h1 .btm span:nth-of-type(10n) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .home-content h1 .top span:nth-of-type(11n), .home-content h1 .btm span:nth-of-type(11n) { -webkit-transition-delay: 0.72s; transition-delay: 0.72s; } .home-content h1 .top span:nth-of-type(12n), .home-content h1 .btm span:nth-of-type(12n) { -webkit-transition-delay: 0.79s; transition-delay: 0.79s; } .home-content h1 .btm span:nth-of-type(1n) { -webkit-transition-delay: 0.01s; transition-delay: 0.01s; } .home-content h1 .btm span:nth-of-type(2n) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; } .home-content h1 .btm span:nth-of-type(3n) { -webkit-transition-delay: 0.13s; transition-delay: 0.13s; } .home-content h1 .btm span:nth-of-type(4n) { -webkit-transition-delay: 0.19s; transition-delay: 0.19s; } .home-content h1 .btm span:nth-of-type(5n) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .home-content h1 .btm span:nth-of-type(6n) { -webkit-transition-delay: 0.31s; transition-delay: 0.31s; } .home-content h1 .btm span:nth-of-type(7n) { -webkit-transition-delay: 0.37s; transition-delay: 0.37s; } .home-content h1 .btm span:nth-of-type(8n) { -webkit-transition-delay: 0.43s; transition-delay: 0.43s; } .home-content h1 .btm span:nth-of-type(9n) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; } .home-content h1 .btm span:nth-of-type(10n) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .home-content h1 .btm span:nth-of-type(11n) { -webkit-transition-delay: 0.61s; transition-delay: 0.61s; } .home-content h1 .btm span:nth-of-type(12n) { -webkit-transition-delay: 0.67s; transition-delay: 0.67s; } .home-content h1 .btm span:nth-of-type(13n) { -webkit-transition-delay: 0.73s; transition-delay: 0.73s; } .home-content h1 .btm span:nth-of-type(14n) { -webkit-transition-delay: 0.79s; transition-delay: 0.79s; } .home-content h1 .btm span:nth-of-type(15n) { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } .home-content h1 .btm span:nth-of-type(16n) { -webkit-transition-delay: 0.91s; transition-delay: 0.91s; } .home-content h1 .btm span:nth-of-type(17n) { -webkit-transition-delay: 0.97s; transition-delay: 0.97s; } .home-content h1 .btm span:nth-of-type(18n) { -webkit-transition-delay: 1.03s; transition-delay: 1.03s; } .home-content h1 .btm span:nth-of-type(19n) { -webkit-transition-delay: 1.09s; transition-delay: 1.09s; } .home-content h1 .btm span:nth-of-type(20n) { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } .home-content h1 .btm span:nth-of-type(21n) { -webkit-transition-delay: 1.21s; transition-delay: 1.21s; } .home-content h1 .btm span:nth-of-type(22n) { -webkit-transition-delay: 1.27s; transition-delay: 1.27s; } .home-content h1 .btm span:nth-of-type(23n) { -webkit-transition-delay: 1.33s; transition-delay: 1.33s; } .home-content h1 .btm span:nth-of-type(24n) { -webkit-transition-delay: 1.39s; transition-delay: 1.39s; } .home-content h1 .btm span:nth-of-type(25n) { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } .home-content h1.active .top span, .home-content h1.active .btm span { opacity: 1; } .home-content h1 .line { display: block; height: 2px; background: #3a3a3a; width: 12.5em; margin-top: 2.1875em; -webkit-transform-origin: left center; transform-origin: left center; } .home-content .content p, .home-content .content h2, .home-content .content h3, .home-content .content h4, .home-content .content h5, .home-content .content h6, .home-content .content ul, .home-content .content ol { opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; } .home-content .content p:nth-child(1n), .home-content .content h2:nth-child(1n), .home-content .content h3:nth-child(1n), .home-content .content h4:nth-child(1n), .home-content .content h5:nth-child(1n), .home-content .content h6:nth-child(1n), .home-content .content ul:nth-child(1n), .home-content .content ol:nth-child(1n) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .home-content .content p:nth-child(2n), .home-content .content h2:nth-child(2n), .home-content .content h3:nth-child(2n), .home-content .content h4:nth-child(2n), .home-content .content h5:nth-child(2n), .home-content .content h6:nth-child(2n), .home-content .content ul:nth-child(2n), .home-content .content ol:nth-child(2n) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .home-content .content p:nth-child(3n), .home-content .content h2:nth-child(3n), .home-content .content h3:nth-child(3n), .home-content .content h4:nth-child(3n), .home-content .content h5:nth-child(3n), .home-content .content h6:nth-child(3n), .home-content .content ul:nth-child(3n), .home-content .content ol:nth-child(3n) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .home-content .content p:nth-child(4n), .home-content .content h2:nth-child(4n), .home-content .content h3:nth-child(4n), .home-content .content h4:nth-child(4n), .home-content .content h5:nth-child(4n), .home-content .content h6:nth-child(4n), .home-content .content ul:nth-child(4n), .home-content .content ol:nth-child(4n) { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } .home-content .content p:nth-child(5n), .home-content .content h2:nth-child(5n), .home-content .content h3:nth-child(5n), .home-content .content h4:nth-child(5n), .home-content .content h5:nth-child(5n), .home-content .content h6:nth-child(5n), .home-content .content ul:nth-child(5n), .home-content .content ol:nth-child(5n) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .home-content .content p:nth-child(6n), .home-content .content h2:nth-child(6n), .home-content .content h3:nth-child(6n), .home-content .content h4:nth-child(6n), .home-content .content h5:nth-child(6n), .home-content .content h6:nth-child(6n), .home-content .content ul:nth-child(6n), .home-content .content ol:nth-child(6n) { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } .home-content .content p:nth-child(7n), .home-content .content h2:nth-child(7n), .home-content .content h3:nth-child(7n), .home-content .content h4:nth-child(7n), .home-content .content h5:nth-child(7n), .home-content .content h6:nth-child(7n), .home-content .content ul:nth-child(7n), .home-content .content ol:nth-child(7n) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } .home-content .content p:nth-child(8n), .home-content .content h2:nth-child(8n), .home-content .content h3:nth-child(8n), .home-content .content h4:nth-child(8n), .home-content .content h5:nth-child(8n), .home-content .content h6:nth-child(8n), .home-content .content ul:nth-child(8n), .home-content .content ol:nth-child(8n) { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } .home-content .content p:nth-child(9n), .home-content .content h2:nth-child(9n), .home-content .content h3:nth-child(9n), .home-content .content h4:nth-child(9n), .home-content .content h5:nth-child(9n), .home-content .content h6:nth-child(9n), .home-content .content ul:nth-child(9n), .home-content .content ol:nth-child(9n) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .home-content .content p:nth-child(10n), .home-content .content h2:nth-child(10n), .home-content .content h3:nth-child(10n), .home-content .content h4:nth-child(10n), .home-content .content h5:nth-child(10n), .home-content .content h6:nth-child(10n), .home-content .content ul:nth-child(10n), .home-content .content ol:nth-child(10n) { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } .home-content .content.active p, .home-content .content.active h2, .home-content .content.active h3, .home-content .content.active h4, .home-content .content.active h5, .home-content .content.active h6, .home-content .content.active ul, .home-content .content.active ol { opacity: 1; } .callouts2 { z-index: 30; text-align: center; background: #14284b; padding: 3.9em 0; font-size: 1em; font-size: min(max(0.1em, 3.3vw), 1em); font-size: clamp(0.1em, 3.3vw, 1em); overflow: hidden; } .callouts2 h2 { margin-bottom: 2.8em; color: #fff; font-size: 1em; font-size: min(max(0.1em, 2.35vw), 1em); font-size: clamp(0.1em, 2.35vw, 1em); } .callouts2 h2 .label { font-size: 5.125em; line-height: 0.85em; } .callouts2 .callouts { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 3em; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .callouts2 .callout { position: relative; display: inline-block; -webkit-transition: 0.26s; transition: 0.26s; z-index: 1; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; width: 100%; color: #fff; } .callouts2 .callout:nth-of-type(1n) { -webkit-animation-delay: 0.16s; animation-delay: 0.16s; } .callouts2 .callout:nth-of-type(2n) { -webkit-animation-delay: 0.46s; animation-delay: 0.46s; } .callouts2 .callout:nth-of-type(3n) { -webkit-animation-delay: 0.76s; animation-delay: 0.76s; } .callouts2 .callout:nth-of-type(4n) { -webkit-animation-delay: 1.06s; animation-delay: 1.06s; } .callouts2 .callout .icon { position: relative; z-index: 2; -webkit-transition: 0.23s; transition: 0.23s; line-height: 1em; width: 8.625em; height: 8.625em; border: solid 0.375em #79add4; border-radius: 999em; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 1.5em; } .callouts2 .callout .icon span { font-size: 3.9375em; color: #fff; } .callouts2 .callout .main { -webkit-transition: 0.2s; transition: 0.2s; z-index: 3; } .callouts2 .callout h3 { font-size: 1.875em; line-height: 1.15em; -webkit-transition: 0.2s; transition: 0.2s; margin-bottom: 0.6em; font-size: 1.5625em; line-height: 1.07em; transition: 0.2s; } .callouts2 .callout p { font-size: 0.9375em; line-height: 1.2em; -webkit-transition: 0.2s; transition: 0.2s; } .callouts2 .callout:hover, .callouts2 .callout.active { z-index: 2; color: rgba(255, 255, 255, 0.85); } .callouts2 .callout:hover .icon, .callouts2 .callout.active .icon { border-color: #fff; box-shadow: 0 0 0 0.75em rgba(121, 173, 212, 0.08); background-color: rgba(121, 173, 212, 0.2); } .callouts2 .callout:hover .icon span, .callouts2 .callout.active .icon span { color: #fff; } .watermark-wrapper { background: #fff; position: relative; } .watermark-wrapper .watermark { position: absolute; top: -8.8em; left: calc(50% - 23em); bottom: 0; right: 0; z-index: 1; background: url("../images/watermark.jpg") center center/cover #fff no-repeat; width: 87.625em; height: 85.875em; } .section1 { font-size: 1em; font-size: min(max(0.1em, 3.6vw), 1em); font-size: clamp(0.1em, 3.6vw, 1em); z-index: 10; text-align: center; color: #fff; padding: 0 0 3.5em; } .section1 .side { background: rgba(0, 0, 0, 0.3); height: 18.75em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 3em; position: relative; } .section1 .side:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url("../images/section2.jpg") center center/cover #fff no-repeat; z-index: -1; } .section1 h3 { font-size: 4.75em; line-height: 0.85em; display: block; } .section1 h2 { margin-bottom: 2em; } .section1 h2 .top { color: #79add4; font-size: 3.625em; line-height: 1em; display: block; } .section1 h2 .btm { font-size: 2.3125em; line-height: 0.89em; display: block; color: #14284b; } .section1 .textcont { font-size: 0.9375em; line-height: 1.65em; color: #14284b; margin-bottom: 2em; } .section1 .btns { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 2em; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .section1 .btns .btn .photo { width: 16.8125em; -webkit-transition: 0.2s; transition: 0.2s; margin-bottom: 1em; } .section1 .btns .btn .label { font-size: 0.9375em; } .section1 .btns .btn:hover .photo { -webkit-filter: brightness(1.07); filter: brightness(1.07); opacity: 0.93; } .section2 { z-index: 30; text-align: center; padding: 0; font-size: 1em; font-size: min(max(0.1em, 3.5vw), 1em); font-size: clamp(0.1em, 3.5vw, 1em); } .section2 .photos { overflow: hidden; width: 100%; position: relative; height: 20.625em; background: rgba(255, 255, 255, 0.5); margin-bottom: 2.3em; } .section2 .photos .photo { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: scale(1.02); transform: scale(1.02); background-position: center 3%; background-size: cover; background-repeat: no-repeat; } .section2 .photos .photo.active { opacity: 1; -webkit-transform: none; transform: none; } .section2 .photos .photo.photo1 { background-image: url("../images/section-photo2.jpg"); } .section2 .photos .photo.photo2 { background-image: url("../images/section-photo1.jpg"); } .section2 .photos .photo.photo3 { background-image: url("../images/section-photo4.jpg"); } .section2 .photos .photo.photo4 { background-image: url("../images/section-photo3.jpg"); } .section2 h2 { margin-bottom: 1.875em; color: #79add4; } .section2 h2 .label { font-size: 5.125em; line-height: 0.88em; display: block; } .section2 .callouts { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 2.2em; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; padding: 0 0 3.5em; margin: 0 5.4vw; } .section2 .callout { position: relative; display: inline-block; -webkit-transition: 0.26s; transition: 0.26s; z-index: 1; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } .section2 .callout:nth-of-type(1n) { -webkit-animation-delay: 0s; animation-delay: 0s; } .section2 .callout:nth-of-type(2n) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; } .section2 .callout:nth-of-type(3n) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; } .section2 .callout:nth-of-type(4n) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; } .section2 .callout:nth-of-type(1) .icon svg, .section2 .callout:nth-of-type(1) .icon img { width: 2.1875em; } .section2 .callout:nth-of-type(2) .icon svg, .section2 .callout:nth-of-type(2) .icon img { width: 2.0625em; } .section2 .callout:nth-of-type(3) .icon svg, .section2 .callout:nth-of-type(3) .icon img { width: 2.5em; } .section2 .callout:nth-of-type(4) .icon svg, .section2 .callout:nth-of-type(4) .icon img { width: 2.4375em; } .section2 .callout .icon { position: relative; z-index: 2; -webkit-transition: 0.23s; transition: 0.23s; line-height: 1em; width: 3em; min-width: 3em; height: 2.875em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .section2 .callout .icon path { fill: #14284b; } .section2 .callout .title { color: #14284b; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; margin-bottom: 1.25em; } .section2 .callout .label { font-size: 1.5625em; font-weight: 600; text-transform: uppercase; line-height: 0.92em; -webkit-transition: 0.2s; transition: 0.2s; } .section2 .callout p { font-size: 0.9375em; line-height: 1.9em; color: #14284b; } .section2 .callout:hover, .section2 .callout.active { z-index: 2; } .testimonials-section { z-index: 10; text-align: center; background: url("../images/section3.jpg") 80% center/cover #fff no-repeat; color: #fff; padding: 2.8em 0; font-size: 16px; font-size: min(max(0.1em, 3.3vw), 16px); font-size: clamp(0.1em, 3.3vw, 16px); overflow: hidden; } .testimonials-section h2 { margin-bottom: 1.5625em; } .testimonials-section h2 .label { font-size: 2.8125em; line-height: 1.1em; } .testimonials-section h2 .stars { display: inline-block; color: #f7df1b; position: relative; top: -5px; } .testimonials-section .testimonials { position: relative; } .testimonials-section .single { width: 24.9375em; height: 17.8125em; padding: 1.5625em 2em 1.875em 1.8125em; border-radius: 1.875em; background-color: #79add4; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin: 1.0625em 0; vertical-align: top; } .testimonials-section .quotes { margin-bottom: 1.3125em; } .testimonials-section .quotes svg { width: 2.0625em; } .testimonials-section .quotes path { fill: #fff; } .testimonials-section p { font-size: 1.6em; line-height: 0.9em; font-family: "Farsan", sans-serif; } .testimonials-section .name { margin-top: 2.1em; text-transform: uppercase; font-weight: 600; margin-bottom: 0.2em; } .testimonials-section .name span { font-size: 0.8625em; line-height: 1.1em; } .section3 { font-size: 1em; font-size: min(max(0.1em, 2.9vw), 1em); font-size: clamp(0.1em, 2.9vw, 1em); z-index: 10; text-align: center; background: #79add3; color: #fff; padding: 4em 0; overflow: hidden; } .section3 .photo { margin: 0 auto 2em; width: 29.4375em; } .section3 h2 { margin-bottom: 1.25em; } .section3 h2 .label { font-size: 4.4375em; line-height: 1.1em; display: block; } .section3 p { line-height: 1.18em; font-size: 1.2375em; } .section3 .btns { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 2.1875em 0 0; gap: 0 0.5em; } .section3 .btns .btn { display: inline-block; position: relative; z-index: 1; text-align: center; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-transition: 0.22s; transition: 0.22s; background: #14284b; color: #fff; height: 2.875em; width: 10em; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 0.3125em; } .section3 .btns .btn .label { font-size: 0.875em; } .section3 .btns .btn:nth-of-type(1n) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .section3 .btns .btn:nth-of-type(2n) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .section3 .btns .btn:nth-of-type(3n) { -webkit-animation-delay: 1.45s; animation-delay: 1.45s; } .section3 .btns .btn:hover { color: #fff; background: #1d396b; z-index: 2; } .social-section { text-align: center; z-index: 10; background: url("../images/section4.png") center center #fff repeat; padding: 7em 0; font-size: 1em; font-size: min(max(0.1em, 2.2vw), 1em); font-size: clamp(0.1em, 2.2vw, 1em); overflow: hidden; } .social-section .social-icons { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 1.25em; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .social-section .social-icons a { display: inline-block; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; width: 17.5em; height: 17.5em; border-radius: 0.625em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; background: url("../images/social1.jpg") center center/cover #fff no-repeat; } .social-section .social-icons a i { font-size: 7.8125em; -webkit-transition: 0.15s; transition: 0.15s; color: #fff; } .social-section .social-icons a:nth-of-type(1n) { -webkit-animation-delay: 0.17s; animation-delay: 0.17s; } .social-section .social-icons a:nth-of-type(2n) { -webkit-animation-delay: 0.34s; animation-delay: 0.34s; } .social-section .social-icons a:nth-of-type(3n) { -webkit-animation-delay: 0.51s; animation-delay: 0.51s; } .social-section .social-icons a:nth-of-type(4n) { -webkit-animation-delay: 0.68s; animation-delay: 0.68s; } .social-section .social-icons a:nth-of-type(5n) { -webkit-animation-delay: 0.85s; animation-delay: 0.85s; } .social-section .social-icons a:nth-of-type(1) { background: url("../images/social1.jpg") center center/cover #fff no-repeat; } .social-section .social-icons a:nth-of-type(2) { background: url("../images/social2.jpg") center center/cover #fff no-repeat; } .social-section .social-icons a:nth-of-type(3) { background: url("../images/social3.jpg") center center/cover #fff no-repeat; } .social-section .social-icons a:nth-of-type(4) { background: url("../images/social4.jpg") center center/cover #fff no-repeat; } .social-section .social-icons a:hover { -webkit-filter: brightness(1.07); filter: brightness(1.07); opacity: 0.93; } .social-section .social-icons a:hover i { -webkit-transform: scale(1.2); transform: scale(1.2); } .ft { font-size: 1em; font-size: min(max(0.1em, 3.1vw), 1em); font-size: clamp(0.1em, 3.1vw, 1em); overflow: hidden; clear: both; z-index: 10; text-align: center; background: #79add3; color: #fff; padding: 4em 0 3em; overflow: hidden; } .ft .map { position: relative; z-index: 100; display: block; height: 17.5em; width: 100%; max-width: 23.75em; margin: 1.7em auto; background: url("../images/ft-map.jpg") 7.4% 100%/270% auto #f4f4f4 no-repeat; } .ft .map.desk { display: none; } .ft .map .marker { display: inline-block; -webkit-transform-origin: 28.5% 90%; transform-origin: 28.5% 90%; position: absolute; top: calc(50% - 4.4em); left: calc(7.4% + 7.15em); -webkit-transition: 0.3s; transition: 0.3s; color: #79add4; width: 11.8125em; height: 9.5625em; background: url("../images/map-marker.png") center center/cover no-repeat; } .ft .map .marker .inner span { z-index: 2; font-size: 4.125em; position: relative; } .ft .map .marker .inner:after { content: ""; position: absolute; top: 0.625em; left: -0.25em; bottom: -0.3125em; right: -3.0625em; background: url("../images/shadowalt.png") center center/contain no-repeat; z-index: 1; } .ft .map .marker.hover, .ft .map .marker:hover { -webkit-transform: scale(1.33); transform: scale(1.33); } .ft .locations .inner { width: 100%; } .ft .logo { display: block; margin: 0 auto; max-width: 34.1875em; width: 100%; margin-bottom: 1.875em; } .ft .location { color: #fff; } .ft .location a { color: #fff; } .ft .location a:hover { color: rgba(255, 255, 255, 0.75); } .ft .address { font-size: 1.6875em; line-height: 1.27em; display: inline-block; } .ft .phone-outer { margin: 0; margin-top: 0.5em; } .ft .phone-outer .phone { color: #fff; font-size: 1.6875em; display: inline-block; } .ft .hours { display: inline-block; border-collapse: collapse; margin-top: 0em; } .ft .hours td { font-size: 1.3125em; line-height: 1.21em; text-align: left; vertical-align: top; padding: 0; } .ft .hours td em { font-size: 0.880952381em; margin-left: 0.5em; } .ft .hours td.day { text-align: right; padding-right: 1.3846153846em; } .ft .btns { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 2.5em 0 0; gap: 0 0.5em; } .ft .btns .btn { display: inline-block; position: relative; text-transform: uppercase; z-index: 1; text-align: center; -webkit-animation-duration: 1.1s; animation-duration: 1.1s; -webkit-transition: 0.22s; transition: 0.22s; background: #14284b; color: #fff; width: 13.8125em; height: 3.4375em; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 600; border-radius: 0.3125em; } .ft .btns .btn .label { font-size: 1.0625em; } .ft .btns .btn:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: #1d396b; opacity: 0; -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); -webkit-transition: 0.17s; transition: 0.17s; } .ft .btns .btn:nth-of-type(1n) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .ft .btns .btn:nth-of-type(2n) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .ft .btns .btn:nth-of-type(3n) { -webkit-animation-delay: 1.45s; animation-delay: 1.45s; } .ft .btns .btn:hover { color: #fff; background: #1d396b; } .ft-btm { font-size: 1em; font-size: min(max(0.1em, 3.4vw), 1em); font-size: clamp(0.1em, 3.4vw, 1em); z-index: 9; background: #fff; text-align: center; padding: 2em 0 3em; overflow: hidden; } .ft-btm a.back-to-top { z-index: 20; position: relative; margin-bottom: 1.25em; line-height: 1em; color: #14284b; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 0 0.25em; -webkit-transition: 0.17s; transition: 0.17s; } .ft-btm a.back-to-top .icon { font-size: 1.8125em; display: inline-block; position: relative; -webkit-transition: 0.22s; transition: 0.22s; top: -0.03em; } .ft-btm a.back-to-top:hover { color: #1c3767; } .ft-btm a.back-to-top:hover .icon { -webkit-transform: translateY(-0.2em); transform: translateY(-0.2em); } .ft-btm .sesame { z-index: 10; position: relative; line-height: 1.5em; color: #14284b; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 0.75em; } .ft-btm .sesame a { color: #14284b; } .ft-btm .sesame a:hover { color: #1c3767; } .ft-btm .sesame .div { display: inline-block; margin: 0em 0.25em; } .ft-btm .sesame .icon { position: relative; top: 0.01em; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-right: 0.5833333333em; width: 1.3333333333em; } .ft-btm .sesame .icon path { fill: #00a5e3; } .ft-btm .sesame .icon .top { fill: #d6e03d; } .mediaslider.testi .cycle-slideshow .cycle-slide { padding: 0 10%; /* midTab opt-out 768oo */ text-align: center; } .mediaslider.testi .cycle-slideshow span.name { margin-top: 1.8em; display: block; font-size: 1.1em; text-align: center; } form .radio-group label input { width: 20px !important; display: inline-block !important; } form .radio-group label span{ display: inline-block !important; } .team-wrapper{ display: flex; gap: 2em; flex-wrap: wrap; flex-direction: row; } .team-wrapper .team{ background-color: #fff; -webkit-box-shadow: 0 28px 40px 0 rgba(0, 0, 0, .1); box-shadow: 0 28px 40px 0 rgba(0, 0, 0, .1); padding: 40px 20px; -webkit-transition: .4s; transition: all .4s ease; position: relative; margin: 0; display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 36em) { .team-wrapper .team{ width: 45%; } } @media screen and (min-width: 41em) { .team-wrapper .team{ width: 30%; } } .team-wrapper .team h2{ margin: 1em 0 0 ; } .team-wrapper .team h3{ font-size: 1em; text-align: center; margin: 0; } body.meet-dr-steven-dickens .sub-content .bg-side, body.meet-dr-christine-bode .sub-content .bg-side { position: relative; z-index: -1; width: 50%; height: 20em; margin: 0 auto 1em; background: url(../images/subpage-photo1.jpg) 30% 10% / cover no-repeat; display: block; } body.meet-dr-steven-dickens .sub-content .bg-side{ background-image: url(../images/sub-dr-steven-dickens.jpg); } body.meet-dr-christine-bode .sub-content .bg-side{ background-image: url(../images/sub-dr-christina-bode.jpg); } @media screen and (min-width: 41em) { .nav-main { left: auto; overflow: visible; } .nav-main .phone-outer, .nav-main .btn { display: none; } .nav-main .social-icons { margin-top: 0; } .nav-main .nav-bg { position: relative; } .nav-main nav { width: 18.75em; } .nav-main.open { z-index: 2; } .hd { font-size: 1em; font-size: min(max(0.1em, 3vw), 1em); font-size: clamp(0.1em, 3vw, 1em); } .hd .hd-right { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; gap: 0 0.625em; } .hd .info.full { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; -webkit-transform: none; transform: none; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-right: 1.125em; } .hd .info.full .social-icons { display: none; } .banner { display: block; font-size: 1em; font-size: min(max(0.1em, 3vw), 1em); font-size: clamp(0.1em, 3vw, 1em); padding: 3.4375em 0; text-align: left; margin-top: 7.1875em; } .sub-content h1 { margin-bottom: 2.5625em; } .sub-content h1 .label { font-size: 4.0625em; font-size: min(max(0.1em, 6.3vw), 4.0625em); font-size: clamp(0.1em, 6.3vw, 4.0625em); } .subnav { color: #f4e21c; text-transform: uppercase; font-weight: 600; } .sub-content { font-size: 1em; font-size: min(max(0.1em, 1.7vw), 1em); font-size: clamp(0.1em, 1.7vw, 1em); padding: 3.5em 0 4.5em; margin-top: 0; } .sub-content .bg-side { position: absolute; position: fixed; top: -13.1em; top: 9.1em; bottom: 0; right: 0; z-index: -1; width: 28%; background: url(../images/subpage-photo1.jpg) 30% 10%/cover no-repeat; display: none; } .sub-content .bg-side.img-1 { background-image: url(../images/subpage-photo1.jpg); } .sub-content .bg-side.img-2 { background-image: url(../images/subpage-photo2.jpg); } .sub-content .bg-side.img-3 { background-image: url(../images/subpage-photo3.jpg); } .sub-content .bg-side.img-4 { background-image: url(../images/subpage-photo4.jpg); } .sub-content .bg-side.img-5 { background-image: url(../images/subpage-photo5.jpg); } .sub-content .bg-side.img-6 { background-image: url(../images/subpage-photo6.jpg); } body.meet-dr-steven-dickens .sub-content .bg-side{ background-image: url(../images/sub-dr-steven-dickens.jpg); } body.meet-dr-christine-bode .sub-content .bg-side{ background-image: url(../images/sub-dr-christina-bode.jpg); } body.meet-dr-steven-dickens .sub-content h1, body.meet-dr-christine-bode .sub-content h1, body.meet-dr-steven-dickens .sub-content .content, body.meet-dr-christine-bode .sub-content .content { display: inline-block; padding-right: 2%; width: calc(100% - 15.0625em); max-width: calc(49.9375em + 5%); } body.meet-dr-steven-dickens .sub-content .bg-side, body.meet-dr-christine-bode .sub-content .bg-side { /*width: calc(50% - 16em);*/ /*max-height: 93.75em;*/ display: block; background-size: contain; position: absolute; width: 28%; height: auto; margin: auto; } .blog .sub-content .bg-side, .layout-full-width .sub-content .bg-side, .sitemap .sub-content .bg-side { display: none; } .hero { font-size: 1em; font-size: min(max(0.1em, 3vw), 1em); font-size: clamp(0.1em, 3vw, 1em); } .hero .photo { height: 40em; } .hero .photo.photo1 { background-image: url("../images/slideshow/slide1.jpg"); } .hero .info { bottom: 9.375em; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .callouts1 { font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); padding: 0em 0em 8.125em; } .callouts1 .container { max-width: 49.1875em; margin: 0 auto; } .callouts1 .callouts { gap: 2.45em; top: -2.8em; } .home-content { font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); text-align: justify; } .home-content:after { display: none; } .home-content h1 { font-size: 1em; font-size: min(max(0.1em, 1.3vw), 1em); font-size: clamp(0.1em, 1.3vw, 1em); } .home-content .bg { padding: 4.875em 5em 5.75em; background-color: rgba(255, 255, 255, 0.9); } .callouts2 { padding: 6.25em 0em; font-size: 1em; font-size: min(max(0.1em, 1.25vw), 1em); font-size: clamp(0.1em, 1.25vw, 1em); } .callouts2 .callouts { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-around; justify-content: space-around; gap: 0 3em; } .callouts2 .callout { width: 33.333%; } .section1 { font-size: 1em; font-size: min(max(0.1em, 2.1vw), 1em); font-size: clamp(0.1em, 2.1vw, 1em); padding: 3em 0; } .section1 .container { margin: 0 15%; } .section1 .btns { font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); } .section2 { padding: 0em 0em; font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); } .section2 .photos { height: 25em; } .section2 .photos .photo { background-position: center 16%; } .section2 h2 { margin-bottom: 2.0625em; font-size: 1em; font-size: min(max(0.1em, 1.5vw), 1em); font-size: clamp(0.1em, 1.5vw, 1em); } .section2 .callouts { margin: 0 15%; } .testimonials-section { font-size: 16px; font-size: min(max(0.1em, 1.65vw), 16px); font-size: clamp(0.1em, 1.65vw, 16px); padding: 5.9375em 0em 4em; } .testimonials-section .single { margin: 1.0625em; } .section3 { font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); padding: 6.25em 0; text-align: left; } .section3 .container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 0 3em; } .section3 .photo { margin: 0; width: auto; } .section3 .main { width: 60%; } .section3 h2 { margin-bottom: 1.875em; } .section3 p { font-size: 0.9375em; } .section3 .btns { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .social-section { padding: 6.25em 1.25em; font-size: 1em; font-size: min(max(0.1em, 1.2vw), 1em); font-size: clamp(0.1em, 1.2vw, 1em); } .social-section .social-icons a { margin: 0; } .ft { font-size: 1em; font-size: min(max(0.1em, 1.22vw), 1em); font-size: clamp(0.1em, 1.22vw, 1em); padding: 0; background: url("../images/ft-map.jpg") 50% center/cover #f4f4f4 no-repeat; } .ft .container { height: 50em; margin: 0; } .ft .map { height: auto; background: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: 50% 50%; } .ft .map.desk { display: block; } .ft .map.mob { display: none; } .ft .map .marker { top: calc(50% + 7.4em); left: calc(50% - 36.15em); } .ft .locations { z-index: 100; width: 60%; position: absolute; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; max-width: 50em; } .ft .locations:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: -999em; background: #79add3; z-index: -1; } .ft .logo { margin-bottom: 4.25em; margin-top: 0.5em; } .ft .hours { margin-top: 2.4375em; } .ft-btm { font-size: 1em; font-size: min(max(0.1em, 1.9vw), 1em); font-size: clamp(0.1em, 1.9vw, 1em); padding: 1.25em 0em; } .ft-btm .container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .ft-btm a.back-to-top { -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; margin: 0; margin-left: 1.75em; } } @media screen and (min-width: 63em) { .nav-main { right: 0; } .nav-main .nav-btm { display: none; } .nav-main .nav-bg { border-radius: 0 0 1.875em 1.875em; padding-top: 2.2em; padding-bottom: 0.3em; } .nav-main nav { width: 21.875em; padding: 8em 2.5em 1.4em; } .nav-main nav ul li { margin: 0.6em 0; } .hd { position: fixed; background: white; top: 0; left: 0; right: 0; text-align: left; -webkit-transition: 0.4s; transition: 0.4s; padding: 0 2.3vw; font-size: 1em; font-size: min(max(0.1em, 1.4vw), 1em); font-size: clamp(0.1em, 1.4vw, 1em); } .hd:after { display: none; } .hd .top-banner { font-size: 0.9375em; line-height: 2.2em; height: 2.2em; } .hd .container { margin: 0 auto; height: 7em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .hd .logo { margin: 0.125em 0 0; width: 14.6875em; z-index: 2000; } .hd .hd-right { top: 0.875em; position: absolute; right: 0; left: 0; } .hd .nav-toggle { font-size: 1.45em; margin: 0; } .hd .info.full { z-index: 1; } .hd .info.full .phone-outer { margin-right: 0.3125em; } .hd .info.full .callout1 { margin: 0 0.9375em; } .hd .info.full .social-icons { display: inline-block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; gap: 0 0.6875em; height: 4.75em; border-left: solid 0.0625em #79add3; border-right: solid 0.0625em #79add3; padding: 0 1.625em; margin: 0; } .ready .hd .info.full .social-icons { /*border-color: #fff;*/ } .hd .sticky-contact { display: block; position: fixed; bottom: 1.875em; bottom: 3.875em; right: 0; z-index: 2000; background-color: #14284b; text-align: center; width: 9.0625em; height: 6.875em; color: #fff; border-radius: 0.3125em 0 0 0.3125em; } .hd .sticky-contact2 { display: block; position: fixed; bottom: 1.875em; right: 0; z-index: 2000; text-align: center; width: 9.0625em; height: auto; } .banner { font-size: 1em; font-size: min(max(0.1em, 1.4vw), 1em); font-size: clamp(0.1em, 1.4vw, 1em); padding: 3.4375em 1.2em; margin-top: 9.0625em; } .subnav { max-width: 61%; } .sub-content { font-size: 1em; font-size: min(max(0.1em, 1.15vw), 1em); font-size: clamp(0.1em, 1.15vw, 1em); padding: 5.3125em 1.25em 5.75em; } .sub-content h1, .sub-content .content { display: inline-block; padding-right: 5%; width: calc(100% - 25.0625em); max-width: calc(49.9375em + 5%); } .sub-content .bg-side { width: calc(50% - 16em); max-height: 93.75em; display: block; } .blog .sub-content .bg-side, .layout-full-width .sub-content .bg-side, .sitemap .sub-content .bg-side { display: none; width: calc(50% - 44.1em); } .hero { font-size: 1em; font-size: min(max(0.1em, 1.4vw), 1em); font-size: clamp(0.1em, 1.4vw, 1em); } .hero .photo { padding: 0; height: calc(30em + 33vw); max-height: 43.75em; } .hero .info { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 1.5em; text-align: left; -webkit-box-align: center; -webkit-align-items: center; align-items: center; bottom: 0; top: 4em; } .hero .container { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .hero .tagline br { display: none; } .hero:after { display: none; } .callouts1 { font-size: 1em; font-size: min(max(0.1em, 1.18vw), 1em); font-size: clamp(0.1em, 1.18vw, 1em); padding-left: 1.25em; padding-right: 1.25em; } .callouts1 .container { max-width: 80em; } .callouts1 .callout:hover { -webkit-transform: scale(1.06); transform: scale(1.06); z-index: 2; box-shadow: 0 0 0 0em rgba(20, 40, 75, 0) inset; background-color: #fff; } .callouts1 .callout:hover .main { top: calc(100% + 3.4em); } .callouts1 .callout:hover .label { color: #14284b; } .callouts1 .callout:hover .bg { opacity: 1; } .callouts1 .callout:hover .bg svg { -webkit-transform: none; transform: none; } .home-content { font-size: 1em; font-size: min(max(0.1em, 1.15vw), 1em); font-size: clamp(0.1em, 1.15vw, 1em); padding: 6.25em 1.25em 6.25em; } .home-content .container { max-width: 72.8125em; } .home-content .content { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em; } .callouts2 { padding: 6.25em 1.25em; border-top: 6.125em solid #fff; } .callouts2 .callouts { gap: 0 7em; } .section1 { font-size: 1em; font-size: min(max(0.1em, 1.15vw), 1em); font-size: clamp(0.1em, 1.15vw, 1em); padding: 9.375em 0em 8.125em; } .section1 .side { height: 41.1875em; width: calc(50% - 1em); margin-bottom: 0; position: absolute; top: 6.25em; left: 0; } .section1 .container { margin: 0 auto; text-align: right; } .section1 .main { width: 35.3125em; display: inline-block; text-align: center; margin-right: 2em; } .section1 .btns { gap: 0 1.375em; } .section2 { font-size: 1em; font-size: min(max(0.1em, 1.24vw), 1em); font-size: clamp(0.1em, 1.24vw, 1em); text-align: left; padding: 1.8em 1.25em 3.4375em; } .section2 .photos { width: 40em; height: 46.4375em; margin: 0; position: absolute; top: 0; right: 0; } .section2 .main { width: 31.875em; } .section2 h2 { margin-bottom: 14.375em; } .section2 .callouts { gap: 23.125em 0; margin: 0; padding-bottom: 20em; } .testimonials-section { font-size: 1em; font-size: min(max(0.1em, 1.3vw), 1em); font-size: clamp(0.1em, 1.3vw, 1em); padding: 4.9375em 1.25em 3em; background-position: 42.5% center; } .testimonials-section .container { text-align: right; } .testimonials-section .testimonials { padding: 0; max-width: 55em; display: inline-block; text-align: center; } .section3 { font-size: 1em; font-size: min(max(0.1em, 1.35vw), 1em); font-size: clamp(0.1em, 1.35vw, 1em); padding: 6.25em 1.25em 6.25em; } .section3 .container { gap: 0 7.625em; max-width: 65em; } .section3 .main { width: 43%; } .ft { font-size: 1em; font-size: min(max(0.1em, 1.22vw), 1em); font-size: clamp(0.1em, 1.22vw, 1em); } .ft .container { margin: 0 auto; max-width: 100%; } .ft .locations { width: 50%; } .ft-btm { font-size: 1em; font-size: min(max(0.1em, 1.4vw), 1em); font-size: clamp(0.1em, 1.4vw, 1em); padding: 1.3125em 1.25em; } } @media screen and (min-width: 88em) { .nav-main { right: calc(50% - 43.5em); } } @media screen and (min-width: 120em) { .ft { background-size: auto auto; } } @media screen and (max-width: 62.99em) { .hd { top: -1em; left: 0; right: 0; opacity: 0; position: fixed; -webkit-transition: top 0.3s, opacity 0.3s, background-color 0.3s; transition: top 0.3s, opacity 0.3s, background-color 0.3s; } .pagetop .hd, .scrollingup .hd { top: 0; opacity: 1; } .callouts2 .callouts { margin: 0 5.4vw; } .section2 .container { margin: 0; } } @media screen and (max-width: 40.99em) { .hd .info.full .phone-outer { display: none; } .hd .info.full .callout1 { display: none; } .hd .info.full .social-icons { display: none; } .sub-content h1 .line { margin-left: auto; margin-right: auto; } .home-content .container { margin: 0 6.4vw; } }