/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v19/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v9/UqyNK9UOIntux_czAvDQx_ZcHqZXBNQzdcD5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Flaticon;
    src: url(fonts/Flaticon.eot);
    src: url(fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(fonts/Flaticon.woff2) format("woff2"), url(fonts/Flaticon.woff) format("woff"), url(fonts/Flaticon.ttf) format("truetype"), url(fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Flaticon;
    src: url(fonts/Flaticon.svg#Flaticon) format("svg")
}

[class^=flaticon-] {
    display: inline-block;
    font: normal normal normal 14px/1 Flaticon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.flaticon-teeth:before {
    content: "\f100"
}

.flaticon-orthodontia:before {
    content: "\f101"
}

.flaticon-root-canal-treatment:before {
    content: "\f102"
}

.flaticon-prosthetic-treatement:before {
    content: "\f103"
}

.flaticon-periodontics:before {
    content: "\f104"
}

.flaticon-implant:before {
    content: "\f105"
}

.flaticon-smile-makeover:before {
    content: "\f106";
    vertical-align: middle
}

.flaticon-crown-1:before {
    content: "\f107"
}

.flaticon-dentures:before {
    content: "\f108"
}

.flaticon-wisdom-tooth-surgery:before {
    content: "\f109"
}

.flaticon-tooth-fairy:before {
    content: "\f10a"
}

.flaticon-cosmetic-dentistry:before {
    content: "\f10b"
}

.form-control {
    border: 1px solid #ddd;
    min-height: 43px;
    border-radius: 0!important;
    font-size: 14px!important
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 7px;
    padding-left: 7px
}

.list-unstyle {
    list-style: none
}

.display-inline li {
    display: inline-block
}

.counter-section {
    background: #003f56;
    border: 0;
    margin: 0;
    padding: 50px 0
}

.stats_counter .h2 {
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin: 0 35px 0 0;
    font-size: 48px
}

.stats_counter .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 22px;
    opacity: .8;
    font-weight: 600
}

.service-section {
    background: #fff;
    border-top: 0 solid #f1f1f1;
    margin: 0 0 30px;
    padding: 50px 0
}

.service-img [class^=flaticon-] {
    font-size: 60px;
    line-height: 1
}

.testimonial .testimonial-author.google-review p strong::before {
    content: '';
    display: block;
    position: absolute;
    width: 35%;
    top: 0;
    left: 50%;
    border-top: 0 solid #80c9f2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.testimonial.testimonial-style-5 .testimonial-author.google-review {
    padding: 6px 0 0;
    margin: 0
}

.google-review-section {
    margin: 0!important;
    padding: 30px 0!important
}

.testimonial-section {
    margin: 0!important;
    padding: 30px 0!important
}

.story-images {
    padding-right: 30px
}

.story-images-inner {
    position: relative;
    min-height: 334px
}

.story-image-caption {
    text-align: center;
    font-size: 16px;
    color: #4f555a;
    padding: 17px 0 4px
}

.story__caption-title {
    font-size: 18px;
    text-transform: uppercase
}

.story-image-second {
    bottom: 0;
    right: 0;
    z-index: 2
}

.story-image img {
    display: block
}

.story-image {
    background: #fff;
    border: 1px solid #e7ebee;
    padding: 13px;
    margin: auto;
    text-align: center;
    width: auto!important
}

.text-left {
    text-align: left
}

.owl-carousel .owl-nav .owl-prev {
    right: 0;
    left: auto
}

.staff_image img {
    border-radius: 50%;
    max-width: 205px;
    border: 2px solid #00b3c3
}

.staff_image h4 {
    color: #000;
    font-weight: 600;
    padding-top: 21px;
    font-size: 18px;
    line-height: 21px
}

.staff_image {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .04);
    padding: 12px;
    background: #fff;
    min-height: 72px
}

.staff_image h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1
}

.our-expert-sec .col-lg-6,
.our-expert-sec .col-sm-6,
.our-expert-sec .col-xs-12 {
    margin-bottom: 23px
}

.staff_image h5 {
    margin-bottom: 0;
    font-size: 14px;
    font-style: italic;
    text-transform: capitalize;
    font-weight: 500
}

.staff_image p {
    margin-top: 20px;
    font-size: 16px
}

.staff_image-title {
    color: #000
}

.team-section {
    border: 0;
    margin: 0;
    padding: 50px 0
}

.sticky-header-active #header .header-nav {
    min-height: 60px
}

.sticky-header-active #header {
    min-height: 121px!important;
    transition: .5s
}

.top-2 {
    margin-top: 2.5rem
}

.about-smile {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px
}

.m-t-30 {
    margin-top: 30px
}

.service-img img {
    width: 80px;
    margin-bottom: 17px
}

.service_box {
    padding: 20px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    background: #fafafa7d;
    height: 100%;
    text-align: justify;
    text-align-last: center;
    position: relative;
    padding-bottom: 55px
}

.service_box:hover {
    -webkit-box-shadow: 0 10px 15px #999;
    box-shadow: 0 10px 15px #999;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .3s
}

.service_box a:focus,
.service_box a:hover {
    color: #337ab7
}

.service-img {
    display: inline-block;
    padding: 12px 0;
    border-radius: 50%;
    margin-bottom: 18px
}

.services_title {
    font-weight: 600;
    color: #0e749d;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em
}

.service-more {
    font-weight: 500;
    color: #0e749d;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.service-more:hover {
    color: #0e749d;
    text-decoration: underline
}

.m-b-30 {
    margin-bottom: 30px
}

.bolg-box {
    border: 10px solid #f3f0f0;
    padding: 12px
}

.blog-btn {
    margin-top: -4px;
    position: absolute
}

.blog-title {
    font-weight: 600;
    margin-top: 13px
}

.calender-img {
    margin-right: 5px
}

.date-title {
    font-weight: 600;
    vertical-align: middle
}

.m-b-50 {
    margin-bottom: 50px
}

.blog-detail-bg {
    background: #f4f4f4;
    padding: 40px;
    background: #fff
}

.blog-detail-title {
    letter-spacing: .5px;
    font-weight: 600;
    font-size: 29px;
    margin-bottom: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.resepnt-post {
    padding: 20px;
    background: #fff
}

img {
    max-width: 100%
}

.resent-post-title {
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 20px
}

.post-title {
    text-transform: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px
}

.social-icons li.social-icons-instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.social-icons li.social-icons-linkden a {
    background: #0e76a8
}

.social-icons li a {
    border-radius: 50%;
    font-size: 16px;
    height: 35px;
    line-height: 34px;
    width: 35px
}

.social-icons li {
    margin: -1px 4px 0 0
}

#footer.blog-detail-footer {
    margin-top: 0
}

.client-review-content {
    background-color: transparent;
    padding: 20px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 35px;
    position: relative;
    padding-top: 20px;
    font-size: 14px;
    min-height: 110px;
    background: #e5e5e5;
    border: 0 solid #ddd;
    text-align: center;
    color: #000;
    border-radius: 10px
}

.client-review-content .celev-review-icon {
    border-radius: 0;
    top: 40px;
    background: 0 0;
    width: 45px;
    height: 33px;
    padding: 13px 0;
    border-color: transparent;
    color: #39bacd;
    left: 0;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    line-height: 1
}

.client-review-content:after {
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-top: 22px solid #e5e5e5;
    content: '';
    position: absolute;
    bottom: -22px;
    left: 60px
}

.client-details {
    margin-bottom: 10px;
    color: #9e9e9e;
    font-weight: 400
}

.client-details h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #39bacd;
    text-transform: uppercase;
    margin-left: 60px
}

.client-details p {
    color: #000;
    font-size: 16px
}

.client-review-content span {
    color: #777
}

.client-details:after {
    content: '';
    display: block;
    position: absolute;
    width: 12%;
    left: 22%;
    border-top: 2px solid #80c9f2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.google-reviews {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px
}

.google-reviews-name {
    position: absolute;
    text-align: center;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px
}

.google-reviews-name h4 {
    font-weight: 600
}

.m-b-50 {
    margin-bottom: 50px
}

.teeth {
    color: #0e749d;
    font-weight: 400
}

.head-no:hover {
    color: #ccc
}

.social-icons li:hover.social-icons-instagram a:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.about-sec-home {
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat
}

.form-pad {
    padding: 40px 40px 20px
}

.make-app {
    color: #fff;
    font-weight: 300;
    margin: 0 0 15px;
    font-size: 3.5em;
    line-height: 1.2;
    letter-spacing: 1px
}

.form-opening-hour {
    text-transform: capitalize;
    color: #fff;
    font-size: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 15px;
    margin-bottom: 20px
}

.timing-form {
    border-top: 1px solid #fff;
    padding-top: 24px
}

.timing-form .info.custom-info {
    color: #fff;
    margin-bottom: 7px
}

.timing-form .custom-info span:nth-child(1) {
    color: #fff
}

.medical-schedules {
    color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.section-custom-medical {
    padding-top: 70px
}

html .background-color-tertiary {
    background-color: #397d94;
    color: #fff;
    background: #00b1c1!important
}

#header {
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

#header .header-body {
    background: #fff
}

.form-pad .form-control {
    border: 0
}

.title:after {
    content: '';
    position: absolute;
    bottom: 0;
    background: #00b3c3;
    height: 2.5px;
    width: 75px;
    margin: 0 auto;
    left: 19px;
    right: 0
}

.title {
    padding-bottom: 12px;
    font-size: 37px;
    position: relative;
    text-transform: capitalize
}

.m-t-15 {
    margin-top: 15px
}

.no-title .page-header-color .breadcrumb {
    float: left
}

.no-title .page-header {
    padding: 10px 0
}

.emial-color {
    color: #000
}

.emial-color:hover {
    color: #00b1c1
}

.home-icon {
    font-size: 21px!important
}

.active,
a.active {
    color: red
}

a {
    color: #337ab7;
    text-decoration: none
}

li {
    list-style: none
}

.breadcrumb-title {
    font-size: 29px;
    padding-bottom: 8px
}

.col-bt {
    color: #fff!important
}

.form-pad .custom-info span:nth-child(1)::after {
    color: #fff
}

.btn-tags {
    background: #479ec1;
    color: #fff;
    margin-bottom: 5px;
    padding: 2px 9px;
    text-transform: capitalize;
    cursor: auto
}

.btn-appointment {
    background: #526371;
    position: fixed;
    bottom: 40px;
    left: 20px;
    color: #fff!important;
    border-radius: 23px!important;
    padding: 10px 25px!important;
    font-size: 15px!important;
    vertical-align: middle!important;
    z-index: 999;
    font-weight: 600!important
}

.btn-appointment:focus,
.btn-appointment:hover {
    color: #fff
}

#myModal .modal-content {
    margin-top: 125px
}

.sticky-header-active #myModal .modal-content {
    margin-top: 75px
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25)
}

#home-page #book-form {
    display: none
}

.testimonial-img {
    max-width: 300px;
    border: 2px solid #abaaaa;
}

.home-testimonial-img {
    max-width: 220px!important;
    margin: auto;
    width: 220px;
    height: 301px;
    border: 2px solid #abaaaa;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

button:focus {
    outline: 0 dotted;
    outline: 0 auto -webkit-focus-ring-color !important;
}

.ekko-lightbox-nav-overlay a:last-child span {
    background-image: url(../img/next.png);
    background-repeat: no-repeat;
    color: transparent;
    background-position: right;
    height: 40px
}

.ekko-lightbox-nav-overlay a:first-child span {
    background-image: url(../img/prev.png);
    background-repeat: no-repeat;
    color: transparent;
    background-position: left;
    height: 40px
}

#owl-carousel-certificate .item {
    border: 3px solid #f1f1f1;
    border-radius: 0
}

.profile-img {
    box-shadow: 4px 8px 8px -6px #000;
    width: 350px
}

.image-pad-border {
    border: 1px solid #7ddbf9;
    padding: 3px
}

.teeth_cleaning-img {
    float: right
}

.smile-quote {
    color: #0e749d;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 8px
}

.btn-wp-fixed img {
    width: 64px;
    height: 64px
}

.service-more img {
    width: 16px;
    height: 16px
}

.quote-author {
    font-size: 13px;
    text-align: right;
    color: #8e8e8e;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase
}

.f16 {
    font-size: 16px
}

.fw600 {
    font-weight: 600
}

.list li {
    list-style: disc;
    color: #333
}

.m-t-b-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.pl-1,
.px-1 {
    padding-left: 2px!important
}

.pr-1,
.px-1 {
    padding-right: 2px!important
}

.pad0 {
    padding: 0
}

@media all and (-ms-high-contrast:none) {
    .modal.show .modal-dialog {
        flex: 100%!important;
        margin-left: 0;
        margin-right: 0
    }
    #testimonial .modal.show .modal-dialog,
    ::-ms-backdrop {
        flex: 100%!important
    }
}

.video-width {
    width: 320px;
    height: 240px
}

.list.list-icons.list-icons-style-3 li {
    list-style: none
}

.list.list-icons li {
    list-style: none
}

.mfp-wrap {
    z-index: 9999999999!important
}

.mfp-close,
.mfp-close-btn-in .mfp-close {
    font-weight: 600;
    font-size: 23px;
    color: #fff;
    top: 0px;
    right: 1px;
    cursor: pointer;
}

#myModal .modal-content {
    -webkit-overflow-scrolling: touch
}

.video-thumbnail {
    z-index: 300;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.video-thumbnail:hover {
    display: none
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-time:before {
    content: "\e023"
}

.page-header {
    margin: 0 0 20px!important
}

@media(max-width:992px) {
    .btn-appointment {
        bottom: 50px
    }
    .video-width {
        width: 100%
    }
}

@media(max-width:767px) {
    .teeth_cleaning-img {
        float: none;
        margin: auto;
        display: block
    }
    .btn-appointment {
        bottom: 67px;
        left: 10px;
        padding: 5px 12px!important
    }
    .medical-schedules {
        margin: -24px 0 0
    }
    .video-width {
        height: auto
    }
    .slider-container .btn {
        font-size: 11px;
        padding: 3px;
        margin-top: 20px;
        margin-right: 3px
    }
}

#header .header-nav-main nav>ul>li.dropdown:hover .dropdown-content {
    display: block
}

.mega-dropdown {
    position: static!important
}

.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0
}

.mega-dropdown-menu>li>ul>li {
    list-style: none
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #222;
    padding: 3px 5px;
    font-size: 14px!important
}

.mega-dropdown-menu>li ul>li>a:focus,
.mega-dropdown-menu>li ul>li>a:hover {
    text-decoration: none
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px!important;
    color: #22252c!important;
    padding: 5px 60px 5px 5px!important;
    line-height: 20px!important
}

.dropdown-menu.mega-dropdown-menu li.col-sm-3 {
    float: left
}

.divider {
    margin: 6px auto
}

@media (min-width:992px) {
    html #header .header-nav-main nav>ul>li.dropdown-full-color.dropdown-secondary .dropdown-menu {
        padding-bottom: 10px
    }
}

@media (max-width:991px) {
    .dropdown-menu.mega-dropdown-menu li.col-sm-3 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%
    }
}

.glyphicon-calendar:before {
    content: ""!important;
    background-image: url(../img/calendar1.png);
    position: absolute;
    z-index: 9999;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 10px
}

.input-group-addon {
    width: 7%;
    padding: 0;
    padding-left: 9px!important
}

.glyphicon-time:before {
    content: ""!important;
    background-image: url(../img/time.png);
    position: absolute;
    z-index: 9999;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 10px
}

.glyphicon-chevron-left:before {
    content: ""!important;
    background-image: url(../img/back.png);
    position: absolute;
    z-index: 9999;
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -10px;
    left: -10px
}

.glyphicon-chevron-right:before {
    content: ""!important;
    background-image: url(../img/back1.png);
    position: absolute;
    z-index: 9999;
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -10px;
    right: -10px
}

.glyphicon-chevron-up:before {
    content: ""!important;
    background-image: url(../img/back3.png);
    position: absolute;
    z-index: 9999;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 18px;
    right: 20px
}

.glyphicon-chevron-down:before {
    content: ""!important;
    background-image: url(../img/back2.png);
    position: absolute;
    z-index: 9999;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 20px;
    right: 20px
}

#myModal .input-group-addon {
    width: 14%
}

#appointmentForm .input-group-addon {
    width: 12%
}

.contactus #appointmentForm .input-group-addon {
    width: 14%
}

.breadcrumb-btn {
    color: #fff!important;
    background: #00afef!important;
    border-color: #00afef!important
}

.dropdown.single-dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1
}

.dropdown.single-dropdown .dropdown-menu {
    top: 37px!important;
    transform: none!important
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
    font-size: 14px;
    display: inline-block;
    color: #222
}

#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover {
    color: #00afef
}

.btn-wp-fixed {
    position: fixed;
    bottom: 60px;
    right: 5px;
    padding: 10px 15px!important;
    vertical-align: middle!important;
    z-index: 100
}

@media(max-width:767px) {
    .btn-wp-fixed {
        bottom: 100px;
        right: auto
    }
    .btn-wp-fixed img {
        width: 40px;
        height: 40px;
    }
    .dsi-none {
        display: none
    }
}

html .page-header-color.page-header-primary {
    padding: 30px 0;
    position: relative;
    z-index: 10;
    background: #fff;
    background-image: url(../img/patterns/seamless-vector-pattern-dental-linear.jpg);
    color: #171717
}

html .page-header-color.page-header-primary:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .47);
    z-index: -6
}

html .page-header-color.page-header-primary .breadcrumb>.active,
html .page-header-color.page-header-primary a,
html .page-header-color.page-header-primary h1 {
    color: #1d2127
}

html .page-header-color.page-header-primary h1 {
    margin-bottom: 12px;
    font-weight: 500
}

.our-expert-sec {
    background-color: #f0fbff73
}

.service-img span {
    color: #337ab7
}

@media (max-width:991px) {
    .dropdown.single-dropdown:hover .dropdown-menu {
        position: static!important
    }
}

.custom-info td:nth-child(1)::after {
    content: ':';
    display: block;
    float: right;
    color: #000;
}

.custom-info td:nth-child(1){
  vertical-align: top;
  min-width: 68px;
}

.custom-info td:nth-child(2){
  padding-left: 13px;
}

.staff_image.owner{
  text-align: center;
  min-height: 72px;
}

.staff_image{
  min-height: 44px;
}

.staff_image.owner h2{
  font-size: 23px;
}

.staff_image.owner h5{
  font-size: 16px;
}

.package_box{
  padding: 20px;
}

.package_box_groom{
  padding: 20px;
}

.package_box_box h3{
  font-size: 23px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  background: #00b1c1;
  color: #fff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}

.package_box_groom_box h3{
  font-size: 23px;
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  background: #00b1c1;
  color: #fff;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}

.package_box_groom_box{
  border: 1px solid #EFEAEA;
  border-radius: 4px;
  box-shadow: 0 0px 4px -1px rgba(0, 0, 0, 0.1), 0 0px 2px -1px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.package_box_box{
  border: 1px solid #EFEAEA;
  border-radius: 4px;
  min-height: 256px;
  box-shadow: 0 0px 4px -1px rgba(0, 0, 0, 0.1), 0 0px 2px -1px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.package-li li{
  list-style: disc;
}

@media(max-width: 575px){
  .package_box_box{
    min-height: auto;
  }
}

.packages_bg{
  background: #fafafa;
}

.contactus-bottom{
  margin-bottom: 30px;
}

.service-areas{
  font-size: 11px;
  font-weight: 800;
  margin-top: 20px;
}