.menu, .social, .tiny_top_bar {
    position: fixed
}

.left_in_head, .left_in_para, .right_in_head {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-duration: 2s;
    animation-fill-mode: both
}

.footerSub ul li, .li_adv li, .point_div ul li, .social, .social_top ul {
    list-style-type: none
}

dd, dt {
    color: #6f6969
}

@font-face {
    font-family: Nunito;
    font-weight: 400;
    src: url('../fonts/Nunito/nunito-v20-latin-regular.eot');
    src: local(''),url('../fonts/Nunito/nunito-v20-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Nunito/nunito-v20-latin-regular.woff2') format('woff2'),url('../fonts/Nunito/nunito-v20-latin-regular.woff') format('woff'),url('../fonts/Nunito/nunito-v20-latin-regular.ttf') format('truetype'),url('../fonts/Nunito/nunito-v20-latin-regular.svg#Nunito') format('svg');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    font-weight: 700;
    src: url('../fonts/Nunito/nunito-v20-latin-700.eot');
    src: local(''),url('../fonts/Nunito/nunito-v20-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/Nunito/nunito-v20-latin-700.woff2') format('woff2'),url('../fonts/Nunito/nunito-v20-latin-700.woff') format('woff'),url('../fonts/Nunito/nunito-v20-latin-700.ttf') format('truetype'),url('../fonts/Nunito/nunito-v20-latin-700.svg#Nunito') format('svg');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    src: url('../fonts/open-sans/open-sans-v27-latin-300.eot');
    src: local(''),url('../fonts/open-sans/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans/open-sans-v27-latin-300.woff2') format('woff2'),url('../fonts/open-sans/open-sans-v27-latin-300.woff') format('woff'),url('../fonts/open-sans/open-sans-v27-latin-300.ttf') format('truetype'),url('../fonts/open-sans/open-sans-v27-latin-300.svg#OpenSans') format('svg');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    src: url('../fonts/open-sans/open-sans-v27-latin-regular.eot');
    src: local(''),url('../fonts/open-sans/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans/open-sans-v27-latin-regular.woff2') format('woff2'),url('../fonts/open-sans/open-sans-v27-latin-regular.woff') format('woff'),url('../fonts/open-sans/open-sans-v27-latin-regular.ttf') format('truetype'),url('../fonts/open-sans/open-sans-v27-latin-regular.svg#OpenSans') format('svg');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    src: url('../fonts/open-sans/open-sans-v27-latin-600.eot');
    src: local(''),url('../fonts/open-sans/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans/open-sans-v27-latin-600.woff2') format('woff2'),url('../fonts/open-sans/open-sans-v27-latin-600.woff') format('woff'),url('../fonts/open-sans/open-sans-v27-latin-600.ttf') format('truetype'),url('../fonts/open-sans/open-sans-v27-latin-600.svg#OpenSans') format('svg');
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    src: url('../fonts/open-sans/open-sans-v27-latin-700.eot');
    src: local(''),url('../fonts/open-sans/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/open-sans/open-sans-v27-latin-700.woff2') format('woff2'),url('../fonts/open-sans/open-sans-v27-latin-700.woff') format('woff'),url('../fonts/open-sans/open-sans-v27-latin-700.ttf') format('truetype'),url('../fonts/open-sans/open-sans-v27-latin-700.svg#OpenSans') format('svg');
    font-style: normal;
    font-display: swap
}

a, a:focus, a:hover {
    outline: 0
}

.address_top p, body {
    font-family: 'Open Sans',sans-serif
}

.menu, .tiny_top_bar {
    z-index: 1;
    width: 100%
}

.inv, .slogans_inner {
    vertical-align: middle
}

.tstfs, .tstfs2 {
    bottom: auto;
    right: 0
}

.add_div_p4 a, .btn_2, .lm a, .sc_online:hover, .social li a, a, a:focus, a:hover, abbr[data-original-title], abbr[title] {
    text-decoration: none
}

body, html {
    width: 100%;
    height: 100%
}

#th_g .f_head_oneh3, body {
    font-size: 16px
}

.sub_page_content p, .sub_page_content ul li {
    font-size: 16px;
    color: #6f6969
}

.address_top p, .dropdown-menu > li > a, .navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
    text-transform: uppercase
}

.tiny_top_bar {
    background: #fff;
    top: 0
}

.social_top ul {
    padding: 0;
    margin: 0
}

    .social_top ul li {
        display: inline-block;
        padding: 5px 10px;
        border-left: 1px solid #ccc
    }

        .social_top ul li a i {
            color: #ff7304
        }

.address_top p {
    display: inline-block;
    margin: 0;
    letter-spacing: .5px;
    padding-left: 10px;
    font-weight: 600
}

.address_top {
    text-align: right;
    padding-top: 5px
}

.add_div, .add_div_p4, .ap_lnk, .invVideo, .modal-header, .office_img p, .ser_cmn_dv, .ser_outer, .slanted2_p22, .slogans_cntr, div#recaptcha2, p.add_div_p1, p.footer_p1, p.footer_p2, p.footer_p3 {
    text-align: center
}

.social_top ul li:last-child {
    border-right: 1px solid #ccc
}

.add_tiny:after {
    content: "";
    border: .5px solid #ccc;
    margin-left: 6px;
    position: absolute;
    height: 48px;
    top: 0
}

.col, .dropdown-submenu, .fr, .inv_inner, .point_div ul li i, .shortPoints, .tst {
    position: relative
}

.navbar-inverse {
    background-color: transparent;
    border: none;
    margin: 1% 0 2%
}

.menu {
    background: #38246b;
    padding: 22px 0;
    top: 48px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: Nunito,sans-serif
}

.dropdown-menu > li > a {
    padding: 14px 20px;
    color: #fff;
    white-space: nowrap;
    font-family: Open Sans;
    line-height: 12px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-weight: 600;
    letter-spacing: 1px
}

.navbar-nav > li > .dropdown-menu {
    background-color: #ee2024 !important;
    margin-top: 37px;
    border-radius: 0
}

.logo_div, .logo_div img, .menu_desktop {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn.btn_cus_1, .btn_state, .btn_state:hover, .contact_btn, .contact_btn:hover, .no_padd, .no_padd .navbar-inverse, .no_padd img, .play_txt, .sc_online:hover, .secrvice_des_dv_btn, .secrvice_des_dv_btn:hover, .vid:hover .fa-play-circle, .vid:hover .play_txt {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

    .btn.btn_cus_1, .no_padd, .no_padd .navbar-inverse, .no_padd img, .play_txt {
        transition: .3s
    }

.no_padd {
    padding: 5px 0
}

.ser_outer img {
    margin: 0 auto;
    width: 55%;
    border: 10px solid #fff;
    border-radius: 50%
}

.fl, .fr {
    width: 50%
}

.services_offered {
    background: #f9f9f9;
    padding: 30px 0 70px
}

.Invisalign_div, .Invisalign_div_two {
    background-repeat: no-repeat;
    position: relative
}

.ser_outer p {
    font-family: Open Sans;
    letter-spacing: 1px;
    font-size: 20px;
    margin: 10px 0;
    font-weight: 500;
    color: #38246b
}

.Invisalign_div {
    background-image: url(/img/img.jpg);
    background-position: 100% 96%;
    background-size: 50%
}

.Invisalign_div_two {
    background-image: url(/img/img2.jpg);
    background-position: -10% -30%;
    background-size: 53%
}

.Invisalign_div_row {
    height: 630px
}

.fr {
    height: inherit;
    display: table
}

.inv {
    display: table-cell;
    padding-left: 20%;
    padding-right: 15%
}

#th_g .f_head_one, .f_head, .f_head_one_h2, .fl, .modal-dialog, .play_txt, .vid:hover .fa-pause-circle, i.far.fa-play-circle {
    display: inline-block
}

.tst {
    background: #f2f2f2
}

.fr {
    background: #f4f4f4
}

#service_images .service-bg-eight.lazyload, #service_images .service-bg-eleven.lazyload, #service_images .service-bg-five.lazyload, #service_images .service-bg-four.lazyload, #service_images .service-bg-nine.lazyload, #service_images .service-bg-one.lazyload, #service_images .service-bg-seven.lazyload, #service_images .service-bg-six.lazyload, #service_images .service-bg-ten.lazyload, #service_images .service-bg-three.lazyload, #service_images .service-bg-twelve.lazyload, #service_images .service-bg-two.lazyload, .btn.btn_cus_1, .btn_state, .dropdown-submenu:hover > .dropdown-menu, .footer, .item.lazyload, .parallax_div.lazyload, .sc_online {
    background: #38246b
}

.btn.btn_cus_1 {
    border-radius: 50px;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
    border: 2px solid #fff
}

    .btn.btn_cus_1:active, .btn.btn_cus_1:focus, .btn.btn_cus_1:hover, .sc_online {
        border: 2px solid #38246b;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s
    }

    .btn.btn_cus_1:active, .btn.btn_cus_1:focus, .btn.btn_cus_1:hover {
        background: 0 0;
        transition: .3s;
        color: #38246b;
        font-weight: 500
    }

.heading_ {
    color: #444;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 1px;
    font-weight: 300
}

.lm, .shrt_desc {
    line-height: 24px
}

.heading_One {
    color: #ff781b;
    font-weight: 700;
    letter-spacing: .5px
}

.lm, .play_txt, .shrt_desc {
    font-weight: 400
}

.lm, .play_txt, p.add_div_p1 {
    text-transform: uppercase;
    letter-spacing: 1px
}

.shrt_desc {
    font-size: 16px;
    color: #676767;
    font-family: Nunito,sans-serif
}

.intl-tel-input .country-list .country .dial-code, .lazyloading, .lm, .play_txt {
    font-size: 14px
}

.lm {
    font-family: Nunito
}

    .lm a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ff770b
    }

i.far.fa-play-circle {
    font-size: 40px;
    color: #ee2024
}

.play_txt {
    margin: 11px 0 0 10px;
    vertical-align: top;
    color: #000;
    font-family: Nunito,sans-serif
}

#modal-coronavirus .modal-body, .Invisalign_div_two .fr {
    background: 0 0
}

.add_div, .sub_page_content {
    padding: 50px 0
}

p.add_div_p1 {
    color: #38246b;
    font-family: Open Sans;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600
}

.add_div_p2, p.add_div_p3 {
    font-family: Open Sans;
    font-weight: 400;
    letter-spacing: 1px
}

img.img-responsive.add_img {
    width: 70%;
    margin: 40px auto
}

.add_div_p2 {
    text-transform: capitalize;
    font-size: 30px;
    line-height: 38px;
    color: #ee2024
}

p.add_div_p3 {
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
    color: #797979
}

.parallax_div .play_txt, .parallax_div_p2, .point_div ul li, .point_div_p2, .secrvice_des_dv_p, .slanted1_p, .slanted2_p3, .star_ratings, .state_of_art_div_p {
    font-family: Nunito,sans-serif
}

    #acess-icons li:focus i, #acess-icons li:hover i, .add_div_p4 a, .contact-form .intl-tel-input .country-list .country-name, .contact-form .intl-tel-input .country-list .flag-box, .contact-form input.form-control.input-sm, .faq_div .panel-title, .form_main p a, .phn_tiny_1 a:hover, .phn_tiny_3 a:hover, .star_ratings a, .stars i, span.walk {
        color: #000
    }

.add_div_p4 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0
}

.add_div_p5 {
    margin-bottom: 40px;
    margin-top: 40px
}

.sc_online {
    padding: 15px 30px;
    color: #fff;
    transition: .3s;
    border-radius: 50px
}

    .sc_online:hover {
        background: 0 0;
        color: #ee2024;
        transition: .3s;
        border-color: #9b9b9b
    }

p.secrvice_des_dv_p1 {
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: 300
}

    p.secrvice_des_dv_p1 a {
        color: #a1a1a1;
        font-weight: 400
    }

.secrvice_des_dv_p1 a:after {
    display: block;
    content: '';
    position: absolute;
    background-color: rgba(255,119,11,.4);
    height: 1px;
    pointer-events: none
}

._p1 a:after {
    width: 61%
}

._p2 a:after {
    width: 56%
}

._p3 a:after {
    width: 54%
}

.secrvice_des_dv_p {
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #8d8d8d
}

.secrvice_des_dv_btn {
    border: 2px solid #ff770b;
    padding: 15px 22px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    transition: .3s;
    border-radius: 50px
}

    .secrvice_des_dv_btn:hover {
        background: #ff770b;
        border: 2px solid #ff770b;
        color: #fff;
        transition: .3s
    }

.secrvice_des_dv {
    padding-bottom: 100px
}

.parallax_div p {
    color: #000;
    text-align: left
}

.parallax_div_p1 {
    font-size: 40px;
    color: #ee2024 !important;
    line-height: 57px;
    text-align: center !important;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 45px
}

.parallax_div_p2 {
    color: #0a0a0a;
    line-height: 24px;
    font-size: 16px
}

.parallax_div .play_txt {
    color: #38246b;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    text-transform: capitalize;
    margin-top: 10px
}

.fa_Div {
    padding-top: 30px;
    padding-bottom: 30px
}

.container_custom_nw, .state_of_art_div {
    padding: 90px 0
}

.state_of_art_div_p1 {
    text-transform: capitalize;
    letter-spacing: .5px;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: #ee2024;
    margin-top: 0
}

.state_of_art_div_p {
    color: #000;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 30px
}

.cfew {
    margin-bottom: 50px
}

.btn_state {
    border: 2px solid #38246b;
    padding: 13px 17px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    transition: .3s;
    border-radius: 50px
}

.point_div_p1, .point_div_p22 {
    letter-spacing: .5px;
    font-weight: 600;
    margin-top: 0
}

#th_g .f_head_one, #write_a_review p, .addressDetails, .ap_lnk a, .bnr_p, .col h2, .footerSub ul li, .hdfoo, .invVideo a, .point_div_p22, .ser_cmn_dv a, .slanted1_p1, .slanted2_p1 {
    text-transform: capitalize
}

.btn_state:hover {
    border: 2px solid #9b9b9b;
    background: 0 0;
    color: #ee2024;
    transition: .3s
}

.point_div {
    background: #f9f9f9;
    padding: 70px 0
}

.point_div_p1 {
    font-size: 24px;
    color: #ee2024;
    line-height: 1;
    text-align: left
}

.point_div_p2 {
    color: #000;
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 40px
}

.point_div_p22 {
    color: #38246b;
    font-size: 24px;
    font-family: Open Sans;
    line-height: 1
}

.point_div ul li {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px
}

    .point_div ul li i {
        color: #ee2024;
        font-size: 14px;
        margin-right: 15px
    }

.slanted1_p, .slanted1_p1 {
    color: #000;
    letter-spacing: .5px
}

.tstfs, .tstfs2, svg.nectar-shape-divider {
    left: 0;
    position: absolute;
    width: 100%
}

#blog-page .blog_grid, div#navbar-collapse-1 {
    border: none;
    box-shadow: none
}


/* Apply larger marker only to li that contains a heading */
.blog_page ol li:has(h1, h2, h3, h4)::marker {
    font-size: 25px;
    color: #ee2024;
}

.dfgd ul {
    padding: 0
}

.slanted1_p1 {
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 30px
}

.slanted1_p {
    font-size: 16px;
    line-height: 24px
}

.slanted2_p1 {
    font-size: 27px;
    color: #ee2024;
    line-height: 27px;
    letter-spacing: .5px;
    font-weight: 600;
    margin-top: 0
}

#social-ratings .thumbnail .ratings span, .slanted2_p3, p.footer_p1 a {
    font-weight: 500
}

.bnr_hd, .br_hd-sub, .btn_1, .btn_2, .contact_btn, .f_head_den_sub, .faq_div h3, .overall_lnk, .sr_ou_hd, .sr_ou_lnk, .sub_page_content h1, .sub_page_content h5, .sub_page_content h6, button#footer-btn, ul.links li a b {
    text-transform: uppercase
}

.slanted2_p2 {
    font-size: 21px;
    color: #38246b;
    line-height: 21px;
    margin-top: 20px !important;
    margin-bottom: 30px !important
}

.slanted2_p3 {
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 60px;
    color: #000
}

.br_ul_hd, .contact_btn, .cr_su_hd, .f_head_contact, .form_main p a, .in_bl_hd, .in_bl_hd_sub, .invVideo a, .ser_cmn_dv a, .sr_ou_hd, .v_head, p.ed_sub_hd, p.footer_p1, p.footer_p1 a, p.footer_p2, p.overall_hd, p.staff_pg_hd, p.ve_su_hd {
    letter-spacing: 1px
}

.padd_tp {
    padding-top: 6%
}

.contact_btn {
    border: 2px solid #38246b;
    padding: 13px 17px;
    font-size: 14px;
    font-weight: 600;
    color: #38246b;
    transition: .3s;
    margin-top: 30px;
    border-radius: 50px;
    background: #fff
}

    .contact_btn:hover {
        border: 2px solid #fff;
        background: #ee2024;
        transition: .3s;
        color: #fff
    }

.slanted_div_img {
    box-shadow: 0 10px 50px rgba(0,0,0,.08),0 13px 45px rgba(0,0,0,.08)
}

p.footer_p1 {
    color: #ff781b;
    font-size: 25px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 15px
}

    p.footer_p1 a {
        color: #8d8d8d
    }

p.footer_p2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px
}

    .footer_p8 a, p.footer_p2 a {
        color: #ff781b !important;
        font-size: 20px
    }

p.footer_p3 a {
    background: #ff770b;
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50px
}

    p.footer_p3 a:hover {
        background: #d46106
    }

.item1, .parallax_div {
    background-size: cover
}

.footer_p4, .footer_p5, .footer_p6 {
    font-size: 16px;
    color: #ff781b !important;
    letter-spacing: .5px;
    margin: 10px 0
}

.footer_p7, .footer_p8, .footer_p9 {
    font-size: 12px;
    color: #ff770b;
    letter-spacing: .5px
}

.copyright {
    padding: 20px 0;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    letter-spacing: .5px
}

#social-ratings, .parallax_div {
    padding: 60px 0
}

.bnr_hd, .bnr_p span {
    font-weight: 400;
    padding: 10px
}

.copyright a {
    color: #5b5b5b
}

.addressDetails a, .addressDetails p a, .close, .cro .f_head, .pen .navbar-default .navbar-nav > li > a, .timeFooter_mo a {
    color: #fff
}

.parallax_div {
    background-image: url(/img/background.webp);
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat
}

.tstfs {
    transform: rotate(180deg);
    height: 528px
}

.tstfs2 {
    height: 470px
}

svg.nectar-shape-divider {
    bottom: -1px;
    height: 100%
}

.slanted2 {
    margin-bottom: 100px;
    margin-top: 100px
}

.vid:hover .play_txt {
    color: red;
    transition: .3s
}

.vid:hover .fa-play-circle {
    display: none;
    transition: .3s
}

i.far.fa-pause-circle {
    font-size: 40px;
    color: #ff770b;
    display: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.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
    }

.pen .navbar-default {
    background-color: transparent;
    border: none
}

.form-control, .modal-content, .social li:first-child a, .social li:last-child a {
    border-radius: 0
}

.pen .navbar {
    min-height: auto
}

.navbar-header.navbar-header-mobile {
    display: inline-block;
    float: right;
    margin-top: -7%
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #c0bebb
}

.contact-form .control-label.d-none, .hidden-field {
    display: none
}

.modal-header {
    background: #ee2024;
    font-size: 18px
}

.modal-body {
    background: #dadada
}

.close {
    font-size: 30px;
    opacity: 1
}

.form-control {
    height: 40px;
    color: #4a4a4a;
    background-color: rgba(0,0,0,.3);
    border: 1px solid #ee2024
}

#appointment .form-control, .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

#appointment .modal-header .close {
    background: #38246b;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    box-shadow: 0 4px 0 0 #38246b91
}

    #appointment .modal-header .close:hover {
        color: #38246b;
        opacity: 1;
        background-color: #fff !important;
        box-shadow: none !important
    }

#appointment .modal-title {
    color: #fff;
    font-weight: 600
}

textarea.form-control {
    height: 100px
}

#appointment .btn-primary {
    color: #fff;
    border-color: #ee2024;
    padding: 10px 20px;
    border-radius: 0;
    background: #ee2024
}

.ser_outer {
    margin-top: -100px
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ee2024;
    border-color: #ee2024
}

.item1 {
    background-image: url(/img/banner_nw/1.webp);
    background-position: 50% 20%
}

.item2, .item3 {
    background-position: center center;
    background-size: cover
}

.item2 {
    background-image: url(/img/banner_nw/2.webp)
}

.item3 {
    background-image: url(/img/banner_nw/3.webp)
}

.carousel-inner .item {
    height: 100%
}

.carousel-control {
    background-image: none !important
}

.bnr_hd {
    color: #fff;
    font-size: 50px;
    font-style: normal;
    line-height: 60px;
    margin-bottom: 30px;
    display: inline-block;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    background: rgba(155,155,155,.8);
    letter-spacing: .5px
}

.bnr_p, .btn_1, .btn_2, button#footer-btn {
    letter-spacing: 1px;
    color: #fff
}

.bnr_p {
    padding: 0;
    font-size: 20px;
    line-height: 38px;
    font-weight: 300;
    margin-bottom: 40px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

    .bnr_p span {
        background: rgba(155,155,155,.9);
        color: #fff
    }

.btn_1, .btn_2 {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    display: inline-block
}

#blog .blog-thumb, .footerSub ul, .social {
    padding-left: 0
}

.btn_1 {
    margin-right: 10px;
    border: 1px solid transparent;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background .3s ease-in-out,color .3s ease-in-out;
    transition: background .3s ease-in-out,color .3s ease-in-out;
    background: #38246b;
    border-radius: 0
}

.btn_2 {
    cursor: pointer;
    margin-left: 10px;
    background: #ee2024;
    border: 1px solid;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background .3s ease-in-out,color .3s ease-in-out;
    transition: background .3s ease-in-out,color .3s ease-in-out;
    border-radius: 0
}

.slogans {
    display: table;
    width: 100%
}

.slogans_inner {
    display: table-cell
}

.slogans_rgt {
    text-align: right
}

.slogans_lft, .txt_lft, .txt_rgt {
    text-align: left
}

.bounceInLeft, .left_in_head, .left_in_para {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight, .right_in_head {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.down_in_head {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInDown {
    60%,75%,90%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.social li a:hover span, .social li:first-child:hover span, .social li:nth-child(2):hover span, .social li:nth-child(3):hover span, .social li:nth-child(4):hover span, .social li:nth-child(5):hover span {
    visibility: visible;
    transform: rotateY(0);
    margin-top: -40px;
    opacity: 1
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.social {
    width: 200px;
    height: 220px;
    margin-top: 15%;
    perspective: 1000px;
    z-index: 10000
}

    .social li a, .social li a span {
        height: 50px;
        text-align: center;
        color: #fff
    }

    .social li a {
        display: block;
        width: 50px;
        background: #ee2024;
        border-bottom: 1px solid #ccc;
        font: 25px/30px FontAwesome,"Source Sans Pro",Helvetica,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        padding: 10px;
        transition: background .5s
    }

    #acess-icons li, .social li .fa {
        line-height: 30px
    }

.col h2, .why_us_container .slide a, .why_us_container .slide p {
    font-weight: 300;
    font-size: 16px
}

.social li:first-child a:hover {
    background: #3b5998;
    color: #fff
}

.social li:nth-child(2) a:hover {
    background: #fb3958;
    color: #fff
}

.social li:nth-child(3) a:hover {
    background: #c41200;
    color: #fff
}

.social li:nth-child(4) a:hover {
    background: #00acee;
    color: #fff
}

.social li:nth-child(5) a:hover {
    background: #e60023;
    color: #fff
}

.social li:first-child:hover span {
    background: #3b5998
}

.social li:nth-child(2):hover span {
    background: #fb3958
}

.social li:nth-child(3):hover span {
    background: #c41200
}

.social li:nth-child(4):hover span {
    background: #00acee
}

.social li:nth-child(5):hover span {
    background: #e60023
}

.social li a span {
    width: 125px;
    float: left;
    background: #ee2024;
    margin: -30px 74px -25px 40px;
    padding: 11px;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateY(45deg);
    border-radius: 0;
    transition: .5s;
    font-size: 16px
}

.social li span:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: -20px;
    top: 7px;
    border-left: 10px solid transparent;
    border-right: 10px solid #222;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent
}

.shortPoints {
    padding: 30px 0
}

.col {
    color: #fff;
    min-height: 260px;
    overflow: hidden
}

.photo-container, .photo-container.lazyloaded {
    background: 50% 50%/cover #ee2024;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 1s;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

#service_images .service-bg-one {
    background-image: url('../img/home-page-services/cosmetic-dentistry-glendale-california.webp')
}

#service_images .service-bg-two {
    background-image: url('../img/home-page-services/gum-disease-glendale-california.webp')
}

#service_images .service-bg-three {
    background-image: url('../img/home-page-services/invisalign-treatments-in-glendale-california.webp')
}

#service_images .service-bg-four {
    background-image: url('../img/home-page-services/root-canal-treatment-glendale-california.webp')
}

#service_images .service-bg-five {
    background-image: url('../img/home-page-services/teeth-cleaning-glendale-california.webp')
}

#service_images .service-bg-six {
    background-image: url('../img/home-page-services/dental-crowns-glendale-california.webp')
}

#service_images .service-bg-seven {
    background-image: url('../img/home-page-services/emergency-dentistry-glendale-california.webp')
}

#service_images .service-bg-eight {
    background-image: url('../img/home-page-services/periodontal-care-glendale-califonia.webp')
}

#service_images .service-bg-nine {
    background-image: url('../img/home-page-services/crack-tooth-glendale-california.webp')
}

#service_images .service-bg-ten {
    background-image: url('../img/home-page-services/general-dentistry-glendale-california.webp')
}

#service_images .service-bg-eleven {
    background-image: url('../img/home-page-services/family-dentistry-glendale-california.webp')
}

#service_images .service-bg-twelve {
    background-image: url('../img/home-page-services/Other_Services.webp')
}

.photo-container::before {
    background: linear-gradient(transparent,rgba(56,36,107,0),#38246b);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.col h2 {
    line-height: 1.25;
    margin: 0;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 0;
    color: #fff
}

.why_us_container .slide {
    background: rgba(238,32,36,.8);
    padding: 0 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 275ms ease-in-out,visibility 0s 275ms;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

    .why_us_container .slide p {
        text-align: center;
        margin-top: 17%;
        color: #fff
    }

.slide_gum_di {
    margin-top: 13% !important
}

.why_us_container .slide a {
    text-align: center;
    color: #fff;
    display: block;
    margin: 12px
}

.why_us_container .row:hover ~ .row .slide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.why_us_container .row:hover .slide {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.why_us_container .row:hover .col:hover ~ .col .slide {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.why_us_container .row:hover .col:hover .slide {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    transition-delay: 0s
}

.col:hover .photo-container {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.col:hover .lazyload {
    -webkit-transform: scale(1.25);
    transform: scale(1.25) !important
}

.hdfoo {
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 27px;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 16px
}

.timeFooter_mo {
    text-align: center;
    font-size: 30px;
    margin: 20px 0
}

.timeFooter p:first-child a .fa {
    margin-right: 15px
}

.addressDetails {
    text-align: center;
    font-size: 22px;
    color: #fff;
    margin: 41px 0
}

#acess-icons, .Social-icn, .con_add p:nth-child(2), dd {
    margin-bottom: 10px
}

.logoFooter .f-img {
    width: 100%;
    margin: 0 auto
}

#specials-comp img.offer, .contact-form .intl-tel-input, .serviceFooter1 {
    width: 100%
}

.footerSub ul li a {
    color: #fff;
    font-size: 15px;
    text-align: center !important
}

.Social-icn {
    background-color: #ff770b;
    border-radius: 50%;
    padding: 16px;
    text-align: center;
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    display: block;
    line-height: 1.42857143
}

#social-ratings .thumbnail {
    color: #444;
    padding: 25px 5px;
    margin: 0;
    background-color: rgba(255,255,255,0);
    border: 2px solid rgba(23,63,80,0);
    border-left: 1px solid rgba(255,255,255,.42);
    border-right: 1px solid rgba(23,63,80,.08);
    border-radius: 0;
    box-shadow: 3px 3px 0 transparent;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

    #social-ratings .thumbnail > img {
        padding: 0 35px
    }

    #social-ratings .thumbnail:first-child {
        border-left: 2px solid rgba(23,63,80,0)
    }

    #social-ratings .thumbnail:last-child {
        border-right: 2px solid rgba(23,63,80,0)
    }

    #social-ratings .thumbnail .stars {
        margin: 10px 25px;
        padding: 5px;
        background: #38246b;
        border-radius: 50px;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.09),0 -1px 0 rgba(255,255,255,.7) inset;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear;
        text-align: center
    }

        #social-ratings .thumbnail .stars i, .aggregateRating .fa {
            color: gold
        }

    #social-ratings .thumbnail .ratings {
        font-size: 15px;
        margin-top: 15px;
        color: #636363;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear;
        text-align: center
    }

    #social-ratings .thumbnail:focus, #social-ratings .thumbnail:hover {
        -webkit-transition: .6s linear;
        -moz-transition: .6s linear;
        -o-transition: .6s linear;
        transition: .6s linear
    }

    #social-ratings .thumbnail:first-child:focus, #social-ratings .thumbnail:first-child:hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #dd4b39 inset;
        background: #dd4b39
    }

    #social-ratings .thumbnail:nth-child(2):focus, #social-ratings .thumbnail:nth-child(2):hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #3b5998 inset;
        background: #3b5998
    }

    #social-ratings .thumbnail:nth-child(3):focus, #social-ratings .thumbnail:nth-child(3):hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #af0606 inset;
        background: #af0606
    }

    #social-ratings .thumbnail:nth-child(4):focus, #social-ratings .thumbnail:nth-child(4):hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #ffd400 inset;
        background: #ffd400
    }

    #social-ratings .thumbnail:nth-child(5):focus, #social-ratings .thumbnail:nth-child(5):hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #143ced inset;
        background: #0202ea
    }

    #social-ratings .thumbnail:nth-child(6):focus, #social-ratings .thumbnail:nth-child(6):hover {
        box-shadow: 0 0 0 transparent,0 -280px 0 #0202ea inset;
        background: #0202ea
    }

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

    #social-ratings .thumbnail:focus .stars, #social-ratings .thumbnail:hover .stars {
        box-shadow: 0 1px 0 rgba(255,255,255,.3),0 -1px 0 rgba(226,226,226,.5);
        -webkit-transition: .6s linear;
        -moz-transition: .6s linear;
        -o-transition: .6s linear;
        transition: .6s linear
    }

img.img-responsive.logo_img.logo_top {
    position: absolute;
    max-width: 510px !important;
    margin-top: -47px
}

.no_padd img {
    width: 100%;
    margin-top: -30px !important
}

.no_padd.menu_desktop {
    top: 48px !important
}

.no_padd .navbar-inverse {
    margin-top: 2%;
    margin-bottom: 2.5%
}

.Services_hd {
    margin-bottom: 30px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px;
    line-height: .8;
    border: none
}

.footerSub #feedbackForm2, .video_container {
    width: 80%;
    margin: auto
}

span.max-char {
    font-size: 11px
}

.footerSubNew {
    margin-top: 40px
}

#recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div {
    -webkit-transform: scale(.79);
    -moz-transform: scale(.79);
    -ms-transform: scale(.79);
    -o-transform: scale(.79);
    transform: scale(.79);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.text-xs-center {
    text-align: center;
    height: 50px
}

button#footer-btn {
    border: 2px solid #ee2024;
    padding: 9px 30px;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-top: 0;
    border-radius: 50px;
    background: 0 0
}

.overall_lnk, .ser_cmn_dv, .sr_ou_lnk {
    border: 1px solid #38246b
}

input.text-count {
    color: #000;
    text-align: center;
    font-size: 9px;
    font-weight: 700
}

button#feedbackSubmit2:hover {
    background: #ee2024;
    color: #fff;
    border-color: #9b9b9b
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background: #ee2024
}

.footer {
    height: auto;
    padding: 50px 0
}

.footerSub {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background: 0 0;
    color: #fff;
    height: 630px;
    text-align: center
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border: none;
    outline: 0
}

.footerSub ul li:hover {
    background: rgba(155,155,155,.7)
}

.footerSub ul li {
    padding: 5px;
    font-size: 16px
}

.table-hover > tbody > tr:hover {
    background-color: rgba(155,155,155,.7)
}

.footerForm {
    width: 78%;
    margin: 30px auto auto
}

#modal-coronavirus .modal-title, span.txtN {
    font-size: 22px
}

.phn_tiny_1 a {
    color: rgba(56,36,107,.7)
}

.phn_tiny_2 a {
    color: #000;
    background: #fff04b;
    padding: 7px 8px
}

    .overall_lnk, .phn_tiny_2 a:hover, .phn_tiny_3 a, span.emergency, span.maxi {
        color: #38246b
    }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #38246b
}

.dropdown-submenu li a:hover {
    background-color: #ee2024
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #9b9b9b;
    border-color: #9a9a9a
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #9a9a9a;
    border-color: #999
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #38246b;
    border-color: #38246b
}

.parallax_div img {
    background: #fff;
    margin: auto
}

    .parallax_div img:hover {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%)
    }

.sub_page_banner {
    background-image: url(../img/subpage_banner/banner_sub.webp);
    height: 350px;
    margin-top: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 60%
}

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

.sub_page_content h1 {
    text-align: center;
    margin: 15px 0 60px;
    font-size: 36px;
    color: #ee2024
}

.sub_page_content h2, .sub_page_content h3, .sub_page_content h4 {
    margin: 20px 0 15px;
    color: #ee2024;
    text-transform: uppercase
}

.sub_page_content h2, .sub_page_content h4 {
    font-size: 30px
}

.sub_page_content h3 {
    font-size: 27px
}

.sub_page_content h5, .sub_page_content h6 {
    margin: 15px 0;
    font-size: 20px;
    color: #ee2024
}

.blog_page a, .br_ul_hd, .ser_cmn_dv a {
    font-weight: 700
}

.about_page_left, .about_page_right {
    height: 400px
}

.about_page_left {
    background: url(../img/about/1.webp) center/cover no-repeat
}

.about_page_right {
    display: table
}

.about_page_right_inner {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
    text-align: center;
    padding: 0 7%
}

.second_row .about_page_left {
    background: url(../img/about/2.webp)
}

.doct_img {
    background-image: url(../img/staff/dr-edik-haghverdian.jpg);
    height: 400px
}

.staff_page_ch {
    background-image: url(../img/staff/dental-chair.webp);
    height: 400px
}

.servicce_page .one .about_page_left {
    background-image: url(../img/services_inner/1.jpg)
}

.servicce_page .two .about_page_left {
    background-image: url(../img/services_inner/2.jpg)
}

.servicce_page .three .about_page_left {
    background-image: url(../img/services_inner/3.jpg)
}

.special_page .one .about_page_left {
    background-image: url(../img/specials/1.jpg)
}

.special_page .two .about_page_left {
    background-image: url(../img/specials/2.jpg);
    background-position: 50% 18%
}

.special_page .three .about_page_left {
    background-image: url(../img/specials/3.jpg)
}

.special_page .four .about_page_left {
    background-image: url(../img/specials/4.jpg)
}

.lft_f {
    padding-left: 0;
    padding-right: 2px
}

.rgt_f {
    padding-left: 2px;
    padding-right: 0
}

.overall_lnk, .sr_ou_lnk {
    padding: 7px 15px
}

.overall_p, .sr_ou_p {
    color: #38246b;
    margin-bottom: 20px
}

.sr_ou_hd, p.ve_su_hd {
    margin-bottom: 5px
}

p.overall_hd {
    font-size: 24px;
    color: #ee2024
}

.overall_lnk {
    font-size: 12px;
    font-weight: 600
}

    .overall_lnk:hover, .sr_ou_lnk:hover {
        background: #ee2024;
        border-color: #ee2024;
        color: #fff
    }

.sr_ou_hd {
    color: #ee2024 !important;
    font-size: 24px !important
}

.sr_ou_lnk {
    color: #38246b;
    font-size: 14px
}

.sr_ou {
    margin: 20px 0 60px
}

.f_head {
    background: red;
    padding: 20px;
    color: #fff;
    clear: both;
    margin: 8px 20px 10px 0
}

.ap_lnk {
    margin: 30px 0
}

    .ap_lnk a {
        color: red
    }

.finImg, .owl-carousel {
    margin: auto
}

.ser_cmn_dv {
    margin: 60px 0 30px;
    padding: 15px
}

.f_head_contact {
    color: red;
    font-size: 26px
}

.ser_cmn_dv_p {
    color: #38246b;
    margin: 20px 0
}

.ser_cmn_dv a {
    border: 2px solid #38246b;
    font-size: 15px;
    background: #38246b;
    padding: 5px;
    color: #fff
}

    .ser_cmn_dv a:hover {
        background: 0 0;
        color: #38246b
    }

.invisalign_page_head {
    font-size: 30px !important;
    color: #ee2024 !important;
    margin-top: 20px
}

.adv, .bri_p, .candi, .howl {
    margin: 40px 0
}

.invisalign_page_head_sec {
    font-size: 20px !important;
    color: red !important
}

.croDiv, .pro_p {
    margin: 20px 0
}

.invVideo {
    margin: 20px 0 0
}

    .invVideo a {
        color: red;
        font-size: 18px
    }

.vnr img {
    width: 37%
}

.v_head {
    font-size: 30px !important;
    color: red !important
}

p.ve_su_hd {
    font-size: 20px;
    color: red;
    margin-top: 15px
}

.addressLine1, .br_hd-sub, .cr_su_hd, .f_head_den_sub, .in_bl_hd_sub, .tc_sub {
    font-size: 20px !important
}

.f_head_h3, .f_head_las, .f_head_one_h2, .f_head_proc {
    text-transform: capitalize !important;
    margin-right: 15px !important
}

.f_head_den_sub {
    color: red !important;
    margin: 30px 0 10px
}

.bon_hd, .br_hd, .br_hd-sub, .br_ul_hd, .cr_su_hd, .in_bl_hd, .in_bl_hd_sub, .smile_hd_sub, .tc_sub, .wis_hd_in {
    color: #ee2024 !important
}

.bon_hd, .br_hd, .wis_hd_in {
    font-size: 30px !important;
    letter-spacing: 1px
}

.bri_p_ty {
    padding-top: 9%
}

.br_ul_hd {
    font-size: 18px !important;
    margin: 30px 0 10px
}

.smile_hd_sub {
    font-size: 20px !important;
    margin: 25px 0 10px
}

p.smile_hd {
    font-size: 30px;
    color: red;
    margin: 20px 0 10px
}

.th_p {
    padding: 10px 0
}

.b_p, .ed_p, .ld_p, .mt_p, .of_p, .os_p, .s_p, .tc_p, .wd_p {
    padding: 20px 0
}

.in_bl_hd {
    font-size: 30px !important
}

.ct_p {
    padding: 20px
}

p.staff_pg_hd {
    font-size: 30px;
    color: #ee2024
}

p.ed_sub_hd {
    font-size: 20px;
    color: #ee2024
}

.office_img img, .staffImgR img {
    border: 3px solid #9b9b9b;
    padding: 5px
}

.office_img p {
    font-size: 20px;
    color: #ee2024;
    margin-top: 40px;
    font-weight: 600
}

.form_main p {
    font-size: 20px;
    margin: 20px 0
}

.co_cmn {
    color: red !important;
    font-size: 25px !important;
    letter-spacing: 2px
}

.addressLine1, .addressLine2, .timing1 {
    color: #38246b !important;
    font-weight: 600
}

.con_add p:nth-child(2) a {
    color: #38246b;
    font-size: 30px;
    font-weight: 700
}

#th_g .f_head_oneh2, .addressLine2, .timing1 {
    font-size: 18px !important
}

.addressLine2 {
    margin-bottom: 40px
}

.cont_main .form-control {
    height: 45px;
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid #9b9b9b
}

.cont_main textarea.form-control {
    height: 100px !important
}

.cont_main button#footer-btn {
    border: 3px solid #9b9b9b;
    color: #ee2024
}

    .cont_main button#footer-btn:hover {
        border: 3px solid #9b9b9b;
        color: #38246b
    }

.container_banner_map {
    position: relative;
    margin-top: 130px
}

.modal {
    z-index: 999999;
    text-align: center
}

.contact_phn {
    margin-bottom: 25px !important
}

.co_cmn_add {
    margin-top: 30px
}

.form-group {
    margin-bottom: 5px !important
}

.covid_update_button {
    background-color: red;
    color: #fff;
    padding: 8px 10px 10px;
    border-radius: 0;
    border: none;
    font-size: 15px
}

#modal-coronavirus .modal-dialog {
    top: 2%
}

#modal-coronavirus .modal-header {
    background: #38246b !important;
    color: #fff
}

#modal-coronavirus .modal-content {
    background: #1c1235
}

#modal-coronavirus p {
    padding: 15px;
    color: #fff;
    font-size: 18px
}

#modal-coronavirus .modal-body h6 {
    color: #ee2024;
    font-size: 22px;
    font-weight: 700
}

#modal-coronavirus .modal-body p strong {
    color: #edeaf5;
    font-weight: 700;
    font-size: 17px
}

.li_adv {
    padding-right: 0;
    font-size: 18px;
    padding-left: 0;
    margin: 0
}

    .li_adv li {
        margin: 15px 0
    }

.fa-arrow-right {
    font-size: 23px;
    color: #595959;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
    line-height: 1.2
}

.modal-dialog {
    text-align: left;
    vertical-align: middle
}

.back-to-top {
    position: fixed;
    bottom: 5px;
    right: 10px;
    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: #38246b;
        color: #fff;
        height: 31px;
        line-height: 1.3;
        padding: 4px 7px;
        text-shadow: 0 1px 1px rgba(0,0,0,.45);
        border-radius: 1px
    }

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

    .back-to-top.back-to-top-fade-out {
        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
    }

        .back-to-top:hover i, .no-touch .back-to-top:hover i {
            background-color: #ee2025
        }

.zd-sticky-button {
    bottom: 180px !important;
    right: 0 !important
}

nav.pagination_navbar {
    text-align: center;
    margin-top: 35px !important
}

a.page-link {
    font-size: 16px !important;
    color: #ee2024 !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: #38246b;
    border-color: #38246b !important
}

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

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

.pagination {
    margin: 0
}

ul.pagination.justify-content-center.pagination-sm {
    background: #fff;
    border: 0 solid rgba(255,255,255,.3);
    color: #fff;
    font-size: 20px;
    outline: 0;
    float: none;
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

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

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

dt {
    margin-left: 15px
}

dd {
    margin-left: 35px
}

.lazyload {
    opacity: 0
}

.lazyloading {
    opacity: 1;
    color: #677763;
    text-align: center
}

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

ol > li {
    margin-top: 20px
}

.zocdocbtn {
    margin-top: -5px
}

@media(min-width:0px) and (max-width:320px) {
    .doct_img, .staff_page_ch, .sub_page_banner {
        background-position: center;
        background-repeat: no-repeat
    }

    .fa-arrow-right {
        margin-right: 10px;
        margin-bottom: 0
    }

    #modal-coronavirus .modal-title, .bnr_p {
        font-size: 18px
    }

    #modal-coronavirus .modal-body h6 {
        font-size: 19px
    }

    #modal-coronavirus p {
        font-size: 10.5px;
        text-align: justify
    }

    #modal-coronavirus .modal-body p strong {
        font-size: 11.5px
    }

    #modal-coronavirus .modal-dialog {
        width: 70%;
        left: 0
    }

    .address_top, .social_top ul {
        text-align: center
    }

    .Invisalign_div, .Invisalign_div_two {
        background-image: none
    }

    .social_top ul li {
        border: none !important
    }

    .add_tiny:after, .phn_tiny:after, .phn_tiny:before {
        display: none
    }

    .tiny_top_bar {
        position: relative
    }

    .menu {
        top: 0
    }

    .logo_img {
        width: 72%
    }

    .navbar-toggle {
        margin-top: -20px;
        border-radius: 0
    }

    .navbar-inverse {
        margin-top: -15%
    }

    #bootstrap-touch-slider, .Services_hd {
        margin-top: 0 !important
    }

    .carousel-inner {
        height: 100%
    }

    .slide-text {
        top: 10%
    }

        .slide-text > a.btn-default, .slide-text > a.btn-primary {
            margin-right: 0;
            margin-bottom: 5px
        }

    .footerSub #feedbackForm2, .fr {
        width: 100%
    }

    .Invisalign_div_row {
        height: 550px
    }

    .doct_img, .staff_page_ch {
        height: 230px;
        background-size: contain
    }

    .inv {
        padding: 10%
    }

    .btn_1, .btn_2 {
        padding: 17px 20px
    }

    img.img-responsive.add_img {
        width: 100%;
        margin: 25px auto
    }

    p.add_div_p1 {
        font-size: 30px;
        margin-top: 0
    }

    .add_div_p2 {
        font-size: 24px;
        line-height: 35px
    }

    .secrvice_des_dv_inr {
        margin-bottom: 50px
    }

    .offcImg {
        margin-top: 20px
    }

    .container_custom_nw {
        width: 290px
    }

    .slanted2_p22 {
        margin-bottom: 30px
    }

    .no_padd .navbar-inverse {
        margin-top: -46px
    }

    ._p1 a:after {
        width: 73%
    }

    ._p2 a:after {
        width: 67%
    }

    ._p3 a:after {
        width: 64%
    }

    .bnr_hd {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 40px
    }

    .btn_1 {
        margin-bottom: 10px
    }

    .social {
        margin-top: 42%
    }

    span.emergency {
        color: purple
    }

    .phn_tiny_1 .maxi, span.walk {
        color: red
    }

    .sub_page_content h1, .wis_hd_in, p.staff_pg_hd {
        font-size: 25px
    }

    .f_head {
        padding: 10px 5px
    }

    .f_head_contact {
        font-size: 20px
    }

    .bon_hd, .in_bl_hd {
        font-size: 25px !important
    }

    .in_bl_hd_sub {
        font-size: 20px !important;
        margin: 10px 0
    }

    .container_banner_map {
        margin-top: -3px
    }

    .sub_page_banner {
        height: 170px;
        margin-top: 0;
        background-size: cover;
        background-attachment: inherit
    }
}

#testimonial-video .testimonial_video {
    width: 80%;
    height: 350px
}

@media(min-width:321px) and (max-width:479px) {
    .doct_img, .staff_page_ch, .sub_page_banner {
        background-position: center;
        background-repeat: no-repeat
    }

    .fa-arrow-right {
        margin-right: 10px;
        margin-bottom: 0
    }

    #modal-coronavirus .modal-title, .bnr_p {
        font-size: 18px
    }

    #modal-coronavirus .modal-body h6 {
        font-size: 19px
    }

    #modal-coronavirus p {
        font-size: 10.5px;
        text-align: justify
    }

    #modal-coronavirus .modal-body p strong {
        font-size: 11.5px
    }

    #modal-coronavirus .modal-dialog {
        left: 0
    }

    .address_top, .social_top ul {
        text-align: center
    }

    .Invisalign_div, .Invisalign_div_two {
        background-image: none
    }

    .social_top ul li {
        border: none !important
    }

    .add_tiny:after, .phn_tiny:after, .phn_tiny:before {
        display: none
    }

    .tiny_top_bar {
        position: relative
    }

    .menu {
        top: 0
    }

    .logo_img {
        width: 72%
    }

    .navbar-toggle {
        margin-top: -21px;
        border-radius: 0
    }

    .navbar-inverse {
        margin-top: -15%
    }

    #bootstrap-touch-slider {
        margin-top: 0 !important
    }

    .carousel-inner {
        height: 100%
    }

    .slide-text {
        top: 10%
    }

        .slide-text > a.btn-default, .slide-text > a.btn-primary {
            margin-right: 0;
            margin-bottom: 5px
        }

    .footerSub #feedbackForm2, .fr {
        width: 100%
    }

    .Invisalign_div_row {
        height: 550px
    }

    .doct_img, .staff_page_ch {
        height: 230px;
        background-size: contain
    }

    .inv {
        padding: 10% 10% 0
    }

    img.img-responsive.add_img {
        width: 100%;
        margin: 25px auto
    }

    p.add_div_p1 {
        font-size: 30px;
        margin-top: 0
    }

    .add_div_p2 {
        font-size: 24px;
        line-height: 35px
    }

    .secrvice_des_dv_inr {
        margin-bottom: 50px
    }

    .offcImg {
        margin-top: 20px
    }

    .container_custom_nw {
        width: 290px
    }

    .slanted2_p22 {
        margin-bottom: 30px
    }

    .no_padd .navbar-inverse {
        margin-top: -46px
    }

    .fa_Div {
        padding-top: 15px;
        padding-bottom: 15px
    }

    ._p1 a:after {
        width: 49%
    }

    ._p2 a:after {
        width: 45%
    }

    ._p3 a:after {
        width: 43%
    }

    .bnr_hd {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 40px
    }

    .btn_1, .btn_2 {
        margin-bottom: 10px;
        padding: 17px 20px
    }

    .social {
        margin-top: 42%
    }

    .bon_hd, .sub_page_content h1, .wis_hd_in, p.staff_pg_hd {
        font-size: 25px
    }

    .f_head {
        padding: 10px 5px
    }

    .f_head_contact {
        font-size: 20px
    }

    .in_bl_hd {
        font-size: 25px !important
    }

    .in_bl_hd_sub {
        font-size: 20px !important;
        margin: 10px 0
    }

    .container_banner_map {
        margin-top: -3px
    }

    .sub_page_banner {
        height: 170px;
        margin-top: 0;
        background-size: cover;
        background-attachment: inherit
    }

    #testimonial-video .testimonial_video {
        width: 100%;
        height: 250px;
        margin-bottom: 20px
    }
}

@media(min-width:480px) and (max-width:767px) {
    .doct_img, .staff_page_ch, .sub_page_banner {
        background-position: center;
        background-repeat: no-repeat
    }

    .fa-arrow-right {
        margin-right: 10px;
        margin-bottom: 0
    }

    #modal-coronavirus .modal-body h6 {
        font-size: 20px
    }

    #modal-coronavirus p {
        font-size: 14px
    }

        #modal-coronavirus p strong {
            font-size: 15px
        }

    .address_top, .social_top ul {
        text-align: center
    }

    .Invisalign_div, .Invisalign_div_two {
        background-image: none
    }

    .social_top ul li {
        border: none !important
    }

    .add_tiny:after, .phn_tiny:after, .phn_tiny:before {
        display: none
    }

    .tiny_top_bar {
        position: relative
    }

    .logo_img {
        width: 50%
    }

    .navbar-toggle {
        margin-top: -8px;
        border-radius: 0
    }

    .navbar-inverse {
        margin-top: -7%
    }

    #bootstrap-touch-slider {
        margin-top: 0 !important
    }

    .carousel-inner {
        height: 100%
    }

    .slide-text {
        top: 10%
    }

        .slide-text > a.btn-default, .slide-text > a.btn-primary {
            margin-right: 0;
            margin-bottom: 5px
        }

    #specials-comp img.offer, .fr {
        width: 100%
    }

    .Invisalign_div_row {
        height: 480px
    }

    .doct_img, .staff_page_ch {
        height: 230px;
        background-size: contain
    }

    .inv {
        padding: 10%
    }

    img.img-responsive.add_img {
        width: 100%;
        margin: 25px auto
    }

    p.add_div_p1 {
        font-size: 30px;
        margin-top: 0
    }

    .add_div_p2 {
        font-size: 24px;
        line-height: 35px
    }

    .secrvice_des_dv_inr {
        margin-bottom: 50px
    }

    .offcImg {
        margin-top: 20px
    }

    .container_custom_nw {
        width: 290px
    }

    .slanted2_p22 {
        margin-bottom: 30px
    }

    .no_padd .navbar-inverse {
        margin-top: -46px
    }

    .fa_Div {
        padding-top: 15px;
        padding-bottom: 15px
    }

    ._p1 a:after {
        width: 31%
    }

    ._p2 a:after {
        width: 29%
    }

    ._p3 a:after {
        width: 27%
    }

    .ser_outer img {
        margin: 0 auto;
        width: 26%
    }

    .btn.btn_cus_1 {
        margin-bottom: 20px
    }

    .slanted_div_img2 {
        width: 60%;
        float: right
    }

    .no_padd img {
        width: 49%
    }

    .no_padd .navbar-toggle {
        margin-top: -10px
    }

    .bnr_hd {
        font-size: 40px;
        margin-bottom: 15px;
        line-height: 40px
    }

    .btn_1, .btn_2 {
        margin-bottom: 10px;
        padding: 17px 20px
    }

    .bnr_p {
        font-size: 22px;
        line-height: 20px
    }

    .logoFooter .f-img {
        width: 70%;
        margin: 0 auto
    }

    #social-ratings {
        width: 70%;
        margin: auto
    }

        #social-ratings .thumbnail {
            border: none
        }

    .social {
        margin-top: 30%
    }

    .parallax_div_inner, .shortPoints {
        width: 60%;
        margin: auto
    }

    .bon_hd, .sub_page_content h1, .wis_hd_in {
        font-size: 28px
    }

    .f_head {
        padding: 10px 5px
    }

    .f_head_contact {
        font-size: 23px
    }

    .in_bl_hd {
        font-size: 28px !important
    }

    .in_bl_hd_sub {
        font-size: 23px !important;
        margin: 10px 0
    }

    .b_main img, .tc_main img, .wd_main img {
        margin: auto
    }

    .ct_main img {
        margin: 10px auto;
        width: 50%
    }

    p.staff_pg_hd {
        font-size: 25px
    }

    .ed_main img {
        margin: 10px auto;
        width: 60%
    }

    .office_img img {
        width: 75%;
        margin: auto
    }

    .cont_main form#feedbackForm2 {
        width: 70%;
        margin: 50px auto
    }

    .container_banner_map {
        margin-top: -3px
    }

    .sub_page_banner {
        height: 170px;
        margin-top: 0;
        background-size: cover;
        background-attachment: inherit
    }

    .logo_footer {
        width: 50%;
        margin: auto
    }

    #testimonial-video .testimonial_video {
        width: 76%;
        height: 335px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .fa-arrow-right {
        margin-right: 10px;
        margin-bottom: 0
    }

    #modal-coronavirus .modal-dialog {
        width: 60%
    }

    .social_top ul li {
        padding: 5px 6px;
        font-size: 12px
    }

    .address_top p, .btn.btn_cus_1, .ser_outer p {
        font-size: 12px
    }

    .add_tiny:after, .phn_tiny:after, .phn_tiny:before {
        height: 73px
    }

    .menu {
        top: 73px
    }

    .no_padd.menu_desktop {
        top: 72px !important
    }

    .nav > li > a {
        padding: 10px 5px
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 11px
    }

    .btn.btn_cus_1 {
        padding: 10px
    }

    .inv {
        padding-left: 10%;
        padding-right: 10%
    }

    .Invisalign_div_row {
        height: 520px
    }

    .Invisalign_div {
        background-position: 120% 100%;
        background-size: 75%
    }

    .Invisalign_div_two {
        padding-top: 7%;
        background-position: -48% 16%;
        background-size: 75%;
        padding-bottom: 0
    }

    .heading_One {
        letter-spacing: 0
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 35px
    }

    .no_padd .navbar-nav > li > .dropdown-menu {
        margin-top: 26px
    }

    .slanted2_p2, p.secrvice_des_dv_p1 {
        font-size: 18px
    }

    .parallax_div .play_txt {
        font-size: 14px
    }

    .container_custom_nw {
        width: 720px
    }

    .padd_tp {
        padding-top: 0
    }

    p.slanted2_p1 {
        font-size: 23px
    }

    .tstfs2 {
        height: 433px
    }

    .slide-text {
        top: 30%
    }

    ._p3 a:after {
        width: 74%
    }

    ._p2 a:after {
        width: 78%
    }

    ._p1 a:after {
        width: 85%
    }

    .ser_outer {
        margin-top: -75px
    }

    .bnr_hd {
        font-size: 45px;
        line-height: 50px
    }

    .bnr_p {
        line-height: 25px
    }

    div#mainSlider {
        margin-top: 115px
    }

    img.img-responsive.logo_img.logo_top {
        position: relative;
        max-width: initial !important;
        margin-top: auto;
        width: 100%
    }

    .navbar-inverse {
        margin-top: 2%;
        margin-bottom: 0
    }

    .no_padd img {
        margin-top: auto !important
    }

    .timeFooter p:first-child {
        font-size: 22px
    }

    .addressDetails {
        font-size: 18px !important
    }

    .timeFooter p:nth-child(2) {
        font-size: 19px
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        font-size: 13px
    }

    .footerSubNew {
        margin-top: 10px
    }

    .slanted2 {
        margin-bottom: 75px
    }

    .bon_hd, .wis_hd_in, p.staff_pg_hd {
        font-size: 25px
    }

    .doct_img, .staff_page_ch {
        height: 300px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    .sub_page_banner {
        height: 160px;
        background-position: 50% 80%
    }

    .footerForm, .footerSub #feedbackForm2 {
        width: 100%
    }

    #testimonial-video .testimonial_video {
        width: 100%;
        height: 285px
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .menu {
        top: 80px
    }

    .no_padd.menu_desktop {
        top: 80px !important
    }

    .zocdocbtn {
        margin-top: 10px
    }

    .phn_tiny_2 a {
        padding: 15px 7px
    }

    .add_tiny:after {
        height: 80px
    }

    .address_top p {
        font-size: 15px
    }

    .fa-arrow-right {
        margin-right: 10px;
        margin-bottom: 0
    }

    #modal-coronavirus .modal-dialog {
        width: 60%
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 47px
    }

    .no_padd .navbar-nav > li > .dropdown-menu {
        margin-top: 30px
    }

    .slide-text > h1 {
        font-size: 40px;
        line-height: 50px
    }

    .slide-text > p {
        font-size: 20px;
        line-height: 30px
    }

    .slide-text {
        top: 35%
    }

    .Invisalign_div_two {
        background-position: -19% 50%;
        background-size: 68%
    }

    .state_of_art_div img {
        margin-top: 14%
    }

    .padd_tp {
        padding-top: 0
    }

    .slanted2 {
        margin-bottom: 135px
    }

    .Invisalign_div {
        background-position: 100% 100%;
        background-size: 68%
    }

    .ser_outer p {
        font-size: 19px
    }

    .container_custom_nw {
        width: 960px
    }

    .bnr_hd {
        font-size: 50px;
        line-height: 60px
    }

    div#mainSlider {
        margin-top: 130px
    }

    img.img-responsive.logo_img.logo_top {
        position: relative;
        max-width: initial !important;
        margin-top: auto;
        width: 100%
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 10px 12px
    }

    .navbar-inverse, .no_padd .navbar-inverse {
        margin-top: 3%
    }

    .no_padd img {
        margin-top: auto !important
    }

    .doct_img, .staff_page_ch {
        height: 300px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat
    }

    .sub_page_banner {
        height: 250px
    }

    #testimonial-video .testimonial_video {
        width: 100%;
        height: 345px
    }
}

@media(min-width:1200px) {
    .no_padd .navbar-nav > li > .dropdown-menu {
        margin-top: 23px
    }

    div#mainSlider {
        margin-top: 133px
    }

    .no_padd img {
        width: 98%;
        margin-top: -33px !important
    }

    .thumbnail {
        width: 20%
    }
}

@media(max-width:767px) {
    .zocdocbtn {
        margin-top: 8px;
        margin-bottom: 8px;
        width: 146px
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff
    }

    .iti-mobile .intl-tel-input.iti-container {
        z-index: 9999999 !important
    }

    .iti-mobile .intl-tel-input .country-list {
        min-width: 430px !important;
        overflow-y: scroll !important
    }

    .ser_outer img {
        width: 125px
    }

    .ser_outer {
        margin-top: auto
    }

    #mainSlider {
        margin-top: auto !important
    }

    .lft_f {
        padding-right: 0
    }

    .rgt_f {
        padding-left: 0
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 82%
    }

    img.img-responsive.logo_img.logo_top {
        position: relative;
        max-width: initial !important;
        margin-top: inherit
    }

    .footerSub {
        height: auto
    }

    .phn_tiny_2 a {
        color: #38246b;
        background: 0 0;
        font-weight: 700
    }

    .menu {
        position: relative;
        z-index: 999999;
        top: 3px
    }

    .sub_page_content {
        padding: 50px 15px
    }

    .stp_p img {
        margin: 10px auto
    }

    .accred {
        padding: 0 2px
    }
}

@media(min-width:768px) {
    .navbar-nav {
        float: right
    }

    .center_txt_bnr {
        top: 35%
    }

    .slogans_inner {
        padding: 0 12%
    }

    .hidden-xs .accred {
        width: 20%
    }

    .accred {
        padding: 0 2px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .Invisalign_div, .Invisalign_div_two {
        background-size: 65%
    }

    .Invisalign_div_two {
        background-position: -9% 5%
    }
}

@media(min-width:1400px) {
    .menu_desktop .container, .tiny_top_bar .container {
        width: 1370px
    }

    .navbar-nav {
        margin-right: -4%
    }
}

div#recaptcha2 {
    margin: auto auto 0;
    display: block
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #ee2024
}

.contact-form #ADS-CF-1 ::placeholder {
    color: #000 !important;
    opacity: .5
}

.contact-form #ADS-CF-1 :-moz-placeholder {
    color: #000;
    opacity: .5 !important
}

.contact-form #ADS-CF-1 ::-moz-placeholder {
    color: #000;
    opacity: .5 !important
}

.contact-form #ADS-CF-1 :-ms-input-placeholder {
    color: #000 !important;
    opacity: .5
}

@media(min-width:1200px) and (max-width:1700px) {
    .sub_page_banner {
        height: 270px
    }
}

@media(max-width:1024px) {
    .copyright {
        margin-bottom: 50px
    }
}

.logoFooter .logo_footer {
    width: 70%;
    margin: auto
}

.modal-backdrop {
    z-index: -1
}

.contact-form #ADS-CF-2 .form-control {
    color: #8e8c91
}

.contact-form #ADS-CF-2 select.form-control option {
    background: #9b9b9b;
    color: #494949
}

.contact-form .form-control-static {
    font-size: 10px !important;
    text-align: right;
    margin-bottom: 20px !important
}

.contact-form p.form-control-static.form-inline.f-clr {
    color: #999
}

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

.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 .secure-image {
    margin: 0 auto;
    display: block
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag {
    margin-right: 6px;
    color: #000;
    font-size: 12px
}

.service_img {
    border: 3px solid #38246b;
    padding: 5px
}

#th_g .f_head_one {
    float: none;
    margin: 20px 0;
    font-size: 16px;
    color: #fff
}

.f_head_one_h2 {
    font-size: 16px !important;
    color: #fff !important;
    float: none
}

.f_head_h3 {
    font-size: 15px !important;
    color: #fff !important;
    display: inline-block !important
}

#f_head_pro, .f_head_las, .f_head_proc {
    color: #fff !important;
    font-size: 16px !important
}

.f_head_pro {
    float: none;
    display: inline-block;
    margin-bottom: 20px
}

#th_g .f_head_oneh2, #th_g .f_head_oneh3 {
    color: #fff !important;
    text-transform: capitalize;
    margin-right: 15px !important
}

.footer {
    background: -moz-linear-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp);
    background: -webkit-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp);
    background: -webkit-linear-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp);
    background: -o-linear-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp);
    background: -ms-linear-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp);
    background: linear-gradient(rgba(56,36,107,.9) 50%,#000 100%),url(../img/footerImg.webp)
}

#write_a_review img {
    margin: 10px auto
}

#write_a_review p {
    text-align: center;
    background: #38246b;
    margin-bottom: 0;
    padding: 20px 0;
    color: #dee893;
    letter-spacing: 2px;
    font-weight: 700
}

#write_a_review .thumbnail {
    padding: 0;
    border: 1px solid #5c6395;
    border-radius: 0;
    margin-bottom: 50px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    width: 100%
}

#blog-page .blog_grid, .blog_grid {
    margin: 0 0 30px;
    padding: 20px;
    display: inline-block
}

#write_a_review .thumbnail:hover p {
    background: #3d4681;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #ddd
}

#write_a_review .thumbnail:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px)
}

.blog_grid {
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 0 21px rgba(0,0,0,.05) inset
}

    .blog_grid h1 {
        color: #ee2024;
        margin: 5px 0 !important;
        text-align: left !important;
        font-size: 30px !important
    }

    .blog_grid h4 {
        color: #000;
        font-weight: 700;
        margin: 22px 0
    }

h1.post_title a {
    color: #ee2024;
    font-size: 30px
}

ul.links li, ul.links li a {
    color: #008fd6
}

h1.post_title a:hover {
    text-decoration: none;
    color: #38246b
}

.blog_grid p {
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    margin: 15px 0;
    text-align: justify;
    padding-top: 7px
}

ul.links {
    border-bottom: 2px solid rgba(0,0,0,.25);
    list-style: none;
    margin: 20px 0 35px;
    padding: 5px 0
}

    ul.links li.last {
        float: right
    }

    ul.links li {
        font-size: .85em;
        display: inline-block;
        margin-right: 20px
    }

        ul.links li a b {
            color: #008fd6 !important
        }

        ul.links li a:focus, ul.links li a:hover {
            color: #57ac42 !important
        }

.fa-calendar, .fa-comments, .fa-user {
    color: #ff5454;
    margin-right: 5px
}

.blog-img img {
    border: 2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    display: block;
    position: relative
}

.blog_btn {
    display: inline-block;
    padding: 8px 20px;
    font-size: 1em;
    cursor: pointer;
    border: 2px solid #38246b;
    background: #fff;
    color: #38246b;
    text-decoration: none;
    outline: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -o-transition: .3s;
    border-radius: 20px !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    margin-top: 20px
}

    .blog_btn:hover {
        text-decoration: none;
        background: #ee2024;
        color: #fff;
        border: 2px solid #fff
    }

.pagination__posts {
    margin: 3em 0;
    text-align: center;
    display: block
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}

    .pagination ul > li {
        display: inline
    }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px
        }

    .pagination ul > .active > a, .pagination ul > .active > span {
        color: #999;
        cursor: default
    }

    .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > li > a:focus, .pagination ul > li > a:hover {
        background-color: #f6f6f6
    }

    .pagination ul > li > a, .pagination ul > li > span {
        float: left;
        padding: 8px 16px;
        line-height: 23px;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #eee;
        margin-left: 10px
    }

#blog .hr, #blog-page .hr {
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),#020223,rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),#020223,rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),#020223,rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),#020223,rgba(0,0,0,0));
    margin: 15px 0
}

.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] {
        left: 10px;
        bottom: 60px
    }

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

    .acess-container[data-placement-position=top-left] {
        top: 60px;
        left: 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 {
    font-size: 50px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    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
}

#accessibility-button.accessibilityFeatureActivated i:after {
    content: "";
    position: absolute;
    background: #5fdba7;
    width: 5px;
    height: 5px;
    right: 6px;
    top: 6px;
    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
}

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

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

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

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

    #acess-icons li {
        display: block;
        width: 50%;
        background: rgba(0,0,0,.01);
        color: #000;
        font-weight: 500;
        text-align: center;
        font-size: 18px;
        float: left;
        padding: 15px;
        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:last-child i {
                color: #3f51b5;
                display: inline-block;
                vertical-align: initial;
                margin-right: 4px;
                font-size: 18px
            }

        #acess-icons li i {
            color: #38246b;
            display: block;
            text-align: center;
            height: 25px;
            line-height: 25px;
            font-size: 25px;
            margin: 0 auto
        }

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

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

        #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 {
        padding: 0 15px 15px
    }

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

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

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

    #resetAll.resetAllActivated:focus, #resetAll.resetAllActivated:focus i, #resetAll.resetAllActivated:hover, #resetAll.resetAllActivated:hover i, .activeState i {
        color: #000 !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
}

.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
}

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

.readPageActivated {
    cursor: url("../img/cbimage.webp") !important
}

@media(max-width:767.98px) {
    #accessibility-button i {
        font-size: 35px;
        line-height: 35px;
        width: 35px;
        height: 35px
    }

    #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 {
        margin-bottom: 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(min-width:768px) and (max-width:991.98px) {
    .zocdocbtn {
        margin-top: 5px;
        width: 135px
    }

    .iti-mobile .intl-tel-input.iti-container {
        z-index: 9999999 !important
    }

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

    #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: 57px
    }

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

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

    #acess-icons {
        margin-bottom: 0
    }

        #acess-icons ul {
            padding: 10px;
            width: 300px
        }

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

            #acess-icons li i {
                height: 26px;
                line-height: 22px;
                font-size: 22px
            }

                #acess-icons li i span i {
                    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 {
        font-size: 16px;
        height: auto
    }

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

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

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

.faq_div h3 {
    font-size: 20px;
    color: #000;
    margin: 15px 0
}

.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
}