@charset "utf-8";

* { -moz-osx-font-smoothing: grayscale; }
body {margin: 0; padding: 0; min-height: 100%; vertical-align: baseline;font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7 !important; color: #333; overflow-x: hidden;-webkit-transition: all 300ms linear;transition: all 300ms linear;}
h1 { font-family: 'Karla', sans-serif; }
a { text-decoration: none; color: #3254a7; transition:.3s ease-out all}
a:hover { text-decoration: underline; color: #3254a7; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
.bttn a { color: #1a1a1a; font-size: 18px; font-family: 'Karla', sans-serif; font-weight: 600; background: #ffe153; padding: 15px 30px; display: inline-block; border-radius: 3px; text-align: center; }
.bttn a:hover { text-decoration: underline; }
li { list-style: none; }
img { max-width: 100%; }
b, strong{font-weight: 600;}

.font-size-10{ font-size: 10px; }
.font-size-11{ font-size: 11px; }
.font-size-12{ font-size: 12px; }
.font-size-13{ font-size: 13px; }
.font-size-14{ font-size: 14px; }
.font-size-16{ font-size: 16px; }
.font-size-18{ font-size: 18px; }
.font-size-20{ font-size: 20px; }
.font-size-24{ font-size: 24px; }
.font-size-30{ font-size: 30px; }
.font-size-32{ font-size: 32px; }
.font-size-36{ font-size: 36px; }
.font-size-48{ font-size: 48px; }
.font-size-60{ font-size: 60px; }
.font-size-72{ font-size: 72px; }
.font-size-90{ font-size: 90px; }

.text-blue{color: #2b3e80}
.text-green{color: #01bdaf}

.padding-15{ padding: 15px; }
.bg-gray { background-color: #f5f5f5 }
li.menuactive a{color: #00c1ae !important}

/*banner*/
.slide {
  position: relative;
  height: auto;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
}
/*.slide .slide__content {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-75%, -50%);
}*/
.slide .slide__content {
  position: absolute;
  top: 50%;
  left: 15%;
  right: 15%;
  transform: translate(0, -50%);
}
.slide .slide__content--headings {
  text-align: left;
  color: #FFF;
}
.slide .slide__content--headings h2 {
  font-size: 4.5rem;
  margin: 10px 0;
  color: #444;
}
.slide .slide__content--headings p{color: #444; font-size: 20px;}
.slide .slide__content--headings .animated {
  transition: all .5s ease;
}
.slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all .3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: #ffffff;
  opacity: 0.75;
}
.stick-dots .slick-dots li {
  height: 3px;
  width: 20px;
  margin: 0 4px;
}
.stick-dots .slick-dots li button {
  position: relative;
  background-color: #ffffff;
  opacity: 0.25;
  width: 20px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active { width: 40px }
.stick-dots .slick-dots li.slick-active button {
  color: #ffffff;
  opacity: 0.9;
  background-color: #00c1ae;
  width: 40px 
}
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

.slide__content--headings .banner-content{background-color: #00c1ae;padding: 40px;}
.slide__content--headings .banner-content h2{font-size: 30px;text-transform: uppercase; font-weight: 700;margin-bottom: 30px;}
.slide__content--headings .banner-content h2 span{font-weight: 300;display: block;}
.slide__content--headings .banner-content a{ text-decoration: none; border: 1px solid #fff;color: #fff; border-radius: 50px;padding: 10px 20px;text-transform: uppercase; font-weight: 600; font-size: 14px;}
.stick-dots .slick-dots li button{background-color: #fff;opacity: 0.5}
/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {
  animation-name: zoomInImage;
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  animation-name: zoomOutImage;
}

header{box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);}
header .main-navigation li a:hover, .top-nav a:hover i{color: #00c1ae}

.top-nav{background: #f6f6f6}
.top-nav i.icon{font-size: 20px;color: #54585b;}
.book-app a{cursor: pointer;background: #f96331;color: #fff;font-weight: 600;text-transform: uppercase;font-size: 14px;padding: 10px 25px; margin: 0 0 0 20px; letter-spacing: 1.5px;display: block;}
.top-nav .schedule a{color: #111; font-weight: 600;}
header .main-navigation li a{text-transform: uppercase; font-size: 14px;font-weight: 700;color: #333;letter-spacing: 1px;}
header .main-navigation li.active a{color: #00c1ae}
header .main-navigation ul{border-right: 1px solid #e0e0e0;padding-right: 15px;margin-right: 15px;}
header .call-us-btn i{color: #00c1ae;font-size: 30px;margin: 10px 10px 0px 0;}
header .call-us-btn h5{color: #9d9ea0;font-size: 17px;}
header .call-us-btn p, header .call-us-btn a{font-size: 22px; color: #111;font-weight: 700; text-decoration: none;}

.dental-problem-strip {background: #01bdaf;padding: 40px 0; text-align: center;}
.dental-problem-strip h2{font-size: 32px; font-weight: 300;color: #fff;}
.dental-problem-strip h2 span, .dental-problem-strip h2 a{font-weight: 600; font-family: arial; color: #fff; text-decoration: none;}
.dental-problem-strip h2 span{cursor: pointer;}
.our-services{padding: 60px 0 0 0;margin-bottom: -250px;}
.main-heading h4{text-transform: uppercase;color: #000; font-size: 20px;font-weight: 500;padding-bottom: 10px;}
.main-heading h3{font-size: 34px;font-weight: 700;color: #000;}

.our-services i.icon{font-size: 40px;background: #e4edf4;color: #2b3e80;border-radius: 50px;padding: 10px;margin-bottom: 30px;display: inline-block;}
.our-services .servides-in .block-in{position: relative; background: #fff;padding: 40px 20px;box-shadow: 2px 2px 10px #ccc; color: #444;box-sizing: border-box;-webkit-transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease; transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease; transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.our-services .servides-in .block-in:hover{background:#2b3e80; color: #fff; z-index: 1;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease; transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease; transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;}
.our-services .servides-in .block-in:hover i.icon{background: #384f9d; color: #fff;}
.our-services .servides-in .block-in img{padding-bottom: 30px;}
.our-services .servides-in .block-in h4{font-size: 18px;font-weight: 700; padding-bottom: 25px;}
.our-services .servides-in .block-in p{display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;line-height: 26px;}

.our-services .servides-in .block-in span {font-weight: bold;margin-top: 10px; display: block;margin-top: 20px}
/*.our-services .servides-in .block-in span { bottom: 8px; position: absolute; right: 80px;}*/

.more-btn a{background: #2b3e80;padding: 15px 40px;border-radius: 50px;color: #fff;font-size: 15px;font-weight: 500;}
.more-btn a:hover, .book-app a:hover{ text-decoration: none; background: #2dcbbd !important;color: #fff !important;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.who-we-are{background: #f6f6f6;padding: 300px 0 0 0;}
.who-we-are .content-wrap{ background: url('/images/who-we-are.jpg') no-repeat; background-size: 45%;background-position: right;}
.who-we-are .main-heading h3{font-size: 28px; padding-bottom: 20px;}
.who-we-are .content-right{background: #fff;box-shadow: 2px 2px 10px #ccc;margin-top: 50px;margin-left: -100px; width: 70%;}
.who-we-are .content-left .main-heading{max-width: 80%;}
.who-we-are .content-right ul{padding: 40px;}
.who-we-are .content-right li{line-height: 40px;}
.who-we-are .content-right li i{color: #01bdaf;padding-right: 12px;}

.what-we-offer{padding: 70px 0;background: #f6f6f6;}
.what-we-offer .block-content{background: #fff; position: relative;}
.what-we-offer .block-content-in{padding: 30px;}
.what-we-offer .block-content-in h4 {font-size: 20px; font-weight: 600; padding-bottom: 20px;}
.what-we-offer .block-content-in p {font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.what-we-offer .block-content a, .our-team .block-content a, .our-team-landing .service-landing--card-wrapper a.page-links, .our-services .servides-in .block-in a { position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.testimonials-block .testi-left{background: url('/images/testimonials.jpg') no-repeat;background-size: 70%;background-position: 0 42%; background-attachment: fixed;}
.testimonials-block .testi-right{margin: 150px 0}
.testimonials-block .testi-right-in{margin-left: -200px;box-shadow: 2px 2px 10px #ccc; background: #fff;padding: 80px 60px 30px;}
.testimonials-block .testi-right-in:before{ content: ""; position: absolute;height: 80px;width: 80px; left: 0;right: 0;top: -45px;border-radius: 50%;background: url(/images/testimonials-icon.png) no-repeat;margin: 0 auto;-moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background-size: contain;}
.testimonials-block .testi-right-in p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.testimonials-block .testi-right a{color: #000}
.testimonials-block .testi-right a:hover{color: #01bdaf}
.testimonials-block .slick-arrow {display: none !important;}

.our-team{padding: 70px 0;}
.our-team .block-content-in{background: #2dcbbd; color: #fff;padding: 20px;text-align: center;}
.our-team .block-content-in h4{font-size: 18px;font-weight: 600; padding-bottom: 15px;}
/*.our-team .block-content-in p{border-bottom: 1px solid #1dd8c8; padding-bottom:15px; font-size: 14px;}*/
.our-team .block-content, .what-we-offer .block-content{ box-sizing: border-box;-webkit-transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease; transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease; transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;}
.our-team .block-content:hover, .what-we-offer .block-content:hover{z-index: 1;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease; transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease; transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;}
.our-location iframe{width: 100%; height: 350px;margin-bottom: -10px;}
.our-team a:hover{text-decoration:none;} 
.our-team .block-content{margin: 0 40px;}

footer{background: #161f2e; color: #9197a3; font-size: 13px;font-weight: 500;}
footer .block-1 a{color: #2dcbbd}
footer .block-2 ul li a, .text-color-footer {color: #9197a3; text-decoration: none; }
footer .block-2 ul li a:hover, .block-4 a:hover{color: #00c1ae}
footer .bottom-footer .social a{color: #9197a3;padding: 0 9px !important;font-size: 16px;}
footer h4{font-size: 18px; font-weight: 600;margin-bottom: 20px;}
footer .block-2 ul li{ line-height: 28px; }
footer .block-3 .row, footer .block-4 .row{padding-bottom: 7px;}
footer .block-4 i{color: #2dcbbd;font-size: 20px;}
footer .block-4 .content{font-size: 16px;font-family: arial;line-height: 20px;}
footer .bottom-footer .container{border-top: 1px solid #212e44;}
footer .block-4  a:hover{text-decoration: none;}

.our-team-landing .service-landing--card-wrapper .service-landing-card .card-detail{margin: 0px auto 0;width: calc(100% - 0px);}
.our-team-landing .service-landing--card-wrapper .service-landing-card .card-detail h3{color: #2d438c}
.our-team-landing .service-landing--card-wrapper .service-landing-card .card-detail h5, .our-team-info h5{color: #d6d6d6; font-size: 14px; margin-bottom: 20px;}
.our-team-landing .service-landing--card-wrapper .service-landing-card .card-detail .social a{font-size: 22px;color: #2d438c}

.our-team-info h3{font-size: 20px; font-weight: 700;color: #2d438c; margin-bottom: 10px;}
.our-team-info .social i.icon{background: #eee;border-radius: 50px;padding: 8px;}
.our-team-info .media i.icon{color: #00a7c1; font-size: 30px;margin-right: 10px;}
.our-team-info .media h4{color: #2d438c; text-transform: uppercase; font-weight: 700; font-size: 18px;margin-top: 5px;}
.our-team-info .media{ border-bottom: 1px solid #f1f1f1; padding-bottom: 12px;margin-bottom: 18px; margin-top: 25px;}
.our-team-info .doctor-details h2{color: #555555;font-size: 30px; font-weight: 700; margin-bottom: 15px;}
.our-team-info .doctor-details h3{font-style: italic;font-weight: 600;font-size: 18px;margin-bottom: 20px;}

.our-team-info.inner-content .media i.icon{font-size: 60px;margin-right: 20px; color: #2d438c}
.our-team-info.inner-content .media h4{color: #00a7c1; font-weight: 700; text-transform: capitalize; font-size: 25px;}

.our-team-info.inner-content .service-detail{padding-bottom: 30px;}
.our-team-info.inner-content .service-detail h2{font-size: 24px;font-weight: 700;}
.our-team-info.inner-content .service-detail p{font-size: 16px;}

.inner-content ul li{line-height: 42px;font-weight: 600;}
.inner-content ul li i{font-size: 20px; font-weight: 600;}
.main-menu{display: none;}

.comming-soon{width: 300px;height: auto;text-align: center}
.appointment .btn-primary {
        background-color: #f96331;
    border: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    padding-left: 8%;
    padding-right: 8%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
 
.appointment .btn-primary:hover {
    background-color: #2D438C;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.breadcrumb-nav{position: absolute;bottom: 0px;z-index: 3;}
.breadcrumb-nav a, .breadcrumb-nav li.active{color: #fff;}
.breadcrumb-nav .breadcrumb{background-color: transparent;padding-left: 0.3rem;}
.breadcrumb-nav .breadcrumb-item+.breadcrumb-item::before {color: #fff;}
.sticky {position: fixed;top: 0;width: 100%;z-index: 10;background: #fff; box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.5);}
.open-button.open span:nth-child(1), .open-button.open span:nth-child(3){background: #fff;}
.contact-us .form-control{margin-bottom: 20px;}
.contactus form.rating .form-control{margin-bottom: 20px;}
.contactus form.rating .btn-primary{margin: 41px 0 0}
/*.main-reviews{background: #f5f6fa}*/
.rev-rat-sec h2{text-align: left;font-weight: 600;color: #555555;}
.rev-rat-sec .media {padding: 20px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 10px 2px rgba(204, 204, 204, 0.5);margin-bottom: 30px;}
.rev-rat-sec .media:hover{    background: #f9f9f9;}
.rev-rat-sec .media img{width: 40px;margin-right: 15px;}
.rev-rat-sec .media-body h4{font-size: 18px;font-weight: 600;color: #666;}
.rev-rat-sec .media-body h4 span{float: right;font-size: 12px;font-weight: 400;}
.rev-rat-sec .media .star i {color: #fbca03;font-size: 20px}
.rev-rat-sec .media i{font-size: 40px;padding-right: 10px;}
.rev-rat-sec .media p{font-size: 14px;}
.rating img{width: 60px} 
.more-services{padding: 40px 0; text-align: center;}
.more-services .col-md-4{margin-bottom: 20px;}
.more-services h2{font-size: 20px;margin-top: 10px;}

.fixed-menu{display: none;}
#covid-page{ font-family: 'Raleway', sans-serif;}
#covid-page h5{font-size: 18px;padding-bottom: 5px;font-weight: 700;}
#covid-page p{margin-bottom: 15px;line-height: 24px;}
#covid-page p b{font-size: 16px;}
#covid-page ul li{padding-bottom: 12px;line-height: 20px;}
#covid-page .service-header{padding: 60px 0; color: #fff}
.yt-video {overflow: hidden;padding-bottom: 56%;position: relative;height: 0;margin: 40px auto;max-width: 100%;}
.yt-video iframe {left: 0;top: 0;width: 100%;height: 100%;position: absolute;}
.fixed-menu{position: fixed;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 8;}
.fixed-menu a{color: #fff;background: #cb0620;display: block;line-height: 26px;padding: 8px 12px;font-size: 16px;font-weight: 500;text-align: center;}
.fixed-menu a:hover {background: #222;color: #fff !important;}

.table-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.table-wrap aside {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.service-detail .right-nav li.link-bg a:hover{background: #08acb6;}
.service-detail .right-nav li.link-bg a{color: #fff;border: 0;padding-left: 30px;background: #3076bc; }