@charset "UTF-8";
@font-face {
  font-family: "Saol Display";
  src: url("../fonts/SaolDisplay-Light.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  background-color: #2f2f2f;
  position: relative;
  color: #eeedec;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.81;
  counter-reset: section;
  overflow-x: hidden;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: #a27c3b;
}
a:hover {
  color: #3ebea8;
}
hr {
  position: relative;
  display: table;
  clear: both;
  margin: 40px auto;
  width: 100%;
  height: 1px;
  background-color: #3ebea8;
}
*:focus,
a:focus,
button:focus,
input:focus {
  outline-width: medium;
  outline-color: #a27c3b !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  position: relative;
}
#page-title h1,
.h1 small {
  color: #303030;
  font-family: "Saol Display", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.4px;
  line-height: 1.43;
  display: block;
  margin: 10px auto;
  text-transform: uppercase;
}
#page-title h1:only-child,
h2#append,
.h1 {
  color: #000;
  font-family: "Saol Display", serif;
  font-size: 65px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1.63px;
  line-height: 1;
}
h2,
.h2,
.dividerLead,
.more-to-explore span {
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 34px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.12;
  position: relative;
}
h3,
.h3 {
  display: block;
  position: relative;
  color: #239c9e;
  font-family: "Saol Display", serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.36;
}
.h4,
.toggle h2,
.toggle h3 {
  color: #303030;
  display: block;
  position: relative;
  font: 400 24px/1.25 "Lato", sans-serif;
}
.more-to-explore span {
  color: #303030;
  font-family: "Saol Display", serif;
  font-size: 65px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1.63px;
  line-height: 1;
}
.fo-title {
  color: #a0a0a0;
  font-family: "Saol Display", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.4px;
  line-height: 1.43;
  display: block;
  text-transform: uppercase;
}
.text-white,
.h1 small.text-white {
  color: #fff;
}
.text-dark,
.h1 small.text-dark {
  color: #303030;
}
[class^="btn"] {
  position: relative;
  z-index: auto;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: 0.3s all;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 0.94;
  min-width: 285px;
  margin: 10px;
  padding: 16px 10px;
  background-color: #a27c3b;
  z-index: auto;
}
[class^="btn"]:after {
  content: "\e844";
  font-family: Fontello;
  margin-left: 4px;
}
[class^="btn"]:before {
  content: "";
  border: 1px solid #239c9e;
  position: absolute;
  top: 4px;
  left: 4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
}
[class^="btn"]:hover {
  background-color: #3ebea8;
  color: #fff;
}
.btn-alt {
  background-color: #303030;
  color: #fff;
}
.btn-alt:hover {
  background-color: #a27c3b;
  color: #fff;
}
.btn-thr {
  background-color: #fff;
  color: #303030;
}
.btn-thr:after {
  color: #a27c3b;
}
.btn-thr:hover {
  background-color: #a27c3b;
  color: #fff;
}
.btn-thr:hover:after {
  color: #fff;
}
header {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #303030;
  transition: 0.3s all;
}
header:focus-within {
  z-index: 500;
}
header .logo {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  line-height: 1;
}
header .logo span {
  font-family: "Saol Display", serif;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1.63px;
  margin-left: 15px;
  color: #fff;
  letter-spacing: 4px;
}
header .logo span small {
  color: #a37c3d;
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  letter-spacing: 8px;
}
header .pho {
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 0.61;
  position: relative;
  display: table;
  margin: auto;
}
header .phy {
  margin-right: 10px;
  display: block;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 1.38;
}
header .pho:hover,
header .phy:hover {
  color: #3ebea8;
}
header .phy i,
header .pho i {
  color: #9d7c3f;
  font-family: fontello;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
}
header .phy i,
header .phy span {
  display: inline-block;
  vertical-align: top;
}
header li a {
  font-weight: 400;
  font-family: "Lato", sans-serif;
}
header nav .active {
  box-shadow: inset 0 -3px 0 0 #a27c3b;
}
.top-info {
  display: flex;
  align-items: center;
  margin-right: 10px;
  justify-content: flex-end;
}
.top-btns {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 240px;
  justify-content: space-between;
}
.top-btns .ra {
  flex: 1 1 100%;
  padding: 16px 10px;
  margin-bottom: 8px;
}
.top-btns .ra:after {
  content: none;
}
.top-btns .fm,
.top-btns .of {
  flex: 1 1 100%;
  color: #fff;
  background-color: #2f2f2f;
  padding: 5px;
}
.top-btns .fm i {
  color: #239c9e;
}
.top-btns .fm:before,
.top-btns .fm:after,
.top-btns .of:before,
.top-btns .of:after {
  content: none;
}
.top-btns .fm:hover,
.top-btns .of:hover {
  background-color: #a27c3b;
}
#main-nav {
  background-color: #000;
}
@media (min-width: 1026px) {
  .place-nav {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  nav {
    flex: 0 1 1050px;
  }
  nav,
  nav ul li,
  nav ul li a {
    position: relative;
  }
  nav > ul {
    padding: 0;
    max-width: 1300px;
    margin: auto;
  }
  nav ul {
    margin: auto;
    list-style: none;
    display: flex;
    justify-content: space-around;
  }
  nav ul li a {
    display: block;
    color: #fff;
  }
  nav ul li a:hover {
    color: #fff;
  }
  nav > ul > li {
    flex: 1 1 auto;
    text-align: center;
  }
  nav > ul > li:last-of-type:after {
    display: none;
  }
  nav > ul > li > a {
    padding: 6px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
  }
  nav > ul > li > a button {
    color: #a27c3b;
  }
  nav > ul > li > a span {
    color: #303030;
  }
  nav > ul > li:hover > a {
    color: #a27c3b;
  }
  nav ul li:hover > ul {
    display: block;
    visibility: visible;
    animation-name: fadeIn;
    animation-duration: 0.25s;
    animation-fill-mode: both;
  }
  nav ul ul {
    display: none;
    min-width: 280px;
    width: 100%;
    padding: 0;
    position: absolute;
    z-index: 3;
    left: 0;
    text-align: left;
    background-color: #a27c3b;
    box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2);
  }
  nav > ul > li:last-child ul {
    right: 0;
    left: auto;
  }
  nav ul ul li > a {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.3;
    text-transform: none;
  }
  nav ul ul li:hover > a {
    background-color: #1e8186;
    color: #fff;
  }
  nav ul ul ul {
    left: 100%;
    top: 0;
    background-color: #3ebea8;
  }
  nav ul ul ul li button i:before {
    content: "\e825" !important;
  }
  nav ul ul ul ul {
    top: auto;
    left: 0px;
    position: relative;
    display: block;
    box-shadow: none;
    background-color: #319886;
  }
  nav ul ul ul ul li a {
    padding-left: 2em;
    padding-left: 2em;
  }
  nav ul ul ul ul li a {
    background-color: #349f8d;
  }
  nav ul ul ul ul li:hover a {
    background-color: #15595c;
  }
  .has-submenu span > a,
  .has-submenu button {
    display: inline-block;
  }
  .has-submenu.open > ul {
    display: block;
  }
  .has-submenu.open > ul *:focus {
    background-color: rgba(255, 255, 255, 0.2);
  }
  nav li button {
    display: inline-block;
  }
}
.fix-nav header {
  position: fixed !important;
  box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35);
  animation-duration: 1s;
  animation-fill-mode: both;
  z-index: 500;
}
.fix-nav #hd-top,
.fix-nav .fm,
.fix-nav .of {
  display: none;
}
@media (max-width: 1025px) {
  #hd-top {
    display: none;
  }
  .top-info {
    display: flex;
    align-items: center;
    margin-right: 10px;
    justify-content: flex-end;
    text-align: center;
  }
  header .pho {
    font-size: 30px;
  }
  header .logo {
    padding: 8px;
  }
  header .logo img {
    max-height: 60px;
  }
  #main-nav,
  header .top-btns,
  header [class^="btn"] {
    display: none;
  }
  .nav-down {
    box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2);
  }
  .nav-up {
    transform: translateY(-100%);
  }
  header nav ul {
    display: none;
  }
  body,
  header,
  .mean-container .mean-nav {
    transition: all 0.3s;
  }
  body {
    right: 0;
  }
  .attach header {
    position: fixed !important;
    box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35);
  }
  .attach header .top-nav {
    display: none !important;
  }
  body.mean-active header {
    left: -80%;
  }
  body.mean-active {
    overflow: hidden;
    right: 80%;
  }
  body.mean-active:before {
    z-index: 98;
    content: "";
    opacity: 0.7;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: none;
    height: inherit;
  }
  body.mean-active .mean-container .mean-nav {
    right: 0;
  }
  .mean-container {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
  }
  .mean-container .mean-bar {
    background-color: #1e8186;
    width: 70px;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    margin-left: 8px;
  }
  .mean-container .meanmenu-reveal {
    display: block;
    color: #fff;
  }
  .mean-container a.meanmenu-reveal.meanclose i:before {
    transform: rotate(45deg);
    font-size: 60px;
    content: "+";
    margin: -5px 0 0 8px;
  }
  .mean-container .mean-bar .icon-menu {
    position: relative;
    display: table;
    transition: 0.3s all;
    z-index: 1;
    margin-top: 15px;
  }
  .mean-container .meanmenu-reveal .icon-menu:before {
    font-size: 30px;
    content: "|||";
    transform: rotate(90deg) scaleY(1.6);
    letter-spacing: 3.2px;
  }
  .mean-container .mean-bar .icon-menu:after,
  .mean-container .meanmenu-reveal.meanclose:after {
    content: "MENU";
    font-style: normal;
    position: absolute;
    left: 48%;
    transform: translateX(-50%);
    top: -13px;
    letter-spacing: 1px;
    font-size: 0.55em;
    font-weight: 700;
  }
  .mean-container .meanmenu-reveal.meanclose i:before {
    transform: rotate(45deg);
    font-size: 60px;
    content: "+";
    margin: -5px 0 0 8px;
  }
  .mean-container .meanmenu-reveal.meanclose:after {
    content: "CLOSE";
    bottom: 5px;
  }
  .mean-container .mean-nav {
    position: fixed;
    right: -80%;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    overflow: auto;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    background-color: #1e8186;
  }
  .mean-container .mean-nav ul {
    font-size: 16px;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
  }
  .mean-container .mean-nav ul li {
    position: relative;
    width: 100%;
  }
  .mean-container .mean-nav ul li a {
    display: block;
    padding: 1em 5%;
    padding-right: 58px !important;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-decoration: none;
    text-transform: uppercase;
  }
  .mean-container .mean-nav ul li li a {
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    opacity: 0.75;
    text-shadow: none !important;
    visibility: visible;
  }
  .mean-container .mean-nav ul li.mean-first a {
    border-top: none;
    margin-top: 0;
  }
  .mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
  }
  .mean-container .mean-nav ul li li li a {
    padding: 1em 15%;
  }
  .mean-container .mean-nav ul li li li li a {
    padding: 1em 20%;
  }
  .mean-container .mean-nav ul li li li li li a {
    padding: 1em 25%;
  }
  .mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255, 255, 255, 0.1);
  }
  .mean-container .mean-nav ul li a.mean-expand {
    width: 48px;
    line-height: 50px;
    font-size: 20px;
    padding: 0 !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.1);
    border: none !important;
    border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
  }
  .mean-container .mean-nav ul li a.mean-expand:before {
    content: "\e825";
    font-family: "fontello";
    font-weight: 400;
    margin: 0;
    font-style: normal;
  }
  .mean-container .mean-nav ul li .mean-expand.mean-clicked:before {
    content: "\e83a";
  }
  .mean-remove {
    display: none !important;
  }
  .mean-nav .social {
    min-height: 66px;
    background-color: rgba(0, 0, 9, 0.1);
    margin: 0;
    padding: 10px 5px;
    justify-content: center;
  }
  .mean-nav .fo-title {
    color: #fff;
    text-align: center;
  }
  .mean-nav .hours {
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin: 10px auto auto;
  }
  .mean-nav .hours p {
    display: table;
    text-align: left;
    font-size: 15px;
    margin: 10px auto 0;
    color: #fff;
  }
}
@media (max-width: 900px) {
  header .phy {
    display: none;
  }
}
.play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #303030;
  font: 700 15px/1 "Lato", sans-serif, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
  transition: 0.3s all;
}
.play i {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  color: #303030;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 10px;
  transition: 0.3s all;
}
.play i:before {
  margin: auto;
  padding-left: 5px;
}
.play:hover {
  color: #3ebea8;
}
.play:hover i {
  background-color: #3ebea8;
  color: #fff;
}
[data-embed] .close,
[data-vimeo] .close {
  cursor: pointer;
  line-height: 1;
  background-color: #a27c3b;
  color: #fff;
  padding: 8px;
  text-transform: uppercase;
  z-index: 5;
}
[data-embed] .close i,
[data-vimeo] .close i {
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 5px;
}
[data-embed] .close:focus,
[data-vimeo] .close:focus {
  background-color: #7d5f2d;
}
[data-embed] .close:hover,
[data-vimeo] .close:hover {
  background-color: #1b1b1b;
  color: #fff;
}
[data-embed] .close {
  position: absolute;
  top: 0;
  right: 0;
}
[data-embed] .close i:before {
  transform: rotate(45deg);
}
#text-banner {
  background-color: #fff;
  color: #303030;
  position: relative;
}
#text-banner .top {
  padding: 60px 10px 100px;
  max-width: 1300px;
  margin: 0 auto;
}
#text-banner span.h1 {
  margin-top: 35px;
  display: block;
}
#text-banner .h3 {
  color: #303030;
}
#text-banner article {
  flex: 0 1 400px;
}
#text-banner .banner-controls {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
#text-banner .slick-banner img {
  width: 100%;
}
#text-banner .slick-dots span,
#text-banner .slick-dots a {
  background-color: #3ebea8;
}
#text-banner .slick-initialized .slick-slide {
  display: block;
}
#text-banner .slick-initialized .slick-slide div {
  display: block !important;
}
#make-smiling {
  padding: 125px 10px;
}
#make-smiling .top {
  margin-bottom: 60px;
}
#make-smiling .content {
  max-width: 1160px;
  margin: 0 auto;
}
#make-smiling article {
  flex: 0 1 430px;
  max-width: 430px;
  padding: 5px;
  margin: 0 auto;
}
.split {
  padding: 0 10px;
}
.split .flex-ed {
  max-width: 1600px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.split article {
  flex: 0 1 50%;
  padding: 10px;
}
.split figure {
  flex: 0 1 auto;
}
.split .caption {
  padding: 10px;
  text-align: center;
}
.split .caption a {
  color: #fff;
  padding: 0 5px;
}
.split .caption a:hover {
  color: #a27c3b;
}
.split.playing .flex-ed {
  display: block;
}
#excellent-dentistry {
  position: relative;
}
#excellent-dentistry:after {
  content: "";
  position: absolute;
  height: 130px;
  background-color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#excellent-dentistry .block {
  padding: 100px 0 10px;
  background-color: #fff;
  max-width: 1300px;
  margin: 0 auto;
}
#excellent-dentistry article {
  flex: 0 1 665px;
  margin: 0 auto;
}
#excellent-dentistry figure {
  margin-bottom: -100px;
}
#excellent-dentistry .sig {
  display: flex;
  align-items: flex-end;
  text-align: center;
}
#excellent-dentistry .sig a {
  color: #222;
  font-family: "Saol Display", serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.3px;
  line-height: 1.54;
}
#excellent-dentistry .sig a + a {
  margin-left: 20px;
}
#excellent-dentistry .sig a:hover {
  color: #a27c3b;
}
#affordable-dental {
  position: relative;
  z-index: 5;
  background-color: #000;
}
#affordable-dental:after {
  content: "";
  position: absolute;
  height: 100px;
  background-color: #2f2f2f;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#affordable-dental .block {
  padding: 10px 0 100px;
  background-color: #eeedec;
  max-width: 1300px;
  margin: 0 auto;
}
#affordable-dental article {
  flex: 0 1 425px;
  margin: 0 auto;
}
#affordable-dental figure {
  margin: 0 auto;
  margin-top: -100px;
}
#affordable-dental figcaption {
  text-transform: uppercase;
  color: #222;
  font-family: "Saol Display", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.6px;
  line-height: 1.25;
  display: block;
  margin-top: 18px;
}
#testimonial {
  position: relative;
  background-color: #000;
  padding: 125px 10px;
}
#testimonial article {
  padding: 5px;
  flex: 0 1 435px;
  position: relative;
  z-index: 5;
}
#testimonial figure {
  flex: 0 1 700px;
  position: relative;
}
#testimonial figure img {
  margin: 0;
}
#testimonial figure .block {
  background-color: #303030;
}
#testimonial .slick-reviews {
  margin: 00px auto;
  max-width: 270px;
  flex: 0 1 270px;
}
#testimonial .slick-reviews .slick-slide {
  padding: 10px;
  margin: 0 auto;
}
#testimonial .slick-track {
  align-items: center;
  display: flex;
}
#testimonial author {
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.8px;
  line-height: 1.25;
  text-transform: uppercase;
  text-align: left;
  margin: 10px 0;
  align-items: center;
  justify-content: center;
}
#testimonial author i {
  margin-right: 20px;
  display: block;
}
#testimonial star {
  display: block;
  letter-spacing: 4px;
}
#testimonial .icon-social {
  font-size: 40px;
}
#testimonial .icon-facebook {
  color: #4d70a8;
}
#testimonial .icon-google {
  color: #dc4e41;
}
#testimonial .slick-arrow {
  top: 40%;
}
#testimonial #prev {
  left: -60px;
}
#testimonial #next {
  right: -60px;
}
#testimonial .slick-controls {
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#testimonial .slick-dots {
  flex: 1 1 auto;
  text-align: left;
}
@media (min-width: 1001px) {
  #testimonial .slick-track {
    overflow: visible !important;
  }
  #testimonial .slick-slide {
    opacity: 0.5;
  }
  #testimonial .slick-slide.slick-current {
    opacity: 1;
  }
}
#our-services {
  position: relative;
  padding-bottom: 200px;
}
#our-services:before {
  content: url(../images/services-deco.png);
  position: absolute;
  z-index: -1;
  right: -150px;
  bottom: 300px;
}
#our-services:after {
  content: "";
  position: absolute;
  height: 390px;
  background-color: #000;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#our-services .top {
  max-width: 1160px;
  margin: 0 auto;
  padding: 125px 10px 70px;
}
#our-services .top > div {
  max-width: 710px;
}
#our-services .links {
  max-width: 1190px;
  margin: 0px auto 0;
}
#our-services .links .service-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#our-services .links .slick-arrow {
  position: static;
  transform: none;
}
#our-services .links a {
  flex: 0 1 280px;
  max-width: 280px;
  background-color: #fff;
}
#our-services .links a .title {
  display: block;
  padding: 21px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#our-services .links a i {
  font-size: 65px;
}
#our-services .links a i:before {
  margin: 0 !important;
  width: 20px;
}
#our-services .links a h3 {
  color: #000;
  font-size: 30px;
  flex: 0 0 auto;
}
#our-services .links a h3 small {
  text-transform: uppercase;
  display: block;
  color: #303030;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 1.2px;
}
#our-services .links a.alt {
  position: relative;
}
#our-services .links a.alt .title {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#our-services .links a.alt i {
  color: #fff;
}
#our-services .links a.alt h3 {
  color: #222;
  font-family: Lato;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.65px;
  line-height: 1;
}
#our-services .links a.alt:hover i {
  color: #a27c3b;
}
#find {
  margin: 50px auto;
}
#map {
  position: relative;
  margin: 0;
  flex: 0 1 50%;
}
#map iframe {
  height: 100%;
  width: 100%;
  border: none;
  display: block;
}
#just-smiles {
  padding: 100px 10px 10px;
}
#just-smiles .p54 {
  display: block;
  margin: 40px auto;
  max-width: 655px;
}
#just-smiles .links {
  max-width: 1050px;
  margin: 60px auto -40px;
}
#just-smiles .links a {
  display: block;
  background-color: #9d7c3f;
  flex: 0 1 312px;
  padding: 10px 10px 20px;
}
#just-smiles .links a .img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 60px;
  margin: -45px auto 0;
}
#just-smiles .links a h3 {
  margin-top: 20px;
}
#just-smiles .links a:hover {
  background-color: #3ebea8;
}
#more-information {
  background-color: #fff;
  text-align: center;
  background-image: url(../images/fo-form-bg.png);
  background-size: cover;
  padding: 125px 10px;
}
#more-information #form {
  overflow: hidden;
  margin: 60px auto 0;
  padding: 5px;
  max-width: 420px;
  width: 100%;
}
#more-information #form > div {
  padding: 0;
}
#more-information #form .rotation {
  width: 100%;
}
#more-information #form .input {
  width: 100%;
  background-color: transparent;
  background-color: #303030;
}
#more-information #form .input:before {
  content: "";
  border: 1px solid #239c9e;
  position: absolute;
  top: 4px;
  left: 4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
}
#more-information #form .input > div {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
#more-information #form .warning {
  display: none;
  width: 100%;
  background-color: red;
  color: #fff;
  flex: 1 1 100%;
  margin: 0 auto;
  text-transform: uppercase;
  padding: 3px;
  font-size: 12px;
}
#more-information #form input,
#more-information #form textarea {
  color: #fff;
  width: 100%;
  border: none;
  padding: 10px;
  background-color: transparent;
  display: table;
  height: 49px;
  margin: 0;
}
#more-information #form textarea {
  background-color: transparent;
  border-bottom: 2px solid #fff;
  text-align: left;
  min-height: 100px;
}
#more-information #form .cycle-slide {
  width: 100%;
}
#more-information #form .btn-next {
  background-color: #987d48;
  flex: 0 0 100px;
  height: 49px;
  display: inline-block;
  margin: 0;
  min-width: auto;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.6px;
  line-height: 1.25;
}
#more-information #form .btn-next svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
#more-information #form .btn-next:hover {
  background-color: #3ebea8;
}
#more-information #form .btn-outline {
  margin-top: 10px;
}
#more-information #form .pager {
  margin-top: 10px;
  padding: 0;
  display: block;
}
#more-information #form .pager > span {
  cursor: pointer;
  background-color: #1e8186;
  width: 65px;
  height: 1px;
  background-color: #9d7c3f;
  display: inline-block;
  margin: 30px 0px 0;
}
#more-information #form .pager > span + span {
  margin-left: 15px;
}
#more-information #form .pager .cycle-pager-active {
  height: 6px;
}
#more-information #form::-webkit-input-placeholder {
  color: #fff;
}
#more-information #form:-moz-placeholder {
  color: #fff;
}
#more-information #form::-moz-placeholder {
  color: #fff;
}
#more-information #form:-ms-input-placeholder {
  color: #fff;
}
#assoc-partner {
  background-color: #303030;
  padding: 15px 10px;
}
#assoc-partner .flex-row {
  max-width: 1400px;
  margin: auto;
}
#assoc-partner span {
  padding: 8px;
}
.simple {
  line-height: 1;
  font-size: 0;
  margin: 0 auto;
  text-align: center;
}
.simple input,
.simple textarea {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border: 0;
  border-radius: 0;
  line-height: 1;
  font-size: 18px;
  width: 100%;
  max-width: 100%;
  padding: 0 11px;
  margin-bottom: 10px;
  height: 45px;
  color: #a27c3b;
  background-color: #eee;
}
.simple textarea {
  height: 130px;
  padding: 14px 11px;
}
.simple input:focus,
.simple textarea:focus {
  outline: 0;
  background-color: #e7f0f6;
  color: #a27c3b;
}
::placeholder {
  color: #303030;
}
::-webkit-input-placeholder {
  color: #303030;
}
.social {
  font-size: 0;
  text-align: center;
  margin: 10px auto;
  display: flex;
  justify-content: space-around;
}
.social a {
  background-color: #fff;
  position: relative;
  display: inline-block;
  margin: 5px;
  font-size: 16px;
  color: #2f2f2f;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
}
.social .fb:hover {
  background-color: #4d70a8;
}
.social .gp:hover {
  background-color: #dc4e41;
}
.social .yp:hover {
  background-color: #b62717;
}
.social .yt:hover {
  background-color: #d00;
}
.social .in:hover {
  background-color: #c13584;
}
.social .tw:hover {
  background-color: #00aced;
}
.social .hl:hover {
  background-color: #0202ea;
}
.social a:hover {
  color: #fff;
  background-color: #fff;
}
footer {
  background-color: #000;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #3ebea8;
}
footer .logo {
  display: block;
  margin-bottom: 10px;
}
footer .pho {
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 0.57;
  margin: 10px auto;
  display: block;
}
footer .phy {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 1.38;
  margin: 20px auto;
  display: block;
}
footer .phy i,
footer .phy span {
  display: inline-block;
  vertical-align: top;
}
footer .pho i {
  display: inline-block;
  color: #9d7c3f;
  font-family: fontello;
  font-size: 24px;
}
footer .phy i {
  color: #9d7c3f;
  font-family: fontello;
  font-size: 15px;
  font-weight: 400;
}
footer .pho:hover,
footer .phy:hover {
  color: #9d7c3f;
}
footer .hours {
  margin: 20px 0;
}
footer .hours p {
  color: #fff;
}
footer .social {
  display: table;
}
footer .social a:first-of-type {
  margin-left: 0;
}
#fo-contents {
  display: flex;
  justify-content: space-around;
  margin: auto;
  position: relative;
  max-width: 1360px;
  padding: 100px 10px 50px;
}
.fo-info {
  flex: 0 1 auto;
}
#copy-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1300px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #a0a0a0;
  font-family: "Saol Display", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1.4px;
  padding: 20px 0;
  text-align: center;
}
#copy-right a {
  color: #a0a0a0;
}
#copy-right a:hover {
  color: #a27c3b;
}
#copy-right div + div span {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
#copy-right img {
  display: inline-block;
  vertical-align: middle;
}
.slick-controls {
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 1000px;
  margin: 10px auto;
}
.slick-arrow {
  color: #a27c3b;
  font-family: fontello;
  font-size: 65px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
.slick-arrow i {
  margin-left: -4px;
}
.slick-arrow:hover {
  color: #3ebea8;
}
#next {
  left: auto;
  right: 5px;
  order: 2;
}
#next i {
  margin-left: 4px;
}
.slick-dots {
  line-height: 1;
  margin-top: 10px;
}
.slick-dots li {
  line-height: 1;
}
.slick-dots span,
.slick-dots a {
  cursor: pointer;
  background-color: #1e8186;
  width: 65px;
  height: 1px;
  background-color: #9d7c3f;
  display: inline-block;
  margin: 0 0px;
}
.slick-dots .slick-active span,
.slick-dots .slick-active a {
  height: 6px;
}
.pagingInfo {
  font-size: 34px;
  font-family: "Saol Display", serif;
}
.gallery {
  max-width: 1050px;
  margin: 40px auto;
  padding: 0 60px;
  position: relative;
}
.gallery .slick-arrow {
  top: 45%;
}
.slick-gallery {
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.slick-gallery article .flex-ed {
  justify-content: space-around;
}
.slick-gallery article .flex-ed span {
  margin: 10px;
  position: relative;
  padding-bottom: 40px;
}
.slick-gallery article .flex-ed span img {
  width: 100%;
}
.slick-gallery article .flex-ed span:after {
  content: "Before";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  margin: auto;
  color: #303030;
  font: 400 18px/1.2 "Lato", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
.slick-gallery article .flex-ed span:last-of-type:after {
  content: "After";
}
.slick-gallery article div p {
  display: block;
}
.slick-gallery figcaption {
  margin: 5px auto;
}
@media (max-width: 700px) {
  .gallery {
    padding: 10px;
  }
  .gallery .slick-arrow {
    position: relative;
    display: inline-flex;
    transform: none;
    top: auto;
    margin: 0;
  }
  .gallery article .flex-ed {
    flex-wrap: wrap;
  }
  .gallery article .flex-ed > div {
    flex: 1 1 100%;
  }
  .gallery article .flex-ed span {
    margin-bottom: 40px;
    flex: 1 1 100%;
  }
}
.why {
  padding: 117px 10px 60px;
  position: relative;
  counter-reset: why-section;
}
.why h2 {
  text-align: center;
  font-size: 30px;
}
.why ul {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  align-items: flex-start;
}
.why ul li {
  max-width: 280px;
  flex: 1 1 33%;
  padding: 0;
  margin: 10px;
  width: 100%;
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.41;
  overflow: visible;
}
.why ul li span {
  max-width: 95%;
  margin: 0 auto;
}
.why ul li:before {
  content: "";
  position: static;
  display: block;
  counter-increment: why-section;
  content: counter(why-section) ".";
  position: relative;
  margin: 0 auto 10px;
  color: #239c9e;
  font-family: "Saol Display", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 0.46;
  text-align: center;
}
.page-container {
  display: block;
  max-width: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 40px;
}
.container-block {
  position: relative;
  display: table;
  clear: both;
  width: 100%;
  max-width: 100%;
  padding: 60px 10px;
}
.container-block:before {
  content: "";
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.container-block .contain {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.container-block h2 {
  margin-bottom: 20px;
}
.container-block .wrap {
  height: 0;
}
.container-block article {
  margin: auto;
  flex: 0 1 550px;
}
.container-block article p:first-of-type {
  margin-top: 0;
}
.container-block ul li {
  margin-left: 0;
}
.container-block .btn {
  margin-left: 0;
}
.container-block .elem {
  flex: 0 0 auto;
  position: relative;
  z-index: 3;
}
.container-block .elem-right {
  order: 1;
}
.container-block:nth-of-type(even):before {
  background-color: #000;
}
.mini-block-container {
  position: relative;
  margin-top: 50px;
  padding: 100px;
}
.mini-block-container:before {
  content: "";
  background-color: #fff;
  position: absolute;
  left: 0px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.mini-block {
  display: table;
  clear: both;
  padding: 30px 0 0;
  background-color: #fff;
  color: #000;
}
.meet-divider .elem {
  margin-bottom: -100px;
}
.meet-school {
  padding: 150px 0 100px;
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
.meet-school:before {
  content: "";
  background-color: #000;
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.meet-school figure {
  position: relative;
  display: table;
  margin: 0 auto;
}
.meet-school figure .logo {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.meet-slick {
  flex: 0 1 480px;
  max-width: 480px;
}
.meet-gal .slick-arrow {
  position: static;
  transform: none;
}
.meet-gal .slick-dots {
  display: none !important;
}
.more-to-explore {
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 125px 10px;
  background-color: #fff;
  background-image: url(../images/more-bg.png);
}
.more-to-explore p {
  position: relative;
  z-index: 5;
  padding: 10px;
  margin: auto;
  max-width: 1150px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.more-to-explore [class^="btn"] {
  min-width: 350px;
  margin: 5px;
}
body.page_our-services #page {
  max-width: 1400px;
}
.services-grid {
  position: relative;
  text-align: center;
  max-width: 1340px;
  width: 100%;
  margin: 0 auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;
}
.services-grid > div {
  vertical-align: top;
  margin: 10px auto;
  background-color: #ffffff;
  text-align: left;
  flex: 0 1 430px;
  max-width: 430px;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.services-grid > div > a {
  display: block;
  position: relative;
  transition: 0.3s;
}
.services-grid article {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 11;
}
.services-grid .img {
  position: relative;
}
.services-grid .img img {
  position: relative;
  z-index: 5;
}
.services-grid .img .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  z-index: 10;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 30px 10px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-family: "Saol Display", serif;
  font-size: 34px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
}
.services-grid .img .title small {
  display: block;
  font-size: 34px;
}
.services-grid .img .title:after {
  content: "\e81a";
  font-family: Fontello;
  color: #9d7c3f;
  font-family: fontello;
  font-size: 65px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 0.57;
}
.services-grid > div.small .img .title {
  font-size: 18px;
}
.services-grid > div:hover .title {
  opacity: 0;
}
.services-grid > div:hover article {
  opacity: 1;
}
.services-grid > div a:hover h3 {
  color: #3ebea8;
}
.services-grid h3 {
  display: block;
  padding: 30px 10px;
  color: #000;
  font-family: "Saol Display", serif;
  font-size: 34px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
}
.services-grid h3 small {
  display: block;
}
.services-grid ul {
  vertical-align: top;
  padding: 10px;
  padding-bottom: 10px;
  margin: 0 auto;
  list-style: none;
  -webkit-column-count: 1;
  column-count: 1;
  margin: 20px auto 0;
}
.services-grid ul li {
  margin: 0;
  line-height: 1;
  position: relative;
  padding: 0;
  margin-bottom: 20px;
}
.services-grid ul li:before {
  content: none;
}
.services-grid li a {
  display: block;
  font-size: 20px;
  color: #000;
  line-height: 1.25;
}
.services-grid li a:hover {
  color: #239c9e;
}
.services-grid > div.alt .title {
  background-color: rgba(152, 125, 72, 0.9);
}
.services-grid > div.alt .title:after {
  color: #000;
}
.services-grid > div.alt article {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
#page {
  position: relative;
  display: block;
  width: 100%;
  margin: auto;
  padding: 30px 10px;
  max-width: 1280px;
  clear: both;
}
#page.has_divider {
  padding-bottom: 0;
}
.page_index .internal {
  display: none;
}
.center {
  text-align: center;
}
main {
  overflow: hidden;
}
main ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  text-align: left;
  overflow: hidden;
}
main ul li {
  position: relative;
  display: block;
  margin: 0 0 10px 26px;
  padding-left: 24px;
  line-height: 1.6;
  overflow: hidden;
}
main ul li:before {
  content: "\e832";
  color: #a27c3b;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9em;
}
@media (min-width: 800px) {
  ul.two {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 750px) {
  main ul li {
    margin-left: 10px;
  }
  .elem-left,
  .elem-right,
  .container-block .elem-left,
  .container-block .elem-right {
    display: table;
    float: none;
    margin: 20px auto;
    max-width: 100%;
  }
}
#inner-banner {
  background-color: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
#inner-banner .contain {
  max-width: 1200px;
  margin: auto;
  width: 100%;
  flex: 0 1 50%;
  padding: 50px 20px;
}
#inner-banner .flex-title {
  text-align: left;
  max-width: 1500px;
  margin: auto;
}
#inner-banner .flex-title .contain {
  max-width: 45%;
  margin: auto;
}
#inner-banner .bg {
  height: 434px;
}
#page-title {
  position: relative;
  margin: auto;
}
.flex-title {
  height: 100%;
  padding: 100px 0;
}
.flex-title #page-title {
  text-align: left;
  margin: auto;
}
#intro {
  margin: 0 auto;
}
#main-img {
  order: -1;
}
body.meet-dr #inner-banner .bg {
  display: none;
}
.landing {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
}
.landing a {
  flex: 0 1 320px;
  margin: 10px auto 20px;
  text-align: center;
}
.landing a h3 {
  padding: 20px 10px;
  background-color: #fff;
  color: #000;
  font-family: "Saol Display", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.08;
  text-transform: none;
  transition: 0.3s all;
}
.landing a:hover h3 {
  background-color: #3ebea8;
  color: #fff;
}
#refer {
  background: #3ebea8;
  margin: 40px auto;
  max-width: 700px;
  padding: 40px 20px 30px;
}
#refer .simple {
  max-width: 650px;
  margin: auto;
}
#accordion-wrapper {
  background-color: #303030;
}
.accordion .toggle {
  border: 1px solid #2f2f2f;
  background-color: #a27c3b;
  cursor: pointer;
  padding: 15px 40px 15px 10px;
  position: relative;
  margin: 0px 0 0;
  text-align: left;
}
#accordion-wrapper .accordion .toggle.active,
#accordion-wrapper .accordion .toggle:hover {
  background-color: #fff;
  color: #fff;
}
#accordion-wrapper .toggle span {
  margin-top: 2px;
  text-align: left;
  color: #000;
  font-family: "Saol Display", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.27;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.33;
}
@media screen and (min-width: 1001px) {
  #accordion-wrapper {
    display: flex;
    align-items: center;
  }
  #accordion-wrapper .accordion {
    max-width: 560px;
    flex: 0 1 55%;
  }
  #accordion-wrapper .accordion .toggle + .accordion-content {
    display: none !important;
  }
  #accordion-wrapper .accordion-show {
    max-width: 610px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px 10px;
    transition: 0.3s;
    color: #fff;
    align-self: stretch;
    flex: 0 1 610px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  #accordion-wrapper .accordion-show .toggle span {
    color: #fff;
    font-family: "Saol Display", serif;
    font-size: 34px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.12;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.07;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.25;
  }
  #accordion-wrapper .accordion-show p {
    max-width: 90%;
    margin: 10px auto;
    font-weight: 300;
  }
  #accordion-wrapper .accordion-show .accordion-content {
    height: auto !important;
  }
  .accordion .accordion-content {
    display: none;
    padding: 5px 10px;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  .accordion-show {
    display: none;
  }
  .accordion .toggle {
    padding-left: 40px;
  }
  .accordion .toggle:before {
    top: 20px;
    left: 0px;
    font-family: fontello;
    font-weight: 400;
    font-size: 45px;
    color: #a27c3b;
    position: absolute;
    content: "\e825";
  }
  .accordion .toggle.active:before {
    content: "\e83a";
    color: #fff;
  }
  .accordion .toggle.active + div {
    display: block;
  }
  .accordion-content {
    display: none;
  }
  .accordion .accordion-content p {
    color: #fff;
  }
  .accordion .accordion-content p:first-of-type {
    margin-top: 5px;
  }
}
.hours {
  display: table;
  margin: 10px auto;
  text-align: left !important;
}
.hours label {
  width: 120px;
  display: inline-block;
}
.contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  max-width: 1150px;
  margin: 30px auto;
}
.contact h3 {
  margin: 10px auto;
}
.contact p {
  margin: 15px 0 10px;
  line-height: 1.4;
}
.contact > div:first-child {
  flex: 1 0 auto;
  margin-right: 20px;
}
.contact > div:last-child {
  margin-right: 10px;
}
.contact-map {
  height: 380px;
  margin: 20px auto 40px;
}
.contact-map iframe {
  height: 100%;
  width: 100%;
}
.styled-form {
  margin: 30px auto;
  font-size: 16px;
  text-align: left;
  padding: 10px;
  background: #fff;
}
.styled-form [class^="btn"] {
  margin-left: 0;
}
.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: 60px;
}
.styled-form .inline,
.input-content {
  background-color: #303030;
}
.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: #fff !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);
}
.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: 40px;
  width: 100%;
  background: transparent;
  color: #fff;
}
.input__field {
  outline: none;
}
.styled-form *:focus {
  outline-color: #a27c3b;
  outline-style: ridge;
  outline-width: thin;
}
.input__label {
  display: inline-block;
  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: 0.2em 0 0;
  border-color: #a27c3b;
  border-top-width: 1.5em;
}
.input__field + .input__label .input__label-content,
.input--filled .input__label .input__label-content {
  color: #fff;
  font-size: 16px;
  padding: 0.85em 0.5em;
  -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 {
  padding: 5px;
  display: block;
  width: 100%;
  height: 80px;
  font-size: 16px;
  margin-top: 5px;
}
.styled-form .inline textarea {
  color: #000;
  padding: 5px;
  display: block;
  width: 100%;
  height: 120px;
  font-size: 16px;
  margin-top: 5px;
}
.styled-form .inline.wide {
  width: calc(100% / 1.5 - 3px);
}
@media (max-width: 800px) {
  .styled-form .input-content,
  .styled-form .inline {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(206, 206, 206, 0.22);
  }
  .styled-form .input-content + .input-content {
    margin-top: 5px;
  }
  .styled-form .inline.wide {
    width: 100%;
    margin-top: 5px;
  }
}
.styled-form select {
  border: 1px solid #303030;
  padding: 5px;
}
.options label {
  display: block;
  margin-bottom: 5px;
}
.options [type="checkbox"],
.options [type="radio"] {
  -webkit-appearance: none;
  position: relative;
  background-color: #fff;
  padding: 9px;
  border-radius: 3px;
  vertical-align: middle;
}
.options [type="radio"] {
  border-radius: 50%;
}
.options [type="checkbox"]:active,
.options [type="checkbox"]:checked:active,
.options [type="checkbox"]:checked,
.options [type="radio"]:active,
.options [type="radio"]:checked:active,
.options [type="radio"]:checked {
  background-color: #fff;
}
.options [type="checkbox"]:checked:after,
.options [type="radio"]:checked:after {
  font-family: fontello;
  content: "\e832";
  font-size: 13px;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #a27c3b;
}
.options [type="radio"]:checked:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #a27c3b;
  border-radius: 50%;
}
#fixed-tabs {
  position: fixed;
  right: 0;
  text-align: center;
  line-height: 1;
  font-size: 0;
  z-index: 200;
  padding: 0;
}
#fixed-tabs li {
  flex: 1;
}
#fixed-tabs a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  position: relative;
  overflow: hidden;
}
#fixed-tabs i {
  font-size: 16px;
}
#fixed-tabs #fixed-tabs i,
#fixed-tabs #fixed-tabs i:before {
  display: block;
  margin: 0 auto !important;
}
#fixed-tabs .ra {
  background-color: #7d5f2d;
}
#fixed-tabs .call {
  background-color: #319886;
}
#fixed-tabs .map,
#fixed-tabs .fr {
  background-color: #303030;
}
#fixed-tabs .fb {
  background-color: #4d70a8;
}
#fixed-tabs .gg {
  background-color: #dc4e41;
}
@media (min-width: 1025px) {
  #fixed-tabs {
    display: none;
  }
}
@media (max-width: 1024px) {
  #fixed-tabs {
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #fixed-tabs a {
    padding: 12px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #fixed-tabs a span {
    display: inline-block;
    vertical-align: middle;
  }
  #fixed-tabs .call,
  #fixed-tabs .map {
    display: none;
  }
}
@media (max-width: 1000px) {
  #fixed-tabs .fr,
  #fixed-tabs .gg,
  #fixed-tabs .fb {
    display: none;
  }
  #fixed-tabs .call,
  #fixed-tabs .map {
    display: block;
  }
}
@media (max-width: 730px) {
  #fixed-tabs .ra strong {
    display: none;
  }
  #fixed-tabs .ra {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
}
@media (max-width: 1080px) {
  #our-services .links .service-controls {
    justify-content: center;
  }
  #our-services .links a {
    display: block !important;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .split .flex-ed {
    display: block;
    text-align: center;
  }
  .split figure {
    display: block;
    margin: auto;
  }
  .split article {
    margin: 20px auto;
  }
  #excellent-dentistry .block,
  #affordable-dental .block {
    padding: 30px 0;
  }
  #excellent-dentistry figure,
  #affordable-dental figure {
    margin: 10px auto;
  }
  #testimonial .slick-dots {
    flex: 0 1 auto;
  }
  #testimonial .slick-arrow {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto;
    transform: none;
  }
  #testimonial,
  #make-smiling,
  #more-information {
    padding: 30px 10px;
  }
  #our-services .top > div {
    margin: 0 auto;
  }
  #fo-contents {
    flex-wrap: wrap;
    text-align: center;
  }
  footer .hours {
    margin: 20px auto;
  }
  .fo-title {
    text-align: center;
  }
  #inner-banner .flex-title .contain {
    max-width: 100%;
  }
  .flex-title {
    display: block;
    text-align: center;
  }
  .flex-title #page-title {
    text-align: center;
  }
  #main-img {
    min-height: auto;
  }
  #main-img img {
    display: block;
    width: 100%;
  }
  #intro {
    margin: 20px auto;
  }
  .container-block {
    text-align: center;
    padding: 40px 10px;
  }
  .container-block .contain {
    display: block;
  }
  .container-block .btn {
    margin: 10px auto;
  }
  .container-block h2,
  .container-block h3 {
    margin-bottom: 20px;
    text-align: center;
  }
  .container-block [class^="elem"] {
    float: none;
    margin: 10px auto 20px;
    max-width: 100%;
  }
  .container-block ul {
    display: table;
    margin: 20px auto;
  }
  .services > div,
  #all {
    flex: 0 1 48%;
  }
  [data-player][class^="elem"] {
    max-width: 650px;
  }
  .services-grid article {
    opacity: 1;
    position: static;
  }
  .services-grid .img .title {
    display: none;
  }
}
@media (max-width: 768px) {
  .slick-dots span,
  .slick-dots a {
    width: 30px;
  }
  .slick-arrow {
    font-size: 30px;
  }
  .top-info {
    flex: 0 1 auto;
  }
  header .phy {
    display: none;
  }
  header .pho {
    font-size: 18px;
  }
  #testimonial .contain {
    padding: 0 10px;
  }
  #testimonial .slick-controls {
    flex-wrap: wrap;
    margin: 10px auto;
  }
  #testimonial .slick-arrow {
    position: relative;
    transform: none;
    top: auto;
  }
  #our-services {
    padding-bottom: 30px;
  }
  #just-smiles .links {
    margin: 30px auto;
  }
  #just-smiles .links a,
  #just-smiles .links a .img {
    margin: 10px auto;
  }
  #find {
    display: block;
  }
  #map {
    height: 400px;
  }
  #page-title h1:only-child,
  h2#append,
  .h1 {
    font-size: 45px;
  }
  .why ul {
    flex-wrap: wrap;
  }
  .why ul li {
    flex: 1 1 100%;
  }
  .mini-block-container {
    padding: 10px;
  }
}
@media (max-width: 590px) {
  header .pho {
    display: none;
  }
  #map {
    display: none;
  }
  #copy-right span:last-of-type {
    display: block;
    font-size: 0px;
  }
  .contact {
    text-align: center;
    display: block;
  }
  .contact > div:first-child,
  .contact p {
    margin: 10px auto;
  }
  .gallery {
    padding: 0;
  }
  .services > div,
  #all {
    flex: 1 1 100%;
  }
  .youtube[class*="elem-"] {
    width: 100%;
  }
  [data-player][class^="elem"] {
    min-width: 100%;
  }
  .landing {
    display: block;
  }
}
@media (max-width: 480px) {
  .top-info {
    display: none;
  }
  header .hours label {
    width: 100px;
  }
  header .logo img {
    max-width: 30px;
  }
  header .logo span {
    letter-spacing: normal;
    font-size: 20px;
  }
  header .logo span small {
    letter-spacing: normal;
  }
  #text-banner .banner-controls {
    position: static;
  }
  #excellent-dentistry .sig {
    display: block;
  }
  #excellent-dentistry .sig a {
    margin: 10px auto !important;
  }
  #copy-right span:first-of-type {
    display: block;
    font-size: 0px;
  }
  #fixed-tabs strong {
    display: none;
  }
  body {
    line-height: 1.5;
  }
  #inner-banner .bg {
    height: 200px;
  }
}
@media (max-width: 400px) {
  [class^="btn"],
  .more-to-explore [class^="btn"] {
    min-width: 100%;
    width: 100%;
    margin: 8px auto;
  }
  [data-embed] .close {
    display: block;
    position: unset;
    text-align: center;
    padding: 4px;
  }
}


button.sub-menu-toggle {
    display: none;
}

#text-banner h1 small {
    color: #303030;
    font-family: "Saol Display", serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1.4px;
    line-height: 1.43;
    display: block;
    margin: 10px auto;
    text-transform: uppercase;
}

#text-banner span.smile87{
color: #000;
  font-family: "Saol Display", serif;
  font-size: 65px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -1.63px;
  line-height: 1;
}
#text-banner h2{
  display: block;
  position: relative;
  color: #303030;
  font-family: "Saol Display", serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.36;
}

#menu-main-menu-1 {
    position: relative;
    z-index: 5;
    padding: 10px;
    margin: auto;
    max-width: 1150px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
#menu-main-menu-1 li::before {
	display: none;
}
#menu-main-menu-1 li {
	padding-left: 0;
	margin-left: 15px;
}

#menu-main-menu-1 li a{
  position: relative;  
  display: inline-block;  
  cursor: pointer;
  text-align: center;
  transition: 0.3s all;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.4px;
  line-height: 0.94;
 min-width: 350px;
  margin: 5px;
  padding: 16px 10px;
  background-color: #a27c3b;
  z-index: auto;
}
#menu-main-menu-1 li a:before{
  content: "";
  border: 1px solid #239c9e;
  position: absolute;
  top: 4px;
  left: 4px;
  right: -4px;
  bottom: -4px;
  z-index: -1;
}
#menu-main-menu-1 li a:after {
content: "\e844";
font-family: Fontello;
margin-left: 4px;
}

#menu-main-menu-1 li a:hover {
background-color: #3ebea8;
color: #fff;
}
#menu-main-menu-1 .sub-menu {
	display: none;
}
#inner-banner.int-banner878 .bg {
    display: none;
}

#page.page-services{
	max-width:1400px;
}
.services-grid h3 a {
    color: #000;
}
.services-grid h3 a:hover{
	color: #3ebea8
}
.form-step87 {
    max-width: 420px;
    width: 100%;
    margin: 60px auto 0px;
}
.form-step87 .control-form {
    height: 46px;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    width: 100%;
	background-color: #000;
	position:relative;
}
.form-step87 .fieldset-cf7mls p:first-child{position:relative;z-index:1}
.form-step87 .fieldset-cf7mls p:first-child:before{
content: "";
    border: 1px solid #239c9e;
    position: absolute;
    top: 4px;
    left: 4px;
    right: -4px;
    bottom: -4px;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button, .form-step87 .wpcf7-submit {
    margin: 0;
    padding: 10px 15px;
    font-family: "Lato", sans-serif;
    font-weight: normal;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit {
    border-radius: 3px;   
    font-weight: bold;  
    float: right;   
    padding: 10px 15px;
    font-family: "Lato", sans-serif;
    font-weight: normal;
	color:#fff;
	background-color:#987d48;
}
form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 1;
	background-color:#3ebea8;
}
.cf7mls-btns .cf7mls_next.action-button:hover, .cf7mls-btns .cf7mls_back.action-button:hover, .form-step87 .wpcf7-submit:hover {
	background-color:#3ebea8
}
.form-step87 p {
    margin: 0;
}
.cf7mls-btns {
    display: flex;
    justify-content: center;
    min-height: 40px !important;
    margin-top: 15px;
	gap:10px;
}
.form-step87 .control-form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity:0.5	
}
.form-step87 .control-form::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity:0.5	
}
.form-step87 .control-form:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity:0.5	
}
.form-step87 .control-form:placeholder { /* Firefox 18- */
  color: #fff;
  opacity:0.5	
}

.form-step87 .control-form.control-area {
    height: 100px;
}
.wrap-white-block-container {
    position: relative;
    background: #000;
}
.white-block-container {
    position: relative;
    margin-top: 0;
    /* padding: 100px; */
    /* right: -320px; */
    /* background-color: #000; */
    max-width: 1240px;
    margin-left: 17%;
}
.white-block-container:before {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0px;
    right: -1000px;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.white-block {
    display: table;
    clear: both;
    padding: 100px 100px 0px;
    background-color: #fff;
    color: #000;
	z-index: 1;
    position: relative;
}

.white-block .elem-left {
    float: left;
    margin-top: 8px;
    margin-right: 30px;
    margin-bottom: 20px;
}
.white-block-container .white-block:nth-child(2) {
    padding-bottom: 100px;
}
#appt-form .wrap-form .input__field {
    position: relative; 
    margin-top: 0;   
}
#appt-form span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
    display: grid;
    grid-template-columns: auto auto auto;    
}
#appt-form .flex-checks p {
    display: flex;   
    width: 100%;
	margin:0px;
}
#appt-form span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required span.wpcf7-list-item {
    margin: 5px 5px 5px 0px;
}
#appt-form .flex-checks span {   
    flex: 0 1 100% !important;
}
#appt-form .options label {
    display: flex !important;
}

#appt-form .flex-checks span {
    margin: 0px 5px 0px 0 !important;  
}
#appt-form .btn, .styled-form .btn{
    display: table;
    margin: 20px auto;
    position: relative;    
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    transition: .3s all;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.4px;
    line-height: 0.94;
    min-width: 285px;   
    padding: 16px 10px;
    background-color: #a27c3b;
    z-index: auto;
}
#appt-form .btn:hover, .styled-form .btn:hover{
background-color: #3ebea8;
color: #fff;
}
.styled-form .btn{
margin-left:initial;	
}
#appt-form .input-content {
min-height: 0 !important;
}
#appt-form .btn:after, .styled-form .btn:after {
    content: '\e844';
    font-family: Fontello;
    margin-left: 4px;
}
.drei.drei-edit .input__label::before {
    border-width: .2em 0 0;
    border-color: #a27c3b;
    border-top-width: 1.5em;
}
.drei.drei-edit .wpcf7-form-control-wrap {
    position: initial;
}
.drei.drei-edit .input__label-content {
  padding: 5px 8px;   
}
.drei.drei-edit .input__field {
 margin-top: 22px;  
}
.styled-form .wpcf7-list-item label {
    display: flex;
}
.drei.drei-edit .wpcf7-not-valid-tip {
 z-index:9;
 position: absolute;
 top: 32px;
 left: 8px;
}
#appt-form .input-content textarea {
height: 98px !important;	
}
#appt-form .input-content.txt {
	height: 140px !important;
}
.page-id-46 .container-block.no_img {
    max-width: 1260px;
    margin: auto;
}
.left-right-content5465 {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1240px;
    margin: auto;
    padding: 60px 10px;
	flex-direction: row-reverse;
}
.left-image {
    margin-top: 8px;
    margin-left: 30px;
    margin-bottom: 20px;
}
.right-content {
    margin: auto;
    flex: 0 1 550px;
}
.wrap-white-block-container.wrap-white-block-container-insunace {
    background: #2f2f2f;
}
div#copyDate {
    display: flex;
    gap: 4px;
}
#text-banner .fadeInLeft p {
	margin: 0;
}

#appt-form .wrap-form .input__field {
	position: relative;
	margin-top: 20px;
}
.submit89745 {
	position: relative;
	max-width: 286px;	
}
.submit89745::before {
	position: absolute !important;
	content: '\e844' !important;
	font-family: Fontello !important;
	margin-left: 4px;	
	top: 10px;
	color: #fff;
	z-index: 9;
	display: flex;	
	align-content: center;
	width: 100%;
	left: 200px;
}

.submit89745.submit897451::before {
top: 8px;
left: 162px;
}

@media screen and (max-width:1024px){
#text-banner .top {
padding: 30px 10px 40px;	
}
#make-smiling article {	
padding: 15px;	
}
.split article {
padding: 15px;
}
#testimonial article {
padding: 15px;	
}
#testimonial .slick-reviews .slick-slide {
padding: 15px;	
}
#copy-right {
justify-content: center;	
}
.white-block-container {
position: relative;
margin-left: 20px;
}
.white-block-container .white-block {
	display: flex;
	clear: both;
	padding: 40px 100px 0px;
	background-color: #fff;
	color: #000;
	z-index: 1;
	position: relative;
	flex-direction: column;
	text-align: center;
}
.left-right-content5465 {
	flex-direction: column;
}
.left-right-content5465 .left-image {	
	margin-left: auto;	
	margin-right: auto;
}	
.left-right-content5465 .right-content {
	margin: auto;
	flex: initial;
}	
}

@media screen and (max-width:590px){
div#copyDate .copyright568 {
	font-size: initial;	
	display: inline;
}
div#copyDate p {
	display: inline;
}
div#copyDate {
	display: block;	
}
.white-block-container .white-block {
	display: flex;
	clear: both;
	padding: 40px 20px 0px;
	background-color: #fff;
	color: #000;
	z-index: 1;
	position: relative;
	flex-direction: column;
	text-align: center;
}
.white-block-container .white-block .elem-left {
	margin-right: auto;
}	
}

@media screen and (max-width:480px){
#text-banner .slick-banner img {
	height: 160px;
	object-fit: cover;
}
#appt-form {
	padding: 40px 20px;
}
.submit89745::before {
	top: 12px;	
}
.submit89745.submit897451::before {
    top: 10px;    
}
#appt-form {
    padding: 40px 10px !important;
}	
}