#services_page a, a {
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear
}

#top-bar .contact-details li:nth-child(2) a, #top-bar .contact-details li:nth-child(3) a {
    background-color: #fff;
    padding-right: 20px;
    font-weight: 600;
    font-family: SourceSansPro-SemiBold,sans-serif
}

.show-search i, ul.social-list li a i {
    height: 33px;
    display: block
}

#main-menu #contact-bar ul.contact-details li, #top-bar .contact-details li, ul.social-list li a {
    display: inline-block
}

#hero-wrapper, #main, body, html {
    height: 100%;
    width: 100%
}

#main-menu, #sub-page .header .header-logo, .contacts-list .fa address, .header .header-logo, .thumbnail {
    margin-bottom: 0
}

    #main-menu .navbar-nav > li > a, #service-menu .navbar-nav > li.active > a, #service-menu .navbar-nav > li > a, #service-menu .navbar-nav > li > a:focus, #service-menu .navbar-nav > li > a:hover {
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        background: rgba(0,0,0,0)
    }

#bottom, #intro, #main, #myTab, #rating_schema, #sub-page #content .portalDivTwo > h2, #sub-page #content .whyUsBtm a, #sub-page #content .whyUsBtm h3, #sub-page #content .whyUsBtm p, #welcome-content .skew-section .buttons, #why-choose, #wrapper.inner-page .header, .grid figure, .notfound h1, .portalDivOne, .show-search i, nav.pagination_navbar, ul.social-list li a i {
    text-align: center
}

#accreditations, #contact-section, #logo-bg .bg .connected, #rating_schema, #testimonials-sec, #testimonials-section, #welcome-content, #why-choose {
    content-visibility: auto;
    contain: layout
}

ul .links, ul.forms {
    list-style-type: none
}

@font-face {
    font-family: SourceSansPro-Regular;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.woff2') format('woff2')
}

@font-face {
    font-family: SourceSansPro-SemiBold;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-SemiBold.woff2') format('woff2')
}

@font-face {
    font-family: SourceSansPro-Light;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-Light.woff2') format('woff2')
}

@font-face {
    font-family: SourceSansPro-ExtraLight;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-ExtraLight.woff2') format('woff2')
}

@font-face {
    font-family: Ruthie-Regular-Regular;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Ruthie/Ruthie-Regular.woff2') format('woff2')
}

body, input, select, textarea {
    color: #000;
    font-family: SourceSansPro-Regular,sans-serif;
    font-size: 16pt;
    font-weight: 300;
    text-rendering: optimizelegibility;
    background: rgba(58,156,154,.2196078431372549)
}

.thumbnails {
    margin-top: 60px
}

p.lead {
    font-weight: 600;
    color: #767171 !important
}

#services_page a, a, a:focus, a:hover {
    color: #3a9d9a;
    outline: 0
}

a {
    transition: .6s linear
}

    a:focus, a:hover {
        text-decoration: none;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

#services_page a {
    transition: .6s linear;
    font-weight: 700
}

.notfound h1 {
    font-size: 500%;
    font-weight: 600
}

.grid figure div.title span, .offer p {
    font-weight: 800
}

.notfound h1 span {
    font-size: 35%;
    display: block
}

.notfound p.sub-title {
    text-align: center !important;
    margin-bottom: 20px
}

.notfound p.desc {
    text-align: center !important;
    margin-bottom: 50px
}

.notfound ul, ul.sitemap {
    color: #545454;
    font-size: 18px !important
}

.breadcrumb {
    background-color: rgba(245,245,245,.25);
    font-size: 16px;
    z-index: 999;
    position: relative
}

#content.blog-article h2 {
    color: #677763;
    font-size: 28px;
    margin-bottom: 10px
}

#content.blog-article ol, #content.blog-article ul, .search-form form input {
    color: #000;
    font-size: 18px
}

#intro p.heading, #sub-page #content h1 {
    color: #0c7e3f;
    text-shadow: 3px 3px 0 rgba(21,40,88,.1)
}

#content.blog-article ol li, #content.blog-article ul li {
    margin-bottom: 10px
}

.post_titleh2, .post_titleh4 {
    color: #49c3cd
}

#welcome-content .skew-section .container.doctors-div {
    padding: 50px 15px 20px
}

    #services_page .bg, #welcome-content .skew-section .container.doctors-div > div > .col-md-12 {
        background: #fff
    }

        #welcome-content .skew-section .container.doctors-div > div > .col-md-12 .owl-theme .owl-controls {
            margin-top: 20px;
            margin-bottom: 20px
        }

            #welcome-content .skew-section .container.doctors-div > div > .col-md-12 .owl-theme .owl-controls .owl-page span {
                background: #3a9d9a
            }

div#why-choose ul {
    padding-left: 40px
}

#main-menu {
    background: rgba(0,0,0,0);
    border-color: transparent;
    position: fixed;
    width: 100%
}

    #bottom, #contact-section, #intro, #main, #main-menu #contact-bar, #main-menu #default-menu, #service-menu, #share-wrapper .phone > a, #top-bar, #welcome-content, .Appointment, .Directions, .Refer, .dropdown-submenu, .grid figure, .grid figure img, .grid img, .header .header-logo, .header .header-logo img, .phone, .search-side, .show-search, div#default {
        position: relative
    }

    #main-menu.fixed-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999
    }

        #main-menu #contact-bar ul.contact-details li:first-child a:before, #main-menu .navbar-header .navbar-brand > img.logo-mobile, #main-menu.fixed-header #top-bar, #our-services .skew-section::after, #service-menu .navbar-brand, #testimonials .item blockquote small:before, #top-bar .contact-details li:first-child a:before, #welcome-content .skew-section .container:after, #welcome-content .skew-section .container:before, .et_right_sidebar #main-content .container:before {
            display: none
        }

#top-bar {
    background-color: #04c2cc;
    padding: 0;
    opacity: 0;
    z-index: 1;
    -moz-animation: 1s forwards header;
    -webkit-animation: 1s forwards header;
    -o-animation: 1s forwards header;
    animation: 1s forwards header
}

    #top-bar .contact-details {
        margin-top: 8px;
        padding: 0;
        text-align: left
    }

        #top-bar .contact-details li a:before {
            position: relative;
            content: "|";
            font-size: 13px;
            margin: 0 8px;
            top: -1px;
            color: #fff
        }

        #top-bar .contact-details li a {
            font-size: 15px;
            display: block;
            line-height: 32px;
            color: #fff;
            font-family: SourceSansPro-Light,sans-serif
        }

        #top-bar .contact-details li:nth-child(2) a {
            color: #3a9c9a;
            border: 4px solid #ddd;
            border-radius: 20px
        }

            #top-bar .contact-details li:nth-child(2) a i {
                color: #4cc7d0
            }

        #top-bar .contact-details li:nth-child(3) a {
            color: #3a9c9a;
            border: 4px solid #eee;
            border-radius: 20px
        }

            #top-bar .contact-details li:nth-child(3) a i {
                color: #8faa87
            }

        #top-bar .contact-details li a i:hover, #top-bar .contact-details li a:focus, #top-bar .contact-details li a:hover, #top-bar .contact-details li:hover {
            color: #141515
        }

        #top-bar .contact-details li a i {
            padding: 0 5px 0 0;
            color: #fff
        }

ul.social-list {
    float: right;
    margin: 0;
    padding: 0 50px 0 0
}

    ul.social-list li {
        float: left;
        list-style: none
    }

        ul.social-list li a {
            color: #fff;
            box-shadow: 3px 3px 0 transparent;
            -webkit-transition: .6s linear;
            -moz-transition: .6s linear;
            -o-transition: .6s linear;
            transition: .6s linear
        }

            #social-ratings .thumbnail:focus .ratings, #social-ratings .thumbnail:hover .ratings, ul.social-list li a:hover {
                color: #fff;
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear
            }

            ul.social-list li a.facebook:hover, ul.social-list li a.skype:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #507cbe inset
            }

            ul.social-list li a.twitter:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #63cdf1 inset
            }

            ul.social-list li a.google:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #f16261 inset
            }

            ul.social-list li a.dribbble:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #e46387 inset
            }

            ul.social-list li a.linkdin:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #90cadd inset
            }

            ul.social-list li a.tumblr:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #4d7ea3 inset
            }

            ul.social-list li a.flickr:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #e474af inset
            }

            ul.social-list li a.instgram:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #4d4f54 inset
            }

            ul.social-list li a.vimeo:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #87d3e0 inset
            }

            ul.social-list li a.youtube:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #b00 inset
            }

            ul.social-list li a.pinterest:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #cb2027 inset
            }

            ul.social-list li a.instagram:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #e1306c inset
            }

            ul.social-list li a.yelp:hover {
                box-shadow: 3px 3px 0 transparent,0 -40px 0 #af0606 inset
            }

            ul.social-list li a i {
                font-size: 16px;
                width: 34px;
                line-height: 33px;
                border-left: 1px solid rgba(255,255,255,.04)
            }

        ul.social-list li:last-child a i {
            border-right: 1px solid rgba(255,255,255,.04)
        }

.tooltip {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'Open Sans',sans-serif
}

.search-side {
    float: right;
    top: 0;
    right: 0;
    transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.show-search {
    display: block;
    float: right
}

#bg, #hero-carousel i, #toggle-switcher, .banner1, .header, .search-form, .search-form form {
    position: absolute
}

.show-search i {
    font-size: 20px !important;
    color: #ccc;
    width: 37px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    line-height: 30px;
    background-color: rgba(255,255,255,.04);
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

#services-rolls-images .thumbnail:focus a, #services-rolls-images .thumbnail:hover a, #welcome-content .skew-section .container li:focus a, #welcome-content .skew-section .container li:hover a, #welcome-content .skew-section .container p:focus a, #welcome-content .skew-section .container p:hover a, .accordion-toggle[aria-expanded=true] .panel-title, .show-search:focus i, .show-search:hover i {
    color: #0cace4
}

.search-form {
    display: none;
    float: right;
    right: 0;
    top: 40px;
    z-index: 20
}

    .search-form:before {
        background-color: #0cace4;
        top: -2px;
        content: '';
        display: block;
        height: 18px;
        width: 18px;
        z-index: 20;
        right: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute
    }

    .search-form form {
        right: 0;
        top: 0;
        z-index: 20;
        box-shadow: 2px 2px 0 0 rgba(0,0,0,.25)
    }

        .search-form form input {
            border: 6px solid #0cace4;
            border-radius: 0;
            padding: 10px 15px;
            z-index: 22;
            box-shadow: none;
            outline: 0;
            height: 55px
        }

#main-menu #contact-bar {
    background-color: #0c7e3f;
    padding: 0;
    opacity: 0;
    -moz-animation: 1s 2.7s forwards header;
    -webkit-animation: 1s 2.7s forwards header;
    -o-animation: 1s 2.7s forwards header;
    animation: 1s 2.7s forwards header
}

    #main-menu #contact-bar ul.contact-details {
        margin: 0;
        padding: 0;
        text-align: center
    }

#main-menu.fixed-header #contact-bar ul.contact-details {
    text-align: right
}

#main-menu #contact-bar ul.contact-details li a {
    color: #7fe44e;
    font-size: 18px;
    font-weight: 500;
    padding: 7px 0;
    display: block
}

    #main-menu #contact-bar ul.contact-details li a:before {
        position: relative;
        content: "|";
        font-size: 13px;
        margin: 0 20px;
        top: -2px;
        color: rgba(255,255,255,.4)
    }

    #main-menu #contact-bar ul.contact-details li a:focus, #main-menu #contact-bar ul.contact-details li a:hover, #main-menu.fixed-header #contact-bar ul.contact-details li a:focus, #main-menu.fixed-header #contact-bar ul.contact-details li a:hover, #sub-page #content .founder-page .box p, #sub-page #content .nav-pills > li.active > a, #sub-page #content .nav-pills > li.active > a:focus, #sub-page #content .nav-pills > li.active > a:hover, #welcome-content .skew-section .container li a, #welcome-content .skew-section .container p a, .btn-default, .contacts-list .fa a, .header p.practice-name a, .header p.practice-name a:focus, .header p.practice-name a:hover, .practice-name, footer .copyright a {
        color: #fff
    }

#main-menu #default-menu {
    opacity: 0;
    z-index: 1;
    padding: 15px 0;
    background: #029d9b;
    -moz-animation: 1s forwards header;
    -webkit-animation: 1s forwards header;
    -o-animation: 1s forwards header;
    animation: 1s forwards header
}

#main-menu.fixed-header #default-menu {
    background: #029d9b
}

#main-menu.fixed-header #contact-bar {
    background-color: #0c7e3e
}

    #main-menu.fixed-header #contact-bar ul.contact-details li a {
        padding: 4px 0;
        color: #7fe44e
    }

#main-menu .navbar-nav > li > a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    font-family: SourceSansPro-Regular
}

    #main-menu .navbar-nav > li.active > a, #main-menu .navbar-nav > li > a:focus, #main-menu .navbar-nav > li > a:hover {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,.2);
        background: rgba(0,0,0,0)
    }

#main-menu .navbar-nav > li .dropdown-menu {
    border-radius: 0;
    border-color: #fff;
    background: #fff
}

    #main-menu .navbar-nav > li .dropdown-menu:hover {
        display: block !important
    }

    #main-menu .navbar-nav > li .dropdown-menu > li > a {
        display: block;
        padding: 5px 8px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #3a9d9a;
        border-bottom: 1px solid rgba(0,0,0,.05);
        white-space: pre-line;
        font-size: 16px
    }

    #main-menu .navbar-nav > li .dropdown-menu > li:last-child > a, #service-menu .navbar-nav > li .dropdown-menu > li:last-child > a {
        border-bottom: 1px dotted transparent
    }

    #main-menu .navbar-nav > li .dropdown-menu > li > a:focus, #main-menu .navbar-nav > li .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #3a9d9a
    }

    #main-menu .navbar-nav > li .dropdown-menu > li .dropdown-menu {
        left: 100%;
        top: 0
    }

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #555
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }

#main-menu .navbar-header .navbar-brand {
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    font-size: 24px;
    padding: 12px 15px;
    width: 100%;
    display: table
}

    #main-menu .navbar-header .navbar-brand p {
        display: inline-block;
        margin: 16px 0
    }

    #main-menu .navbar-header .navbar-brand > img {
        float: left;
        margin: 0 5px 0 0;
        width: 298px;
        -moz-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.1));
        -ms-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.1));
        -webkit-filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.1));
        filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, .1))
    }

#main-menu.fixed-header .navbar-nav > li > a, p.imp_note {
    padding: 10px
}

#main-menu.fixed-header .navbar-nav > li:last-child > a {
    padding-right: 0
}

#main-menu.fixed-header .navbar-header .navbar-brand {
    padding: 8px 15px
}

    #main-menu.fixed-header .navbar-header .navbar-brand p {
        margin: 7px 0
    }

@-moz-keyframes wrapper {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes wrapper {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes wrapper {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes wrapper {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes wrapper {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#wrapper {
    left: 0;
    opacity: 1;
    top: 0;
    width: 100%
}

#bg {
    background: url("../img/header-bg-4.jpg") center/cover repeat-x #8faa8782;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    left: 0;
    opacity: 1;
    top: 0
}

@-moz-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0)
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0)
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0)
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0)
    }
}

@-moz-keyframes overlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: .85
    }
}

@-webkit-keyframes overlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: .85
    }
}

@-o-keyframes overlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: .85
    }
}

@-ms-keyframes overlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: .85
    }
}

@keyframes overlay {
    0% {
        opacity: 0
    }

    100% {
        opacity: .85
    }
}

#overlay {
    background-attachment: fixed,fixed;
    background-position: top left,center center;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover;
    height: 100vh;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%
}

#main {
    left: 0;
    top: 0;
    display: table;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
    z-index: 1;
    border-bottom: 1px solid #ccc
}

@-moz-keyframes header {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes header {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-o-keyframes header {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-ms-keyframes header {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes header {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-moz-keyframes nav-icons {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes nav-icons {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-o-keyframes nav-icons {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-ms-keyframes nav-icons {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes nav-icons {
    0% {
        -moz-transform: translate3d(0,1em,0);
        -webkit-transform: translate3d(0,1em,0);
        -o-transform: translate3d(0,1em,0);
        -ms-transform: translate3d(0,1em,0);
        transform: translate3d(0,1em,0);
        opacity: 0
    }

    100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.header {
    -moz-animation: 1s 2.25s forwards header;
    -webkit-animation: 1s 2.25s forwards header;
    -o-animation: 1s 2.25s forwards header;
    -ms-animation: header 1s 2.25s forwards;
    animation: 1s 2.25s forwards header;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

    .header .header-logo p.slogan {
        font-size: 3.1em;
        border-bottom: 4px solid #dce5e9;
        width: max-content;
        text-align: left;
        padding-bottom: 15px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 500;
        line-height: 1.1;
        color: #fff;
        font-style: normal;
        opacity: 1
    }

    .header .header-logo img {
        -webkit-filter: drop-shadow(2px 2px 0px rgba(255,255,255,0.20));
        -moz-filter: drop-shadow(2px 2px 0px rgba(255,255,255,0.20));
        -ms-filter: drop-shadow(2px 2px 0px rgba(255,255,255,0.20));
        filter: drop-shadow(2px 2px 0px rgba(255, 255, 255, .2));
        z-index: 2
    }

    .header p.practice-name {
        color: #fff;
        font-size: 250%;
        font-family: SourceSansPro-SemiBold,sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.5;
        text-shadow: 2px 2px 2px rgba(0,0,0,.3)
    }

#rating_schema span, .top-hour p.hours, b, strong {
    font-family: SourceSansPro-SemiBold
}

#welcome-content p, ol li, ul li, ul.color li {
    font-family: SourceSansPro-Light
}

.contacts-list .fa, .header p.slogan {
    text-shadow: 2px 2px 1px rgba(0,0,0,.2)
}

.header p.practice-name span {
    background: rgba(0,0,0,.08);
    padding: 0 10px;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 4px;
    font-weight: 400
}

    .header p.practice-name span img {
        margin-top: -8px;
        margin-right: -16px;
        margin-left: 4px
    }

.header p.practice-name small {
    display: block;
    margin-bottom: 40px;
    font-size: 25px
}

.header p.slogan {
    font-size: 30px;
    margin: 1.2em 0 1.6em;
    opacity: .9;
    font-weight: 600;
    font-style: italic
}

    .header p.slogan span {
        font-size: 120%;
        font-weight: 600;
        font-style: normal
    }

#intro .btn-primary, .header .btn-primary {
    font-size: 18px;
    background: #029d9b;
    border: 0 solid rgba(255,255,255,.3);
    border-radius: 0;
    margin: 10px;
    box-shadow: 0 7px 0 rgba(0,0,0,.3);
    font-weight: 600;
    color: #fff;
    padding: 12px;
    text-transform: uppercase;
    font-family: SourceSansPro-SemiBold,sans-serif
}

.arrows:after, .arrows:before {
    position: absolute;
    border-left: 6px solid rgba(255,255,255,.7);
    border-bottom: 6px solid rgba(255,255,255,.7);
    height: 100%;
    content: '';
    width: 100%
}

#intro .btn-primary.two, .header .btn-primary.two {
    background: #04c2cc
}

#intro .btn-primary:focus .header .btn-primary:focus, #intro .btn-primary:hover, .header .btn-primary:hover {
    background: #fff;
    border: 0 solid rgba(255,255,255,.3);
    color: #04c2cc;
    box-shadow: 0 7px 0 rgba(72,194,204,.3)
}

#intro .btn-primary.two:focus, #intrro .btn-primary.two:hover, .header .btn-primary.two:focus, .header .btn-primary.two:hover {
    background: #fff;
    border: 0 solid #233872;
    color: #04c2cc;
    box-shadow: 0 7px 0 rgba(58,157,154,.3)
}

.header .btn-primary i {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: initial
}

#bottom {
    bottom: 0;
    cursor: default;
    left: 0;
    width: 100%;
    display: table-row
}

.arrows {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 22px;
    height: 22px;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

    .arrows:before {
        transform: translate(26.66667px,106.66667px) rotate(-45deg);
        -moz-transform: translate(26.66667px,106.66667px) rotate(-45deg);
        -o-transform: translate(26.66667px,106.66667px) rotate(-45deg);
        -ms-transform: translate(26.66667px,106.66667px) rotate(-45deg);
        -webkit-transform: translate(26.66667px,106.66667px) rotate(-45deg);
        animation: 3s linear infinite arrows;
        -o-animation: 3s linear infinite arrows;
        -moz-animation: 3s linear infinite arrows;
        -webkit-animation: 3s linear infinite arrows;
        -ms-animation: arrows 3s linear infinite
    }

    .arrows:after {
        transform: translate(53.33333px,0) rotate(-45deg);
        -moz-transform: translate(53.33333px,0) rotate(-45deg);
        -o-transform: translate(53.33333px,0) rotate(-45deg);
        -ms-transform: translate(53.33333px,0) rotate(-45deg);
        -webkit-transform: translate(53.33333px,0) rotate(-45deg);
        animation: 3s linear -1.5s infinite arrows;
        -o-animation: 3s linear -1.5s infinite arrows;
        -moz-animation: 3s linear -1.5s infinite arrows;
        -ms-animation: arrows 3s linear infinite -1.5s;
        -webkit-animation: 3s linear -1.5s infinite arrows
    }

@keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,-20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,-20px) rotate(-45deg)
    }

    10%,90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    50% {
        border-left: 6px solid rgba(255,255,255,.7);
        border-bottom: 6px solid rgba(255,255,255,.7);
        transform: translate(-13.33333px,0) rotate(-45deg);
        -moz-transform: translate(-13.33333px,0) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,0) rotate(-45deg);
        -ms-transform: translate(-13.33333px,0) rotate(-45deg);
        -o-transform: translate(-13.33333px,0) rotate(-45deg)
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,20px) rotate(-45deg)
    }
}

@-moz-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,-20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,-20px) rotate(-45deg)
    }

    10%,90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    50% {
        border-left: 6px solid rgba(255,255,255,.7);
        border-bottom: 6px solid rgba(255,255,255,.7);
        transform: translate(-13.33333px,0) rotate(-45deg);
        -moz-transform: translate(-13.33333px,0) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,0) rotate(-45deg);
        -ms-transform: translate(-13.33333px,0) rotate(-45deg);
        -o-transform: translate(-13.33333px,0) rotate(-45deg)
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,20px) rotate(-45deg)
    }
}

@-o-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,-20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,-20px) rotate(-45deg)
    }

    10%,90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    50% {
        border-left: 6px solid rgba(255,255,255,.7);
        border-bottom: 6px solid rgba(255,255,255,.7);
        transform: translate(-13.33333px,0) rotate(-45deg);
        -moz-transform: translate(-13.33333px,0) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,0) rotate(-45deg);
        -ms-transform: translate(-13.33333px,0) rotate(-45deg);
        -o-transform: translate(-13.33333px,0) rotate(-45deg)
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,20px) rotate(-45deg)
    }
}

@-ms-keyframes arrows {
    0%,10%,100%,90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    0% {
        transform: translate(-13.33333px,-20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,-20px) rotate(-45deg)
    }

    50% {
        border-left: 6px solid rgba(255,255,255,.7);
        border-bottom: 6px solid rgba(255,255,255,.7);
        transform: translate(-13.33333px,0) rotate(-45deg);
        -moz-transform: translate(-13.33333px,0) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,0) rotate(-45deg);
        -ms-transform: translate(-13.33333px,0) rotate(-45deg);
        -o-transform: translate(-13.33333px,0) rotate(-45deg)
    }

    100% {
        transform: translate(-13.33333px,20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,20px) rotate(-45deg)
    }
}

@-webkit-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,-20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,-20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,-20px) rotate(-45deg)
    }

    10%,90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    50% {
        border-left: 6px solid rgba(255,255,255,.7);
        border-bottom: 6px solid rgba(255,255,255,.7);
        transform: translate(-13.33333px,0) rotate(-45deg);
        -moz-transform: translate(-13.33333px,0) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,0) rotate(-45deg);
        -ms-transform: translate(-13.33333px,0) rotate(-45deg);
        -o-transform: translate(-13.33333px,0) rotate(-45deg)
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px,20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px,20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px,20px) rotate(-45deg);
        -o-transform: translate(-13.33333px,20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px,20px) rotate(-45deg)
    }
}

#service-menu {
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5) 75%);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5) 75%);
    background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5) 75%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5) 75%);
    background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5) 75%);
    background-color: rgba(0,0,0,.05);
    width: 100%;
    display: block;
    margin-bottom: 0;
    z-index: 1
}

    #service-menu .navbar-default {
        background-color: rgba(0,0,0,0);
        border-color: transparent;
        margin-bottom: 0;
        padding: 20px 0
    }

    #service-menu .navbar-nav > li > a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        padding: 30px 15px;
        box-shadow: 0 0 0 #000
    }

        #service-menu .navbar-nav > li > a:focus, #service-menu .navbar-nav > li > a:hover {
            color: #fff;
            box-shadow: 0 0 0 #000,0 -80px 0 rgba(255,255,255,.25) inset,0 -3px 0 #0cace4 inset
        }

    #service-menu .navbar-nav > li.active > a {
        color: #fff;
        box-shadow: 0 -3px 0 #0cace4 inset,0 -80px 0 rgba(255,255,255,0) inset
    }

    #service-menu .navbar-nav > li .dropdown-menu {
        border-radius: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,.175),0 -3px 0 #0cace4;
        padding: 20px 0;
        border-color: #fff;
        background: rgba(255,255,255,.95)
    }

        #service-menu .navbar-nav > li .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #091e41;
            white-space: nowrap;
            border-bottom: 1px dotted rgba(0,0,0,.2)
        }

            #service-menu .navbar-nav > li .dropdown-menu > li > a:focus, #service-menu .navbar-nav > li .dropdown-menu > li > a:hover {
                color: #fff;
                background-color: #0cace4
            }

#intro {
    background: #fff;
    padding: 0 0 80px
}

    #intro p.heading {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 16px
    }

    #intro p {
        font-size: 18px;
        color: #152858
    }

        #intro p:nth-child(2) {
            height: 135px;
            text-align: justify;
            padding: 0 5%
        }

        #intro p b {
            font-weight: 400
        }

.grid {
    margin-top: 20px;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear;
    display: flex;
    flex-wrap: wrap
}

    .grid:focus .effect-apollo, .grid:hover .effect-apollo {
        opacity: .9;
        -webkit-filter: blur(1px);
        -moz-filter: blur(1px);
        -ms-filter: blur(1px);
        -o-filter: blur(1px);
        filter: blur(1px);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

        .grid:focus .effect-apollo:focus, .grid:hover .effect-apollo:hover {
            opacity: 1;
            -webkit-filter: blur(0);
            -moz-filter: blur(0);
            -ms-filter: blur(0);
            -o-filter: blur(0);
            filter: blur(0);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

#why-choose .thumbnail i, figure.effect-apollo {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear
}

.grid figure {
    float: left;
    overflow: hidden;
    height: auto;
    background: #3085a3;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 15px 20px -11px #000
}

.grid .col-md-6:first-child {
    padding-left: 80px
}

.grid h2 {
    margin-bottom: 20px;
    font-size: 42px;
    color: #000
}

#doc_bio_slider p, .grid p {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: justify;
    color: #000
}

.grid img {
    display: block;
    margin: auto
}

.grid figure img {
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .8
}

.grid figure figcaption {
    padding: 20px;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .grid figure figcaption::after, .grid figure figcaption::before {
        pointer-events: none
    }

    .grid figure figcaption, .grid figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 8px solid #fff
    }

        .grid figure figcaption > a {
            z-index: 1000;
            text-indent: 200%;
            white-space: nowrap;
            font-size: 0;
            opacity: 0
        }

.grid figure div.title {
    font-weight: 300
}

.grid figure div.title, .grid figure p, p {
    margin: 0
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%
}

figure.effect-apollo {
    background: #3498db;
    transition: .3s linear
}

    figure.effect-apollo img {
        opacity: 1;
        -webkit-transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        -webkit-transform: scale3d(1.05,1.05,1);
        transform: scale3d(1.05,1.05,1)
    }

    figure.effect-apollo figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.5);
        content: '';
        -webkit-transition: -webkit-transform .6s;
        transition: transform .6s;
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)
    }

    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0;
        margin-bottom: 3px !important;
        padding: 0 8px;
        max-width: 100%;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .35s;
        transition: opacity .35s;
        text-shadow: 1px 3px 1px #000
    }

    figure.effect-apollo div.title {
        text-align: left;
        position: absolute;
        bottom: 25px;
        background: #fff;
        left: 0;
        color: #677763;
        padding: 10px 20px 10px 10px;
        font-size: 20px;
        font-weight: 400;
        border-radius: 0 15px 15px 0;
        box-shadow: 2px 2px 10px -2px #0000007a
    }

        #logo-bg .bg .logo p span, figure.effect-apollo div.title small {
            font-size: 70%
        }

    figure.effect-apollo:hover img {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    figure.effect-apollo:hover figcaption::before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)
    }

#ad-banner .skew-section:before, #welcome-content .skew-section:before {
    backface-visibility: initial;
    transform: skewY(2.2deg);
    overflow: visible;
    top: -33px;
    z-index: 2;
    content: "";
    -moz-backface-visibility: initial;
    -ms-backface-visibility: initial;
    -webkit-backface-visibility: initial;
    -o-backface-visibility: initial
}

figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

#sub-page #content b, #sub-page #content strong, #sub-page.contact-page #content .sidebar p.title span, #welcome-content .skew-section .container ol b, #welcome-content .skew-section .container p b, #welcome-content .skew-section .container ul b, .top-hour p span, .top-hour p.hours {
    font-weight: 600
}

.offer {
    background-color: #e6e6fa;
    display: flex;
    padding: 0 15px
}

    .offer a {
        display: flex;
        color: #000
    }

    .offer p {
        margin-bottom: 0;
        font-size: 34px;
        display: inline-block
    }

        .offer p:nth-child(2) {
            font-size: 22px;
            margin-left: 14px;
            font-weight: 500
        }

        .offer p span.dollar {
            font-size: 20px;
            font-weight: 600;
            vertical-align: text-top
        }

        .offer p span.cost {
            font-size: 22px;
            font-weight: 500
        }

#call-to-action ul.list, #welcome-content .skew-section .buttons {
    margin: 30px 0 0
}

    #welcome-content .skew-section .buttons .btn-primary {
        font-size: 18px;
        background: #8faa87;
        padding: 12px;
        border: 0 solid rgba(255,255,255,.25);
        border-radius: 0;
        margin: 0 10px;
        width: 275px;
        box-shadow: 0 7px 0 rgba(0,0,0,.3);
        font-weight: 600;
        color: #fff;
        text-transform: uppercase
    }

#welcome-content .skew-section .grid img.doc-image {
    padding-top: 50px
}

#sub-page #content a.btn-primary.two, #sub-page #intro .buttons .btn-primary.two, #welcome-content .skew-section .buttons .btn-primary.two {
    background: #1a7abf
}

#welcome-content .skew-section .buttons .btn-primary:focus, #welcome-content .skew-section .buttons .btn-primary:hover {
    background: #fff;
    border: 0 solid #8faa87;
    color: #677763;
    box-shadow: 0 7px 0 #8faa87
}

#sub-page #content a.btn-primary.two:focus, #sub-page #content a.btn-primary.two:hover, #sub-page #intro .buttons .btn-primary.two:focus, #sub-page #intro .buttons .btn-primary.two:hover, #welcome-content .skew-section .buttons .btn-primary.two:focus, #welcome-content .skew-section .buttons .btn-primary.two:hover {
    background: #fff;
    border: 0 solid #233872;
    color: #1a7abf;
    box-shadow: 0 7px 0 #1a7abf
}

#welcome-content {
    background: #f2f8ff;
    overflow: hidden;
    z-index: 1
}

    #welcome-content .skew-section {
        z-index: 1;
        padding: 30px 0 50px
    }

        #welcome-content .skew-section:before {
            display: none;
            background: #fff;
            height: 70px;
            left: 0;
            position: absolute;
            -webkit-transform: skewY(2deg);
            -moz-transform: skewY(2deg);
            -ms-transform: skewY(2deg);
            -o-transform: skewY(2deg);
            width: 100%;
            box-shadow: 0 0 30px 6px rgba(0,0,0,.75)
        }

        #welcome-content .skew-section .container {
            padding: 100px 15px;
            position: relative
        }

            #welcome-content .skew-section .container h1.title {
                font-size: 48px;
                font-weight: 400;
                margin-bottom: 20px;
                text-shadow: 3px 3px 0 rgba(0,0,0,.2)
            }

                #welcome-content .skew-section .container h1.title span {
                    font-size: 85px;
                    font-weight: 400;
                    letter-spacing: 1px;
                    line-height: 1em;
                    font-family: Ruthie,cursive
                }

                #welcome-content .skew-section .container h1.title::after {
                    background: #0cace4;
                    content: "";
                    display: block;
                    height: 5px;
                    margin: 15px 0 35px;
                    position: relative;
                    width: 150px
                }

            #welcome-content .skew-section .container ol, #welcome-content .skew-section .container ul {
                font-size: 17px;
                font-weight: 300;
                margin-bottom: 20px;
                text-align: justify;
                text-shadow: 2px 2px 1px rgba(0,0,0,.2)
            }

#office-tour-carousal .carousel-inner .item {
    margin: 5px 0;
    padding: 0 15px 25px
}

#office-tour-carousal img {
    border: 5px solid rgba(255,255,255,.44);
    margin-bottom: 0;
    padding: 3px;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,.2)
}

#office-tour-carousal .carousel-control.left, #office-tour-carousal .carousel-control.right, .carousel-control.left, .carousel-control.right {
    background-image: none
}

#office-tour-carousal .carousel-control .glyphicon-chevron-right, #office-tour-carousal .carousel-control .icon-next {
    margin-right: -10px
}

#office-tour-carousal .carousel-control .glyphicon-chevron-left, #office-tour-carousal .carousel-control .icon-prev {
    margin-left: -10px
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    opacity: 0;
    transition-property: opacity
}

.contact-info h1 {
    color: #48c1cb;
    font-weight: 600;
    margin: 0 0 20px
}

#notification {
    position: relative;
    border: 5px solid rgba(131,84,56,.09);
    background-color: #ffe66b;
    padding: 8px 5px;
    z-index: 1
}

    #notification .mt {
        margin-top: 1%
    }

    #notification .custom-width {
        width: 15%;
        margin-top: -11px;
        margin-bottom: -11px
    }

    #notification i.fa.fa-info-circle {
        margin-top: 54%;
        padding-top: 0;
        color: rgba(0,0,0,.64);
        margin-left: -87%
    }

    #notification p.title {
        font-weight: 700;
        padding-bottom: 15px;
        color: red;
        font-size: 20px;
        text-align: left
    }

    #notification p.note {
        color: #000;
        font-size: 20px;
        margin-top: -20px
    }

    #notification p strong {
        color: #000;
        font-size: 19px
    }

    #notification i.fa.fa-times {
        position: absolute;
        top: 6px;
        right: 12px;
        color: #000
    }

p.imp_note, p.imp_note strong {
    color: red;
    font-size: 18px
}

#testimonials-sec h2.heading, #testimonials-sec p.heading {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    text-align: center
}

#testimonials-sec .btn-link {
    border: 2px solid rgba(0,0,0,.05);
    border-radius: 4px;
    display: table;
    line-height: 1.5;
    margin: 0 auto;
    padding: 2px 10px;
    text-align: center;
    float: right
}

#testimonials-sec {
    background: url("../img/bg-treatments.jpg") center center rgba(0,0,0,0);
    padding: 50px 0;
    background: -webkit-linear-gradient(top,#029d9b 0,#fff 100%)
}

    #testimonials-sec .service-block {
        padding: 4px !important
    }

    #testimonials-sec .thumbnail {
        box-shadow: none;
        border: none;
        text-align: center;
        background: 0 0;
        transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out
    }

        #testimonials-sec .thumbnail img {
            background: #fff;
            border: 1px solid rgba(58,156,154,.54);
            border-radius: 50%;
            box-shadow: 0 0 0 8px #f5f4f4 inset;
            display: block;
            margin: 0 auto 31px;
            padding: 9px;
            width: 150px;
            z-index: 1;
            position: relative;
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

        #testimonials-sec .thumbnail p.title {
            color: #333;
            display: block;
            font-size: 26px;
            font-weight: 600;
            letter-spacing: .05em;
            line-height: 1.3;
            margin-bottom: 25px;
            min-height: 55px;
            text-transform: uppercase;
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

            #testimonials-sec .thumbnail p.title::after {
                background: #0e0e0e;
                content: "";
                display: block;
                height: 1px;
                left: 0;
                margin: 10px auto 0;
                position: absolute;
                right: 0;
                width: 150px;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out
            }

        #testimonials-sec .thumbnail p.sub-title {
            color: #555;
            display: block;
            font-family: SourceSansPro-SemiBold;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: .05em;
            line-height: 1em;
            margin-bottom: 10px;
            min-height: 45px;
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

            #testimonials-sec .thumbnail p.sub-title::after {
                background: rgba(48,49,49,.13);
                content: "";
                display: block;
                height: 1px;
                left: 0;
                margin: 17px auto 0;
                position: absolute;
                right: 0;
                width: 110px;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out
            }

        #testimonials-sec .thumbnail:focus, #testimonials-sec .thumbnail:hover {
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

            #testimonials-sec .thumbnail:focus img, #testimonials-sec .thumbnail:hover img {
                border: 1px solid #3a9c9a;
                box-shadow: 0 0 0 8px #087b79 inset,0 0 10px #fff;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out;
                background: #b7b9c3
            }

            #testimonials-sec .thumbnail:focus h2, #testimonials-sec .thumbnail:hover h2 {
                color: #eff5ed;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out
            }

                #testimonials-sec .thumbnail:focus h2::after, #testimonials-sec .thumbnail:hover h2::after {
                    background: #999;
                    transition: .3s ease-in-out;
                    -moz-transition: .3s ease-in-out;
                    -webkit-transition: .3s ease-in-out;
                    -o-transition: .3s ease-in-out
                }

            #testimonials-sec .thumbnail:focus i, #testimonials-sec .thumbnail:hover i {
                color: #fff;
                transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -webkit-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out
            }

        #testimonials-sec .thumbnail .btn-default {
            padding: 6px 28px;
            font-size: 18px;
            border-radius: 50px;
            background: #07c2cc;
            border-color: #fff;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            margin-bottom: 20px;
            margin-top: 20px
        }

        #testimonials-sec .thumbnail:focus .btn-default, #testimonials-sec .thumbnail:hover .btn-default {
            background: #3a9c9a;
            color: #fff;
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            text-shadow: none
        }

        #testimonials-sec .thumbnail:focus h3, #testimonials-sec .thumbnail:hover h3 {
            color: #3c4746;
            transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -webkit-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

#doc_bio_slider img.doc_bio {
    transform: translateX(53px) translateY(87px)
}

#doc_bio_slider .item, #wrapper.inner-page {
    height: 620px
}

#doc_bio_slider .carousel-indicators {
    margin: auto auto auto 0;
    float: none;
    position: relative;
    display: inline-block;
    transform: translate(10px,0)
}

    #doc_bio_slider .carousel-indicators .active, .back-to-top:hover i, .no-touch .back-to-top:hover i {
        background-color: #3a9d9a
    }

    #doc_bio_slider .carousel-indicators li {
        border-radius: 2px;
        display: inline-block;
        width: 12px;
        height: 12px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #3a9d9a91;
        border: none;
        margin: 0 4px
    }

.testimonial-item.equal-height.style-6 {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

#doc_bio_slider i.fa.fa-chevron-left, #doc_bio_slider i.fa.fa-chevron-right, #testimonials-section i.fa.fa-chevron-left, #testimonials-section i.fa.fa-chevron-right {
    background: #23877e;
    margin: 8px;
    opacity: 1;
    text-shadow: none !important;
    border-radius: 4px;
    padding: 6px 8px
}

#doc_bio_slider .read_doc_bio, .logo-wave {
    padding: 0
}

    #doc_bio_slider .read_doc_bio a {
        color: #fff !important;
        background: #00c3cd;
        width: 50%;
        margin: auto;
        padding: 6px 38px;
        font-size: 18px;
        border-radius: 50px;
        transform: translate(0,20px);
        box-shadow: 0 7px 0 rgb(152 222 225);
        border: none
    }

        #doc_bio_slider .read_doc_bio a:hover {
            border-color: #feffff;
            background: #009e9a
        }

.cell-right {
    text-align: center;
    margin-right: 80px;
    padding-bottom: 20px
}

#doc_bio_slider .testimonial-name p.name-title {
    font-size: 28px;
    color: #000;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-family: SourceSansPro-Regular
}

.testimonial-content.quote {
    padding: 0 55px;
    color: #000
}

#main-content .container {
    padding-top: 10px
}

i.fa.fa-quote-left {
    padding: 0 10px;
    color: rgba(58,156,154,.58)
}

#hero-carousel, #hero-wrapper .carousel-wrapper {
    height: 100%;
    width: 100%;
    position: absolute
}

    #hero-carousel img {
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto
    }

    #hero-carousel i {
        top: 50%
    }

.back-to-top.back-to-top-fade-out, .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right, .lazyloading, .quick-contact-tab.is-fade-out {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-control {
    z-index: 2
}

.header {
    transform: translate3d(0,0,0);
    cursor: default;
    display: table-cell;
    opacity: 0;
    text-align: left;
    top: 45%;
    vertical-align: middle;
    width: 100%;
    height: auto
}

#office_time {
    position: relative;
    background-color: #fff;
    z-index: 999
}

.banner1 {
    background: url(../img/bannner-slider/1.jpg) center/cover repeat-x #8faa8782;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
    top: 0
}

.custom-top {
    margin-top: 65px !important
}

.contact_page_custom-top {
    margin-top: 7%
}

ul.color li {
    color: #000;
    font-size: 20px
}

#inner_page h2 {
    color: #677762
}

#acess-icons li:focus i, #acess-icons li:hover i, #dental_crowns .bg ul.ul_list, #implants .bg ul.ul_list, #logo-bg .bg .connected .social-icons li a:focus span, #logo-bg .bg .connected .social-icons li a:hover span, #services_page ul.ul_list, #why-choose h2, .panel-body ul {
    color: #000
}

#services_page h1.offer_titile {
    color: #3a9d9a;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center
}
#services_page ol li {
    font-family: SourceSansPro-Light 
    !important;
}

    #services_page ol li::marker {
        font-size: 20px !important;
        font-family: SourceSansPro-Light !important;
        font-weight:700 !important;
    }
/* Apply larger marker only to li that contains a heading */
    #services_page ol li:has(h1, h2, h3, h4)::marker {
        font-size: 24px;
        color: #48c2cc;
    }

/* Default marker style for other li (with p tags only) */
    #services_page ol li::marker {
        font-size: 16px;
        color: #48c2cc;
    }


.offer-banner-1 {
    position: relative;
    background: url(/img/Comprehensive-exam.jpg) center/cover no-repeat #fff;
    height: 49em;
    box-shadow: 0 2px 5px 1px #bbbaba;
    margin-top: 135px
}

#spl_offer .offer-form {
    margin-top: 20%;
    background-color: #48c2cc;
    padding: 25px;
    border-radius: 15px
}

#spl_offer .text-info {
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: 25px 0
}

#consmetic_dentist .h2, .sidebar p.title {
    text-transform: capitalize
}

#spl_offer .contact-form form label {
    color: #fff;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 600;
    margin-left: 5px
}

#spl_offer .contact-form form .form-group {
    margin-bottom: 25px
}

.offer-desc {
    padding: 20px
}

#services_page p {
    text-align: justify;
    margin-top: 0
}

#spl_offer .secure-shield {
    margin: -5px 0 20px
}

#Quick-Contact-switcher {
    position: fixed;
    z-index: 999999;
    top: 465px;
    right: -240px;
    width: 240px;
    background: #fff;
    padding: 10px;
    border-left: 4px solid #595a5c;
    border-right: none;
    box-shadow: -2px 0 4px rgba(0,0,0,.1)
}

#ad-banner, #sleep, #why-choose, .logo-wave {
    z-index: 1;
    position: relative
}

#toggle-switcher {
    display: block;
    width: 28px;
    height: auto;
    background: #26baf1;
    left: -32px;
    top: 0;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.3);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
    padding: 10px 0;
    margin: 16px 0;
    box-shadow: -2px 0 4px rgba(0,0,0,.1);
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -moz-animation-name: epilepsy;
    -webkit-animation-name: epilepsy;
    -o-animation-name: epilepsy;
    animation-name: epilepsy;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate
}

@-moz-keyframes epilepsy {
    0% {
        background-color: #e93e3e
    }

    25% {
        background-color: #1086c1
    }

    50% {
        background-color: #d68700
    }

    100% {
        background-color: #57ac42
    }
}

@-webkit-keyframes epilepsy {
    0% {
        background-color: #e93e3e
    }

    25% {
        background-color: #1086c1
    }

    50% {
        background-color: #00f
    }

    100% {
        background-color: #57ac42
    }
}

@-o-keyframes epilepsy {
    0% {
        background-color: #e93e3e
    }

    25% {
        background-color: #1086c1
    }

    50% {
        background-color: #d68700
    }

    100% {
        background-color: #57ac42
    }
}

@keyframes epilepsy {
    0% {
        background-color: #e93e3e
    }

    25% {
        background-color: #1086c1
    }

    50% {
        background-color: #d68700
    }

    100% {
        background-color: #57ac42
    }
}

#Quick-Contact-switcher a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
    padding: 10px 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.75)
}

    #Quick-Contact-switcher a:hover {
        color: inherit !important
    }

#Quick-Contact-switcher .sidePanelDoct {
    color: #595a5c;
    font-size: 19px;
    font-weight: 700;
    margin: 4px 0 10px;
    border-bottom: 2px dotted #ccc;
    padding: 0 0 8px;
    text-align: center;
    line-height: 1.1
}

    #Quick-Contact-switcher .sidePanelDoct b {
        font-weight: 700;
        color: #f1686a
    }

#Quick-Contact-switcher .fillDetails {
    font-weight: 700;
    color: #5a5b5d;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    text-shadow: none
}

#Quick-Contact-switcher .form-group {
    margin-bottom: 8px
}

#Quick-Contact-switcher .form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    color: #000;
    font-weight: 500
}

    #Quick-Contact-switcher .form-control:focus {
        border-color: #39afea !important;
        box-shadow: 0 3px 3px -3px #1086c1;
        outline: 0
    }

    #Quick-Contact-switcher .form-control::-moz-placeholder {
        color: #8f8f8f !important
    }

    #Quick-Contact-switcher .form-control:-ms-input-placeholder {
        color: #8f8f8f !important
    }

    #Quick-Contact-switcher .form-control::-webkit-input-placeholder {
        color: #8f8f8f !important
    }

#Quick-Contact-switcher .btn-primary {
    display: block;
    margin: 12px auto 10px;
    text-align: center !important;
    border: 1px solid #d68700;
    font-weight: 700;
    background-color: #f9aa0b;
    background-image: none;
    border-radius: 0;
    text-shadow: none;
    width: 100%;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

    #Quick-Contact-switcher .btn-primary:focus, #Quick-Contact-switcher .btn-primary:hover {
        border: 1px solid #1086c1;
        background-color: #39afea;
        color: #fff;
        text-shadow: none;
        outline: 0;
        border-radius: 50px;
        -webkit-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    }

.quick-contact-tab {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
}

    .quick-contact-tab.is-visible {
        visibility: visible;
        opacity: 1;
        -webkit-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    }

.logoFooterYelp {
    display: inline-block;
    margin-top: -1px;
    padding: 0 5px
}

.intl-tel-input .selected-flag .arrow {
    border-top: 4px solid #cde5d8 !important
}

#modal-coronavirus .modal-dialog {
    top: 0;
    margin-top: 30px !important
}

#modal-coronavirus .modal-header {
    background: #ffe66b !important;
    color: red;
    border-bottom: 1px solid #d6b513 !important;
    padding: 10px !important
}

#modal-coronavirus .modal-content {
    background-color: #ffe66b;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
    border: 3px solid #d4bf5a !important
}

#modal-coronavirus p {
    padding: 0 10px;
    color: #000;
    font-size: 18px;
    margin-bottom: 15px !important;
    text-align: justify
}

#modal-coronavirus .modal-title {
    font-size: 24px;
    font-weight: 600;
    color: red !important;
    letter-spacing: 0 !important;
    text-align: center
}

    #modal-coronavirus .modal-title:after {
        background: 0 0;
        content: "";
        display: block;
        height: 3px;
        margin: 15px 10px 0;
        position: relative;
        width: 100px
    }

#modal-coronavirus .modal-body {
    background: #ffe66b !important;
    padding: 0 !important
}

    #modal-coronavirus .modal-body h6 {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        padding-left: 10px
    }

    #modal-coronavirus .modal-body p b {
        color: #333;
        font-weight: 700;
        font-size: 18px
    }

    #modal-coronavirus .modal-body p span {
        color: red
    }

#modal-coronavirus .modal-header .close {
    font-size: 30px !important;
    font-weight: 900 !important
}

div#appointment, div#claimOfferModal, div#modal-coronavirus {
    z-index: 999999
}

#review-page .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

#services-rolls-images .thumbnail, #why-choose .thumbnail {
    background-color: rgba(255,255,255,0);
    box-shadow: 3px 3px 0 transparent
}

#review-page .thumbnail:focus, #review-page .thumbnail:hover {
    box-shadow: 0 10px 20px -10px #000,0 -10px 20px -17px #000,0 0 35px rgba(0,0,0,.05) inset;
    border-color: rgba(0,0,0,.2);
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

#review-page .thumbnail p {
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 20px;
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: center !important;
    color: #414142
}

ul.forms li {
    padding-bottom: 5px
}

#services_page .blog-img img.cimg, .contact-form .intl-tel-input {
    width: 100%
}

h2.title {
    color: #333 !important;
    font-size: 26px
}

#acess-icons .accessibility-title button.close, #sub-page #content ol, #sub-page #content p, #sub-page #content ul, h3.small_desc, ol, ul {
    font-size: 18px
}

a.page-link {
    font-size: 20px !important;
    font-weight: 600;
    padding: 10px !important;
    color: #029d9b !important
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff !important;
    cursor: default;
    background-color: #029d9b;
    border-color: #ddd
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff !important;
    background-color: transparent;
    border-color: #a4b39f
}

.pagination > li > a, .pagination > li > span {
    padding: 15px !important
}

.pagination {
    margin: -20px 0 25px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

ul.pagination.justify-content-center.pagination-sm {
    background: #029d9b;
    border: 0 solid #029d9b;
    box-shadow: 0 7px 0 rgb(2 157 155 / 60%);
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    border-radius: 50px;
    outline: 0;
    float: none;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

.pagination_navbar ul {
    padding-left: 0 !important
}

#services_page h2, footer .copyright a:focus, footer .copyright a:hover {
    color: #49c3ce
}

#rating_schema {
    background-color: #fff;
    padding: 10px 0;
    border-top: 3px solid #4f5b4d00;
    position: relative
}

    #rating_schema span {
        color: #2a7673;
        font-size: 18px
    }

    #rating_schema .fa {
        color: #ffbf00
    }

.bg1 {
    background: url(../img/bannner-slider/1.webp);
    background-size: cover !important;
    width: 100%;
    height: 785px !important;
    left: 0;
    opacity: 1;
    position: relative;
    top: 0;
    background-position-y: 30% !important
}

.slogan {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 2;
    color: #fff;
    font-style: normal;
    opacity: 1
}

#why-choose .btn.btn-default {
    padding: 20px;
    font-size: 18px;
    border-radius: 50px;
    background: #07c2cc;
    border-color: #fff !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    margin-bottom: 20px;
    margin-top: 20px
}

#ad-banner, #sleep, #social-ratings {
    border-top: 1px solid #fff
}

#expert-advice .ea-container p.ea-title, #why-choose .btn.btn-default a {
    color: #fff !important
}

.btn-default a {
    color: #007bff;
    text-decoration: none;
    font-weight: 700
}

.btn-default:hover {
    background-color: #07c2cc;
    box-shadow: 0 4px 8px rgba(0,0,0,.2)
}

@media (max-width:479px) {
    #accreditations-rolls {
        display: block !important
    }

        #accreditations-rolls .item {
            margin: 0 27px !important
        }

    #other_services h1 {
        font-size: 22px
    }

    .offer-form .form-control {
        margin-bottom: 2px
    }

    .align-inline-inr img {
        width: 90%
    }

    #Quick-Contact-switcher, .sticky-container {
        top: 17%
    }
}

b, strong {
    font-weight: 700;
    color: rgba(0,0,0,.68)
}

.row.contact-info {
    margin-bottom: 30px
}

#sleep .img-responsive, #why-choose h1, .col-sm-12.portalDivOne, .contact-form form .form-group, .panel-body .col-lg-2.col-sm-2 {
    margin-bottom: 20px
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }
}

#why-choose {
    background: url(../img/about-us-bg.webp) center/cover no-repeat fixed #fff;
    padding: 80px 0;
    border-top: 0 solid #fff
}

#ad-banner, #consmetic_dentist .bg, #content, #dental_crowns .bg, #dental_dentures .bg, #implants .bg, #moti_physio .bg, #restorative .bg, #teeth_whitening .bg, .blog_grid, .form-control, .logo-wave {
    background-color: #fff
}

#why-choose h1, #why-choose p, #why-choose ul > li {
    color: #000;
    font-family: SourceSansPro-Light
}

#why-choose h1, #why-choose h2 {
    font-family: SourceSansPro-Regular
}

#why-choose p, #why-choose ul > li {
    text-align: left;
    font-weight: 300
}

#why-choose .container.about-us::-webkit-scrollbar {
    width: 2px
}

#why-choose .container.about-us::-webkit-scrollbar-track {
    background: #fff
}

#why-choose .container.about-us::-webkit-scrollbar-thumb {
    background: #3667ab
}

    #why-choose .container.about-us::-webkit-scrollbar-thumb:hover {
        background: #555
    }

#sleep {
    background: #fff;
    padding: 80px 0;
    text-align: center
}

#why-choose h1 {
    font-size: 42px;
    font-weight: 500;
    text-align: center;
    background: #4a7eb6;
    background: -moz-linear-gradient(top,#4a7eb6 0,#0159a3 100%);
    background: -webkit-linear-gradient(top,#07c2cc 0,#029d9b 100%);
    background: linear-gradient(top,#4a7eb6 0,#0159a3 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

#sleep p.title span, #why-choose p.title span {
    font-size: 73px;
    font-weight: 400;
    line-height: 1em;
    font-family: Ruthie,cursive;
    margin-left: 15px
}

#sleep p.title:after, #why-choose p.title:after {
    background: rgba(2,157,155,.42);
    content: "";
    display: block;
    height: 5px;
    margin: 12px auto 30px;
    position: relative;
    width: 124px
}

#why-choose .thumbnail {
    color: #0cace4;
    padding: 10px;
    border: none;
    border-radius: 0;
    min-height: 320px;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

#ad-banner .skew-section, #our-services {
    padding: 80px 0
}

#why-choose .thumbnail a {
    display: inline-block;
    width: 100%
}

#services-rolls-images .thumbnail:first-child, #services-rolls-images .thumbnail:nth-child(4), #social-ratings .thumbnail:first-child, #why-choose .thumbnail:first-child {
    border-left: 2px solid rgba(23,63,80,0)
}

#why-choose .thumbnail i {
    font-size: 45px;
    color: #757578;
    width: 100px;
    height: 100px;
    line-height: 2.1;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 50px;
    text-shadow: 1px 1px 0 rgba(255,255,255,.45);
    transition: .3s linear
}

#sleep p.heading, #why-choose .thumbnail p.heading, #why-choose .thumbnail:focus, #why-choose .thumbnail:hover {
    color: #0159a3;
    text-shadow: 1px 1px 0 rgba(255,255,255,.45)
}

#why-choose .thumbnail p.heading {
    font-weight: 700;
    font-size: 25px
}

#sleep p.heading {
    font-weight: 700;
    font-size: 100%
}

#why-choose .thumbnail p.description {
    font-size: 20px;
    font-weight: 400;
    text-shadow: 1px 1px 0 rgba(255,255,255,.45);
    color: #0c7e3e
}

#why-choose .thumbnail:focus, #why-choose .thumbnail:hover {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    background: #fff;
    border: none;
    border-radius: 14px;
    transition: .3s linear;
    box-shadow: 0 5px 25px -5px rgba(0,0,0,.35)
}

    #why-choose .thumbnail:focus p.description, #why-choose .thumbnail:focus p.heading, #why-choose .thumbnail:hover p.description, #why-choose .thumbnail:hover p.heading {
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0,0,0,.45)
    }

#ad-banner {
    height: 600px;
    background-image: url(../img/offers/ad-banner.jpg);
    background-position: center center;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    border-bottom: 1px solid #fff
}

    #ad-banner .skew-section:before {
        background: #f3fcff;
        height: 70px;
        left: 0;
        position: absolute;
        -webkit-transform: skewY(2.2deg);
        -moz-transform: skewY(2.2deg);
        -ms-transform: skewY(2.2deg);
        -o-transform: skewY(2.2deg);
        width: 100%;
        box-shadow: 0 15px 0 0 rgba(1,100,135,.6)
    }

    #ad-banner .skew-section:after, #our-services .skew-section::after {
        backface-visibility: initial;
        position: absolute;
        bottom: -33px;
        content: "";
        height: 70px;
        left: 0;
        overflow: visible;
        z-index: 2;
        -moz-backface-visibility: initial;
        -webkit-backface-visibility: initial;
        -ms-backface-visibility: initial;
        -o-backface-visibility: initial
    }

    #ad-banner .skew-section:after {
        background: #f3fcff;
        transform: skewY(2.2deg);
        -webkit-transform: skewY(2.2deg);
        -moz-transform: skewY(2.2deg);
        -ms-transform: skewY(2.2deg);
        -o-transform: skewY(2.2deg);
        width: 100%;
        box-shadow: 0 -15px 0 0 rgba(1,100,135,.6)
    }

    #ad-banner .ad-img {
        margin: 33px 0
    }

        #ad-banner .ad-img img {
            width: 75%;
            margin: 45px auto 10px
        }

        #ad-banner .ad-img .btn-default {
            font-size: 20px;
            background: #fff;
            border: 3px solid #016487;
            border-radius: 0;
            margin: 20px 0 0 210px;
            width: 250px;
            box-shadow: 3px 3px 0 rgba(0,0,0,.05),0 -40px 0 #016487 inset;
            color: #fff;
            text-shadow: 1px 1px 1px rgba(0,0,0,.45)
        }

#logo-bg .bg .connected p.title, #logo-bg .bg .logo, #sub-page #intro p.heading {
    text-shadow: 3px 3px 0 rgba(255,255,255,.2)
}

#ad-banner .ad-img .btn-default b {
    font-weight: 700
}

#ad-banner .ad-img .btn-default:focus, #ad-banner .ad-img .btn-default:hover {
    text-shadow: 1px 1px 1px transparent;
    border: 3px solid #0cace4;
    box-shadow: 3px 3px 0 rgba(0,0,0,.15);
    color: #016487
}

.logo-wave img {
    display: block;
    width: 50%;
    margin: auto
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    z-index: 3
}

#our-services {
    background: #033763;
    background: -moz-linear-gradient(top,#4a7eb6 0,#d7f7ff 100%);
    background: -webkit-linear-gradient(top,#8faa87 0,#fff 100%);
    text-align: center;
    position: relative;
    border-top: 1px solid #c1df9c
}

    #our-services .skew-section::after {
        background: #fff;
        transform: skewY(-2deg);
        -webkit-transform: skewY(-2deg);
        -moz-transform: skewY(-2deg);
        -ms-transform: skewY(-2deg);
        -o-transform: skewY(-2deg);
        width: 100%;
        box-shadow: 0 15px 16px -15px #000
    }

    #our-services p.title {
        font-size: 42px;
        font-weight: 500;
        margin-bottom: 20px;
        color: #fff;
        background: -moz-linear-gradient(top,#1f86c8 0,#223771 100%);
        -webkit-background-clip: text
    }

        #our-services p.title span {
            font-size: 42px;
            font-weight: 700;
            line-height: 1em
        }

        #our-services p.title:after {
            background: rgba(103,119,99,.45);
            content: "";
            display: block;
            height: 5px;
            margin: 20px auto 35px;
            position: relative;
            width: 150px
        }

#logo-bg .bg .connected p.title:after, #testimonials-section p.title:after {
    height: 5px;
    margin: 20px auto 55px;
    width: 150px;
    content: "";
    position: relative
}

#our-services p.description {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff
}

#services-rolls-images {
    margin: 25px 0
}

    #services-rolls-images .thumbnail {
        margin: 0;
        border: 0 solid rgba(23,63,80,0);
        border-left: 2px solid rgba(182,231,248,.3);
        border-bottom: 2px solid rgba(182,231,248,.3);
        text-align: center;
        padding: 30px 10px;
        border-radius: 0;
        -webkit-transition: .6s linear;
        -moz-transition: .6s linear;
        -o-transition: .6s linear;
        transition: .6s linear
    }

        #services-rolls-images .thumbnail:focus, #services-rolls-images .thumbnail:hover {
            box-shadow: 0 0 0 transparent,0 -280px 0 rgba(255,255,255,.9) inset;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

        #services-rolls-images .thumbnail:nth-child(4), #services-rolls-images .thumbnail:nth-child(5), #services-rolls-images .thumbnail:nth-child(6) {
            border-bottom: 2px solid rgba(23,63,80,0)
        }

        #services-rolls-images .thumbnail a {
            font-weight: 400;
            text-shadow: 1px 1px 0 rgba(255,255,255,.45);
            color: #0cace4
        }

            #services-rolls-images .thumbnail a img {
                box-shadow: 0 0 0 #fff;
                border-radius: 50%;
                border: 5px solid rgba(12,172,228,.5);
                border-bottom: 10px solid rgba(12,172,228,.15);
                border-top: 0 solid rgba(12,172,228,.15);
                box-shadow: 0 0 0 6px rgba(12,172,228,0);
                width: 150px;
                height: 150px;
                margin: 0 auto 20px;
                padding: 2px;
                transition: .4s ease-in-out;
                -moz-transition: .4s ease-in-out;
                -webkit-transition: .4s ease-in-out;
                -o-transition: .4s ease-in-out
            }

        #services-rolls-images .thumbnail:focus a img, #services-rolls-images .thumbnail:hover a img {
            box-shadow: 0 0 0 6px rgba(12,172,228,.4);
            border: 0 solid #0cace4;
            border-bottom: 0 solid #0cace4;
            border-top: 0 solid #0cace4
        }

#testimonials-section {
    background: url("../img/smiles-thumbnail-background.webp") fixed rgba(0,0,0,0);
    position: relative
}

    #testimonials-section .bg {
        padding: 120px 0 80px;
        background: -moz-linear-gradient(to bottom,rgba(209,209,210,.95) 0,rgba(25,99,171,.93) 100%);
        background: -webkit-linear-gradient(to bottom,rgba(209,209,210,.95) 0,rgba(25,99,171,.93) 100%);
        background: linear-gradient(to bottom,rgba(209,209,210,.95) 0,#b1fbfff5 100%)
    }

#call-to-action .buttons, footer {
    padding: 50px 0
}

#testimonials-section .carousel-indicators_new {
    margin: auto auto auto 45%;
    float: none;
    position: relative;
    display: inline-block;
    width: 5%
}

#testimonials-section .carousel .item {
    height: 200px
}

#testimonials-section p.title {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #029d9b;
    text-align: center
}

    #testimonials-section p.title span {
        font-size: 42px;
        font-family: SourceSansPro-Regular;
        font-weight: 700;
        line-height: 1em
    }

    #testimonials-section p.title:after {
        background: rgba(2,157,155,.43);
        display: block
    }

#testimonials .item blockquote {
    font-size: 22px;
    border-left: none;
    text-align: center;
    padding: 10px 30px
}

#call-to-action ul.list, #logo-bg .bg .connected .social-icons {
    padding: 0;
    text-align: center
}

#testimonials .item blockquote q {
    padding: 15px 20px;
    color: #000;
    font-weight: 400
}

    #testimonials .item blockquote q:before {
        font-size: 115px;
        font-family: sans-serif;
        line-height: .5;
        position: absolute;
        left: 16px;
        top: 20px;
        color: #2e6da4
    }

#testimonials .item blockquote small {
    margin-top: 20px;
    color: #3a9c9a
}

    #testimonials .item blockquote small i {
        background: #a94442;
        padding: 10px;
        margin-right: 5px;
        border-radius: 6px;
        width: 40px
    }

        #testimonials .item blockquote small i.fa-google {
            background: #ea4335;
            color: #fff
        }

        #testimonials .item blockquote small i.fa-facebook {
            background: #3b5998;
            color: #fff
        }

        #testimonials .item blockquote small i.fa-yelp {
            background: #af0606;
            color: #fff
        }

    #testimonials .item blockquote small cite {
        font-weight: 700;
        color: #21615f
    }

#testimonials.owl-theme .owl-controls .owl-buttons div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 3px 3px 0 rgba(0,0,0,.2);
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

    #testimonials.owl-theme .owl-controls .owl-buttons div:focus, #testimonials.owl-theme .owl-controls .owl-buttons div:hover {
        box-shadow: 3px 3px 0 rgba(0,0,0,.5),0 -40px 0 rgba(255,255,255,.9) inset;
        color: #697965;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

.owl-theme .owl-controls .owl-buttons div {
    background: #029d9b !important;
    filter: Alpha(Opacity=60) !important;
    opacity: 1 !important;
    box-shadow: none !important
}

#call-to-action {
    background: #152858;
    background: -moz-linear-gradient(top,#152858 0,#0c7e3e 100%);
    background: -webkit-linear-gradient(top,#152858 0,#0c7e3e 100%);
    background: linear-gradient(to bottom,#152858 0,#0c7e3e 100%);
    position: relative;
    padding: 60px 0
}

    #call-to-action p.heading {
        font-size: 44px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #72d84a;
        text-shadow: 2px 2px 0 rgba(0,0,0,.25);
        text-align: center
    }

    #call-to-action p.description {
        font-size: 22px;
        color: #fff;
        text-align: center;
        margin-bottom: 30px
    }

    #call-to-action ul.list li {
        display: inline-block;
        padding: 8px 18px;
        background: #0b7d3d;
        margin: 0 4px 17px;
        border-radius: 28px;
        color: #92ef64;
        font-size: 20px;
        font-weight: 500
    }

        #call-to-action ul.list li:focus, #call-to-action ul.list li:hover {
            background: #0c7e3f;
            color: #fff;
            box-shadow: 0 3px 2px -1px rgba(255,255,255,.2),0 -3px 2px -1px rgba(255,255,255,.2)
        }

    #call-to-action .btn-primary {
        font-size: 18px;
        background: rgba(0,0,0,.15);
        border: 3px solid rgba(255,255,255,.63);
        border-radius: 0;
        margin: 0;
        width: 230px;
        box-shadow: 3px 3px 0 rgba(0,0,0,.2)
    }

        #call-to-action .btn-primary:focus, #call-to-action .btn-primary:hover {
            border: 3px solid #48c3ef;
            box-shadow: 3px 3px 0 rgba(0,0,0,.25),0 -40px 0 #0cace4 inset;
            color: #fff
        }

        #call-to-action .btn-primary:first-child {
            margin-right: 10px
        }

#logo-bg {
    background: rgba(0,0,0,0);
    position: relative;
    background-size: cover;
    background-attachment: fixed
}

    #logo-bg .bg {
        background: #b1d6f2
    }

        #logo-bg .bg .logo {
            font-size: 105px;
            font-weight: 400;
            letter-spacing: -.035em;
            line-height: 1em;
            color: #016487;
            text-align: center;
            font-family: Ruthie,cursive;
            padding: 150px 0
        }

            #logo-bg .bg .logo p {
                letter-spacing: 0
            }

                #logo-bg .bg .logo p.doctorName {
                    font-family: 'Source Sans Pro',sans-serif;
                    font-size: 35px;
                    margin: 0 15px 10px;
                    line-height: 1.4;
                    display: inline-block;
                    color: #016487
                }

        #logo-bg .bg .connected {
            padding: 35px 0;
            background: #0fc3ce
        }

            #logo-bg .bg .connected p.title {
                color: #0cace4;
                text-align: center;
                font-size: 44px;
                font-weight: 700;
                margin-bottom: 20px
            }

                #logo-bg .bg .connected p.title:after {
                    background: rgba(12,172,228,.25);
                    display: block
                }

            #logo-bg .bg .connected .social-icons li {
                padding: 15px 20px;
                text-align: center
            }

                #logo-bg .bg .connected .social-icons li a {
                    display: block;
                    color: #fefefe;
                    padding: 5px
                }

                    #logo-bg .bg .connected .social-icons li a i {
                        border-radius: 50%;
                        font-size: 60px;
                        height: 100px;
                        line-height: 100px;
                        margin: 0 auto 5px;
                        width: 100px;
                        -webkit-transition: .6s linear;
                        -moz-transition: .6s linear;
                        -o-transition: .6s linear;
                        transition: .6s linear
                    }

                    #logo-bg .bg .connected .social-icons li a p {
                        font-size: 16px;
                        letter-spacing: 1px;
                        margin-bottom: 0;
                        margin-top: 0;
                        font-weight: 700;
                        color: #fff
                    }

                    #logo-bg .bg .connected .social-icons li a span {
                        color: #fff;
                        font-size: 13px
                    }

                    #logo-bg .bg .connected .social-icons li a:focus, #logo-bg .bg .connected .social-icons li a:hover {
                        box-shadow: 0 30px 0 -28px rgba(254,254,254,.5);
                        color: #c41200
                    }

                        #logo-bg .bg .connected .social-icons li a:focus > i, #logo-bg .bg .connected .social-icons li a:hover > i {
                            background: #fff;
                            font-size: 50px;
                            box-shadow: 0 0 30px 0 #fff inset,0 0 30px 0 #fff,0 0 0 5px #40b5b1 inset;
                            -webkit-transition: .3s linear;
                            -moz-transition: .3s linear;
                            -o-transition: .3s linear;
                            transition: .3s linear
                        }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-facebook, #logo-bg .bg .connected .social-icons li a:hover > i.fa-facebook {
                                color: #3b5998
                            }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-twitter, #logo-bg .bg .connected .social-icons li a:hover > i.fa-twitter {
                                color: #1da1f2
                            }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-youtube, #logo-bg .bg .connected .social-icons li a:hover > i.fa-youtube {
                                color: #cd201f
                            }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-instagram, #logo-bg .bg .connected .social-icons li a:hover > i.fa-instagram {
                                color: #405de6
                            }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-linkedin, #logo-bg .bg .connected .social-icons li a:hover > i.fa-linkedin {
                                color: #0077b5
                            }

                            #logo-bg .bg .connected .social-icons li a:focus > i.fa-pinterest, #logo-bg .bg .connected .social-icons li a:hover > i.fa-pinterest {
                                color: #bd081c
                            }

#social-ratings {
    background: #fff;
    padding: 40px 0;
    text-align: center;
    position: relative
}

    #social-ratings .thumbnail {
        color: #091e41;
        padding: 20px;
        background-color: rgba(255,255,255,0);
        border: none;
        border-left: 2px solid rgba(23,63,80,.06);
        border-radius: 8px;
        box-shadow: 3px 3px 0 transparent;
        -webkit-transition: .6s linear;
        -moz-transition: .6s linear;
        -o-transition: .6s linear;
        transition: .6s linear
    }

        #social-ratings .thumbnail .stars i {
            color: #ffed01;
            text-shadow: 0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff
        }

        #social-ratings .thumbnail .ratings {
            font-size: 20px;
            margin-top: 10px;
            color: #233872;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

            #social-ratings .thumbnail .ratings span {
                font-weight: 500
            }

        #social-ratings .thumbnail:focus, #social-ratings .thumbnail:hover {
            background: #1f86c8;
            background: -moz-linear-gradient(top,#1f86c8 0,#223771 100%);
            background: -webkit-linear-gradient(top,#1f86c8 0,#223771 100%);
            background: linear-gradient(to bottom,#1f86c8 0,#223771 100%);
            -webkit-transition: .6s linear;
            -moz-transition: .6s linear;
            -o-transition: .6s linear;
            transition: .6s linear;
            box-shadow: 0 0 25px -14px #000
        }

#accreditations {
    background: #fff;
    padding: 30px 0;
    text-align: center;
    position: relative;
    z-index: 1
}

#accreditations-rolls {
    display: flex
}

    #accreditations-rolls .item {
        margin: 0 10px;
        padding: 5px 0
    }

        #accreditations-rolls .item a {
            -webkit-transition: .6s linear;
            -moz-transition: .6s linear;
            -o-transition: .6s linear;
            transition: .6s linear;
            display: block;
            padding: 10px;
            border-radius: 4px
        }

        #accreditations-rolls .item:focus a, #accreditations-rolls .item:hover a {
            box-shadow: 0 0 0 transparent;
            background: #89a57d;
            background: -moz-linear-gradient(-45deg,#89a57d 0,#697965 100%);
            background: -webkit-linear-gradient(-45deg,#89a57d 0,#697965 100%);
            background: linear-gradient(135deg,#49c3cd 0,#3a9c9a 100%);
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

#contact-section .map {
    height: 755px
}

    #contact-section .map .scrolloff {
        pointer-events: none !important
    }

    #contact-section .map iframe, .accordion-toggle {
        display: block
    }

#contact-section .contact-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #029d9b;
    width: 600px;
    border-right: 5px solid #f6f6f6;
    overflow: hidden;
    padding: 0 20px;
    height: 100%
}

    #contact-section .contact-info .thumbnail {
        color: #fff;
        padding: 40px 48px 65px;
        background-color: rgba(255,255,255,0);
        border: 2px solid rgba(23,63,80,0);
        border-radius: 0;
        margin: 0
    }

#contact-section .thumbnail p.heading {
    font-size: 70px;
    margin-bottom: 5px;
    color: #fff;
    text-shadow: 1px 2px 1px rgba(0,0,0,.25),2px 2px 1px rgba(0,0,0,.25);
    font-family: Ruthie-Regular-Regular,cursive
}

    #contact-section .thumbnail p.heading::after {
        background: rgba(73,195,206,.41);
        content: "";
        display: block;
        height: 4px;
        margin: 15px 10px 30px;
        position: relative;
        width: 100px
    }

#contact-section .thumbnail p.practice-name {
    font-family: SourceSansPro-SemiBold;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    font-size: 32px
}

.contacts-list {
    margin: 0;
    padding: 0
}

    .contacts-list .fa {
        display: block;
        padding-left: 48px;
        position: relative;
        margin: 30px 0
    }

        .contacts-list .fa::before {
            border: 1px solid;
            border-radius: 50%;
            height: 36px;
            left: 0;
            line-height: 36px;
            position: absolute;
            text-align: center;
            top: -5px;
            width: 36px
        }

        .contacts-list .fa em {
            display: block;
            line-height: 1.3
        }

#contact-section .thumbnail .btn-primary {
    margin: 20px 0;
    display: block;
    width: 100%;
    font-size: 22px;
    background: #0fc3ce;
    border: 0 solid rgba(255,255,255,.25);
    border-radius: 50px;
    box-shadow: 0 7px 0 rgba(0,0,0,.25);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

    #contact-section .thumbnail .btn-primary:focus, #contact-section .thumbnail .btn-primary:hover {
        background: #fff;
        border: 0 solid #233872;
        color: #3a9d9a;
        box-shadow: 0 7px 0 #49c3ce
    }

.row.contact-info, .row.contact-info .contacts-list .fa, .row.contact-info .contacts-list .fa a {
    color: #444;
    text-shadow: none
}

    .row.contact-info .thumbnail {
        padding: 20px;
        background: rgba(0,0,0,0);
        box-shadow: none;
        border: 0
    }

    .row.contact-info .sidebar .thumbnail {
        padding: 30px;
        box-shadow: 0 0 6px 0 #42424294;
        background: #fff;
        border: 0
    }

    .row.contact-info .thumbnail img.img-responsive {
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
        width: 64%;
        margin-bottom: 8%
    }

.sidebar p.title {
    font-size: 36px;
    text-align: center;
    color: #3a9c9a;
    font-weight: 700
}

#content, #sub-page #content p {
    text-align: justify
}

#wrapper.inner-page #bg {
    background: url(../img/contact-page-bg.webp) rgba(58,157,154,.55);
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    height: inherit;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0
}

#contact-section .map.inner-page {
    height: 575px
}

.content.sub-page {
    position: relative;
    z-index: 1
}

    .content.sub-page .container .row:first-child > .col-xs-12, .content.sub-page .review-pg .row .col-xs-12.col-sm-4 {
        padding: 15px
    }

    .content.sub-page h1 {
        color: #4ac5cf;
        margin-bottom: 20px;
        font-weight: 600
    }

    .content.sub-page p {
        color: #000;
        font-size: 20px;
        text-align: justify;
        margin: 10px 0;
        font-family: SourceSansPro-Light
    }

    .content.sub-page b {
        color: #545454
    }

.sub-page-image figure img.img-responsive {
    padding: 8px;
    border: 1px solid grey;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

#footer-menu {
    background-color: #0fc3ce;
    padding: 3px 0;
    position: relative;
    box-shadow: 0 10px 15px -12px #000;
    z-index: 1
}

    #footer-menu .footer-menu-h {
        color: #fff;
        display: block;
        font-size: 8px;
        margin: 0;
        padding: 10px 0;
        text-align: center
    }

        #footer-menu .footer-menu-h li {
            display: inline-block;
            margin: 0 18px;
            vertical-align: sub
        }

            #footer-menu .footer-menu-h li a {
                font-size: 16px;
                color: #fff;
                font-weight: 500
            }

                #footer-menu .footer-menu-h li a:focus, #footer-menu .footer-menu-h li a:hover {
                    color: #fff;
                    border-bottom: 2px solid #fff
                }

footer {
    position: relative;
    background: #029d9b;
    border-bottom: 6px solid #0fc3ce
}

    footer .copyright {
        font-size: 16px;
        text-align: center;
        color: rgba(255,255,255,.8);
        font-weight: 400
    }

.modal-backdrop.in {
    opacity: .8;
    background: #000000a8
}

#acess-icons .accessibility-title button.close:focus, #acess-icons .accessibility-title button.close:hover, .modal-header .close {
    opacity: .5;
    outline: 0
}

.modal-content {
    border: 1px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px 5px rgba(0,0,0,.25);
    background: #fff
}

.modal-header {
    min-height: 16.43px;
    padding: 20px 30px 15px;
    border-bottom: none
}

.modal-title {
    font-weight: 700;
    color: #029d9b;
    text-shadow: 3px 3px 0 rgba(255,255,255,.5)
}

    .modal-title:after {
        background: rgba(117,117,120,.34);
        content: "";
        display: block;
        height: 3px;
        margin: 5px 10px 0 0;
        position: relative;
        width: 100px
    }

.Appointment:before, .Directions:before, .Refer:before, .phone:before {
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    padding-right: .5em;
    position: absolute;
    font-weight: 400
}

.modal-header .close {
    margin-top: 1px;
    font-size: 40px;
    color: #3a9c9a;
    border: 1px solid rgba(117,117,120,.34);
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 28px
}

    .modal-header .close:focus, .modal-header .close:hover {
        opacity: .8
    }

.modal-body {
    color: #029d9b;
    font-weight: 400;
    padding: 5px 30px 15px
}

.form-control {
    height: 38px;
    padding: 6px 12px;
    font-size: 18px;
    color: #444;
    border: 2px solid rgba(58,157,154,.24);
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 10px rgba(185,232,248,.2);
    box-shadow: inset 0 0 10px rgba(185,232,248,.2);
    font-weight: 400
}

.banner_sliding .active, .banner_sliding .carousel, .banner_sliding .carousel-inner, .banner_sliding .item, .bg2 {
    height: 100%
}

textarea.form-control {
    height: auto !important
}

form .btn-primary {
    background: #3a9d9a;
    border: 0 solid rgba(255,255,255,.3);
    margin: 0;
    padding: 6px 30px;
    box-shadow: 0 7px 0 rgba(58,157,153,.34);
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    border-radius: 50px;
    outline: 0;
    float: left;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

.form-control:focus {
    border-color: rgba(58,157,154,.47058823529411764);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(58,157,154,.6)
}

form .btn-primary:focus, form .btn-primary:hover {
    background: #fff;
    border: 0 solid rgba(255,255,255,.3);
    color: #3a9c9a;
    box-shadow: 0 7px 0 #3a9c9a;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

.back-to-top {
    position: fixed;
    bottom: 3px;
    right: 4px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 999999999999;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

    .back-to-top i {
        background: #49c3cd;
        color: #fff;
        height: 31px;
        line-height: 1.3;
        padding: 0 4px;
        text-shadow: 0 1px 1px rgba(0,0,0,.45);
        border-radius: 6px
    }

    .back-to-top.back-to-top-is-visible {
        visibility: visible;
        opacity: 1
    }

    .back-to-top:hover, .no-touch .back-to-top:hover {
        opacity: 1;
        border-radius: 20px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

.secure-shield {
    margin: -5px 0 0 10px;
    display: inline-block;
    width: 235px
}

    .secure-shield i {
        color: #0c3;
        float: left;
        font-size: 50px;
        line-height: 45px;
        margin-right: 7px;
        margin-left: 7px;
        text-shadow: 2px 0 2px rgba(255,255,255,.4)
    }

    .secure-shield p {
        color: #444 !important;
        font-size: 12px !important;
        font-weight: 500;
        text-align: left;
        margin: 0;
        line-height: 1.2
    }

#sub-page.contact-page #welcome-content .sidebar .secure-shield i {
    color: #0fde43;
    text-shadow: 2px 0 2px rgba(0,0,0,.1)
}

#sub-page.contact-page #welcome-content .sidebar .secure-shield p {
    color: #e4e4e4 !important;
    text-align: left
}

li.fa-clock-o strong.kasallis {
    font-family: 'Source Sans Pro',sans-serif;
    margin: 15px 0;
    display: block
}

#share-wrapper {
    margin-top: 80px;
    position: fixed;
    left: 0;
    z-index: 99;
    clear: both;
    display: none
}

    #share-wrapper ul.share-inner-wrp {
        list-style: none;
        margin: 0;
        padding: 0
    }

    #share-wrapper li.button-wrap {
        background: #3a9b98;
        box-shadow: 0 0 2px #677763 inset;
        padding: 0 0 0 10px;
        display: block;
        width: 230px;
        margin: 0 0 1px -182px
    }

        #share-wrapper li.button-wrap > a {
            padding-right: 60px;
            height: 26px;
            display: block;
            line-height: 36px;
            font-weight: 400;
            color: #444;
            text-decoration: none;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 15px;
            z-index: 99
        }

.phone:before {
    content: "\f095";
    color: #fff;
    font-size: 24px;
    top: 2px;
    left: 9px
}

.Appointment:before {
    content: "\f133";
    color: #fff;
    font-size: 22px;
    top: 3px;
    left: 8px
}

.Directions:before {
    content: "\f041";
    color: #fff;
    font-size: 24px;
    top: 1px;
    left: 11px
}

.Refer:before {
    content: "\f064";
    color: #fff;
    font-size: 22px;
    top: 4px;
    left: 6px
}

.acess-container, .acess-container[data-placement-position=bottom-right] {
    bottom: 60px;
    right: 10px
}

#accessibility-button i, #accessibility-button.opened i {
    background: #777;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    color: #fff
}

#acess-icons li:last-child, #acess-icons li:nth-child(2n+2) {
    border-right: 1px solid rgba(0,0,0,.08)
}

.acess-container {
    display: inline-table;
    position: fixed;
    z-index: 999999
}

    .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=top-left] {
        left: 10px
    }

    .acess-container[data-placement-position=top-right] {
        right: 10px
    }

#accessibility-button {
    position: absolute;
    display: inherit;
    right: 0;
    bottom: -50px;
    cursor: pointer
}

.acess-container[data-placement-position=bottom-left] #accessibility-button {
    left: 0;
    bottom: -50px
}

.acess-container[data-placement-position=bottom-right] #accessibility-button {
    right: 0;
    bottom: -50px
}

.acess-container[data-placement-position=top-right] #accessibility-button {
    top: -50px;
    right: 0
}

.acess-container[data-placement-position=top-left] #accessibility-button {
    top: -50px;
    left: 0
}

#accessibility-button i {
    text-align: center;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 0 0 11px rgba(255,255,255,0) inset,0 0 30px -10px #000;
    transition: .6s ease-in-out
}

#accessibility-button.opened i {
    border-radius: 8px;
    box-shadow: 0 0 0 11px #fff inset,0 0 35px -10px #000;
    transition: .6s ease-in-out;
    box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000
}

#accessibility-button.accessibilityFeatureActivated i:after {
    content: "";
    position: absolute;
    background: #5fdba7;
    border-radius: 50px;
    box-shadow: 0 0 0 3px #fff,0 0 5px 1px #5fdba7;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

#acess-icons {
    display: none;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: 0 0 30px -10px #000;
    -webkit-transition: display .6s ease-in-out;
    -moz-transition: display .6s ease-in-out;
    -o-transition: display .6s ease-in-out;
    transition: display .6s ease-in-out;
    margin-bottom: 0
}

    #acess-icons .accessibility-title {
        background: #777;
        font-weight: 500;
        color: #fff;
        border-radius: 8px 8px 0 0;
        margin: 0
    }

        #acess-icons .accessibility-title button.close {
            opacity: .2;
            color: #000
        }

    #acess-icons li {
        display: block;
        width: 50%;
        background: rgba(0,0,0,.01);
        color: #000;
        font-weight: 500;
        text-align: center;
        float: left;
        border-top: 1px solid rgba(0,0,0,.08);
        border-left: 1px solid rgba(0,0,0,.08);
        cursor: pointer
    }

        #acess-icons li:first-child {
            border-radius: 4px 0 0
        }

        #acess-icons li:nth-child(2) {
            border-radius: 0 4px 0 0
        }

        #acess-icons li:last-child {
            width: 100%;
            border-bottom: 1px solid rgba(0,0,0,.08);
            padding: 5px;
            border-radius: 0 0 4px 4px
        }

        #acess-icons li i span {
            display: inline-block;
            margin-left: 4px
        }

        #acess-icons li:focus, #acess-icons li:hover {
            background: #e8e8e8;
            outline: rgba(255,255,255,.75) dotted 1px;
            outline-offset: -8px
        }

    #acess-icons .accessibility-footer a.btn-link {
        padding: 0;
        display: block;
        text-align: left;
        color: #3a9c9a;
        outline: 0
    }

        #acess-icons .accessibility-footer a.btn-link:focus, #acess-icons .accessibility-footer a.btn-link:hover {
            color: #3a9c9a;
            outline: 0;
            text-decoration: none
        }

.activeState {
    background: rgba(106,120,197,.3) !important;
    outline: #6a78c5 dotted 1px;
    outline-offset: -8px
}

    .activeState i {
        color: #48c2cc !important
    }

#resetAll.resetAllDeactivated, #resetAll.resetAllDeactivated i {
    color: rgba(0,0,0,.2) !important
}

#resetAll.resetAllDeactivated {
    background: rgba(0,0,0,.01) !important;
    pointer-events: none;
    cursor: not-allowed
}

#resetAll.resetAllActivated {
    background: rgba(0,0,0,.08) !important;
    color: #6a78c5 !important;
    cursor: pointer
}

    #resetAll.resetAllActivated:focus, #resetAll.resetAllActivated:focus i, #resetAll.resetAllActivated:hover, #resetAll.resetAllActivated:hover i {
        color: #000 !important
    }

.keyboardNavActivated a:focus {
    outline: #c00 dashed 4px !important;
    outline-offset: 4px !important
}

.bigCursorActivated {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto !important
}

.darkContrastActivated {
    background-color: #000 !important;
    color: #fff !important
}

.lightContrastActivated {
    background-color: #fff !important;
    color: #000 !important
}

.invertColorsActivated, .invertColorsActivated .acess-container {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%)
}

.desaturateActivated {
    -webkit-filter: saturate(0);
    -moz-filter: saturate(0);
    -ms-filter: saturate(0);
    -o-filter: saturate(0);
    filter: saturate(0)
}

    .desaturateActivated .acess-container {
        -webkit-filter: saturate(100%) !important;
        -moz-filter: saturate(100%) !important;
        -ms-filter: saturate(100%) !important;
        -o-filter: saturate(100%) !important;
        filter: saturate(100%) !important
    }

.legibleFontActivated:not(i) {
    font-family: Arial,serif !important
}

.highlightLinksActivated a {
    text-decoration: underline !important;
    color: #ff0 !important;
    background-color: #000 !important
}

.currentSpeakingElement {
    color: #000 !important;
    background-color: #ff0 !important;
    outline: #c00 dashed 2px;
    outline-offset: 4px;
    box-shadow: 0 0 0 4px #ff0;
    -webkit-transition: display .6s ease-in-out;
    -moz-transition: display .6s ease-in-out;
    -o-transition: display .6s ease-in-out;
    transition: display .6s ease-in-out
}

.lazyload, .lazyloading {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.zoomPageActivated {
    zoom: 130%;
    -moz-transform: scale(1.3)
}

.readPageActivated {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAF76W4GAAAAPFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQLyYwAAAAE3RSTlMADBAYMDxIYGt3gIOPm6ezv8/v0l70agAAALtJREFUGBmtwQFOg0AUQMGHUCgI8sq//11ld6WsSUmM6QxFdEIopymECAE5jEBEqOzuLcgVIaJZlIhAhQhUQGgEVv5oVWCKBDNgiwQzKrNK4ReZFG3DPzRK5aay22LXDSZAZBZAZBZAZBbAIxILTp07MiVZlGyWbJTCmV963m5UrrSLO17qZguSj0c8NdZItjhhjSQqWCOZ4oQ1immLH3TdsHjgtOonh9tqwqlVB56aUaXSqz3XBtc7b/UNKeIU60vmhncAAAAASUVORK5CYII=),auto !important
}

.header a.virtual_consult {
    background-color: #fff !important;
    color: #292828 !important
}

    .header a.virtual_consult:hover {
        background: #3a9d9a !important;
        color: #fff !important
    }

#consmetic_dentist .bg h2, #moti_physio .bg h2 {
    color: #49c3ce;
    font-size: 30px;
    padding: 10px 0
}

#consmetic_dentist .bg ul.ul_list {
    color: #000;
    font-family: SourceSansPro-Light;
    font-size: 19px
}

#consmetic_dentist p span, #dental_crowns p span, #dental_dentures p span, #implants p span, #moti_physio p span, #restorative p span, #teeth_whitening p span {
    color: #545454;
    font-weight: 700
}

#dental_dentures .bg h2, #implants .bg h2, #restorative .bg h2, #teeth_whitening .bg h2 {
    color: #677762;
    font-size: 30px;
    padding: 10px 0
}

#team .bg {
    background: #f5f5f5e0;
    padding: 25px;
    box-shadow: 0 0 8px 0 #79797996
}

h2.dr_title {
    color: #3a9c9a !important
}

.bg2 {
    background: url("../img/bannner-slider/2.jpg") center/cover repeat-x;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0
}

.carousel-bg .carousel-inner .item {
    background-color: #3a9d9a;
    background-size: cover;
    background-position: center;
    margin-top: 70px;
    height: 650px
}

@media(max-width:767.98px) {
    #acess-icons, #why-choose h1 {
        margin-bottom: 0
    }

    #doc_bio_slider p {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        white-space: break-spaces;
        font-size: 1rem;
        font-weight: 400
    }

    #doc_bio_slider .carousel-indicators {
        margin: auto;
        display: block;
        width: 20%;
        left: auto
    }

    #doc_bio_slider .item {
        height: 775px
    }

    #doc_bio_slider .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .blog-thumb.pull-right {
        padding-bottom: 20px
    }

    .row.contact-info .sidebar .thumbnail {
        padding: 15px
    }

    #why-choose h1 {
        font-size: 37px
    }

    #testimonials-sec p.heading {
        font-size: 34px
    }

    .modal-dialog {
        width: 90%;
        margin: auto
    }

    .contact-form form .form-group {
        margin-bottom: 10px
    }

    .form-control {
        height: 34px;
        padding: 2px 12px;
        font-size: 16px
    }

    #expert-advice .ea-container {
        background-color: rgba(58,157,154,.98) !important
    }

    #main-menu .navbar-header .navbar-brand > img.logo-mobile {
        display: block;
        filter: none
    }

    #main-menu .navbar-header .navbar-brand > img {
        display: none
    }

    #accessibility-button i {
        font-size: 35px;
        line-height: 35px;
        width: 35px;
        height: 35px
    }

    .grid .col-md-6:first-child {
        padding: 0 15px
    }

    .grid .col-md-6 {
        width: 100%
    }

    #accessibility-button.opened i {
        box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000
    }

    .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] {
        bottom: 55px
    }

    .acess-container[data-placement-position=top-left], .acess-container[data-placement-position=top-right] {
        top: 55px
    }

        .acess-container[data-placement-position=top-left] #acess-icons, .acess-container[data-placement-position=top-right] #acess-icons {
            margin-top: 0
        }

    #acess-icons ul {
        padding: 8px;
        width: 250px
    }

    #acess-icons li {
        line-height: 18px;
        font-size: 13px;
        padding: 6px
    }

        #acess-icons li i {
            height: 24px;
            line-height: 20px;
            font-size: 20px
        }

            #acess-icons li i span i {
                font-size: 14px;
                line-height: 14px
            }

        #acess-icons li:focus, #acess-icons li:hover, .activeState {
            outline-offset: -4px
        }

    #accessibility-button.accessibilityFeatureActivated i:after {
        width: 4px;
        height: 4px;
        right: 4px;
        top: 4px;
        box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7
    }

    #acess-icons li:last-child i {
        font-size: 14px;
        height: auto
    }

    #acess-icons .accessibility-title {
        padding: 5px 8px;
        font-size: 15px
    }

        #acess-icons .accessibility-title button.close {
            font-size: 18px
        }

    #acess-icons .accessibility-footer {
        padding: 0 8px 8px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    #hero-wrapper {
        height: 45% !important
    }

    .top-hour {
        padding: 10px 0
    }

    .banner_sliding {
        height: auto
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    #doc_bio_slider .item {
        height: 975px
    }

    #doc_bio_slider .carousel-indicators li {
        margin: 0 2px
    }

    #testimonials-section .carousel-indicators_new {
        width: 9%
    }

    #testimonials-section .carousel .item {
        height: 255px
    }

    .offer-banner-1 {
        background-position-x: -150px;
        height: 33em;
        margin-top: 180px
    }

    #spl_offer .offer-form {
        float: right;
        margin-top: 9%;
        padding: 25px;
        width: 415px
    }
}

.header {
    padding-left: 20px
}

.banner_sliding .carousel-indicators {
    bottom: -11px
}

#doc_bio_slider p.custome_pb {
    margin-bottom: 2%
}

#notification i.fa.fa-info-circle {
    font-size: 34px
}

.row.contact-info .contacts-list {
    padding-left: 20%
}

.top-hour {
    display: block;
    text-align: center;
    padding: 52px 0
}

    .top-hour p {
        display: inline-block;
        font-weight: 100;
        color: #000;
        font-size: 18px;
        margin-left: 20px;
        font-family: SourceSansPro-Light,sans-serif
    }

#welcome-content .skew-section .container span.content-box {
    position: absolute;
    top: 111px;
    left: 7px;
    background-color: #fff;
    width: 98.2%;
    height: 40.06em;
    z-index: -1
}

#bg, #wrapper {
    height: 650px
}

figure.effect-apollo {
    margin: 0 0 34px
}

#welcome-content .skew-section .container:before {
    right: -2px
}

#welcome-content .skew-section .container:after {
    left: -2px
}

#accessibility-button i {
    font-size: 37px;
    line-height: 37px;
    width: 37px;
    height: 37px
}

.acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] {
    bottom: 57px
}

.acess-container[data-placement-position=top-left], .acess-container[data-placement-position=top-right] {
    top: 57px
}

    #sub-page #content h2.panel-title, #sub-page #content h4.panel-title, .acess-container[data-placement-position=top-left] #acess-icons, .acess-container[data-placement-position=top-right] #acess-icons {
        margin-top: 0
    }

#acess-icons ul {
    margin: 0;
    display: inline-table;
    padding: 10px;
    width: 300px
}

#acess-icons li {
    line-height: 20px;
    font-size: 15px;
    padding: 8px
}

    #acess-icons li i {
        color: #3a9c9a;
        display: block;
        text-align: center;
        margin: 0 auto;
        height: 26px;
        line-height: 22px;
        font-size: 22px
    }

        #acess-icons li i span i {
            height: auto;
            font-size: 16px;
            line-height: 16px
        }

    #acess-icons li:focus, #acess-icons li:hover, .activeState {
        outline-offset: -4px
    }

#accessibility-button.accessibilityFeatureActivated i:after {
    width: 5px;
    height: 5px;
    right: 4px;
    top: 4px;
    box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7
}

#acess-icons li:last-child i {
    color: #3f51b5;
    display: inline-block;
    vertical-align: initial;
    margin-right: 4px;
    font-size: 16px;
    height: auto
}

#acess-icons .accessibility-title {
    padding: 5px 10px;
    font-size: 15px
}

#acess-icons .accessibility-footer {
    padding: 0 10px 10px
}

#sub-page .header p.slogan {
    font-size: 26px;
    margin: .7em 0 1.2em
}

#sub-page .header .header-logo img {
    width: 400px
}

#sub-page #wrapper {
    height: auto
}

#sub-page #main-menu {
    background: #0c7e3f
}

#sub-page #social-ratings {
    box-shadow: 0 0 25px 0 rgba(0,0,0,.35);
    z-index: 1
}

#sub-page #main-menu #default-menu, #sub-page #top-bar, #sub-page .header {
    -moz-animation: .1s forwards header;
    -webkit-animation: .1s forwards header;
    -o-animation: .1s forwards header;
    -ms-animation: header 100ms 0.0s forwards;
    animation: .1s forwards header
}

.blog_grid {
    border: 1px solid #dce7ec;
    box-shadow: 0 0 21px rgba(0,0,0,.05) inset;
    display: inline-block;
    margin: 0 0 30px;
    padding: 20px;
    width: 100%
}

    .blog_grid img {
        margin: auto;
        border: 1px solid #d3e9e8;
        padding: 3px
    }

a.blog_btn, a.blog_btn:hover {
    padding: 5px 12px;
    line-height: 3;
    font-size: 16px;
    font-weight: 700
}

ul .links {
    margin-left: -35px
}

.fa-user {
    color: #555;
    margin-right: 5px
}

a.blog_btn {
    color: #3a9d9a;
    border: 2px solid #029d9b;
    border-radius: 20px
}

    a.blog_btn:hover {
        color: #fdfdfd;
        border: 2px solid #3a9d9a;
        background: #3a9d9a;
        border-radius: 20px;
        box-shadow: 0 7px 0 rgba(58,157,154,.35)
    }

#content {
    padding: 45px 30px
}

#sub-page #content {
    background: #fff;
    padding: 50px 0;
    position: relative;
    border-top: 1px solid #fff;
    font-weight: 400;
    color: #000
}

    #sub-page #content .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: rgba(21,40,89,.02);
        border-radius: 4px
    }

        #sub-page #content .breadcrumb .breadcrumb-item a {
            font-size: 16px;
            color: #152858
        }

        #sub-page #content .breadcrumb .breadcrumb-item.active a, #sub-page #content .breadcrumb .breadcrumb-item.active a:focus, #sub-page #content .breadcrumb .breadcrumb-item.active a:hover {
            color: #0070b1
        }

        #sub-page #content .breadcrumb .breadcrumb-item a:focus, #sub-page #content .breadcrumb .breadcrumb-item a:hover {
            color: #2ea148
        }

    #sub-page #content h1 {
        font-size: 38px;
        font-weight: 400;
        margin-bottom: 30px;
        margin-top: 25px
    }

        #sub-page #content h1:after {
            background: #c5c5c7;
            content: "";
            display: block;
            height: 5px;
            margin: 30px 0;
            position: relative;
            width: 150px
        }

    #sub-page #content a.btn-primary, #sub-page #intro .buttons .btn-primary {
        font-size: 18px;
        background: #2ea148;
        box-shadow: 0 7px 0 rgba(0,0,0,.3);
        text-transform: uppercase;
        font-weight: 600
    }

    #sub-page #content a:focus, #sub-page #content a:hover {
        color: #42a9e6
    }

    #sub-page #content .sub-page-image {
        padding-left: 30px;
        margin-right: -15px;
        margin-bottom: 30px
    }

    #sub-page #content .community-page .sub-page-image {
        padding-left: 0;
        padding-right: 30px;
        margin-left: -15px;
        margin-right: 0;
        margin-bottom: 30px
    }

    #sub-page #content .office-tour-page .sub-page-image {
        padding-left: 0;
        padding-right: 0;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 50px
    }

    #sub-page #content h2 {
        font-size: 26px;
        color: #152858;
        margin-top: 30px
    }

    #sub-page #content h3 {
        font-size: 22px;
        color: #152858;
        margin-top: 30px
    }

    #sub-page #content h4 {
        font-size: 20px;
        color: #152858;
        margin-top: 30px
    }

    #sub-page #content .whyUsBtm {
        background: #dbf0ff;
        padding: 20px;
        margin-top: 30px;
        border-radius: 10px;
        text-align: center
    }

        #sub-page #content .whyUsBtm h3 {
            margin-top: 0;
            margin-bottom: 20px
        }

    #sub-page #content a.btn-primary {
        border: none;
        border-radius: 50px;
        margin: 0 10px 15px;
        padding: 8px 50px;
        width: auto;
        color: #fff
    }

        #sub-page #content a.btn-primary:focus, #sub-page #content a.btn-primary:hover {
            background: #fff;
            border: 0 solid #0c7e3f;
            color: #2ea148;
            box-shadow: 0 7px 0 #2ea148
        }

    #sub-page #content .founder-page .box {
        padding: 15px;
        border-radius: 8px;
        min-height: 180px;
        margin: 20px 0
    }

        #sub-page #content .founder-page .box.box1 {
            background: #1f86c8;
            background: -moz-linear-gradient(-45deg,#1f86c8 0,#223771 100%);
            background: -webkit-linear-gradient(-45deg,#1f86c8 0,#223771 100%);
            background: linear-gradient(135deg,#1f86c8 0,#223771 100%)
        }

        #sub-page #content .founder-page .box.box2 {
            background: #7fbf42;
            background: -moz-linear-gradient(-45deg,#7fbf42 0,#126332 100%);
            background: -webkit-linear-gradient(-45deg,#7fbf42 0,#126332 100%);
            background: linear-gradient(135deg,#7fbf42 0,#126332 100%)
        }

        #sub-page #content .founder-page .box h3 {
            color: #fff;
            margin-top: 0;
            font-weight: 600;
            font-size: 30px;
            margin-bottom: 10px
        }

h3 {
    color: #48c2cc
}

#testimonials-sec h3 {
    color: #393c3c
}

#sub-page #content img {
    border: 7px solid rgba(255,255,255,.65);
    margin: 0 auto;
    padding: 0;
    box-shadow: 0 0 0 5px rgba(0,0,0,.05);
    border-radius: 18px
}

#sub-page #content .col-sm-3.custom_fin-tou img {
    margin: 15px 0;
    padding: 20px
}

.clearfix, .col-sm-6.ofrDiv {
    margin: 15px auto
}

#sub-page #content .pe-page h2.panel-title, #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa em, .panel-group .panel .panel-title {
    font-size: 20px
}

#sub-page #content .pe-page h3 {
    font-size: 16px
}

.tab-content > .active {
    margin-top: 20px
}

#sub-page #content .portalDivTwo a {
    width: 100%;
    text-align: center
}

#sub-page #content .portalDivTwo a, .portalDivOne a {
    background-color: #152858;
    color: #fff;
    padding: 15px;
    margin: 15px auto;
    display: block
}

    #sub-page #content .portalDivOne a:hover, #sub-page #content .portalDivTwo a:hover {
        background-color: #fff;
        border: 1px solid #d3d3d3;
        color: #0c7e3e
    }

.col-sm-3.custom_fin-tou.moreDiv {
    padding-top: 7%
}

#sub-page #content .embed-responsive {
    border: 7px solid rgba(255,255,255,.65);
    margin: 25px auto;
    box-shadow: 0 0 0 5px rgba(0,0,0,.05);
    border-radius: 18px
}

#sub-page #content p.heeading {
    font-size: 32px;
    color: #152859;
    text-align: left
}

#sub-page #content p.description {
    font-size: 20px;
    color: #0c7e3f;
    margin-bottom: 20px
}

#sub-page #content hr {
    background: -moz-linear-gradient(left,rgba(127,191,66,0) 0,rgba(127,191,66,.65) 15%,#126332 50%,rgba(127,191,66,.65) 85%,rgba(127,191,66,0) 100%);
    background: -webkit-linear-gradient(left,rgba(127,191,66,0) 0,rgba(127,191,66,.65) 15%,#126332 50%,rgba(127,191,66,.65) 85%,rgba(127,191,66,0) 100%);
    background: linear-gradient(to right,rgba(127,191,66,0) 0,rgba(127,191,66,.65) 15%,#126332 50%,rgba(127,191,66,.65) 85%,rgba(127,191,66,0) 100%);
    height: 2px;
    border: none;
    box-shadow: none;
    margin: 30px auto 50px;
    width: 100%
}

#sub-page #content blockquote {
    padding: 10px 20px;
    margin: 20px 0;
    font-size: 20px;
    border-left: 5px solid #eee
}

    #sub-page #content blockquote p {
        font-size: 20px;
        color: #152858
    }

    #sub-page #content blockquote footer {
        padding: 0;
        margin: 0;
        background: #fff;
        border: none;
        color: #0c7e3e
    }

#sub-page #intro {
    background: #a8a6a8;
    background: -moz-linear-gradient(top,#a8a6a8 0,#fff 100%);
    background: -webkit-linear-gradient(top,#a8a6a8 0,#fff 100%);
    background: linear-gradient(to bottom,#a8a6a8 0,#fff 100%);
    padding: 40px 0 60px;
    text-align: center;
    position: relative
}

    #sub-page #intro p.heading {
        color: #152858;
        font-size: 85px;
        font-weight: 400;
        margin-bottom: 16px
    }

    #sub-page #intro p {
        font-size: 24px;
        color: #000
    }

    #sub-page #intro .buttons {
        margin-top: 40px
    }

        #sub-page #intro .buttons .btn-primary {
            border: none;
            border-radius: 50px;
            margin: 0 10px;
            width: 275px;
            color: #fff
        }

            #sub-page #intro .buttons .btn-primary:focus, #sub-page #intro .buttons .btn-primary:hover {
                background: #fff;
                color: #2ea148;
                box-shadow: 0 7px 0 #2ea148
            }

.fancybox-overlay {
    background: url(../img/fancybox/fancybox_overlay.png) rgba(0,0,0,.5) !important
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.25) !important;
    -moz-box-shadow: 0 0 20px 5px rgba(0,0,0,.25) !important;
    box-shadow: 0 0 20px 5px rgba(0,0,0,.25) !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    background: url(../img/lightpattern.png) #fff
}

.fancybox-title-float-wrap .child {
    color: #fff !important;
    font-family: 'Source Sans Pro',sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

#sub-page #call-to-action {
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 110px 0 60px
}

    #sub-page #call-to-action .skew-section {
        z-index: 1
    }

        #sub-page #call-to-action .skew-section:before {
            backface-visibility: initial;
            -moz-backface-visibility: initial;
            -webkit-backface-visibility: initial;
            background: url(../img/lightpattern.png) #fff;
            content: "";
            height: 70px;
            left: 0;
            overflow: visible;
            position: absolute;
            top: -33px;
            transform: skewY(2.2deg);
            -moz-transform: skewY(2.2deg);
            -ms-transform: skewY(2.2deg);
            -o-transform: skewY(2.2deg);
            -webkit-transform: skewY(2.2deg);
            width: 100%;
            z-index: 2
        }

.panel-group .panel {
    background-color: rgba(255,255,255,0);
    border: 0 solid rgba(255,134,146,0);
    border-radius: 0
}

.accordion-toggle, .accordion-toggle.collapsed {
    background: rgba(255,255,255,.8);
    border-left: 5px solid #ccc
}

    .accordion-toggle[aria-expanded=true] {
        background: #fff;
        border-left: 5px solid #48c2cc
    }

.panel-body {
    background: #fff;
    border-left: 5px solid rgba(58,157,154,.26);
    padding: 15px 30px
}

#myTab li {
    float: none;
    display: inline-block
}

#myTab > li.active > a, #myTab > li.active > a:focus, #myTab > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #3a9d9a;
    border: 1px solid rgba(255,255,255,0);
    border-bottom-color: transparent;
    border-radius: 0
}

#myTabContent .well {
    padding: 35px;
    margin-bottom: 35px;
    background-color: rgba(58,157,154,.07);
    border: 1px solid rgba(227,227,227,.5);
    border-top: 4px solid #3a9d9a;
    border-radius: 0;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.08);
    box-shadow: 0 0 35px rgba(0,0,0,.08)
}

#testimonials-section.lazyload, #why-choose.lazyload, #wrapper.inner-page #bg.lazyload, .bg1.lazyload, .bg2.lazyload, .bg4.lazyload, .bg5.lazyload, .bg6.lazyload, .lazyloading {
    background: #f7f7f7
}

#Smile-Gallery-5 img {
    width: 100%;
    object-fit: cover;
    height: auto
}

.welcomeTitle {
    padding: 0 15px;
    text-align: center
}

.contact-form .help-block {
    font-size: 12px
}

.contact-form .form-control-static {
    font-size: 10px;
    text-align: right
}

    .contact-form .form-control-static .input-sm {
        height: auto;
        padding: 1px 2px;
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: auto
    }

.contact-form .g-recaptcha {
    margin-bottom: 15px
}

.contact-form .btn-primary:focus, .contact-form .btn-primary:hover {
    outline: 0
}

#sub-page.contact-page #contact-section .map, #sub-page.contact-page #contact-section .map iframe {
    height: 400px
}

#sub-page.contact-page #content .contact-info .thumbnail {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 0
}

    #sub-page.contact-page #content .contact-info .thumbnail img {
        border: none;
        box-shadow: none;
        display: inline-block;
        width: 350px;
        margin-bottom: 0;
        margin-top: 30px;
        margin-left: -17px
    }

    #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa {
        text-shadow: none
    }

        #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa a {
            color: #152858
        }

            #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa a:focus, #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa a:hover {
                color: #0c7e3e
            }

        #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa::before {
            border: 1px solid #949494;
            color: #0c7e3e
        }

#sub-page.contact-page #content .contact-info .sidebar {
    background: #d0d0d1;
    padding: 40px;
    border-radius: 13px
}

    #sub-page.contact-page #content .contact-info .sidebar .thumbnail {
        padding: 0;
        margin-bottom: 0;
        background-color: #fff0;
        border: none;
        border-radius: 0
    }

        #sub-page.contact-page #content .contact-info .sidebar .thumbnail form .form-group {
            margin-bottom: 5px
        }

        #sub-page.contact-page #content .contact-info .sidebar .thumbnail form label {
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 600;
            color: #152858;
            margin-left: 5px
        }

        #sub-page.contact-page #content .contact-info .sidebar .thumbnail form .form-control-static {
            font-size: 12px !important;
            text-align: right
        }

        #sub-page.contact-page #content .contact-info .sidebar .thumbnail form .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
            padding: 0;
            height: auto;
            font-size: 11px;
            text-align: center;
            border: none;
            border-radius: 2px;
            margin: 0 3px;
            background: rgba(255,255,255,.5)
        }

.contact-form form label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #3a9c99;
    margin-left: 5px
}

.contact-form form .form-control-static {
    font-size: 14px !important;
    text-align: right;
    color: #3a9d9a;
    font-weight: 700
}

.contact-form form .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding: 0;
    height: auto;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 2px;
    color: #148480;
    margin: 0 3px;
    background: rgb(204 239 237)
}

#sub-page.contact-page #content .sidebar p.title {
    color: #152859;
    text-align: center;
    font-weight: 400;
    font-size: 35px;
    margin-top: 0
}

    #sub-page.contact-page #content .sidebar p.title::after {
        background: rgba(46,161,72,.25);
        content: "";
        display: block;
        height: 4px;
        margin: 10px auto 20px;
        position: relative;
        width: 80px
    }

.content.sub-page ul{
    padding-left: 40px;
    font-size: 20px
}

.content.sub-page ol {
    padding-left: 40px;
    font-size: 20px
}


.lazyload {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media(min-width:768px) {
    #main-menu .navbar-nav > li, #service-menu .navbar-nav > li {
        display: inline-block;
        float: none
    }

    .navbar-header {
        width: 335px
    }

    #main-menu .navbar-header .navbar-brand {
        display: block;
        padding: 0;
        position: absolute;
        top: -12px
    }

    #main-menu.fixed-header .navbar-header {
        display: block
    }

    #main-menu .navbar-nav {
        float: none;
        text-align: right;
        padding: 5px
    }

    #main-menu.fixed-header .navbar-nav {
        float: right;
        padding: 5px
    }

        #main-menu.fixed-header .navbar-nav > li {
            float: left
        }

    #main-menu .navbar-header .navbar-brand > img {
        position: absolute;
        top: -3px;
        width: 260px;
        height: auto;
        background: #fff;
        padding: 15px 20px;
        left: 0;
        filter: none;
        border-radius: 15px;
        box-shadow: 0 20px 40px -30px #000
    }

    #service-menu .navbar-nav {
        float: none;
        margin: 0 auto;
        text-align: center
    }
}

@media(max-width:767px) {
    #ad-banner, #call-to-action, #main-menu.fixed-header #contact-bar ul.contact-details, .header, .top-hour {
        text-align: center
    }

    #testimonials-section .carousel .item {
        height: 330px
    }

    #testimonials-section .carousel-indicators_new {
        margin: auto auto auto 35%;
        width: 15%;
        position: initial
    }

    #testimonials-section i.fa.fa-chevron-left, #testimonials-section i.fa.fa-chevron-right {
        margin-top: 75px
    }

    #Offers .side-panel.offer1, #Offers .side-panel.offer2, #Offers .side-panel.offer3, #Offers .side-panel.offer4, #testimonials-section .carousel-control.left, #testimonials-section .carousel-control.right {
        background-image: none
    }

    #Offers .side-panel {
        padding: 0
    }

    .offer-banner-1 {
        background-position-x: 0px;
        height: 44em
    }

    #Offers .side-panel .col-sm-6 img {
        display: block;
        margin: 0 auto
    }

    .red {
        margin-bottom: 30px
    }

    #main-slider .carousel-control.right {
        right: 6%
    }

    #Quick-Contact-switcher, .sticky-container {
        top: 180px
    }

    #font-switcher {
        top: 0
    }

    p {
        margin: 0 18px 10px
    }

    #contact-section .map.inner-page {
        height: 302px
    }

    .top-hour {
        display: block;
        padding: 20px 0
    }

    .h1, .h2, h1, h2 {
        padding-left: 15px
    }

    .top-hour p {
        display: block;
        font-weight: 400;
        word-spacing: 5px;
        color: #000;
        font-size: 15px;
        margin-left: 20px
    }

    .secure-shield, figure.effect-apollo {
        margin: 0 0 20px
    }

    #sub-page.contact-page #contact-section .skew-section:before, #welcome-content .skew-section .container span.content-box, #welcome-content .skew-section .container:after, #welcome-content .skew-section .container:before {
        display: none
    }

    #welcome-content .skew-section {
        padding: 0 0 30px
    }

    #main-menu #default-menu {
        width: 100%;
        position: fixed;
        background: #fff
    }

    #main-menu.fixed-header #default-menu {
        background: #fff
    }

    #sub-page #content p.heeading {
        font-size: 26px
    }

    #call-to-action p.description, #sub-page #content p.description, #sub-page #intro p, #sub-page .header p.slogan {
        font-size: 18px
    }

    #sub-page #content .sub-page-image {
        padding-left: 0;
        margin-right: 0;
        margin-bottom: 30px
    }

    #sub-page.contact-page #content .contact-info .sidebar {
        padding: 20px
    }

    #sub-page #content h1, #sub-page.contact-page #content .sidebar p.title {
        font-size: 30px
    }

    .secure-shield {
        width: 100%;
        display: inherit
    }

    #sub-page #main {
        padding: 45px 0 0
    }

    #sub-page #intro .buttons .btn-primary {
        padding: 6px 20px;
        width: auto;
        white-space: pre-wrap
    }

    #sub-page #wrapper {
        padding-top: 110px
    }

    #sub-page .header .header-logo img {
        width: 260px
    }

    #sub-page #content h1:after {
        height: 4px;
        margin: 20px 0;
        width: 130px
    }

    #sub-page #intro p.heading {
        font-size: 56px
    }

    #sub-page #intro .buttons .btn-primary.two, #welcome-content .skew-section .buttons .btn-primary.two {
        margin-top: 20px
    }

    .header .header-logo {
        margin-bottom: 20px
    }

    #call-to-action ul.list li, #main-menu #contact-bar ul.contact-details li a {
        font-size: 16px
    }

    .header p.practice-name span img {
        margin-top: -8px;
        margin-right: -16px;
        margin-left: 0;
        width: 40px
    }

    .header p.practice-name span {
        margin-left: 0
    }

    #main-menu .navbar-header .navbar-brand > img {
        width: 132px;
        position: absolute;
        top: -15px;
        height: auto;
        background: #fff;
        padding: 10px 0 15px;
        left: 0;
        border-radius: 0;
        box-shadow: none
    }

    #main-menu #contact-bar ul.contact-details li a:before {
        font-size: 11px;
        margin: 0 13px;
        top: -3px
    }

    #logo-bg .bg .logo p.doctorName, .h2, h2 {
        font-size: 24px
    }

    #main-menu.fixed-header {
        position: absolute;
        z-index: 999999
    }

    #sub-page #main-menu.fixed-header {
        position: absolute
    }

    #top-bar {
        display: none !important
    }

    #bg {
        background-position-x: 100%
    }

    #bg, #wrapper {
        height: 500px
    }

    .header .header-logo p.slogan {
        font-size: 3.35rem;
        margin: auto;
        padding-left: 0;
        padding-right: 0
    }

    #welcome-content .skew-section .container {
        padding: 15px
    }

    #logo-bg .bg .connected p.title, #our-services p.title, #testimonials-section p.title, #why-choose p.title, .h1, h1 {
        font-size: 32px
    }

    #contact-section .thumbnail .btn-primary, #intro p, #testimonials .item blockquote, #why-choose p, #why-choose ul > li, .contacts-list .fa em {
        font-size: 20px
    }

    .navbar-toggle {
        padding: 7px 10px;
        margin-right: 0;
        border-radius: 6px;
        font-size: 18px
    }

    #main-menu #contact-bar {
        padding-top: 10px;
        padding-bottom: 5px
    }

    .navbar-default .navbar-toggle {
        background-color: #49c3ce;
        color: #fff;
        border-color: #49c3ce
    }

    #main-menu .navbar-collapse {
        margin-top: 30px
    }

    #main-menu .navbar-nav > li > a {
        padding: 10px 15px;
        color: #3a9b98;
        text-shadow: 1px 1px 1px rgb(58 155 153 / 20%)
    }

    #main-menu.fixed-header .navbar-nav > li > a {
        padding: 10px 15px
    }

    #main-menu .navbar-nav {
        margin: 0 -15px
    }

    .navbar-toggle i {
        display: none;
        margin-left: 4px;
        vertical-align: baseline
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff;
        color: rgb(73 194 204);
        border-color: #49c2cc;
        font-weight: 600
    }

    #main-menu.fixed-header .navbar-toggle:focus, #main-menu.fixed-header .navbar-toggle:hover {
        background-color: #3a9b99;
        color: #fff;
        border-color: #fff
    }

    #main-menu .navbar-header .navbar-brand p {
        display: block;
        margin: 10px 0;
        font-size: 17px;
        line-height: 1.15
    }

    #main-menu.fixed-header .navbar-header .navbar-brand {
        padding: 8px 0
    }

        #main-menu.fixed-header .navbar-header .navbar-brand p {
            margin: 0 0 5px
        }

    #main-menu .navbar-header .navbar-brand {
        padding: 8px 0;
        width: initial
    }

    .header .header-logo img, .header .header-logo:after {
        width: 100%
    }

    .header {
        padding-left: 0
    }

    #main-menu.fixed-header .navbar-default .navbar-toggle {
        padding: 8px 15px
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: 1px solid rgba(255,255,255,0)
    }

    #main-menu.fixed-header #contact-bar ul.contact-details li a {
        padding: 7px 0
    }

    #contact-section .thumbnail p.practice-name, .header p.practice-name {
        font-size: 22px
    }

    .header p.slogan {
        margin: 1.2em 0;
        font-size: .9em;
        padding: 0 15px
    }

    .header .btn-primary {
        margin: 0 10px 15px !important;
        font-size: 14px;
        width: 259px
    }

    .arrows {
        width: 20px;
        height: 20px
    }

    #service-menu .navbar-nav > li > a {
        padding: 15px 20px
    }

    #intro .col-xs-12 {
        margin-bottom: 38px
    }

    #intro p.heading {
        font-size: 38px;
        line-height: 1
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 32px;
        text-align: left
    }

        #contact-section .thumbnail p.heading, #welcome-content .skew-section .container h1.title span {
            font-size: 50px
        }

    #office-tour-carousal .carousel-inner .item {
        padding: 0 0 20px
    }

    #why-choose p.title span {
        font-size: 50px;
        margin-top: 15px;
        display: block;
        margin-left: 0
    }

    #why-choose .thumbnail {
        min-height: 100%;
        margin-bottom: 0;
        border-left: none !important;
        border-bottom: 2px solid rgba(23,63,80,.07)
    }

    #ad-banner {
        height: initial;
        background-position: calc(67px) center;
        background-position-x: calc(33%);
        background-position-y: center
    }

        #ad-banner .skew-section {
            background: rgba(255,255,255,.8)
        }

        #ad-banner .ad-img img {
            width: 100%;
            -moz-filter: drop-shadow(1px 1px 1px rgba(255,255,255,1));
            -ms-filter: drop-shadow(1px 1px 1px rgba(255,255,255,1));
            -webkit-filter: drop-shadow(1px 1px 1px rgba(255,255,255,1));
            filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1))
        }

        #ad-banner .ad-img .btn-default {
            margin: 15px auto;
            width: inherit
        }

    #services-rolls-images .thumbnail {
        border-left: none !important;
        border-bottom: 2px solid rgba(23,63,80,.07) !important
    }

    #testimonials .item blockquote q:before {
        font-size: 90px
    }

    #social-ratings .thumbnail {
        margin-bottom: 0;
        border-left: none;
        border-bottom: 2px solid rgba(23,63,80,.07)
    }

    #call-to-action .pull-left, #call-to-action .pull-right {
        float: none !important
    }

    #call-to-action .btn-primary {
        width: inherit
    }

        #call-to-action .btn-primary:first-child {
            margin: 0 auto 20px;
            display: table
        }

    #call-to-action .buttons {
        padding: 25px 0 20px
    }

    #logo-bg .bg .logo {
        font-size: 55px;
        padding: 55px 0
    }

        #logo-bg .bg .logo img {
            width: 80px;
            display: block;
            margin: 0 auto 15px
        }

    #logo-bg .bg .connected p.title:after {
        margin: 20px auto 15px
    }

    #logo-bg .bg .connected .social-icons li {
        padding: 5px
    }

        #logo-bg .bg .connected .social-icons li a i {
            font-size: 40px;
            height: 80px;
            width: 80px;
            margin-bottom: 15px
        }

        #logo-bg .bg .connected .social-icons li a:focus > i, #logo-bg .bg .connected .social-icons li a:hover > i {
            font-size: 34px;
            line-height: 80px
        }

    #accreditations-rolls .item {
        margin: 0 7px
    }

        #accreditations-rolls .item a {
            padding: 7px
        }

    #contact-section .map, #contact-section .map iframe {
        height: 300px
    }

    #contact-section .thumbnail p.heading::after {
        margin: 5px 10px 25px
    }

    .contacts-list .fa {
        margin: 25px 0
    }

    #contact-section .contact-info {
        width: 100%;
        padding: 0 20px;
        position: relative;
        box-shadow: 0 -15px 50px rgba(0,0,0,.5);
        border-top: 5px solid #f6f6f6;
        border-right: none;
        transform-origin: 0% 0;
        -webkit-transform-origin: 0% 0;
        -moz-transform-origin: 0% 0;
        -o-transform-origin: 0% 0;
        -ms-transform-origin: 0% 0;
        transform: skew(0deg,0deg);
        -webkit-transform: skew(0deg,0deg);
        -moz-transform: skew(0deg,0deg);
        -o-transform: skew(0deg,0deg);
        -ms-transform: skew(0deg,0deg);
        overflow: hidden
    }

        #contact-section .contact-info .thumbnail {
            padding: 40px 0;
            transform: skew(0deg,0deg);
            -webkit-transform: skew(0deg,0deg);
            -moz-transform: skew(0deg,0deg);
            -o-transform: skew(0deg,0deg);
            -ms-transform: skew(0deg,0deg)
        }

    #footer-menu .footer-menu-h li {
        margin: 7px 10px
    }

        #footer-menu .footer-menu-h li a {
            padding: 5px 0;
            display: block
        }

    footer .copyright {
        line-height: 1.7;
        padding: 0
    }

    #service-menu .navbar-brand {
        display: block;
        color: #fff
    }

    #service-menu .navbar-toggle {
        border-color: rgba(255,255,255,.05);
        padding: 10px
    }

        #service-menu .navbar-toggle .icon-bar {
            background-color: #fff
        }

        #service-menu .navbar-toggle:focus, #service-menu .navbar-toggle:hover {
            background-color: rgba(0,0,0,.05);
            color: #0cace4;
            border-color: rgba(255,134,146,.2)
        }

            #service-menu .navbar-toggle:focus .icon-bar, #service-menu .navbar-toggle:hover .icon-bar {
                background-color: #0cace4
            }

    .modal-header {
        padding: 18px
    }

    .modal-body {
        padding: 18px 18px 25px
    }

    #sub-page #bg {
        height: 360px
    }

    #sub-page .header {
        top: 8%
    }
}

@media(min-width:0px) and (max-width:319px) {
    #doc_bio_slider .read_doc_bio a {
        width: 200px
    }

    #doc_bio_slider .item {
        height: 770px
    }

    #wrapper.inner-page {
        height: 465px
    }

    #spl_offer .secure-shield {
        margin: -5px 0 20px;
        width: 55%;
        display: inline-block
    }

    form .btn-primary {
        padding: 6px 20px;
        font-size: 18px
    }

    #spl_offer .offer-form {
        margin-top: 20px !important;
        padding: 7px 20px
    }

    #spl_offer .text-info {
        font-size: 16px;
        margin: 10px 0
    }

    .offer-banner-1 {
        height: 365px !important;
        margin-top: 80px !important;
        background-position-x: -15px !important
    }

    #spl_offer .contact-form form .form-group {
        margin-bottom: 8px
    }

    .contact-form .g-recaptcha {
        margin-bottom: 0
    }

    #services_page h1.offer_titile {
        padding-left: 0
    }

    #services_page p {
        margin: 0 0 10px;
        font-size: 18px
    }

    .h3, h3 {
        padding-left: 0 !important
    }

    .h1, h1 {
        font-size: 24px
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 8px 10px !important
    }

    .header .btn-primary {
        width: auto
    }

    a .page-link {
        font-size: 14px !important
    }

    .contact-form form .form-control-static {
        font-size: 12px !important;
        margin: 0;
        font-weight: 400
    }

    .contact-form form .form-inline .form-control {
        width: 29px
    }

    .testimonial-content.quote {
        padding: 0 5px
    }

    #doc_bio_slider img.doc_bio {
        transform: translateX(0) translateY(0);
        margin: auto;
        display: block
    }

    #doc_bio_slider .testimonial-name p.name-title {
        font-size: 20px;
        margin-top: 11px;
        color: #000
    }

    .owl-carousel .owl-item img {
        margin-left: 0
    }

    #hero-wrapper {
        display: none;
        height: 70%
    }

    #hero-carousel img {
        height: 380px
    }

    #main-menu #contact-bar ul.contact-details li, #main-menu .navbar-toggle i, #notification i.fa.fa-info-circle {
        display: none
    }

    #notification p strong {
        color: #000;
        font-size: 14px
    }

    #notification p.title {
        font-size: 20px;
        text-align: center
    }

    #notification p.note {
        text-align: center
    }

    #recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div {
        -webkit-transform: scale(.705);
        -moz-transform: scale(.705);
        -ms-transform: scale(.705);
        -o-transform: scale(.705);
        transform: scale(.705);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }

    #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa em {
        font-size: 16px
    }

    #main-menu #contact-bar ul.contact-details li:first-child {
        display: block
    }

    .header .header-logo img {
        width: 220px
    }

    .header .header-logo:after {
        width: 240px
    }

    .grid a {
        display: inline-block;
        width: 100%
    }

    figure.effect-apollo {
        margin: 0 15px 26px
    }

        figure.effect-apollo div.title {
            padding: 5px 15px 5px 5px;
            font-size: 18px
        }

    #welcome-content .skew-section .buttons .btn-primary {
        width: auto;
        padding-left: 20px;
        padding-right: 20px
    }

    .navbar-toggle {
        margin-right: -8px
    }

    #testimonials-section .carousel .item {
        height: 375px
    }
}

@media(min-width:300px) and (max-width:479px) {
    #services_page h1.offer_titile, #why-choose h1 {
        padding-left: 0
    }

    #doc_bio_slider .read_doc_bio a {
        width: 200px
    }

    #doc_bio_slider .item {
        height: 730px
    }

    #spl_offer .secure-shield {
        margin: -5px 0 20px;
        width: 62%;
        display: inline-block
    }

    form .btn-primary {
        padding: 6px 20px;
        font-size: 18px
    }

    #spl_offer .offer-form {
        margin-top: 12px !important;
        padding: 7px 20px
    }

    #spl_offer .text-info {
        font-size: 18px;
        margin: 10px 0
    }

    .offer-banner-1 {
        height: 365px !important;
        margin-top: 80px !important;
        background-position-x: -15px !important
    }

    #spl_offer .contact-form form .form-group, .header .header-logo {
        margin-bottom: 8px
    }

    .contact-form .g-recaptcha {
        margin-bottom: 0
    }

    #services_page p {
        margin: 0 0 10px;
        font-size: 18px
    }

    .h3, h3 {
        padding-left: 0 !important
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 12px 10px !important
    }

    a.page-link {
        font-size: 14px !important
    }

    #testimonials .item blockquote q, #why-choose p, #why-choose ul > li, .grid p {
        font-size: 18px
    }

    #doc_bio_slider p, #testimonials-sec .thumbnail p.sub-title {
        font-size: 18px !important
    }

    #our-services p.title span, #testimonials-section p.title span, #why-choose h1, .grid h2 {
        font-size: 28px
    }

    #testimonials-sec p.heading {
        font-size: 30px
    }

    #testimonials-sec .thumbnail p.title {
        font-size: 22px
    }

    .contact-form form .form-control-static {
        font-size: 12px !important;
        margin: 0;
        font-weight: 400
    }

    .contact-form form .form-inline .form-control {
        width: 29px
    }

    .contact_page_custom-top, p .practice-name.custom-top {
        margin-top: 30% !important
    }

    .carousel-bg .carousel-inner .item {
        background-size: cover;
        background-position-x: 75%;
        background-position-y: 75%;
        height: 500px
    }

    .carousel-inner {
        overflow-y: hidden;
        height: 100% !important
    }

    .testimonial-content.quote {
        padding: 0 5px
    }

    #doc_bio_slider .testimonial-name p.name-title {
        font-size: 22px;
        margin-top: 11px;
        color: #000
    }

    #doc_bio_slider img.doc_bio {
        transform: translateX(0) translateY(0);
        margin: auto;
        display: block
    }

    .owl-carousel .owl-item img {
        margin-left: 0
    }

    #hero-wrapper {
        display: none;
        height: 70%
    }

    #hero-carousel img {
        height: 380px
    }

    #notification p strong {
        color: #000;
        font-size: 14px
    }

    #notification p.title {
        font-size: 20px;
        text-align: center
    }

    #notification p.note {
        text-align: center
    }

    #main-menu #contact-bar ul.contact-details li, #notification i.fa.fa-info-circle {
        display: none
    }

    .header .btn-primary {
        margin: 0 6px 15px !important;
        font-size: 12px;
        width: 260px;
        padding: 12px 9px
    }

    .header {
        top: 88px;
        background-color: #4a4a4a5e;
        height: 100vh
    }

    .h2, h2 {
        font-size: 20px
    }

    .h1, h1 {
        font-size: 27px
    }

    #wrapper.inner-page {
        height: 465px
    }

    #bg, #wrapper {
        height: 438px;
        overflow-y: hidden
    }

    #our-services .grid .col-sm-4 {
        margin: auto
    }

    #our-services p.title, #testimonials-section p.title {
        font-size: 26px
    }

    #our-services, #testimonials-section .bg, #why-choose {
        padding: 38px 0 0
    }

    #testimonials-section .carousel .item {
        height: 370px
    }

    .header .header-logo p.slogan {
        font-size: 6.6vw;
        margin-top: 20%
    }

    .header p.practice-name {
        margin-bottom: 20px
    }

    #main-menu .navbar-header .navbar-brand > img {
        left: 6px;
        width: 34vw;
        top: -27%;
        padding: 10px 0;
        margin: auto;
        filter: unset
    }

    #bg {
        background-position-x: 75%
    }

    #recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }

    #sub-page.contact-page #content .contact-info .thumbnail .contacts-list .fa em {
        font-size: 16px
    }

    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-toggle {
        margin-right: 10px
    }

    #main-menu #contact-bar ul.contact-details li:first-child {
        display: block
    }

    .header .header-logo img {
        width: 220px
    }

    .header .header-logo:after {
        width: 240px
    }

    .grid a {
        display: inline-block;
        width: 100%
    }

    figure.effect-apollo {
        margin: 0 40px 26px;
        height: auto
    }

        figure.effect-apollo div.title {
            padding: 5px 15px 5px 5px;
            font-size: 18px
        }

    #welcome-content .skew-section .buttons .btn-primary {
        width: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:0) and (max-width:767px) {
    .h3, .h4, h3, h4 {
        padding-left: 15px
    }

    #spl_offer .offer-form {
        margin-top: 120px;
        background-color: rgb(72 194 204 / 63%)
    }

    #services_page img {
        margin: auto auto 20px
    }

    .pagination {
        margin: 0 0 25px
    }

        .pagination > li > a, .pagination > li > span {
            padding: 10px 15px
        }

    a.blog_btn {
        margin-left: 15px
    }

    .blog_grid img {
        margin-bottom: 15px
    }

    #services_page p, .content.sub-page p {
        text-align: left
    }

    #testimonials-sec .thumbnail p.sub-title, .h3, h3 {
        font-size: 20px
    }
    #services_page ol li:has(h1, h2, h3, h4)::marker {
        font-size: 20px;
        
    }

    #consmetic_dentist .bg h2 {
        font-size: 22px;
        padding-left: 15px
    }

    .row.contact-info .thumbnail img.img-responsive {
        width: 80%;
        padding: 5px
    }

    .row.contact-info .contacts-list {
        padding-left: 0
    }

    #doc_bio_slider p {
        font-size: 20px;
        text-align: left
    }

    #main-menu .navbar-nav > li > a:focus, #main-menu .navbar-nav > li > a:hover {
        color: #3a9c9a
    }

    .offer-banner-1 {
        height: 42em;
        margin-top: 80px;
        background-position-x: 0px
    }

    #notification .custom-width {
        width: 35%;
        margin: auto;
        display: block;
        float: none
    }

    #notification p.title {
        font-weight: 700;
        font-size: 13px;
        text-align: center;
        margin-bottom: -4px;
        padding-bottom: 0
    }

    .carousel-bg .carousel-inner .item {
        background-color: #49c3ce;
        background-size: cover;
        background-position-x: 75%;
        min-height: 100%;
        margin-top: 0
    }

    #doc_bio_slider .testimonial-name p.name-title {
        margin-top: 16px !important
    }

    #doc_bio_slider img.doc_bio {
        transform: translateX(0) translateY(0);
        margin: 50px auto;
        display: block
    }

    .cell-right {
        text-align: center;
        margin-right: 0
    }

    #notification {
        border: 5px solid rgba(131,84,56,.09);
        background-color: #ffe66b;
        padding: 0;
        z-index: 1
    }

        #notification p.note {
            color: #000;
            font-size: 20px;
            margin-top: -20px;
            line-height: 1
        }

    #testimonials-sec .service-block::after, #testimonials-sec .service-block:first-child::after, #testimonials-sec .service-block:last-child::after {
        margin: 0 auto;
        width: 70%
    }
}

@media(min-width:0px) and (max-width:554px) {
    #hero-wrapper {
        display: none !important
    }

    .bg1 {
        background: url(../img/bannner-slider/1-xxs.webp);
        height: 465px !important;
        background-position-x: 90%
    }

    #testimonials-section {
        background: url(../img/smiles-thumbnail-background-xxs.webp) fixed rgba(0,0,0,0);
        margin-top: -3px
    }

    #wrapper.inner-page #bg {
        background: url(../img/contact-page-bg-xxs.webp) top left #8faa8782 !important;
        height: 465px
    }
}

@media(min-width:555px) and (max-width:767px) {
    .custom {
        display: none
    }

    #hero-wrapper {
        height: 63%;
        width: 100%
    }

    .bg1 {
        background: url(../img/bannner-slider/1-xs.webp);
        height: 465px !important;
        background-position-x: 90%
    }

    #why-choose {
        background: url(../img/about-us-bg-xs.webp) center/cover no-repeat fixed #fff
    }

    #testimonials-section {
        background: url(../img/smiles-thumbnail-background-xs.webp) fixed rgba(0,0,0,0)
    }

    #wrapper.inner-page #bg {
        background: url(../img/contact-page-bg-xs.webp) top left #8faa8782 !important
    }
}

@media(min-width:480px) and (max-width:767px) {
    .offer-banner-1 {
        height: 33em
    }

    .carousel-bg .carousel-inner .item {
        margin-top: 0
    }

    .testimonial-content.quote {
        padding: 0 5px
    }

    #doc_bio_slider .testimonial-name p.name-title {
        font-size: 24px
    }

    #notification i.fa.fa-info-circle {
        font-size: 30px;
        margin-left: -87%
    }

    #notification p strong {
        font-size: 17px
    }

    #our-services .grid .col-sm-4, #welcome-content .grid .col-sm-3 {
        width: 50%;
        float: left
    }

    figure.effect-apollo div.title {
        padding: 7px 15px 7px 5px;
        font-size: 15px
    }

    .header .header-logo img, .header .header-logo:after {
        width: 320px
    }

    .container {
        width: 450px
    }

    .header p {
        font-size: 1em
    }
}

@media(min-width:768px) and (max-width:991px) {
    #call-to-action, #main-menu .navbar-nav {
        text-align: center
    }

    .bg1 {
        background: url(../img/bannner-slider/1-sm.webp);
        background-position-x: 60%;
        height: 585px !important;
        top: 65px
    }

    #why-choose {
        background: url(../img/about-us-bg-sm.webp) center no-repeat fixed #fff
    }

    #testimonials-section {
        background: url(../img/smiles-thumbnail-background-sm.webp) fixed rgba(0,0,0,0)
    }

    #wrapper.inner-page #bg {
        background: url(../img/contact-page-bg-sm.webp) top left #8faa8782 !important
    }

    .custom-width_two {
        width: 80%
    }

    #notification .custom-width {
        width: 20%;
        margin-top: -8px;
        margin-bottom: -17px
    }

    #notification p.title {
        margin-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        text-align: left
    }

    #doc_bio_slider img.doc_bio {
        display: block;
        margin: auto;
        transform: translateX(0) translateY(0)
    }

    #doc_bio_slider .testimonial-name p.name-title {
        margin-top: 16px;
        font-size: 30px;
        text-align: center
    }

    .cell-right {
        margin-right: 0
    }

    .custom {
        display: none
    }

    .header p.practice-name {
        line-height: 1.2;
        font-size: 26px;
        padding: 00px
    }

    .header {
        top: 40%
    }

    #testimonials-sec .thumbnail p.title {
        font-size: 16px
    }

    #testimonials-sec .thumbnail p.sub-title, #top-bar .contact-details li a {
        font-size: 13px
    }

    #testimonials-sec .col-sm-6 {
        padding: 0 5px
    }

    #testimonials-sec .service-block:nth-last-child(4)::after {
        margin: 0 auto 0 0;
        width: 50%
    }

    #testimonials-sec .service-block:nth-child(4)::after {
        margin: 0 0 0 auto;
        width: 50%
    }

    #testimonials-sec .service-block {
        margin-bottom: 25px
    }

    #expert-advice img.ea-img-responsive + span {
        background-color: rgba(73,195,206,.21) !important
    }

    .container.about-us {
        padding-right: 30px
    }

    .grid .col-md-6:first-child {
        padding: 15px 32px
    }

    .grid .col-md-6 {
        width: 100%
    }

    #sub-page.contact-page #content .contact-info .sidebar {
        padding: 20px
    }

    #our-services p.title, #sub-page.contact-page #content .sidebar p.title, #why-choose p.title {
        font-size: 30px
    }

    #sub-page.contact-page #content .sidebar .secure-shield {
        margin: 25px 0 0;
        width: 100%
    }

    #sub-page .header .header-logo img {
        width: 320px
    }

    #call-to-action p.description, #contact-section .thumbnail .btn-primary, #intro p, #sub-page .header p.slogan, .contacts-list .fa em {
        font-size: 20px
    }

    #logo-bg .bg .connected p.title, #sub-page #content h1, #testimonials-section p.title {
        font-size: 34px
    }

        #sub-page #content h1:after {
            height: 4px;
            margin: 20px 0;
            width: 130px
        }

    #sub-page #intro p.heading {
        font-size: 62px
    }

    #call-to-action ul.list li, #sub-page #intro p {
        font-size: 18px
    }

    #contact-section .contact-info .thumbnail {
        padding: 42px 0 70px
    }

    #contact-section .contact-info {
        width: 380px
    }

    #main-menu .navbar-nav, #main-menu.fixed-header .navbar-nav {
        float: right;
        width: 475px
    }

    figure.effect-apollo div.title {
        padding: 5px 12px 5px 7px;
        font-size: 14px
    }

    figure.effect-apollo p {
        font-size: 14px !important
    }

    .header .header-logo img {
        width: 400px
    }

    .header .header-logo:after {
        width: 420px
    }

    .header p.practice-name span img {
        width: 50px
    }

    .header p.practice-name span {
        padding: 0 5px;
        margin-right: 15px;
        margin-left: 0
    }

    .header p.slogan {
        font-size: 22px;
        margin: 1em 0 2em
    }

    #main-menu.fixed-header .navbar-header .navbar-brand > img {
        width: 196px;
        padding: 15px 0
    }

    .header .header-logo p.slogan {
        font-size: 3.2rem
    }

    #intro p.heading, #welcome-content .skew-section .container h1.title span {
        font-size: 65px
    }

    #main-menu .navbar-nav > li > a, #main-menu.fixed-header .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px
    }

    #main-menu.fixed-header .navbar-nav > li {
        float: none
    }

    .navbar-header {
        width: auto
    }

    #main-menu.fixed-header #contact-bar ul.contact-details li a:before {
        margin: 0 12px
    }

    #main-menu .navbar-header .navbar-brand > img {
        float: none;
        display: inline-block;
        width: 196px;
        padding: 15px 0
    }

    #main-menu .navbar-nav > li {
        float: none;
        display: inline-block
    }

    .header .btn-primary {
        margin: 10px;
        width: 335px
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 40px
    }

    #why-choose p.title span {
        font-size: 60px
    }

    #why-choose .thumbnail {
        min-height: 315px;
        margin-bottom: 0
    }

    #services-rolls-images .thumbnail:nth-child(3), #services-rolls-images .thumbnail:nth-child(5), #social-ratings .thumbnail:nth-child(3) {
        border-left: 2px solid rgba(23,63,80,0)
    }

    #services-rolls-images .thumbnail:nth-child(4) {
        border-left: 2px solid rgba(23,63,80,.07);
        border-bottom: 2px solid rgba(23,63,80,.07)
    }

    #contact-section .thumbnail p.practice-name, #testimonials .item blockquote {
        font-size: 22px
    }

        #testimonials .item blockquote q:before {
            font-size: 100px
        }

    #social-ratings .thumbnail {
        margin-bottom: 0
    }

        #social-ratings .thumbnail:first-child, #social-ratings .thumbnail:nth-child(2) {
            border-bottom: 2px solid rgba(23,63,80,.07)
        }

    #call-to-action .pull-left, #call-to-action .pull-right {
        float: none !important
    }

    #call-to-action .btn-primary {
        width: inherit
    }

        #call-to-action .btn-primary:first-child {
            margin-right: 15px
        }

    #call-to-action .buttons {
        padding: 25px 0 20px
    }

    #logo-bg .bg .logo {
        font-size: 64px;
        padding: 110px 0
    }

        #logo-bg .bg .logo img {
            width: 90px
        }

    #logo-bg .bg .connected p.title:after {
        margin: 20px auto 15px
    }

    #logo-bg .bg .connected .social-icons li {
        padding: 5px
    }

        #logo-bg .bg .connected .social-icons li a i {
            font-size: 40px;
            height: 80px;
            width: 80px;
            margin-bottom: 15px
        }

        #logo-bg .bg .connected .social-icons li a:focus > i, #logo-bg .bg .connected .social-icons li a:hover > i {
            font-size: 34px;
            line-height: 80px
        }

    #accreditations-rolls .item {
        margin: 0 7px
    }

        #accreditations-rolls .item a {
            padding: 0
        }

    #contact-section .map {
        height: 675px
    }

        #contact-section .map iframe {
            height: 639px
        }

    #contact-section .thumbnail p.heading {
        font-size: 64px
    }

        #contact-section .thumbnail p.heading::after {
            margin: 5px 10px 25px
        }

    .contacts-list .fa {
        margin: 25px 0
    }

    #footer-menu .footer-menu-h li {
        margin: 0 8px
    }

    footer .copyright {
        line-height: 1.8;
        padding: 0 60px
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #doc_bio_slider .item {
        height: 740px
    }

    #testimonials-section .carousel .item {
        height: 225px
    }

    #Quick-Contact-switcher {
        top: 298px !important
    }

    .offer-banner-1 {
        height: 38em;
        margin-top: 125px;
        background-position-x: 0px !important
    }

    #spl_offer .offer-form {
        margin-top: 11%
    }

    .bg1 {
        background: url(../img/bannner-slider/1-md.webp);
        height: 665px !important;
        background-position-x: 45%;
        top: 30px
    }

    #office_time {
        margin-top: -50px
    }

    .top-hour {
        padding: 40px 0
    }

    #why-choose {
        background: url(../img/about-us-bg-md.webp) center no-repeat fixed #fff
    }

    #testimonials-section {
        background: url(../img/smiles-thumbnail-background-md.webp) fixed rgba(0,0,0,0)
    }

    #wrapper.inner-page #bg {
        background: url(../img/contact-page-bg-md.webp) top left rgba(58,157,154,.51) !important
    }

    #notification p.title {
        margin-top: 15px;
        font-size: 17px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    #notification .custom-width {
        width: 17%;
        margin-top: -6px;
        margin-bottom: -22px
    }

    .custom-width_two {
        width: 82%
    }

    .banner_sliding .carousel-indicators {
        bottom: 20px
    }

    .custom {
        display: none
    }

    #contact-section .thumbnail p.practice-name, #sub-page #intro p, #sub-page .header p.slogan, #testimonials .item blockquote, #testimonials-sec .thumbnail p.title {
        font-size: 22px
    }

    #testimonials-sec .thumbnail p.sub-title {
        font-size: 16px
    }

    #testimonials-sec .thumbnail .btn-default {
        font-size: 14px
    }

    #testimonials-sec .service-block {
        margin-bottom: 25px
    }

    #testimonials-sec .col-md-4 {
        padding: 0 5px
    }

    .sidebar p.title {
        font-size: 38px;
        margin-bottom: 0
    }

    .row.contact-info .contact-form .form-control {
        height: 38px
    }

    #contact-section .map.inner-page {
        height: 475px
    }

    #top-bar .contact-details {
        margin-top: 4px;
        margin-bottom: 0
    }

    #main-menu .navbar-nav > li > a, .offer p:nth-child(2) {
        font-size: 18px
    }

    #welcome-content .skew-section .container span.content-box {
        position: absolute;
        top: 110px;
        left: 57px;
        background-color: #fff;
        width: 85.8%;
        height: 584px;
        z-index: -1
    }

    #sub-page .header .header-logo img {
        width: 360px
    }

    #sub-page #intro p.heading {
        font-size: 74px
    }

    #contact-section .contact-info .thumbnail {
        padding: 42px 15px 70px
    }

    #contact-section .contact-info {
        width: 430px
    }

    .header .header-logo img {
        width: 480px
    }

    .header .header-logo:after {
        width: 500px
    }

    .header p.practice-name {
        font-size: 28px
    }

        .header p.practice-name span img {
            width: 50px
        }

        .header p.practice-name span {
            padding: 0 5px;
            margin-right: 15px;
            margin-left: 0
        }

    .header p.slogan {
        font-size: 24px;
        margin: .8em 0 1.2em
    }

    #main-menu.fixed-header .navbar-header .navbar-brand > img {
        width: 298px;
        padding: 15px 20px
    }

    #main-menu .navbar-header .navbar-brand {
        padding: 12px 0
    }

    #main-menu.fixed-header .navbar-header .navbar-brand {
        padding: 8px 0
    }

    .navbar-header {
        width: auto
    }

    #main-menu .navbar-nav > li > a, #main-menu.fixed-header .navbar-nav > li > a {
        padding-left: 4px;
        padding-right: 4px
    }

    #intro p.heading {
        font-size: 72px
    }

    #intro p {
        font-size: 24px;
        color: #091e41
    }

    figure.effect-apollo div.title {
        bottom: 30px;
        padding: 6px 15px 6px 6px;
        font-size: 18px
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 44px
    }

        #welcome-content .skew-section .container h1.title span {
            font-size: 65px
        }

    #why-choose p.title {
        font-size: 34px
    }

        #contact-section .thumbnail p.heading, #why-choose p.title span {
            font-size: 64px
        }

    #why-choose .thumbnail {
        min-height: 325px
    }

    #ad-banner {
        height: 565px
    }

        #ad-banner .ad-img .btn-default {
            margin: 20px 0 0 150px
        }

    #call-to-action .btn-primary {
        width: inherit
    }

        #call-to-action .btn-primary:first-child {
            margin-right: 7px
        }

    #logo-bg .bg .logo {
        font-size: 80px;
        padding: 120px 0
    }

        #logo-bg .bg .logo img {
            width: 110px
        }

    #logo-bg .bg .connected p.title {
        font-size: 36px
    }

        #logo-bg .bg .connected p.title:after {
            margin: 20px auto 30px
        }

    #logo-bg .bg .connected .social-icons li {
        padding: 10px
    }

        #logo-bg .bg .connected .social-icons li a i {
            font-size: 48px;
            height: 90px;
            width: 90px
        }

        #logo-bg .bg .connected .social-icons li a:focus > i, #logo-bg .bg .connected .social-icons li a:hover > i {
            font-size: 44px;
            line-height: 90px
        }

    #contact-section .map, #contact-section .map iframe {
        height: 639px
    }

    #contact-section .thumbnail p.heading::after {
        margin: 5px 10px 25px
    }

    .contacts-list .fa {
        margin: 25px 0
    }

        #contact-section .thumbnail .btn-primary, .contacts-list .fa em {
            font-size: 20px
        }

    #footer-menu .footer-menu-h li {
        margin: 0 20px
    }
}

@media(min-width:1200px) and (max-width:1399px) {
    #notification .custom-width {
        margin-bottom: -26px
    }

    #notification p.title {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .custom-width_two {
        width: 80%;
        margin-top: 11px
    }

    .custom {
        display: none
    }

    .header .header-logo img {
        width: 550px
    }

    .header p.practice-name {
        font-size: 32px
    }

        .header p.practice-name span img {
            width: 60px
        }

    .header p.slogan {
        font-size: 28px;
        margin: 1.2em 0 1.4em
    }

    #contact-section .contact-info .thumbnail {
        padding: 40px 25px 108px
    }

    #contact-section .contact-info {
        width: 470px
    }
}

@media (min-width:1200px) {
    #Quick-Contact-switcher {
        top: 195px !important
    }

    #align_class {
        float: left
    }

    .second-menu {
        padding-left: 11%
    }
}

@media(min-width:1200px) and (max-width:1599px) {
    .container {
        padding-left: 0;
        padding-right: 0
    }

    .bg1 {
        background: url(../img/bannner-slider/1-lg.webp);
        height: 725px !important
    }

    .top-hour {
        margin-top: -65px
    }

    #why-choose {
        background: url(../img/about-us-bg-lg.webp) center no-repeat fixed #fff
    }

    #testimonials-section {
        background: url(../img/smiles-thumbnail-background-lg.webp) fixed rgba(0,0,0,0)
    }

    #wrapper.inner-page #bg {
        background: url(../img/contact-page-bg-lg.webp) top left #8faa8782 !important
    }
}

@media(min-width:0px) and (max-width:1024px) {
    #service-menu .navbar-default {
        padding-bottom: 50px
    }

    footer {
        margin-bottom: 48px
    }

    .back-to-top {
        bottom: 8px;
        right: 10px
    }
}

@media(max-height:580px) {
    .header .header-logo {
        margin-bottom: 10px
    }

    .header p.slogan {
        margin: .5em 0 .7em
    }
}

@media(max-height:400px) {
    .header .header-logo {
        display: none
    }
}

@media(min-width:1400px) and (max-width:2500px) {
    #notification .custom-width {
        margin-bottom: -26px
    }

    #notification p.title {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .custom-width_two {
        width: 80%;
        margin-top: 15px
    }

    .custom {
        display: none
    }

    #contact-section .contact-info {
        height: 100%
    }
}

@media all and (max-width:1024px) {
    #share-wrapper {
        bottom: 0;
        position: fixed;
        padding: 5px 5px 0;
        background: #fff;
        width: 100%;
        margin: 0;
        -webkit-box-shadow: 0 -1px 4px rgba(0,0,0,.15);
        -moz-box-shadow: 0 -1px 4px rgba(0,0,0,.15);
        box-shadow: 0 -1px 4px rgba(0,0,0,.15);
        z-index: 999999;
        display: inherit
    }

        #share-wrapper ul.share-inner-wrp {
            list-style: none;
            margin: 0 auto;
            padding: 0;
            text-align: center;
            overflow: auto
        }

        #share-wrapper li.button-wrap {
            display: inline-block;
            width: 36px !important;
            margin: 0;
            padding: 0;
            margin-left: 0 !important
        }

            #share-wrapper li.button-wrap > a {
                height: 36px;
                display: inline-block;
                text-indent: -10000px;
                width: 36px;
                padding-right: 0;
                float: left
            }
}

#pe-modal .modal-title {
    text-align: left !important
}

#expert-advice .ea-container p.ea-tagline {
    color: #ececec !important
}

    #expert-advice .ea-container p.ea-tagline span.EA-free, #expert-advice .ea-container p.ea-title span.EA-free {
        text-shadow: none !important;
        background-color: #49c2cb !important;
        padding: 2px;
        color: #fff !important
    }

#expert-advice.full-width {
    background-color: #3a9c9a !important
}

:root {
    --ea-widget-color: linear-gradient(90deg, rgb(73, 195, 206), rgb(73, 195, 206)) !important;
    --ea-widget-color-dark: #fff !important
}

#pe-modal .modal-backdrop.in, .pe-modal .modal-backdrop.in {
    opacity: .8 !important;
    backdrop-filter: none !important
}

#pe-modal .modal-title, .pe-modal .modal-title {
    color: #3a9d9a !important
}

ul.forms {
    padding-left: 10px !important
}

.servicetext {
    color: #333 !important
}

.textofservice {
    padding: 0 30px;
    text-align: justify;
    font-size: 16px !important;
    color: #000 !important
}

.btn-No, .btn-pills {
    background: #029d9b !important;
    color: #fff !important;
    transition: background-color .7s
}

.heightofservice {
    min-height: 150px !important
}

.heightofservice2 {
    min-height: 150px !important
}

.hee {
    font-size: 42px
}

#moti_physio .fs, .btn-pills, .fs {
    font-size: 20px !important
}

.pb-5 {
    padding-bottom: 25px
}

.btn-pills {
    border-radius: 50px;
    padding: 10px 25px;
    margin-bottom: 20px;
    border: 2px solid transparent
}

    .btn-No:hover, .btn-pills:hover {
        background: 0 0 !important;
        border: 2px solid #029d9b;
        color: #029d9b !important
    }

.pt-5 {
    padding-top: 25px
}

#moti_physio .bg ul.ul_list {
    color: #000;
    font-family: SourceSansPro-Light;
    font-size: 20px
}

.sub-page a {
    font-family: SourceSansPro-SemiBold !important
}

.btn-No {
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px !important;
    border: 2px solid transparent
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem
}

@media (width < 768px) {
    .mb-2 {
        margin-bottom: 2.5rem
    }
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.right {
    float: inline-end
}

#tldr {
    background-color: #f4ffff !important;
    padding: 1em;
    border-left: 4px solid #029d9b;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 75%;
    font-weight: 600;
}

    #tldr h2 {
        margin-top: 0px !important;
        font-weight: bold;
    }
    #tldr ol li::marker{
        color: #000;
    }

    @media (min-width:0px) and (max-width:767.99px) {
        #tldr {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.99px) {
    #tldr {
        width: 68%;
    }
}





#special-case li {
    color: #000 !important;
    font-size: 20px !important;
    font-family: SourceSansPro-Light !important;
}