@charset "UTF-8";
.loc-modal-content{display:none;background:#ededed;max-width:1000px;width:100%;box-sizing:border-box;padding:30px;position:relative;margin:20px auto;text-align:left}
.loc-modal-content article{max-height:80vh;overflow-y:scroll}
.loc-modal-content h3{text-align:center}
.loc-modal-content .has_btns{display:flex;justify-content:center;flex-wrap:wrap}
.loc-modal-content .btn{margin:5px;min-width:430px}
.loc-modal-close{position:absolute;right:5px;top:5px;z-index:1002;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.loc-modal-close:before{font-size:28px;content:"\e840";font-family:fontello;transform:rotate(45deg)}
.loc-modal-close span{display:none}
.loc-modal-close i{position:relative;color:#fff;font-style:normal;padding-bottom:4px}
.loc-modal-close i:before{font-size:40px;content:"×"}
.loc-modal-close:hover:before{color:#0fabe4}
.off{pointer-events:none}
.btn{position:relative;z-index:1;display:inline-block;vertical-align:middle;cursor:pointer;text-align:center;transition:.3s all;font:700 14px/1.2 Lato,sans-serif;color:#293850;text-transform:uppercase;min-width:255px;margin:10px;padding:12px 18px;background-color:transparent;border:1px solid #0fabe4;letter-spacing:1.2px;border-radius:22px}
.btn:hover{background-color:#f78f1e;color:#fff}
h2{color:#122d48}
h3{color:#0fabe4}
.loc-page h2{font-size:54px}
.loc-page p{font-size:18px;margin:10px auto}
.loc-svg{height:110px;width:120px;display:inline-flex;justify-content:center;align-items:center;padding:8px}
.loc-svg svg{width:100%;height:auto;max-height:100%}
.loc-svg svg *{fill:#0fabe4}
.loc-svg.no-fill svg *{fill:transparent;stroke:#0fabe4}
.bkg{background-color:#0fabe4}
.bkg author,.bkg h2,.bkg h3,.bkg h4,.bkg p{color:#fff}
.bkg .btn{color:#fff}
.bkg .btn:hover{background-color:#122d48}
.bkg .btn-alt{background-color:#122d48;color:#5f6368}
.bkg .btn-alt:hover{background-color:#5f6368;color:#fff}
.bkg .loc-svg svg *{fill:#fff}
.bkg .loc-svg.no-fill svg *{stroke:#fff;fill:transparent}
.flex-row-icons{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1400px}
.flex-row-icons>div{padding:10px;margin:10px auto;flex:0 1 25%;height:190px}
.flex-row-icons>div h3{font-size:22px;margin-top:10px}
.loc-block{margin:auto;text-align:center;padding:60px 10px}
.loc-block h2{margin-bottom:20px}
.loc-block p{margin:auto}
.loc-block .btn{background-color:#0fabe4;color:#fff;border:2px solid #0fabe4}
.loc-block .btn:hover{background-color:#fff;color:#0fabe4}
.contain{max-width:1200px;margin:auto}
.flex-row-icons>div .h3,.flex-row-icons>div h3{font-size:24px;margin-top:15px;line-height:1.2}
#loc-banner img{width:100%}
#loc-title{padding:40px 10px;text-align:center;max-width:1000px;margin:auto}
#loc-title h1{font-size:24px;text-align:center;margin-bottom:20px}
#loc-title h2{color:#0fabe4}
#loc-why .contain .flex-row-icons>div{margin:25px auto}
#loc-why .contain .flex-row-icons>div .h3{color:#fff}
#loc-drs{display:flex;justify-content:space-around;max-width:1200px;margin:50px auto 20px}
#loc-drs .dr-link{color:#5f6368;font-size:15px;background-color:transparent;transition:.3s all;margin:10px auto;text-align:center;}
#loc-drs .dr-link img{margin-bottom:10px}
#loc-drs .dr-link h3{font-size:24px;text-align:center}
#dr-bios h3{margin:20px 0 0}
#dr-bios h3+p{margin-top:5px}
#loc-review{position:relative;padding:50px 10px;text-align:center}
#loc-review h2{margin-bottom:20px}
#loc-review .contain{max-width:1000px;margin:20px auto 0}
#loc-review .contain p{margin:10px auto auto;font:400 24px/1.5 Heebo,sans-serif;position:relative}
#loc-review .contain star{letter-spacing:.2em}
#loc-review .contain author{font-size:18px;margin:10px auto 20px;display:block}
#loc-services #loc-pops{max-width:1200px;display:flex;justify-content:space-around;margin:auto;flex-wrap:wrap}
#loc-services #loc-pops .service{margin:25px auto;flex:0 1 270px;transition:.4s all}
#loc-services #loc-pops .service h3{font-size:26px;margin-top:15px}
#loc-services #loc-pops .service h3 small{display:block}
#loc-services #loc-pops .service:hover{transform:scale(1.03)}
#loc-services #loc-pops .service:hover h3{color:#5f6368}
#loc-services #loc-pops .service figure img{width:100%}
#loc-payment .flex-row-icons a{flex:0 1 250px;height:180px;align-content:space-between;margin:15px auto}
#loc-payment .flex-row-icons a h3{font-size:22px}
#loc-faqs .loc-accordion{margin:20px auto;text-align:left;position:relative;padding:10px;max-width:900px}
#loc-faqs .loc-accordion .toggle{transition:border .4s steps(1,end)}
#loc-faqs .loc-accordion h3{font:700 24px/1.2 Heebo,sans-serif;position:relative;cursor:pointer;clear:both;padding:10px 10px 14px 35px;margin:7px auto 0;color:#fff;border-bottom:2px solid #fff}
#loc-faqs .loc-accordion h3:hover{color:#122d48}
#loc-faqs .loc-accordion h3:before{content:"\e840";padding-top:5px;font-size:14px;font-family:fontello;color:#fff;border-radius:50%;position:absolute;top:12px;left:0;border-radius:4px;border:1px solid #fff;width:22px;text-align:center;height:22px;line-height:.8}
#loc-faqs .loc-accordion h3.active{border:none}
#loc-faqs .loc-accordion h3.active:before{content:"\e841";font-family:fontello;background-color:#122d48}
#loc-faqs .loc-accordion>div{display:none;padding:0 20px 20px 40px;border-bottom:2px solid #fff}
#loc-faqs .loc-accordion>div p{margin:0;position:relative;color:#fff;font-size:20px}
#loc-faqs .loc-accordion>div ul{margin-bottom:0}
#loc-faqs .loc-accordion>div ul li{color:#fff}
.loc-popups{display:none}
.section-toggle{display:none;background-color:#fff;padding:30px 20px;max-width:97%;box-shadow:1px 1px 8px rgba(0,0,0,.3294117647);margin:30px auto 0;position:relative;z-index:12}
.togg-container{max-width:1050px;margin:auto}
button.togg{transition:.4s all}
.sv-close{clear:both;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:auto}
.sv-close svg{margin-left:10px;max-width:50px;height:auto;transition:.3s all}
.sv-close:hover{color:#0fabe4}
.sv-close:hover svg *{stroke:#0fabe4}
.sv-close:hover #Path_2166{fill:#0fabe4}
.loc-more{display:none;max-width:1400px;width:90%;padding:40px;margin:40px auto 20px;background-color:#f0f0f0;position:relative;z-index:3;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2117647059);text-align:left}
.loc-more .h2,.loc-more .h3,.loc-more li,.loc-more p{color:#5f6368!important}
.loc-more:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-19px;width:0;width:0;height:0;filter:drop-shadow(0 -1px 1px rgba(0, 0, 0, .0862745098));border-style:solid;border-width:0 25px 20px;border-color:transparent transparent #f0f0f0}
@media (max-width:1024px){
.loc-page .bkg{padding:40px 10px}
.loc-page h2{font-size:42px}
.flex-row-icons>* br{display:none}
#loc-services a{flex:0 1 48%}
.loc-modal-content{max-width:100%;margin:20px}
}
@media (min-width:550px) and (max-width:850px){
.flex-row-icons>div{flex:0 1 50%}
}
@media (max-width:768px){
#loc-drs{flex-wrap:wrap;margin-top:0}
#loc-drs .dr-link{flex:100%;margin:30px 10px}
}
@media (max-width:590px){
.flex-row-icons>div{flex:0 1 100%}
}
@media (max-width:480px){
.loc-page h2{font-size:36px}
.loc-page h2 br{display:none}
.flex-row-icons>*{padding:10px 0;flex:0 1 250px}
}
@media (max-width:400px){
.loc-page .h3{font-size:17px}
}


.page_periodontist-near-fountain-valley h2 {font-size: 44px;margin-bottom: 10px !important;}