body { position: relative; background-color: #F0F0F0; color: #272727; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 300; font-style: normal; letter-spacing: normal; line-height: 1.76 }
body { overflow-x: hidden }
.wrapper, main { padding: 0 10px 0; max-width: 1300px; margin: 0px auto 0 }
body > p, body > ul{max-width: 1150px; padding: 10px; margin: 1.5em auto;}
.wrapper { max-width: 980px; margin: 1em auto }
body.page_index main { max-width: 100%; margin: 0; padding: 0 }
a:hover { -webkit-transition: color .3s, background-color .3s, box-shadow .3s; transition: color .3s, background-color .3s, box-shadow .3s }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2 }
#page-title h1:not(:only-child){ color: #272727; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; font-style: normal; letter-spacing: 1.4px; line-height: 1.43; text-transform: uppercase }
.h1 { color: #868686; font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 500; font-style: normal; letter-spacing: 1.3px; line-height: 1.53; text-transform: uppercase;padding-bottom:15px;}
.ra-h1 { font-family: 'Roboto', sans-serif; font-size: 40px; text-align: center; color: #30A9DE;}
#page-title h1, #page-title h1+h2, .h2 { color: #272727; font-family: 'Kristi', cursive; font-size: 64px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.2 }
#page-title h1 span, #page-title h1+h2 span, .h2 span { display: block; margin: -25px auto; font-family: 'Kristi', cursive; font-size: 97px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: .75 }
h2 { color: #272727; font-family: 'Roboto Condensed', sans-serif; font-size: 48px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.29 }
h3, .h3 { color: #272727; font-family: 'Roboto Condensed', sans-serif; font-size: 32px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.31 }
.h1, .h2, .h3, .h4 { display: block }
.text-white { color: #fff }
a { color: #003B7E; cursor: pointer }
a:hover { color: #30A9DE }
#page-title { background-color: #fff; position: relative; display: flex; justify-content: space-between; align-items: center; text-align: center; max-width: 1205px; margin: 20px auto }
#page-title .title-wrapper { max-width: 685px; margin: 0 auto }
#page-title figure { order: -1; position: relative }
body.bg #page-title, body.no-main #page-title { display: block }
body.bg #page-title figure, body.no-main #page-title figure { display: none }
body.bg #page-title { min-height: 704px; max-width: 1205px; margin: 20px auto; }
body.bg #page-title .title-wrapper { position: absolute; bottom: 100px; left: 0; right: 0; z-index: 5; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: rgba(255, 255, 255, 0.7); padding: 30px 10px; max-width: 900px; width: 100% }
body.bg .main-img, body.bg .main-bg { display: none }
body.page_index #page-title { display: none }
body.meet #page-title .title-wrapper { flex: 0 1 610px }
body.page_index #page-title { display: none }
.why { text-align: center; padding: 30px 0 20px; margin: 80px auto; max-width: 1120px; background-color: #30A9DE }
.why h2 { color: #272727; font-family: 'Roboto Condensed', sans-serif; font-size: 64px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.2; text-align: center; background-color: #f5f5f5; padding: 30px 10px; max-width: 1200px; margin: 0 auto }
.why h2 span { display: block; color: #30A9DE; font-family: 'Roboto', sans-serif; font-size: 97px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.04; margin: -30px auto }
.why ul { margin: 0 auto 0; padding: 0; max-width: 1200px; display: flex; flex-flow: row wrap; justify-content: space-around }
.why ul li { text-align: center; margin: 0; flex: 0 1 260px; max-width: 260px; padding: 55px 0px; margin: 5px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 500; font-style: normal; letter-spacing: normal; line-height: 1.76 }
.why ul li:before { content: url(assets/images/why.png); position: static; display: block; margin: 0 auto 10px }
@media (min-width:1300px) {
  .why h2 { margin-left: -200px }
}
.internal-implants { clear: both; justify-content: space-between }
.internal-implants h3 { margin: 30px auto; text-align: center; font-size: 20px }
.internal-implants div { flex: 0 1 360px; padding: 25px 10px; margin: 5px }
.internal-implants div p { margin: 20px auto; max-width: 280px; text-align: center }
@media (max-width:1200px) {
  .internal-implants, #why ul { justify-content: space-around }
}
.next, .prev { cursor: pointer; z-index: 300 }
.contact-us iframe { width: 100% }
.hours label { display: inline-block; width: 110px; text-align: left }
.contact-us h2, .contact-us h3 { text-align: left; font-size: 20px }
.contact-us h3 { font-size: 18px }
.contact-us>div { display: inline-block; vertical-align: top; max-width: 45%; width: 100% }
.contact-us { display: block; max-width: 100%; width: auto }
@media screen and (max-width:600px) {
  .contact-us>div { display: table; margin: 20px auto; width: auto; max-width: 100%; }
}
main ul { overflow: hidden; column-count: 1; -moz-column-count: 1;}
main ul>li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.76 }
main ul>li:before { content: '\e832'; font-family: Fontello; color: #003B7E; position: absolute; top: 0px; left: 0 }
.pager { margin: 0 auto; display: flex; align-items: center; justify-content: space-between }
.pager span { display: inline-block; margin: 0 10px; vertical-align: middle; border-radius: 50%; width: 12px; height: 12px; transition: all .3s; background-color: transparent; border: 1px solid #003B7E; box-shadow: none; position: relative }
.pager .cycle-pager-active span { background-color: #003B7E }
.prev, .next { color: white; width: 65px; height: 65px; text-align: center; box-sizing: border-box; z-index: 100; line-height: 65px; border-radius: 50%; border: 2px solid #003B7E }
.prev:hover, .next:hover { background-color: #30A9DE }
.prev:hover svg path, .next:hover svg path { stroke: #fff }
.controls { z-index: 360; align-items: center; justify-content: space-between; margin: 0px auto; display: flex; position: relative }
@media (max-width:600px) {
  .pager { margin: 0 auto }
}
.cls-1, cls-1.per { stroke: #252525; stroke-miterlimit: 10; stroke-width: .75px !important; fill: #fff }
.cls-2, .cls-3 { fill: #fff }
.cls-2, .cls-3, .cls-4 { stroke: #30A9DE }
.filler.cls-2, .filler.cls-1 { fill: #fff !important }
.thinner .cls-1 { stroke-width: .1px !important; fill: #252525 }
.thinner .cls-2 { stroke-width: .1px !important; fill: #30A9DE }
.thinner .cls-2, .thinner .cls-3 { stroke-width: .5px }
.stroker .cls-2, .stroker .cls-3 { stroke-width: .4px !important }
.page_request-an-appointment #page-title { display: none!important; }
@media (max-width:750px) {
  .safe-page { letter-spacing: 0 }
  #safety .flex-ed { display: block; text-align: center }
  .covid-icon { margin: 20px auto }
  #safety h3 { text-align: center }
  #safety h3:after { margin: 10px auto }
}
@media (max-width:590px) {
  #safety h3 { font-size: 28px }
}
.accordion>div { display: none; padding: 10px 25px }
.accordion .toogle:after { content: url(assets/images/faq-plus.png); cursor: pointer; transition: background-color .3s; line-height: 17px; color: #003B7E; font-style: normal; margin-left: auto }
.accordion .toogle.active:after { content: url(assets/images/faq-minus.png) }
.accordion div { position: relative }
.accordion .toogle { border-bottom: 1px solid #868686; padding: 20px 10px; font-weight: 400; text-transform: none; position: relative; cursor: pointer; transition: color .3s; text-align: left; color: #272727; font-family: "'Roboto', sans-serif"; font-size: 32px; font-weight: 400; font-style: normal; letter-spacing: normal; line-height: 1.31; display: flex; align-items: center; justify-content: space-around; text-align: left; margin: 0 auto }
.accordion .toogle:hover { color: #30A9DE }
.accordion p { margin-left: 20px; position: relative }
@media (max-width:520px) {
  .accordion p { margin: 10px auto }
}
.divider-body, .meet-center { padding: 20px 0; position: relative }
.divider-body h2:first-of-type { margin-top: 0px }
.divider-body, .first-divider { padding: 20px 0; position: relative }
.divider-body h2:first-of-type { margin-top: 0px }
.divider-body figure { margin: 0 auto; position: relative }
.divider-body article { padding: 10px; margin: 0 auto }
.divider-body:nth-child(even) .clearfix, .page-divider.odd .divider-body .clearfix { flex-direction: row-reverse }
.page-divider.alt .divider-body .clearfix { flex-direction: row }
.divider-flex { clear: both; justify-content: space-between; flex: 1 1 100%; margin: 0 auto; max-width: 1060px }
.divider-flex h3 { margin: 0 auto 10px; padding: 0px 0; position: relative }
.divider-flex>div { margin: 30px 0; display: flex; align-items: flex-start; justify-content: space-between; max-width: 915px }
.divider-flex>div div { flex: 0 1 580px; margin: 0 auto 0 }
.divider-flex img { margin: 0; order: -1; margin-right: 20px; }
@media screen and (max-width:800px) {
  .divider-flex>div { display: block }
  .divider-flex>div img { margin: 0 auto }
}
@media (min-width:1023px) {
  .divider-body.no-img article, .divider-body.no-img article>div { flex: 0 1 auto; max-width: 100% }
  .divider-body.no-img article>div { max-width: 980px; margin: 0 auto }
  .divider-body .clearfix, .first-divider { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto }
  .divider-body article { flex: 0 1 500px; padding: 10px; margin: 0 auto }
  .divider-body article>div { max-width: 600px; margin: 0 auto }
  .divider-body figure { margin: 0 }
  .divider-body { margin: 30px auto }
  .page-divider:not(.meet) .divider-body:nth-of-type(odd) figure:after { content: url(assets/images/divider-deco.png); position: absolute; right: 30px; bottom: -70px }
  .divider-body:nth-of-type(odd):after { content: ''; position: absolute; display: block; z-index: -1; background-color: #ffffff; left: -9999px; right: calc(100% - 1005px); top: 0; bottom: 0 }
  .divider-body:nth-of-type(even):after { content: ''; position: absolute; display: block; z-index: -1; background-color: #ffffff; right: -9999px; left: calc(100% - 1005px); top: 0; bottom: 0 }
  .meet .divider-body:nth-of-type(odd):after { right: -9999px }
  .meet .divider-body:nth-of-type(even):after, .divider-body.no-img:after { content: none }
}
.btn { display: inline-block; position: relative; margin: 8px; padding: 14px 10px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; line-height: 2; min-width: 275px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #003B7E; border: none; border-radius: 6px }
.btn:hover { background: #30A9DE; color: #fff }
.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 14px 10px; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; line-height: 2; min-width: 275px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #fff; border: none; border-radius: 6px; color: #003B7E }
.btn-alt:hover { background: #003B7E; color: #fff }
.styled-form { margin-top: 15px; font-size: 16px; text-align: left }
.styled-form .drei { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }
.styled-form .drei+.drei { margin-top: 5px }
.styled-form .input-content, .styled-form .inline { width: calc(100% / 3 - 5px); min-height: 52px }
.styled-form .four-col .inline{width:calc(100% / 4 - 5px)}
.styled-form .inline, .input-content { background-color: #fff }
.input__label-content strong, .input__label-content strong a { color: #fff }
.input-content, .styled-form .inline label, .styled-form .inline, .input--filled .input__label .input__label-content strong, .input--filled .input__label .input__label-content a { color: #272727 !important }
.styled-form .drei:first-of-type { line-height: 1 !important }
.styled-form .inline { box-sizing: border-box; padding: 8px 16px }
.styled-form .inline span input { margin-right: 4px }
.styled-form .inline span { display: block; line-height: 1.4 }
.styled-form .hear { margin: 5px 0 }
.styled-form .hear label { display: inline-block; margin-right: 8px }
.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }
.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px }
.input-content { position: relative; z-index: 1; overflow: hidden }
.input__field { -webkit-appearance: none; position: absolute; z-index: 2; display: block; float: right; border: none; border-radius: 0; padding: 0 14px; margin-top: 1.2em; height: 29px; width: 100%; background: transparent; color: #272727 }
.input__field { outline: none }
.input__label { display: inline-block; float: right; padding: 0; width: 100%; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.input__label::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid transparent; -webkit-transition: border-width 0.3s, border-color 0.3s; transition: border-width 0.3s, border-color 0.3s }
.input__label-content { box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s }
.input__label-content strong { float: right; font-weight: 300 }
.input__field+.input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #003B7E; border-top-width: 1.2em }
.input__field+.input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 14px; padding: .85em 1em; -webkit-transform: translate3d(0, -0.65em, 0); transform: translate3d(0, -0.65em, 0) }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important }
.styled-form .inline textarea { color: #000; padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px }
.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }
@media (max-width:650px) {
  .styled-form .input-content, .styled-form .inline { width: 100%!important; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.2196078431) }
  .styled-form .input-content+.input-content { margin-top: 5px }
  .styled-form .inline.wide { width: 100%; margin-top: 5px }
}
.simple { line-height: 1; text-align: center; padding: 30px 10px; max-width: 700px; margin: 30px auto }
.simple input, .simple textarea { border: 0; outline: 0; padding: 0 12px; height: 42px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: #30A9DE }
.simple textarea { height: 140px !important; padding: 12px }
.form-input::-webkit-input-placeholder { color: #fff }
.form-input:-moz-placeholder { color: #fff }
.form-input::-moz-placeholder { color: #fff }
.form-input:-ms-input-placeholder { color: #fff }

.contain { max-width: 1200px; margin: 0 auto }
.split>div { display: flex; justify-content: space-around; align-items: center }
.split figure, .split article { margin: 0 }
.split figure { flex: 0 1 auto; position: relative }
.split.alt figure { order: -1 }
.split article { flex: 0 1 350px; padding: 10px }
main h1 { position: relative }
.social { font-size: 0; text-align: center; display: block }
.social a { display: inline-block; color: #003B7E; vertical-align: middle; font-size: 24px; width: 32px; height: 32px; background-color: transparent; border-radius: 50%; text-align: center }
.social a i:before { display: block; margin: 0 auto; width: 32px; line-height: 32px }
.social a+a { margin-left: 16px }
.social .fb:hover { color: #4d70a8 }
.social .gp:hover { color: #dc4e41 }
.social .in:hover { color: #125688 }
.social .tw:hover { color: #00aced }
.social .yp:hover { color: #b62717 }
.social a:hover { color: #fff; border-color: transparent }
@media (min-width:1000px) {
  a[name]:before { height: 200px; margin-top: -200px; display: inline-block; content: ""; visibility: hidden }
}
@media (max-width:860px) {
  a[name]:before { height: 95px; margin-top: -95px; display: block; content: ""; visibility: hidden }
}

#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 510 }
#fixed-tabs a { font-size: 15px; background-color: #2b2b29; color: #fff; position: relative; overflow: hidden; transition: width .3s }
#fixed-tabs i { font-size: 16px }
#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important }
#fixed-tabs em { font-size: 10px; font-style: normal; margin-top: 8px; display: none; font-weight: 600; text-transform: uppercase }
#fixed-tabs strong { font-weight: 300 }
#fixed-tabs .ra { background-color: #ff6633 !important; flex: 2 }
#fixed-tabs .fb { background-color: #3b5998 }
#fixed-tabs .so { background-color: #84bd00 }
#fixed-tabs .gp { background-color: #dd4b39 }
#fixed-tabs .map { background-color: #30A9DE }
#fixed-tabs .call, #fixed-tabs .map { display: none }
@media (min-width:1025px) {
  #fixed-tabs { position: absolute; top: 214px; display: none }
  #fixed-tabs a { display: block; text-align: left; margin-left: auto }
  #fixed-tabs a+a { margin-top: 8px }
  #fixed-tabs a span { display: block }
  #fixed-tabs a span:first-child { text-align: center; padding: 7px 0 }
  #fixed-tabs a span:last-child { position: absolute; left: 80px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: width .3s; transition: width .3s }
  #fixed-tabs a, #fixed-tabs a span:first-child { width: 56px }
  #fixed-tabs a:hover { width: 250px }
  #fixed-tabs i { font-size: 20px }
  #fixed-tabs em { display: block }
  .scrolled #fixed-tabs i { font-size: 16px }
  #fixed-tabs .fb:hover { background-color: #3b5998 !important }
  #fixed-tabs .so:hover { background-color: #84bd00 !important }
  #fixed-tabs .gp:hover { background-color: #dd4b39 !important }
}
@media (min-width:1280px) {
  #fixed-tabs { position: fixed; top: 245px }
}
@media (max-width:1024px) {
  #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
  header .ra { display: none }
  #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
  #fixed-tabs a span { display: inline-block; vertical-align: middle }
  #fixed-tabs a span:last-child { margin-left: 7px }
  #fixed-tabs a strong { display: none }
  footer { padding-bottom: 41px !important }
  .mean-container .mean-nav { bottom: 41px }
}
@media (max-width:768px) {
  #fixed-tabs .call, #fixed-tabs .map { display: block }
  #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp, #fixed-tabs a.fm { display: none }
}
.fo-form { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); position: relative; z-index: 5; background-color: #ffffff; width: 100%; max-width: 694px; margin: 0 auto; padding: 18px 10px; margin-bottom: 70px; margin-right: -100px }
.fo-form>div { max-width: 635px; margin: 0 auto }
.fo-form form { max-width: 1260px; width: 100%; min-height: 105px; margin: 0 auto; padding: 10px; z-index: 1; position: relative; text-transform: uppercase; font-weight: 900 }
.fo-form input, .fo-form textarea { display: block; width: 100%; color: #272727; padding-left: 10px; box-sizing: border-box; font-size: 16px; outline: none; border-bottom: 1px solid #868686 }
.fo-form input { min-height: 50px; margin: 10px 0px }
::-webkit-input-placeholder { color: #272727; opacity: 1 }
::-moz-placeholder { color: #272727; opacity: 1 }
:-ms-input-placeholder { color: #272727; opacity: 1 }
:-moz-placeholder { color: #272727; opacity: 1 }
.fo-form textarea { resize: none; height: 85px }
.fo-form .btn { min-width: 219px }
.ra-bar { padding: 125px 10px; text-align: center; background-color: #30A9DE }
.ra-bar .text-white { color: #fff }
.ra-bar .h2 { margin-bottom: 30px }
.ra-bar .h2 span { margin: -20px auto 0 }

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {
  .split>div { display: block }
  .fo-social .social{text-align: left;}
}
@media screen and (max-width:768px) {
      main, .contact-us h2, .contact-us h3 { text-align: center }
  h1, #page-title h1, #page-title h1+h2, h2, .h2, .why h2 { font-size: 40px; line-height: 1.2 }
  #page-title h1 span, #page-title h1+h2 span, .h2 span, .why h2 span { font-size: 70px; margin: -10px auto }
  h3 { font-size: 25px; line-height: 1.2 }
  .ra-bar .h2 span{margin: 10px auto;}
  body.bg #page-title{background: #30A9DE !important; min-height: auto;}
  body.bg #page-title .title-wrapper{position: static; transform: none;}
  .why ul li, .map-form{padding: 0;}
  .accordion .toogle{font-size: 20px;}
}
@media screen and (max-width:600px) {

  .animated, .wow { transition-property: none !important; transform: none !important; animation: none !important; visibility: visible !important }
  .btn, .btn-alt { width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto }
}

/*# sourceMappingURL=styles.css.map */