﻿
.contact-form p.title, a, dd, dt, h3, ol li, p, ul li {
    color: #453f3b
}

#boxes .well, #boxes .well .thumbnail p.heading, #boxes .well .thumbnail p.heading small, #footer_section .footer-menu-h, #footer_section .footer-menu-h li, a {
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear
}

#our_services, #testimonial {
    padding-top: 80px;
    padding-bottom: 80px
}

#offers p, p {
    margin: 0 0 10px
}

#covid_update ol li, #covid_update ul li {
    font-family: Raleway,sans-serif;
    font-size: 17px;
    line-height: 2;
    color: #000
}

@font-face {
    font-family: Flanella;
    src: url(../fonts/Flanella.woff2) format('woff2');
    font-display: swap;
    font-weight: 400
}

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

@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.woff2) format('woff2');
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.woff2) format('woff2');
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/OpenSans-Regular.woff2) format('woff2');
    font-display: swap;
    font-weight: 400
}

body, html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0
}

body, input, select, textarea {
    color: #ae581e;
    font: 400 16px/26px OpenSans-Regular;
    text-rendering: optimizelegibility
}

#testimonial p, blockquote {
    font-family: 'Times New Roman',serif
}

h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin-bottom: 4.5rem
}

#meet-dentist h2, h2 {
    text-align: center;
    font-weight: 600;
    color: #453f3b;
    font-size: 40px
}

.mt-5 {
    margin-top: 2rem
}

#inner_page h1.title::after, #inner_page h2.title::after, #meet-dentist h2:after, #welcome-content h1.title::after, h2:after {
    background: #ae5416;
    content: "";
    display: block;
    height: 4px;
    margin: 30px auto;
    position: relative;
    width: 60px
}

h3 {
    font-weight: 700;
    margin: 0 0 20px;
    text-align: left;
    font-size: 30px
}

h4 {
    font-weight: 400;
    margin-bottom: 11px;
    margin-top: 30px;
    color: #000
}

p {
    font-size: 16px
}

.btn-primary {
    color: #fff;
    background-color: #ae5416;
    border-color: #ae5416;
    padding: 10px 30px;
    margin: 15px !important;
    clear: both;
    display: inline-block
}

    .btn-primary :hover {
        color: #fff;
        background-color: #767777;
        border-color: #767777
    }

#inner_page h2.title {
    text-align: center;
    font-size: 34px
}

#inner_page h2.sub-title, #inner_page h3.designation, #inner_page h3.sub-title {
    color: #000;
    font-weight: 100;
    padding-bottom: 20px;
    margin-bottom: 25px;
    margin-top: 70px;
    border-bottom: 4px solid #a04533
}

.pad {
    margin-bottom: 15px
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #2e363f;
    padding: .2em 0
}

a {
    outline: 0;
    transition: .6s linear
}

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

body > .boxed-wrapper {
    z-index: 2;
    position: relative;
    overflow: hidden
}

.search-form, .search-form form, .search-form:after, .search-form:before {
    z-index: 20;
    position: absolute
}

#main-menu {
    background: #fff;
    border: none;
    margin-bottom: 0;
    width: 100%;
    position: fixed;
    z-index: 1002;
    top: 0;
    -webkit-transition: top .3s;
    -moz-transition: top .3s;
    -o-transition: top .3s;
    transition: top .3s
}

    #boxes, #boxes .well .thumbnail, #ea, #main-menu .top-bar, #main-menu .top-bar p, #main-menu .top-bar ul li, #our-services, .Appointment, .Directions, .Refer, .grid figure, .phone, .search-side {
        position: relative
    }

    #main-menu .top-bar {
        background: #fff;
        border-top: 5px solid #ae5416
    }

        #main-menu .top-bar .container {
            border-bottom: 1px solid #c9c9ca;
            padding: 5px 0
        }

    #default-menu .top-bar .container, #ea-modal .modal-body .expert-advice .expert-advice-wrapper, #main-menu #default-menu .menu-bar .container .col-xs-12, .box, .menu-wrap .table-wrap .navbar-nav > li > ul, .social a {
        padding: 0
    }

    #main-menu .top-bar .content-section {
        margin-left: 0;
        display: inline-block
    }

        #main-menu .top-bar .content-section:before {
            content: '';
            width: 400%;
            height: 100%;
            position: absolute;
            left: 35%;
            top: 0;
            z-index: 0;
            -moz-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            -o-transform: skewX(-30deg)
        }

    #main-menu .top-bar ul {
        text-align: left;
        margin: 0;
        padding: 0;
        display: inline-block
    }

        #main-menu .top-bar ul li {
            font-size: 15px;
            color: #221d20;
            display: inline-block;
            float: none
        }

            #main-menu .top-bar ul li .fa {
                color: #c76c25;
                font-size: 18px;
                margin-left: 3px
            }

            #main-menu .top-bar ul li a {
                color: #262422;
                padding-right: 20px;
                font-size: 14px
            }

                #footer_section .footer-menu-h li a:focus, #footer_section .footer-menu-h li a:hover, #footer_section .footer-menu-h li.active a, #main-menu .top-bar ul li a:focus, #main-menu .top-bar ul li a:hover, #shareThis .modal-header .close {
                    color: #ae5416
                }

    #main-menu .top-bar p {
        margin-bottom: 0;
        font-size: 15px;
        color: #fff;
        z-index: 1
    }

    #main-menu .top-bar .social-share ul.navbar-social-icons {
        display: inline-block;
        text-align: right
    }

.social {
    height: auto;
    text-align: right;
    display: inline-block;
    float: right
}

    .social a {
        display: inline-block
    }

        .social a i {
            color: #ae5416;
            width: 36px;
            font-size: 20px;
            border: 3px solid #fff;
            opacity: .8;
            transition-property: transform;
            -moz-transition-property: -moz-transform;
            -webkit-transition-property: -webkit-transform;
            transition: .6s cubic-bezier(.88,-.48,.38,1.85)
        }

            .social a i:hover {
                border-radius: 20%;
                color: #c76c25
            }

        .social a:hover i.fa-linkedin-in, .social a:hover i.fa-telegram-plane {
            transition: .6s ease-in;
            background: #08c;
            color: #fff;
            border: 3px solid #0af;
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg)
        }

        .social a:hover i.fa-at {
            transition: .6s ease-in;
            background: #d44638;
            color: #fff;
            border: 3px solid #fd8e8e;
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg)
        }

#main-menu #default-menu .menu-bar {
    background: #fff;
    padding: 5px
}

#main-menu #default-menu .top-bar-list {
    color: #7fc31c;
    font-size: 16px;
    float: right;
    padding: 0;
    margin: 30px 0
}

    #main-menu #default-menu .top-bar-list li {
        margin-left: 40px;
        display: inline-block;
        text-align: left;
        float: left;
        line-height: 1.5;
        font-weight: 500;
        color: #7fc31c
    }

        #main-menu #default-menu .top-bar-list li a i {
            width: 50px;
            height: 50px;
            float: left;
            font-size: 40px;
            text-align: center;
            margin-right: 5px;
            line-height: 1.2;
            color: #7fc31c;
            border-radius: 50px
        }

        #main-menu #default-menu .top-bar-list li a {
            color: #221d20
        }

            #main-menu #default-menu .top-bar-list li a:focus, #main-menu #default-menu .top-bar-list li a:hover {
                color: #599601
            }

                #main-menu #default-menu .top-bar-list li a:focus i, #main-menu #default-menu .top-bar-list li a:hover i {
                    color: #fff;
                    background: #7fc31c
                }

        #main-menu #default-menu .top-bar-list li:last-child a {
            font-size: 26px;
            font-weight: 600;
            padding: 5px 25px;
            display: block;
            border-radius: 50px;
            background: #fff;
            color: #7fc31c;
            border: 1px solid #7fc31c
        }

            #main-menu #default-menu .top-bar-list li:last-child a i {
                height: auto;
                width: auto;
                font-size: 32px;
                float: none;
                vertical-align: middle;
                background: 0 0;
                color: #fff;
                background-image: none !important;
                -webkit-text-fill-color: #7fc31c;
                -webkit-background-clip: text
            }

            #main-menu #default-menu .top-bar-list li:last-child a:focus, #main-menu #default-menu .top-bar-list li:last-child a:hover {
                background: #221d20
            }

#main-menu .navbar-nav > li > a {
    color: #827d79;
    font-size: 14px;
    background: #fff0;
    padding: 8px 14px;
    box-shadow: 0 0 0 #000;
    box-shadow: none;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    border: 0 solid #fff0
}

    #main-menu .navbar-nav > li > a:focus, #main-menu .navbar-nav > li > a:hover {
        color: #ae5416;
        background: #fff;
        box-shadow: none;
        border-radius: 50px;
        border: 0 solid #7fc31c
    }

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

#main-menu .navbar-nav > li .dropdown-menu {
    top: 121%;
    box-shadow: 0 4px 10px rgb(0 0 0 / .1);
    background: #fff;
    border-radius: 0;
    min-width: 200px
}

#main-menu.nav-down.shrink .navbar-nav > li .dropdown-menu {
    top: 94%
}

#main-menu .navbar-nav > li .dropdown-menu > li > a {
    display: block;
    font-size: 15px;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #262422;
    border-bottom: 1px solid;
    white-space: pre-line
}

#main-menu .navbar-nav > li .dropdown-menu > li:first-child > a {
    border-top: 0 dotted #fff0
}

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

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

#main-menu .navbar-header .navbar-brand {
    font-weight: 600;
    color: #828282;
    font-size: 24px;
    padding: 12px 0;
    width: 100%;
    display: table
}

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

    #main-menu .navbar-header .navbar-brand > img {
        float: left;
        margin: 0 5px 0 0
    }

#main-menu.shrink .navbar-header .navbar-brand p {
    margin: 5px 0
}

#main-menu.shrink .search-side {
    top: 10px
}

.navbar-brand {
    height: 65px !important
}

.search-side a.show-search {
    background: rgb(0 0 0 / .02) !important;
    border-radius: 2px;
    padding: 10px !important
}

#main-menu.shrink .navbar-nav > li > a.show-search {
    padding: 10px 15px;
    margin: 0 1px
}

#welcome-content ol.breadcrumb li a:focus, #welcome-content ol.breadcrumb li a:hover, .map-popup h4, .search-side a.show-search:focus i, .search-side a.show-search:hover i, .search-side.searchBarOpened a.show-search i {
    color: #f64350
}

.search-form {
    display: none;
    right: 0;
    bottom: 16px
}

    .search-form:before {
        background-color: #f0ae0f;
        top: 0;
        content: '';
        display: block;
        height: 18px;
        width: 18px;
        right: 12px;
        border-radius: 2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .search-form:after {
        background-color: #fff;
        top: 6px;
        content: '';
        display: block;
        height: 11px;
        width: 11px;
        right: 15.02px;
        border-radius: 1px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .search-form form {
        right: 0;
        top: 5px;
        box-shadow: 2px 2px 0 0 rgb(0 0 0 / .25);
        border-radius: 4px
    }

        .search-form form input {
            border: 6px solid #f0ae0f;
            border-radius: 4px;
            padding: 10px 15px;
            z-index: 22;
            color: #343434;
            box-shadow: none;
            outline: 0;
            font-size: 18px;
            height: 55px
        }

#main-menu.shrink .navbar-nav > li .search-form {
    bottom: -1px
}

#boxes {
    padding: 70px 0;
    background: #fff;
    z-index: 1
}

    #boxes .well {
        background: #fff;
        box-shadow: none;
        border-radius: 0;
        border: none;
        padding: 30px;
        margin: 0;
        transition: .6s linear
    }

        #boxes .well .thumbnail {
            margin: 0;
            padding: 30px 15px;
            border-radius: 15px;
            box-shadow: 0 0 0 0 #fff,0 0 0 5px #f0f0f0,0 10px 25px -15px #7fc31c;
            background: #221d20;
            border-color: rgb(34 29 32 / .15);
            text-align: center;
            -webkit-transition: .6s linear;
            -moz-transition: .6s linear;
            -o-transition: .6s linear;
            transition: .6s linear
        }

            #boxes .well .thumbnail i {
                color: #fff;
                background: 0 0;
                font-size: 120px;
                width: 240px;
                height: 120px;
                line-height: 120px;
                display: block;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                position: absolute;
                border-radius: 50px;
                z-index: 1;
                text-shadow: 0 1px 2px rgb(0 0 0 / .25);
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear;
                opacity: .05
            }

            #boxes .well .thumbnail p.heading {
                font-size: 20px;
                font-weight: 700;
                text-transform: uppercase;
                color: #7fc31c;
                margin-bottom: 0;
                line-height: 1.4;
                transition: .6s linear
            }

                #boxes .well .thumbnail p.heading small {
                    display: block;
                    font-size: 80%;
                    color: #fff;
                    font-weight: 600;
                    transition: .6s linear
                }

                #boxes .well .thumbnail p.heading b {
                    font-size: 115%;
                    font-weight: 700
                }

            #boxes .well .thumbnail p.description {
                font-size: 16px;
                color: #707070;
                text-align: center;
                -webkit-transition: .6s linear;
                -moz-transition: .6s linear;
                -o-transition: .6s linear;
                transition: .6s linear
            }

        #boxes .well:focus .thumbnail, #boxes .well:hover .thumbnail, #footer_section .press-release #press-release-rolls:focus .item, #footer_section .press-release #press-release-rolls:hover .item, ul.social-list:focus li, ul.social-list:hover li {
            opacity: .5;
            -webkit-filter: blur(1px);
            -moz-filter: blur(1px);
            -ms-filter: blur(1px);
            -o-filter: blur(1px);
            filter: blur(1px);
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

            #boxes .well:focus .thumbnail:focus, #boxes .well:hover .thumbnail:hover {
                opacity: 1;
                -webkit-filter: blur(0);
                -moz-filter: blur(0);
                -ms-filter: blur(0);
                -o-filter: blur(0);
                filter: blur(0);
                border-radius: 25px/100%;
                background: #7fc31c;
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear
            }

                #boxes .well:focus .thumbnail:focus i, #boxes .well:hover .thumbnail:hover i {
                    opacity: .1;
                    color: #000;
                    transition: .3s linear
                }

                #boxes .well:focus .thumbnail:focus p.heading, #boxes .well:hover .thumbnail:hover p.heading, .menu-wrap .table-wrap .bottom-part ul.social-list li a:hover {
                    color: #fff;
                    -webkit-transition: .3s linear;
                    -moz-transition: .3s linear;
                    -o-transition: .3s linear;
                    transition: .3s linear
                }

                    #boxes .well:focus .thumbnail:focus p.heading small, #boxes .well:hover .thumbnail:hover p.heading small {
                        color: #242020;
                        -webkit-transition: .3s linear;
                        -moz-transition: .3s linear;
                        -o-transition: .3s linear;
                        transition: .3s linear
                    }

#our-services {
    background: #a8a6a8;
    background: -moz-linear-gradient(top,#a8a6a8 0,#fff 100%);
    background: -webkit-linear-gradient(top,#a8a6a8 0,#fff 100%);
    background: linear-gradient(to bottom,#a8a6a8 0,#fff 100%);
    padding: 70px 0 80px;
    text-align: center;
    z-index: 1;
    border-top: 1px solid #c1df9c
}

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

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

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

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

    .grid figure {
        float: left;
        overflow: hidden;
        height: auto;
        background: #000;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 15px 20px -11px #000
    }

        #about_us_page_design .grid figure img, .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: .8
        }

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

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

            #about_us_page_design .grid figure figcaption, #about_us_page_design .grid figure figcaption > a, .grid figure figcaption, .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

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

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

            #about_us_page_design .grid figure h2 span, .grid figure div.title span {
                font-weight: 800
            }

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

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

figure.effect-apollo {
    background: #3498db;
    margin-bottom: 40px;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

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

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

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

    figure.effect-apollo div.title, figure.effect-apollo div.title:after {
        background: #221d20;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        position: absolute;
        left: 0
    }

    figure.effect-apollo div.title {
        text-align: left;
        bottom: 25px;
        color: #fff;
        padding: 13px 20px;
        font-size: 20px;
        font-weight: 400;
        box-shadow: -4px 10px 0 0 #7fc31c;
        text-shadow: 2px 2px 2px rgb(0 0 0 / .39);
        z-index: 1;
        transition: .3s linear
    }

        figure.effect-apollo div.title:after {
            content: " ";
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: -1;
            box-shadow: 18px 10px 0 0 #7fc31c;
            transform-origin: bottom left;
            -ms-transform: skew(-30deg,0deg);
            -webkit-transform: skew(-30deg,0deg);
            transform: skew(-30deg,0deg);
            transition: .3s linear
        }

    figure.effect-apollo:hover div.title, figure.effect-apollo:hover div.title:after {
        background: #71aa1c;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear
    }

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

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

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

    figure.effect-apollo:hover div.title {
        text-shadow: none;
        color: #fff;
        box-shadow: -4px 18px 0 0 rgb(0 0 0 / .85);
        transition: .3s linear
    }

        figure.effect-apollo:hover div.title:after {
            box-shadow: 7px 18px 0 0 rgb(0 0 0 / .85);
            transition: .3s linear
        }

#our-partners {
    z-index: 1;
    position: relative;
    padding: 20px 0
}

    #our-partners p.heading {
        font-size: 34px;
        color: #fff;
        font-weight: 600;
        position: relative;
        z-index: 0;
        padding: 10px 0;
        margin-top: -55px
    }

    #our-partners img {
        border: 4px solid rgb(255 255 255 / .2)
    }

    #our-partners p.heading:before {
        content: '';
        background: #7fc31c;
        width: 400%;
        height: 100%;
        position: absolute;
        right: 75%;
        top: 0;
        z-index: -1;
        -moz-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
        -o-transform: skewX(-30deg)
    }

    #our-partners .partners-list {
        padding: 0;
        margin: 0
    }

        #our-partners .partners-list li {
            display: inline-block;
            margin: 0 15px 15px 0;
            padding: 10px
        }

            #our-partners .partners-list li a {
                display: inline-block;
                position: relative
            }

                #our-partners .partners-list li a:before {
                    content: " ";
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    z-index: -1;
                    background: rgb(127 195 28 / .3);
                    opacity: 0;
                    -webkit-transform-origin: center center;
                    -moz-transform-origin: center center;
                    -o-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -ms-transform: skew(0deg,0deg) scale(1.3,1.3);
                    -webkit-transform: skew(0deg,0deg) scale(1.3,1.3);
                    transform: skew(0deg,0deg) scale(1.3,1.3);
                    -webkit-transition: .3s linear;
                    -moz-transition: .3s linear;
                    -o-transition: .3s linear;
                    transition: .3s linear
                }

#newsletter .well .contact-form .btn-primary:after, .contact-form .btn-primary:after {
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    transform-origin: bottom left;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1
}

#our-partners .partners-list li a img {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

#our-partners .partners-list li a:focus:before, #our-partners .partners-list li a:hover:before {
    opacity: 1;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

#our-partners .partners-list li a:focus img, #our-partners .partners-list li a:hover img {
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

#testimonials .item blockquote small:before, #testimonials-section p.title:before {
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg)
}

#testimonials-section {
    background: url(../img/milwaukee.webp) no-repeat fixed #fff0;
    position: relative;
    z-index: 1;
    background-size: cover
}

    #testimonials-section .bg {
        background: rgb(255 255 255 / .8);
        padding: 40px 0
    }

    #testimonials-section p.title {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 30px;
        margin-top: -25px;
        padding: 10px 0;
        color: #453f3b;
        text-align: center;
        position: relative;
        text-transform: none;
        z-index: 1
    }

        #testimonials-section p.title:before {
            content: '';
            width: 400%;
            height: 100%;
            position: absolute;
            left: 30%;
            top: 0;
            z-index: -1
        }

#testimonials .item blockquote {
    font-size: 22px;
    border-left: none;
    text-align: left;
    padding: 10px 0 10px 50px;
    color: rgb(255 255 255 / .9);
    font-weight: 300
}

#inner_page h1.title, #welcome-content h1.title {
    text-align: center;
    font-size: 38px;
    line-height: 1.4
}

#testimonials .item blockquote q {
    padding: 15px
}

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

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

    #testimonials .item blockquote small i {
        background: #a94442;
        padding: 10px;
        margin-right: 5px;
        border-radius: 6px;
        width: 30px;
        font-style: normal;
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg)
    }

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

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

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

    #testimonials .item blockquote small:before {
        background: rgb(128 192 65 / .6);
        content: "";
        display: block;
        height: 3px;
        margin: 20px 0;
        position: relative;
        width: 90px;
        -webkit-transform: skewX(-30deg);
        transform: skewX(-30deg)
    }

    #testimonials .item blockquote small cite {
        font-weight: 700;
        font-style: normal
    }

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

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

#testimonials.owl-theme .owl-nav div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 3px 3px 0 rgb(0 0 0 / .2);
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    transition: .6s linear
}

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

#testimonials.owl-theme .owl-dots .owl-dot span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 0;
    background: #7fc31c;
    opacity: .5;
    width: 20px;
    height: 15px;
    margin: 5px;
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg)
}

#about_us_page_design .related a:active img, #about_us_page_design .related a:hover img, #about_us_page_design figure.effect-bubba:hover h2, #about_us_page_design figure.effect-bubba:hover p, #testimonials.owl-theme .owl-dots .owl-dot.active span, .back-to-top.back-to-top-fade-out, .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

#testimonials.owl-theme .owl-dots .owl-dot:focus, #testimonials.owl-theme .owl-dots .owl-dot:hover, .contact-form .btn-primary:focus, .contact-form .btn-primary:hover, .contact-form .intl-tel-input.allow-dropdown .selected-flag {
    outline: 0
}

#testimonials.owl-theme .owl-dots {
    text-align: right
}

#welcome-content {
    background: #f5f6f7;
    z-index: 1;
    position: relative;
    display: block
}

    #welcome-content h1.title {
        color: #453f3b;
        font-weight: 400
    }

#inner_page a:hover, #inner_page h1.title {
    color: #453f3b;
    font-weight: 600
}

#footer_section .backend .footer-content p.connect-title span, #welcome-content b, #welcome-content h1.title span, #welcome-content strong, .contact-form p.title span {
    font-weight: 600
}

#welcome-content h1.title small {
    color: #f64350;
    font-size: 85%
}

#welcome-content h2, #welcome-content h3, #welcome-content h4, #welcome-content h5, #welcome-content h6 {
    color: #4d4d4d;
    line-height: 1.4
}

#welcome-content h2 {
    font-size: 26px
}

#welcome-content h3 {
    font-size: 24px
}

#welcome-content h4 {
    font-size: 22px
}

#welcome-content ol, #welcome-content p, #welcome-content ul {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: justify;
    color: #453f3b;
    line-height: 26px
}

    #welcome-content li a, #welcome-content p a {
        color: #ae5415;
        font-weight: 500
    }

        #welcome-content li a:focus, #welcome-content li a:hover, #welcome-content p a:focus, #welcome-content p a:hover {
            color: #101010
        }

    #welcome-content ol.breadcrumb {
        background-color: rgb(209 209 209 / .06);
        border: 1px solid rgb(255 255 255 / .3);
        border-radius: 4px;
        display: inline-block;
        width: 100%
    }

        #welcome-content ol.breadcrumb li {
            float: left;
            padding: 0 2px
        }

        #welcome-content ol.breadcrumb > li + li:before {
            color: #d1d1d1;
            content: "\f105";
            font-family: fontawesome;
            padding: 0 10px
        }

        #welcome-content ol.breadcrumb li a {
            outline: 0;
            color: rgb(0 0 0 / .35);
            font-weight: 500;
            font-size: 16px
        }

        #welcome-content ol.breadcrumb li.active a {
            color: rgb(0 0 0 / .25)
        }

    #welcome-content p.coming-soon-text {
        text-align: center;
        font-size: 20px;
        margin: 15px 0;
        color: #818385
    }

#meet-dentist {
    background-color: #f5f6f7;
    padding-top: 40px;
    padding-bottom: 70px
}

    #meet-dentist .inner {
        background: #fff;
        padding: 30px
    }

        #meet-dentist .inner p {
            font-size: 16px;
            line-height: 26px
        }

    #meet-dentist .read-more {
        background: #ae5416;
        padding: 14px 0;
        text-align: center;
        margin-top: 20px
    }

        #meet-dentist .read-more:hover {
            background: #777
        }

    #meet-dentist a {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px
    }

#AdBlock-Modal .modal-title, #testimonial, .book_now {
    text-align: center
}

blockquote {
    background: url(../img/quotes.webp) top center no-repeat;
    font-weight: 300;
    margin-bottom: 40px;
    border-left: 0;
    padding-top: 50px
}

#testimonial p {
    font-style: italic;
    font-size: 26px;
    line-height: 30px
}

    #footer_section .copyright a:focus, #footer_section .copyright a:hover, #testimonial p.by {
        color: #c76c25
    }

#our_services {
    background: #f3f3f3;
    text-align: center
}

    #our_services .inner {
        background: #fff;
        padding: 70px 30px 80px;
        margin-bottom: 40px
    }

        #our_services .inner:hover {
            box-shadow: 0 14px 40px rgb(0 0 0 / .1);
            transition: transform .5s;
            transform: translateY(-15px)
        }

    #our_services img {
        margin: 0 auto 20px
    }

    #our_services h3 {
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px
    }

    #our_services a {
        text-decoration: underline;
        font-size: 14px;
        color: #ae5416
    }

#offers {
    display: flex;
    padding-top: 100px;
    padding-bottom: 110px;
    background: #ae5416
}

    #offers .inner {
        background: #fff;
        padding: 47px 40px
    }

    #offers .inner-img, #thehero {
        display: flex;
        background-repeat: no-repeat
    }

    #offers .inner a {
        color: #9f4234
    }

    #offers h4 {
        font-weight: 600;
        margin-bottom: 4.5rem;
        color: #453f3b;
        display: block;
        font-size: 34px;
        line-height: 40px
    }

    #offers p {
        font-size: 17px;
        line-height: 26px;
        color: #282828;
        padding-bottom: 15px
    }

    #offers .inner-img {
        background-image: url(../img/office-pic-sample.webp);
        padding: 45px;
        align-items: center;
        justify-content: center;
        height: 81%
    }

    #offers .map_direction {
        background: rgb(255 255 255 / .95);
        width: 100%;
        max-width: 363px;
        padding: 35px 20px 20px;
        text-align: center;
        font-size: 17px
    }

    #offers .inner-img .offer_logo {
        margin-bottom: 20px;
        width: 38%
    }

.loc-phone, .loc-phone1 {
    margin-top: 15px
}

i.fa.fa-comment, i.fa.fa-phone {
    color: #ae5415
}

#newsletter {
    background: url(../img/bg-office-images.webp) 0 0/cover #fff;
    z-index: 1;
    position: relative;
    padding: 157px 0
}

    #newsletter .well {
        display: inline-block;
        width: 100%;
        margin: -20px 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: #7fc31c;
        padding: 30px 15px;
        z-index: 3;
        position: relative
    }

        #newsletter .well:before {
            content: '';
            background: #231f20;
            width: 111%;
            height: 100%;
            position: absolute;
            right: -5%;
            top: 0;
            z-index: -1
        }

        #newsletter .well .contact-form p.title {
            color: #fff;
            text-align: left;
            font-weight: 500;
            font-size: 28px;
            line-height: 1.4;
            text-transform: uppercase;
            margin-bottom: 20px
        }

        #newsletter .well .contact-form .form-group {
            margin-bottom: 15px;
            background: rgb(127 195 28 / .5);
            border: none;
            border-radius: 4px;
            padding: 4px
        }

        #newsletter .well .contact-form label {
            font-weight: 500;
            font-size: 14px;
            color: #fff;
            margin-left: 5px;
            line-height: 1.5;
            display: block
        }

        #newsletter .well .contact-form .form-control {
            color: #231f20;
            box-shadow: none
        }

        #newsletter .well .contact-form .btn-primary {
            background-color: #7fc31c;
            color: #fff;
            padding: 10px 25px;
            border: none;
            border-radius: 0;
            font-size: 18px;
            box-shadow: none;
            position: relative;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear;
            z-index: 1
        }

            #newsletter .well .contact-form .btn-primary:after {
                box-shadow: 8px 5px 0 0 rgb(255 255 255 / .3);
                background: #7fc31c;
                -ms-transform: skew(-30deg,0deg);
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear
            }

            #newsletter .well .contact-form .btn-primary:focus, #newsletter .well .contact-form .btn-primary:focus:after, #newsletter .well .contact-form .btn-primary:hover, #newsletter .well .contact-form .btn-primary:hover:after {
                background-color: #fff;
                color: #231f20;
                outline: 0;
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear
            }

                #newsletter .well .contact-form .btn-primary:focus:after, #newsletter .well .contact-form .btn-primary:hover:after {
                    box-shadow: 8px 5px 0 0 #7fc31c
                }

    #newsletter .slogans {
        padding: 50px;
        text-align: center
    }

        #newsletter .slogans p.description {
            color: #231f20;
            font-size: 20px;
            margin-bottom: 0
        }

        #newsletter .slogans p.title {
            font-size: 36px;
            line-height: 1.2;
            margin-bottom: 30px;
            color: #7fc31c
        }

#footer_section {
    background: url(../img/milwaukee.webp) center center/cover no-repeat fixed #ae5416
}

    #footer_section .backend {
        background: rgb(69 63 59 / .9)
    }

#canvas {
    border: 3px solid #a0443529
}

#footer_section .backend .footer-content {
    padding: 70px 0
}

#address-block .block {
    margin: 0;
    display: inline-block;
    width: 100%;
    padding: 50px
}

.main-block {
    background: rgb(255 255 255 / .85);
    padding: 20px 0
}

#address-block .block address {
    margin-bottom: 30px
}

#address-block .block p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px
}

    #address-block .block p b {
        font-weight: 500
    }

#address-block abbr[title], abbr[data-original-title] {
    border-bottom: none;
    text-decoration: none
}

#address-block abbr i {
    width: 24px;
    text-align: center;
    color: #ae5416;
    height: 24px;
    line-height: 24px !important
}

#address-block abbr span {
    display: inline-table
}

#address-block .block .day {
    width: 110px
}

#address-block .logo {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

    #address-block .logo img {
        margin: 0 0 0 60px;
        width: 130px
    }

#footer_section .backend .footer-content p.connect-title {
    color: #ae5416;
    text-align: left;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 30px
}

#footer_section .copyright {
    font-size: 14px;
    text-align: center;
    color: rgb(255 255 255 / .3);
    background: #453f3b;
    padding: 20px 0;
    border-bottom: 5px solid #ae5416;
    position: relative;
    border-top: 1px solid #80362a
}

    #footer_section .copyright a {
        color: rgb(255 255 255 / .4);
        font-weight: 500
    }

#footer_section .backend .footer-content .well {
    background: rgb(255 255 255 / .75);
    border-radius: 0;
    box-shadow: none;
    outline: rgb(127 195 28 / .3) solid 8px;
    border-color: #7fc31c;
    outline-offset: 0;
    padding: 30px;
    position: relative
}

#footer_section .press-release #press-release-rolls {
    margin: 0 0 40px;
    background: rgb(255 255 255 / .85);
    padding: 30px
}

    #footer_section .press-release #press-release-rolls .item {
        -webkit-transition: .6s linear;
        -moz-transition: .6s linear;
        -o-transition: .6s linear;
        transition: .6s linear
    }

    #footer_section .footer-menu-h:focus li:focus, #footer_section .footer-menu-h:hover li:hover, #footer_section .press-release #press-release-rolls:focus .item:focus, #footer_section .press-release #press-release-rolls:hover .item:hover, #review-page:hover div[title]:hover, ul.social-list:focus li:hover, ul.social-list:hover li:hover {
        opacity: 1;
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -ms-filter: blur(0);
        -o-filter: blur(0);
        filter: blur(0);
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

    #footer_section .press-release #press-release-rolls .item a {
        padding: 0 30px;
        display: block
    }

        #footer_section .press-release #press-release-rolls .item a img, #review-page .thumbnail a img {
            margin: 0 auto
        }

#footer_section .footer-menu {
    background: #fff
}

#footer_section .footer-menu-h {
    text-align: center;
    padding: 15px 0;
    margin: 0;
    position: relative;
    transition: .6s linear
}

    #footer_section .footer-menu-h:focus li, #footer_section .footer-menu-h:hover li, #review-page div[title] {
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

    #footer_section .footer-menu-h li {
        display: inline-block;
        transition: .6s linear
    }

ul.social-list, ul.social-list li {
    -webkit-transition: .6s linear;
    -moz-transition: .6s linear;
    -o-transition: .6s linear;
    float: left
}

#footer_section .footer-menu-h li + li:before {
    content: "|";
    padding: 0 2px;
    font-size: 16px;
    font-weight: 400;
    color: rgb(199 108 37 / .5)
}

#footer_section .footer-menu-h li a {
    font-size: 16px;
    font-weight: 400;
    color: #453f3b;
    display: inline-block;
    padding: 5px 5px
}

ul.social-list {
    margin: 0 0 0 8px;
    padding: 0;
    transition: .6s linear
}

    ul.social-list li {
        opacity: .8;
        list-style: none;
        margin: 0 30px 0 0;
        transition: .6s linear
    }

        ul.social-list li a {
            display: inline-block;
            color: #003e7f;
            background: #fff;
            border-radius: 0;
            outline: #000 solid 1px;
            outline-offset: 6px;
            box-shadow: 3px 3px 0 #fff0;
            -webkit-transition: .6s linear;
            -moz-transition: .6s linear;
            -o-transition: .6s linear;
            transition: .6s linear
        }

            ul.social-list li a.facebook {
                box-shadow: 0 0 0 0 #3b5998;
                color: #fff !important;
                background: #3b5998;
                outline-color: #3b5998
            }

                ul.social-list li a.facebook:hover {
                    box-shadow: 0 0 0 6px #3b5998;
                    color: #3b5998 !important;
                    background: #fff
                }

            ul.social-list li a.linkedin {
                box-shadow: 0 0 0 0 #0e76a8;
                color: #fff !important;
                background: #0e76a8;
                outline-color: #0e76a8
            }

                ul.social-list li a.linkedin:hover {
                    box-shadow: 0 0 0 6px #0e76a8;
                    color: #0e76a8 !important;
                    background: #fff
                }

            ul.social-list li a.youtube {
                box-shadow: 0 0 0 0 red;
                color: #fff !important;
                background: red;
                outline-color: red
            }

                ul.social-list li a.youtube:hover {
                    box-shadow: 0 0 0 6px red;
                    color: red !important;
                    background: #fff
                }

            ul.social-list li a.linkdin {
                box-shadow: 0 0 0 0 #0077b5;
                color: #fff !important;
                background: #0077b5;
                outline-color: #0077b5
            }

                ul.social-list li a.linkdin:hover {
                    box-shadow: 0 0 0 6px #0077b5;
                    color: #0077b5 !important;
                    background: #fff
                }

            ul.social-list li a.instagram {
                box-shadow: 0 0 0 0 #e1306c;
                color: #fff !important;
                background: #e1306c;
                outline-color: #e1306c
            }

                ul.social-list li a.instagram:hover {
                    box-shadow: 0 0 0 6px #e1306c;
                    color: #e1306c !important;
                    background: #fff
                }

            ul.social-list li a.yelp {
                box-shadow: 0 0 0 0 #af0606;
                color: #fff !important;
                background: #af0606;
                outline-color: #af0606
            }

                ul.social-list li a.yelp:hover {
                    box-shadow: 0 0 0 6px #af0606;
                    color: #af0606 !important;
                    background: #fff
                }

            ul.social-list li a.pinterest {
                box-shadow: 0 0 0 0 #bd081c;
                color: #fff !important;
                background: #bd081c;
                outline-color: #bd081c
            }

                ul.social-list li a.pinterest:hover {
                    box-shadow: 0 0 0 6px #bd081c;
                    color: #bd081c !important;
                    background: #fff
                }

            ul.social-list li a:hover {
                border-radius: 0;
                -webkit-transition: .3s linear;
                -moz-transition: .3s linear;
                -o-transition: .3s linear;
                transition: .3s linear;
                color: #fff
            }

            ul.social-list li a i {
                font-size: 20px;
                display: block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center
            }

.contact-form p.title {
    text-align: left;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 20px
}

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

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

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

#notfound .sub-title {
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px
}

#myCarousel .carousel-inner > .item.active, #notfound span, .contact-form .has-error .help-block {
    display: block
}

#notfound h1 {
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    font-size: 40px !important
}

#notfound b {
    font-size: 20px
}

dd, dl {
    margin-left: 15px
}

dt {
    margin-top: 15px;
    font-size: 18px
}

dd {
    margin-top: 3px
}

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

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

#inner_page h3 {
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 5px
}

#inner_page .blog-article-content h3 {
    font-size: 22px;
    color: #000
}

.modal-open {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important
}

body > .boxed-wrapper > article, body > .boxed-wrapper > div, body > .boxed-wrapper > footer, body > .boxed-wrapper > footer .backend, body > .boxed-wrapper > header, body > .boxed-wrapper > nav {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: none
}

body.modal-open > .boxed-wrapper > footer .backend, body.modal-open > .boxed-wrapper > header {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

.modal-content {
    border: 1px solid #f3ffe1;
    border-radius: 4px;
    box-shadow: 0 0 20px 5px rgb(0 0 0 / .25);
    background: #ffffff8f
}

    .modal-content .contact-form .form-group {
        background: rgb(0 0 0 / .01);
        border: 1px solid rgb(0 0 0 / .01)
    }

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

.modal-title {
    font-weight: 900;
    color: #000;
    text-shadow: 1px 1px 0 rgb(76 76 76 / .5)
}

.modal-header .close {
    font-size: 35px;
    opacity: .5;
    color: #a94442;
    outline: 0
}

    .modal-header .close:focus, .modal-header .close:hover {
        opacity: .8;
        color: #221d20
    }

.modal-body {
    color: #221d20;
    font-weight: 400;
    padding: 30px
}

    .modal-body .btn-primary {
        color: #fff;
        background-color: #f64350;
        border-color: #f64350;
        font-weight: 500;
        font-size: 20px;
        padding: 5px 30px;
        border-radius: 50px
    }

        .modal-body .btn-primary:focus, .modal-body .btn-primary:hover {
            border-color: #4d4d4d;
            background-color: #4d4d4d;
            color: #ffcc52
        }

.back-to-top {
    position: fixed;
    bottom: 3px;
    right: 9px;
    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: #ae5415;
        color: #fff;
        height: 29px;
        line-height: 1.5;
        padding: 0 8px;
        text-shadow: 0 1px 2px rgb(0 0 0 / .05);
        visibility: visible;
        opacity: 1
    }

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

#share-wrapper {
    bottom: 0;
    left: 0;
    line-height: 1.5;
    padding: 5px 5px 0;
    position: fixed;
    background: rgb(255 255 255 / .8);
    width: 100%;
    margin: 0;
    -webkit-box-shadow: 0 -1px 0 rgb(255 255 255 / .2),0 -1px 4px rgb(0 0 0 / .15);
    -moz-box-shadow: 0 -1px 0 rgb(255 255 255 / .2),0 -1px 4px rgb(0 0 0 / .15);
    box-shadow: 0 -1px 0 rgb(255 255 255 / .2),0 -1px 4px rgb(0 0 0 / .15);
    z-index: 9999999999;
    clear: both;
    display: none;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s
}

    #share-wrapper.nav-up {
        bottom: -50px
    }

    #share-wrapper.nav-down.shrink {
        bottom: 0
    }

    #share-wrapper ul.share-inner-wrp {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        overflow: auto
    }

    #share-wrapper li.button-wrap {
        display: inline-block;
        width: 36px !important;
        margin: 0;
        padding: 0;
        margin-left: 0 !important;
        border-radius: 2px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

        #share-wrapper li.button-wrap > a {
            height: 36px;
            display: inline-block;
            text-indent: -10000px;
            width: 36px;
            padding-right: 0;
            float: left;
            line-height: 36px;
            font-weight: 400;
            color: #828282;
            text-decoration: none;
            font-size: 15px;
            z-index: 99
        }

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

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

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

.Directions:before {
    content: "\f041";
    font-size: 24px;
    top: 1px;
    left: 10px
}

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

#share-wrapper li.button-wrap:focus, #share-wrapper li.button-wrap:hover {
    background: #ae5415;
    box-shadow: 0 0 2px #ae5415 inset;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#review-page .thumbnail, #review-page .thumbnail a p, #review-page .thumbnail a p:before, #review-page .thumbnail:hover, #review-page .thumbnail:hover a p, #review-page:hover div[title], .contact-form .btn-primary, .contact-form .btn-primary:after, .menu.menu-open, button#Close-menu {
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear
}

#share-wrapper li.button-wrap.Appointment:focus:before, #share-wrapper li.button-wrap.Appointment:hover:before, #share-wrapper li.button-wrap.Directions:focus:before, #share-wrapper li.button-wrap.Directions:hover:before, #share-wrapper li.button-wrap.Refer:focus:before, #share-wrapper li.button-wrap.Refer:hover:before, #share-wrapper li.button-wrap.phone:focus:before, #share-wrapper li.button-wrap.phone:hover:before, .modal .contact-form label {
    color: #fff
}

.map-popup p {
    color: #8a939b
}

    .map-popup p i {
        color: #f0b528
    }

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-animated-out {
    z-index: 1
}

.owl-animated-in {
    z-index: 0
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

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

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

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

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

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

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

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

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

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

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

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

.form-control {
    font-size: 16px !important;
    border-radius: 0;
    border-color: #fff
}

.contact-form .form-group {
    margin-bottom: 0;
    border-radius: 4px;
    padding: 4px
}

.contact-form label {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-left: 5px;
    line-height: 1.5;
    display: block
}

.contact-form .form-control {
    color: #453f3b;
    height: 50px
}

textarea.form-control {
    color: #231f20;
    height: 100px !important
}

.contact-form .form-control:focus {
    border-color: rgb(199 28 0 / .52);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075),0 0 0 1px rgb(127 195 28 / .6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075),0 0 0 1px rgb(127 195 28 / .6))
}

.contact-form .btn-primary {
    background-color: #231e20;
    color: #fff;
    padding: 15px 50px;
    border: none;
    border-radius: 0;
    font-size: 18px;
    box-shadow: none;
    position: relative;
    transition: .3s linear;
    z-index: 1
}

    .contact-form .btn-primary:after {
        background: #ae5416;
        -ms-transform: skew(-30deg,0deg);
        transition: .3s linear
    }

    .contact-form .btn-primary:focus, .contact-form .btn-primary:focus:after, .contact-form .btn-primary:hover, .contact-form .btn-primary:hover:after {
        background-color: #c76c25;
        color: #fff;
        outline: 0;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

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

.contact-form .help-block {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 0;
    color: #a94442;
    display: none;
    font-size: 12px
}

.contact-form .form-group.has-error {
    background: rgb(169 68 66 / .2);
    border: 1px solid rgb(169 68 66 / .2)
}

.modal .contact-form .form-group.has-error label {
    color: #a94442
}

.contact-form .form-group .characters-counter {
    color: #555;
    margin-top: 4px;
    text-align: right;
    display: block;
    margin-right: 10px;
    font-size: 10px
}

    .contact-form .form-group .characters-counter input {
        color: #000;
        display: inline;
        width: 26px;
        font-size: 10px;
        border-radius: 2px;
        border: none;
        text-align: center
    }

.contact-form .btn-primary {
    display: block;
    margin-top: 6px;
    float: left;
    margin-right: 30px
}

.contact-form .intl-tel-input {
    display: block;
    width: 100%
}

    .contact-form .intl-tel-input .country-list {
        font-size: 16px;
        min-width: 482px
    }

        .contact-form .intl-tel-input .country-list .country {
            white-space: initial;
            text-align: left
        }

        .contact-form .intl-tel-input .country-list .divider {
            margin: 0 0 5px;
            padding: 0 0 5px;
            border-top: none
        }

.contact-form #emailAlert {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    border-radius: 6px;
    box-shadow: 0 15px 20px -25px #000,0 -15px 20px -25px #000
}

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

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

#footer_section.lazyload, #newsletter.lazyload, #offers .inner-img.lazyload, #testimonials-section.lazyload, #thehero.lazyload, .expert-advice.lazyload, blockquote.lazyload {
    background: #f7f7f7
}

button.FVC:hover, button.btn-primary {
    background: #bd682d
}

.lazyload {
    opacity: 0
}

.lazyloading {
    opacity: 1;
    color: #677763;
    font-size: 14px;
    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
}

#AdBlock-Modal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px
}

#AdBlock-Modal .modal-title i {
    font-size: 100px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: rgb(255 255 255 / .35);
    box-shadow: 0 0 53px 15px rgb(255 255 255 / .35);
    padding: 0;
    border-radius: 50%
}

#AdBlock-Modal .modal-title:after, #ea-modal .expert-advice .expert-advice-wrapper .line:after, #ea-modal .expert-advice .expert-advice-wrapper .line:before, #inner_page h2::after, #our-partners .owl-dots, .expert-advice .expert-advice-wrapper .line:after, .expert-advice .expert-advice-wrapper .line:before {
    display: none
}

#AdBlock-Modal .heading {
    text-align: center;
    color: #f64350;
    font-size: 32px;
    font-weight: 600;
    margin-top: 15px
}

    #AdBlock-Modal .heading:after {
        background: rgb(0 0 0 / .15);
        content: "";
        display: block;
        height: 3px;
        margin: 15px auto;
        position: relative;
        width: 90px
    }

#AdBlock-Modal .description {
    text-align: center;
    color: #4d4d4d
}

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

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

    .secure-shield p {
        color: #525252 !important;
        font-size: 10px !important;
        font-weight: 600;
        text-align: left;
        margin: 0;
        line-height: 1.1
    }

.menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: left;
    background: #fff0;
    display: none
}

    .menu.menu-open {
        width: 100%;
        background: #252525;
        z-index: 1003;
        transition: .3s linear;
        display: block
    }

.menu-wrap {
    position: absolute;
    width: 100%;
    height: 100%
}

.menu.menu-open .menu-wrap {
    opacity: 1;
    overflow-x: hidden;
    background: center center/cover #fff;
    background-position-x: center;
    background-position-y: center
}

.menu-wrap .table-wrap {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0;
    background: -moz-linear-gradient(to bottom,#ae5416 70%,#ae5416 100%);
    background: -webkit-linear-gradient(to bottom,#ae5416 70%,#ae5416 100%);
    background: linear-gradient(to bottom,#ae5416 70%,#ae5416 100%)
}

    .menu-wrap .table-wrap .top-part {
        display: table-row;
        vertical-align: top;
        height: 120px
    }

        .menu-wrap .table-wrap .top-part .logo-menu {
            margin-bottom: 0
        }

    .menu-wrap .table-wrap .middle-part {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 0
    }

    .menu-wrap .table-wrap .bottom-part {
        display: table-row;
        vertical-align: bottom;
        height: 140px
    }

        .menu-wrap .table-wrap .bottom-part ul.social-list {
            padding: 0;
            text-align: center;
            margin: 15px 0 0;
            justify-content: center;
            float: none !important
        }

            .menu-wrap .table-wrap .bottom-part ul.social-list li {
                float: none;
                list-style: none;
                margin-right: 10px;
                display: inline-block
            }

                .menu-wrap .table-wrap .bottom-part ul.social-list li a {
                    display: inline-block;
                    color: #fff;
                    border: 1px solid rgb(255 255 255 / .04);
                    background: #7b3200;
                    border-radius: 50px;
                    outline-offset: 2px;
                    box-shadow: 3px 3px 0 #fff0;
                    -webkit-transition: .6s linear;
                    -moz-transition: .6s linear;
                    -o-transition: .6s linear;
                    transition: .6s linear;
                    outline: 0 !important
                }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.facebook:hover {
                        color: #fff !important;
                        background: #507cbe
                    }

                    .book_now .fa-phone, .menu-wrap .table-wrap .bottom-part ul.social-list li a.linkedin:hover {
                        color: #fff !important
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.google:hover {
                        color: #fff;
                        background: #f16261
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.dribbble:hover {
                        color: #fff;
                        background: #e46387
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.linkedin:hover {
                        background: #0e76a8
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.youtube:hover {
                        color: #fff;
                        background: red
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.tumblr:hover {
                        color: #fff;
                        background: #4d7ea3
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.flickr:hover {
                        color: #fff;
                        background: #e474af
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.instgram:hover {
                        color: #fff;
                        background: #4d4f54
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.vimeo:hover {
                        color: #fff;
                        background: #87d3e0
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.skype:hover {
                        color: #fff;
                        background: #507cbe
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.pinterest:hover {
                        color: #fff !important;
                        background: #b00
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.instagram:hover {
                        color: #fff !important;
                        background: #e1306c
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.yelp:hover {
                        color: #fff;
                        background: #af0606
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a.snapchat:hover {
                        color: #fff;
                        background: #fffc00
                    }

                    .menu-wrap .table-wrap .bottom-part ul.social-list li a i {
                        font-size: 16px;
                        display: block;
                        width: 38px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center
                    }

                .menu-wrap .table-wrap .bottom-part ul.social-list li:last-child a i {
                    border-right: none
                }

        .menu-wrap .table-wrap .bottom-part .heading {
            font-size: 18px;
            color: #fff;
            font-weight: 400;
            text-align: center;
            text-transform: initial;
            vertical-align: sub
        }

.body-push, .menu {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#Open-menu.active i:before {
    content: "\f00d"
}

.menu-wrap .table-wrap .navbar-nav {
    float: none;
    margin: 0;
    text-align: center
}

    .menu-wrap .table-wrap .navbar-nav > li {
        float: none;
        display: inline-table;
        padding: 0 15px
    }

        .menu-wrap .table-wrap .navbar-nav > li > a {
            padding: 0;
            margin-bottom: 0;
            font-size: 30px;
            color: #fff;
            font-weight: 300;
            position: relative
        }

            .menu-wrap .table-wrap .navbar-nav > li > a:after {
                background: #efddd0d9;
                content: "";
                display: block;
                height: 3px;
                margin: 25px auto 15px;
                position: relative;
                width: 65px;
                -webkit-transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -ms-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out;
                transition: .3s ease-in-out
            }

        .menu-wrap .table-wrap .navbar-nav > li > ul > li {
            list-style: none
        }

            .menu-wrap .table-wrap .navbar-nav > li > ul > li > a {
                color: #fff;
                font-size: 16px;
                padding: 8px 15px;
                display: block;
                font-weight: 400
            }

        .menu-wrap .table-wrap .navbar-nav > li:focus a, .menu-wrap .table-wrap .navbar-nav > li:hover a {
            background-color: #fff0;
            color: #fff
        }

        .menu-wrap .table-wrap .navbar-nav > li > a:focus, .menu-wrap .table-wrap .navbar-nav > li > a:hover {
            text-decoration: none;
            background-color: #fff0
        }

        .menu-wrap .table-wrap .navbar-nav > li:focus a:after, .menu-wrap .table-wrap .navbar-nav > li:hover a:after {
            background: rgb(255 255 255 / .8);
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .menu-wrap .table-wrap .navbar-nav > li:focus > ul > li > a:focus, .menu-wrap .table-wrap .navbar-nav > li:hover > ul > li > a:hover {
            color: #ae5416;
            background-color: #fff;
            border-radius: 4px
        }

button#Close-menu {
    right: 37px;
    z-index: 1;
    position: absolute;
    top: 37px;
    background: rgb(255 255 255 / .8);
    padding: 5px 12px;
    font-size: 40px;
    color: #ae5416;
    opacity: 1;
    border-radius: 6px;
    text-shadow: none;
    transition: .3s linear;
    outline: 0
}

    button#Close-menu:focus, button#Close-menu:hover {
        background: #863f0f;
        color: #e5c8b4;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        -o-transition: .3s linear;
        transition: .3s linear
    }

.header-menuButton i.fa.fa-bars {
    display: block;
    font-size: 20px;
    width: 20px;
    margin: 0 auto
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 0;
    margin-top: 1px;
    margin-bottom: 0;
    border-radius: 0 !important
}

.Div_1_menu {
    margin-top: 0;
    float: right
}

.custom_menu {
    display: block !important
}

button#Open-menu {
    color: #fff;
    padding: 10px;
    background: #a04533
}

#did_u_know p.desc, div#did_u_know {
    padding: 40px 0
}

.navbar-brand > img {
    display: block;
    height: 150px;
    margin-top: -10px
}

#blog .blog-thumb, a.navbar-brand {
    padding-left: 0
}

#welcome-content .bio {
    margin-top: 40px;
    margin-bottom: 80px
}

#thehero {
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden
}

    #thehero .thehero-bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -2
    }

    #thehero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(rgb(0 0 0 / .6),rgb(0 0 0 / .6));
        z-index: -1
    }

.the-inner {
    width: 90vw;
    padding: 1rem;
    margin-top: 20%;
    position: relative;
    z-index: 1
}

    .the-inner p.title {
        color: #fff;
        font-weight: 400;
        line-height: 1;
        font-size: 80px;
        text-align: center;
        font-family: "Open Sans",sans-serif
    }

    .the-inner p.sub-title {
        color: #fff;
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        margin-top: 40px;
        margin-bottom: 40px
    }

button.btn-primary {
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    border: 0 solid #ae5416;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    text-transform: none;
    font-family: "Open Sans",sans-serif;
    padding: 10px 20px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    text-transform: uppercase;
    border-radius: 0;
    min-height: 48px;
    min-width: 48px
}

#img-footer-text, button.FVC {
    background: #ae5416
}

#ea-modal span.free_V_C, span.free {
    position: sticky;
    margin-right: 10px
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #ae5416;
    border-color: #a04533
}

#covid_update ol li strong, .the-inner a {
    color: #000
}

.the-inner .points p:before {
    content: url(https://chrislanejones.com/wp-content/uploads/2018/10/littlesquarebullet.png);
    padding: 0 1rem 0 0
}

#img-footer-text {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 25px;
    line-height: 70px;
    min-height: 80px;
    justify-content: center
}

    #img-footer-text p {
        color: #fff;
        text-align: center;
        font-size: 28px;
        line-height: 1.2;
        margin-top: 10px;
        margin-bottom: 0
    }

        #img-footer-text p span {
            font-style: italic;
            font-weight: 600;
            font-size: 24px
        }

#footer_section .backend .footer-content #map {
    height: 350px
}

#ea-modal .modal-backdrop {
    backdrop-filter: blur(5px);
    background-color: #01223770
}

    #ea-modal .modal-backdrop.in {
        opacity: 1 !important
    }

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

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

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

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

#ea-modal .modal-body {
    background: #ae5416 !important;
    padding: 0 !important
}

#ea-modal .ea-btn, .ea-btn {
    padding: 12px 30px;
    font-size: 22px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
    float: right;
    text-decoration: none
}

#ea-modal .modal-content .close {
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #fff !important;
    position: relative !important;
    z-index: 10000 !important;
    opacity: 1 !important;
    padding: 10px !important;
    background: #333 !important
}

#ea-modal .modal-body .expert-advice {
    background: url(../img/ea-pic.webp) 30% 50% no-repeat #ae5416;
    height: 100%
}

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper .line {
        background-image: url(../img/right-border.png);
        background-position-x: right;
        background-repeat: no-repeat;
        padding-right: 45px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper p.title {
        font-size: 45px;
        font-weight: 900;
        color: #fff;
        margin-bottom: 40px;
        text-align: right;
        font-family: Montserrat-Bold
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper p {
        color: #fff;
        font-size: 29px;
        text-align: right;
        margin-top: 0;
        line-height: 1.2;
        font-weight: 300;
        font-family: Montserrat-Regular
    }

        #ea-modal .modal-body .expert-advice .expert-advice-wrapper p span {
            color: #fff;
            font-weight: 400;
            font-family: Montserrat-semibold
        }

#ea-modal span.free_V_C {
    clear: both
}

    #ea-modal span.free_V_C:before {
        content: "";
        position: absolute;
        background: #fbfbfa;
        width: 104%;
        height: 102%;
        left: -5px;
        top: -1px;
        z-index: -1;
        -webkit-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -moz-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -ms-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -o-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px)
    }

    #ea-modal span.free_V_C:after {
        content: "";
        position: absolute;
        background: #ae5415;
        width: 110%;
        height: 91%;
        left: -6px;
        top: 3px;
        z-index: -1;
        -webkit-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -moz-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -ms-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -o-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px)
    }

#ea-modal .modal-body .expert-advice .expert-advice-wrapper .caps {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 400
}

#ea-modal .ea-btn {
    background-color: #ae5416;
    font-weight: 300
}

    #ea-modal .ea-btn:hover {
        background-color: #fff;
        color: #ae5416
    }

.expert-advice {
    background: url(../img/ea-pic.webp) 35% 50%/cover no-repeat #000;
    height: 100%
}

    .expert-advice .expert-advice-wrapper {
        padding: 92px 0
    }

        .expert-advice .expert-advice-wrapper .line {
            background-position-x: right;
            background-repeat: no-repeat;
            padding: 90px 30px;
            position: relative
        }

        .expert-advice .expert-advice-wrapper p.title {
            font-size: 50px;
            font-weight: 900;
            color: #fff;
            margin-top: 70px;
            margin-bottom: 40px;
            text-align: right;
            font-family: Montserrat-Bold
        }

#ea .inner-page-widget .expert-advice-wrapper h1 {
    color: #f14350 !important
}

.expert-advice .expert-advice-wrapper p {
    color: #fff;
    font-size: 32px;
    text-align: right;
    line-height: 1;
    font-weight: 300;
    font-family: Montserrat-Regular
}

    .expert-advice .expert-advice-wrapper p strong {
        font-weight: 400;
        font-family: Montserrat-semibold
    }

    .expert-advice .expert-advice-wrapper p span {
        color: #ae581d;
        font-weight: 400;
        text-align: end
    }

span.free {
    font-weight: 600 !important
}

    span.free:before {
        content: "";
        position: absolute;
        background: #171616;
        width: 103%;
        height: 90%;
        left: -2px;
        top: 2px;
        z-index: -1;
        -webkit-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -moz-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -ms-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        -o-transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px);
        transform: scale(1.3,1.1) perspective(80px) rotateY(0) rotateX(185deg) rotateZ(6deg) translateZ(17px)
    }

    span.free:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 110%;
        height: 83%;
        left: -3px;
        top: 5px;
        z-index: -1;
        -webkit-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -moz-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -ms-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        -o-transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px);
        transform: scale(1.1,1.1) perspective(50px) rotateY(0) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px)
    }

.expert-advice .expert-advice-wrapper .caps {
    color: #fff;
    font-size: 33px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 400
}

.ea-btn {
    background-color: #6b330d;
    font-weight: 600;
    border: 2px solid #fff
}

#inner_page img.doc_img, .box {
    border: 5px solid #ececec
}

.ea-btn:hover {
    background-color: #fff;
    color: #ae5415;
    font-weight: 600
}

.expert-advice .expert-advice-wrapper p.vc {
    font-weight: 400;
    font-family: Montserrat-Semibold
}

#wrapper1 {
    height: 24em;
    padding: 50px 0 0
}

#main {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

    #main .main-bg-picture {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -2
    }

    #main .main-bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    #main::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(#fff0,#fff0);
        z-index: -1
    }

#header {
    position: relative;
    z-index: 1
}

#header {
    top: 23% !important
}

    #header p.slogan {
        font-size: 250%;
        font-weight: 400;
        letter-spacing: 6px;
        line-height: 13em;
        text-shadow: 1px 2px 0 rgb(255 255 255 / .2);
        font-family: Montserrat,sans-serif;
        color: #fff;
        text-align: center;
        margin-bottom: 30px;
        text-transform: uppercase
    }

#inner_page {
    padding: 2% 0
}

    #inner_page h2 {
        text-align: left;
        margin: 40px 0 5px;
        font-size: 28px;
        color: #000;
        font-weight: 400
    }

    #inner_page p {
        text-align: justify
    }

    #inner_page a {
        color: #a04533;
        font-weight: 600
    }

div#did_u_know {
    background: #9e463426;
    margin: 80px 0 40px
}

#did_u_know p.did_u_know_title {
    padding: 40px 0;
    font-size: 80px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: left
}

    #did_u_know p.did_u_know_title:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 325px;
        top: 1px;
        right: -230px;
        background-image: url(../img/Question-Background-1.webp);
        background-repeat: no-repeat;
        background-size: contain
    }

#did_u_know span.know {
    display: block;
    color: rgb(158 70 52 / 64%) !important;
    font-size: 96px;
    font-weight: 900
}

p.ba {
    text-align: center !important
}

#testimonials-section .contact_page {
    margin-top: -75px;
    padding: 0 0 70px
}

    #testimonials-section .contact_page h1 {
        color: #453f3b;
        text-align: center;
        font-weight: 600;
        font-size: 38px;
        line-height: 2
    }

#shareThis .modal-title {
    font-weight: 900;
    color: #ae5416;
    text-shadow: none
}

#shareThis .modal-content {
    border: 1px solid;
    border-radius: 4px;
    box-shadow: 0 0 20px 5px rgb(0 0 0 / .25);
    background: #e4e3e3 !important
}

#about_us_page_design .grid {
    position: relative;
    margin: 0 2px;
    padding: 1em 0 4em;
    list-style: none;
    text-align: center
}

    #about_us_page_design .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 15px;
        width: 30.33%;
        text-align: center;
        cursor: pointer
    }

        #about_us_page_design .grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        #about_us_page_design .grid figure h2 {
            word-spacing: -.15em;
            font-weight: 300
        }

#about_us_page_design figure.effect-bubba img {
    opacity: .7;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

#about_us_page_design figure.effect-bubba:hover img {
    opacity: .4
}

#about_us_page_design figure.effect-bubba figcaption::after, #about_us_page_design figure.effect-bubba figcaption::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

#about_us_page_design figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1)
}

#about_us_page_design figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0)
}

#about_us_page_design figure.effect-bubba h2 {
    color: #fff;
    text-align: center;
    transform: translate(0,306px);
    font-size: 22px
}

#about_us_page_design figure.effect-bubba p {
    text-align: center;
    margin-top: 110%;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)
}

#about_us_page_design figure.effect-bubba:hover figcaption::after, #about_us_page_design figure.effect-bubba:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#about_us_page_design a {
    outline: 0;
    color: #3498db !important;
    text-decoration: none
}

    #about_us_page_design a:hover, a:focus {
        color: #528cb3
    }

#about_us_page_design section {
    padding: 1em;
    text-align: center
}

#about_us_page_design .content {
    margin: 0 auto;
    max-width: 1000px
}

    #about_us_page_design .content > h2 {
        clear: both;
        margin: 0;
        padding: 4em 1% 0;
        color: #484b54;
        font-weight: 800;
        font-size: 1.5em
    }

        #about_us_page_design .content > h2:first-child {
            padding-top: 0
        }

#about_us_page_design .codrops-header {
    margin: 0 auto;
    padding: 4em 1em;
    text-align: center
}

    #about_us_page_design .codrops-header h1 {
        margin: 0;
        font-weight: 800;
        font-size: 4em;
        line-height: 1.3
    }

        #about_us_page_design .codrops-header h1 span {
            display: block;
            padding: 0 0 .6em .1em;
            color: #74777b;
            font-weight: 300;
            font-size: 45%
        }

#about_us_page_design .codrops-demos {
    clear: both;
    padding: 1em 0 0;
    text-align: center
}

#about_us_page_design .content + .codrops-demos {
    padding-top: 5em
}

#about_us_page_design .codrops-demos a {
    display: inline-block;
    margin: 0 5px;
    padding: 1em 1.5em;
    text-transform: uppercase;
    font-weight: 700
}

    #about_us_page_design .codrops-demos a.current-demo, #about_us_page_design .codrops-demos a:focus, #about_us_page_design .codrops-demos a:hover {
        background: #3c414a;
        color: #fff
    }

#about_us_page_design .codrops-top {
    width: 100%;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .69em;
    line-height: 2.2
}

    #about_us_page_design .codrops-top a {
        display: inline-block;
        padding: 1em 2em;
        text-decoration: none;
        letter-spacing: 1px
    }

    #about_us_page_design .codrops-top span.right {
        float: right
    }

        #about_us_page_design .codrops-top span.right a {
            display: block;
            float: left
        }

#about_us_page_design .codrops-icon:before {
    margin: 0 4px;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: codropsicons;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased
}

#about_us_page_design .codrops-icon-drop:before {
    content: "\e001"
}

#about_us_page_design .codrops-icon-prev:before {
    content: "\e004"
}

#about_us_page_design .related {
    clear: both;
    padding: 6em 1em;
    font-size: 120%
}

    #about_us_page_design .related > a {
        display: inline-block;
        margin: 20px 10px;
        padding: 25px;
        border: 1px solid #4f7f90;
        text-align: center
    }

    #about_us_page_design .related a:hover {
        border-color: #39545e
    }

    #about_us_page_design .related a img {
        max-width: 100%;
        opacity: .8
    }

    #about_us_page_design .related a h3 {
        margin: 0;
        padding: .5em 0 .3em;
        max-width: 300px;
        text-align: left
    }

#covid_19 {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff0
}

    #covid_19 p.title {
        text-transform: uppercase;
        font-size: 32px;
        color: #9e4634;
        font-weight: 900;
        text-align: center;
        font-family: Lato,sans-serif
    }

    #covid_19 p.sub-title {
        text-align: center;
        font-size: 24px;
        color: #666
    }

    #covid_19 .btn-covid_update {
        border: 2px solid #ae5415;
        background: #ae5415;
        color: #fdfdfd;
        font-weight: 700;
        font-size: 18px;
        border-radius: 0;
        margin: 30px 30px 0;
        padding: 10px 21px;
        text-transform: uppercase
    }

        #covid_19 .btn-covid_update:hover {
            background-color: #bd682d;
            border-color: #bd672d
        }

#covid_update h2.title {
    color: #fff;
    font-size: 24px;
    margin-top: 30px;
    font-weight: 700
}

#covid_update p, #covid_update p strong {
    color: #000;
    font-size: 17px
}

#meet-dentist a.emailtodr {
    color: #ae5415;
    text-transform: none;
    font-size: 16px
}

#bubble_testimonial .quote-bubble {
    font-weight: 600;
    position: relative;
    border-radius: 4px;
    background-color: #f5f3f3;
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 14px;
    text-align: justify;
    color: #000;
    padding: 10px
}

    #bubble_testimonial .quote-bubble:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -20px;
        left: 2em;
        border-left: 0 solid #fff0;
        border-right: 25px solid #fff0;
        border-top: 20px solid #f5f3f3
    }

#bubble_testimonial .testimonial-user span {
    color: #fff;
    display: block;
    text-align: left;
    font-size: 16px;
    padding-top: 15px
}

#bubble_testimonial .item {
    margin: 20px
}

#bubble_testimonial .owl-theme .owl-controls {
    margin-top: -27px
}

#canvas.map {
    margin-top: 30px
}

#review-page:hover div[title] {
    opacity: .8;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    transition: .3s linear
}

#review-page .thumbnail {
    border: 3px solid #e3e2e2;
    border-radius: 0;
    margin-bottom: 30px;
    background: #fff;
    padding: 0;
    transition: .3s linear
}

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

#review-page .thumbnail a, .blog_grid {
    padding: 20px
}

    #review-page .thumbnail a p {
        margin: 20px 0 0;
        text-align: center;
        color: #9e4634;
        position: relative;
        padding: 0;
        transition: .3s linear
    }

        #review-page .thumbnail a p:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: -15px;
            width: 30px;
            height: 2px;
            background: #ccc;
            margin: 0 auto;
            transition: .3s linear
        }

#review-page .thumbnail:hover {
    border: 3px solid #9e4634;
    transition: .3s linear
}

    #review-page .thumbnail:hover a p {
        color: #000;
        transition: .3s linear
    }

        #review-page .thumbnail:hover a p:before {
            width: 60%;
            background: #9e4634;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear
        }

#blog-page .blog_grid {
    border: none;
    box-shadow: none;
    padding: 20px
}

.blog_grid {
    border: 1px solid rgb(255 255 255 / .35);
    box-shadow: 0 0 21px rgb(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
}

    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
}

#blog .blog_btn {
    background: #ae5416;
    padding: 7px;
    color: #fff !important
}

    #blog .blog_btn:hover {
        background: #c76c25
    }

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

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

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

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

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

ul.pagination.justify-content-center.pagination-sm {
    background: #fff;
    border: 0 solid rgb(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
}

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

@media screen and (max-height:575px) {
    #rc-imageselect, .g-recaptcha {
        -webkit-transform: scale(.77);
        -moz-transform: scale(.77);
        -ms-transform: scale(.77);
        -o-transform: scale(.77);
        transform: scale(.77);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media(max-width:767px) {
    #offers .inner, .carousel-indicators {
        padding: 0 15px
    }

    #our-partners .partners-list, #thehero {
        text-align: center
    }

    #offers .inner {
        background: #fff
    }

    #testimonial {
        padding-top: 10px;
        padding-bottom: 10px
    }

    blockquote {
        padding-top: 0
    }

    #our_services {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .menu-wrap .table-wrap .bottom-part ul.social-list li {
        margin-bottom: 10px
    }

    #testimonials-section .contact_page h1 {
        margin: 0 0 20px
    }

    .contact-form .btn-primary {
        width: 40%;
        padding: 12px 0
    }

    .contact-form .form-group {
        position: inherit
    }

    .box {
        margin: auto auto 20px
    }

    .expert-advice {
        background: url(../img/ea-pic-mobile.webp) 35% 50%/cover no-repeat #000;
        height: 100%
    }

    #testimonials-section .contact_page {
        margin-top: -120px
    }

    .navbar-brand > img {
        z-index: 2;
        position: absolute
    }

    #blog .blog-thumb {
        margin: auto;
        float: none
    }

    #about_us_page_design .grid figure {
        float: none;
        margin: 30px auto;
        width: 72%
    }

    .expert-advice .expert-advice-wrapper, .expert-advice .expert-advice-wrapper .line {
        padding: 0
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper {
        padding: 120px 0 6px
    }

    #ea-modal .modal-dialog {
        width: 95%;
        float: none !important;
        margin: auto
    }

    #ea-modal .modal-body .expert-advice {
        background: url(../img/ea-pic-xs.jpg) 33% 50%/cover no-repeat #ae5416
    }

    #newsletter .slogans {
        padding: 50px 10px
    }

    #main-slider .item .carousel-content {
        background-size: cover
    }

    #main-menu .top-bar, #main-slider .slogans .description small {
        display: none
    }

    #main-menu #default-menu .top-bar-list li {
        margin-left: 0
    }

        #main-menu #default-menu .top-bar-list li:last-child {
            margin-left: 15px
        }

            #main-menu #default-menu .top-bar-list li:last-child a {
                font-size: 25px;
                padding: 5px 15px
            }

                #main-menu #default-menu .top-bar-list li:last-child a i {
                    font-size: 25px
                }

        #main-menu #default-menu .top-bar-list li a i {
            width: 44px;
            height: 44px;
            font-size: 36px;
            line-height: 1.2
        }

    #main-menu #default-menu .top-bar-list {
        margin: 10px 0 15px
    }

    #main-menu .navbar-header .navbar-brand {
        width: auto
    }

        #main-menu .navbar-header .navbar-brand > img {
            width: 160px
        }

    #main-menu .navbar-header .navbar-toggle {
        margin-top: 28px;
        margin-right: 0;
        margin-bottom: 8px;
        border: none;
        border-radius: 0;
        color: #fff
    }

        #main-menu .navbar-header .navbar-toggle:before {
            content: '';
            background: #7fc31c;
            box-shadow: -7px 7px 0 0 rgb(127 195 28 / .07);
            width: 400%;
            height: 100%;
            position: absolute;
            left: -25%;
            top: 0;
            z-index: -1;
            -webkit-transform: skewX(-30deg);
            -moz-transform: skewX(-30deg);
            -ms-transform: skewX(-30deg);
            -o-transform: skewX(-30deg);
            transform: skewX(-30deg)
        }

        #main-menu .navbar-header .navbar-toggle:focus:before, #main-menu .navbar-header .navbar-toggle:hover:before {
            background: #a8a6a8
        }

        #main-menu .navbar-header .navbar-toggle:focus, #main-menu .navbar-header .navbar-toggle:hover {
            color: #000;
            background: #fff0
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        box-shadow: none
    }

    #main-menu .navbar-nav > li > a {
        margin: 2px 0
    }

    #main-menu .navbar-nav > li .dropdown-menu {
        background: #fbfbfb
    }

    #main-menu {
        position: relative
    }

        #main-menu.shrink {
            top: 0
        }

        #main-menu #default-menu .menu-bar {
            padding: 2px
        }

    #main-slider {
        margin-top: 0
    }

        #main-slider .slogans .heading {
            font-size: 24px
        }

        #main-slider .slogans .description {
            font-size: 17px
        }

        #main-slider .item .slogans {
            padding: 70px 15px 0;
            height: 370px;
            width: 217px
        }

        #main-slider .item:first-child .slogans {
            padding: 30px 15px 0
        }

        #main-slider .item .slogans:before {
            -moz-transform: skewX(-15deg);
            -webkit-transform: skewX(-15deg);
            -ms-transform: skewX(-15deg);
            -o-transform: skewX(-15deg);
            transform: skewX(-15deg)
        }

        #main-slider .slogans .btn-primary {
            padding: 8px 10px;
            font-size: 16px
        }

        #main-slider .carousel-inner {
            height: 370px
        }

        #main-slider .item:first-child .carousel-content {
            background-image: url(../img/main-slider/slogan-bg-1.png);
            background-position: calc(50%) calc(50%);
            background-position-x: calc(50%);
            background-position-y: calc(50%)
        }

    #boxes {
        padding: 70px 0 0
    }

        #boxes .well {
            padding: 10px
        }

            #boxes .well .thumbnail {
                margin-bottom: 70px
            }

    #our-services .grid .col-sm-4 {
        width: 50%;
        float: left
    }

    figure.effect-apollo div.title {
        bottom: 15px;
        padding: 8px 10px;
        font-size: 18px
    }

    #our-partners p.heading:before {
        right: 55%
    }

    #our-partners p.heading {
        font-size: 28px
    }

    #our-partners .partners-list li {
        margin: 0 10px 10px 0;
        padding: 5px
    }

        #our-partners .partners-list li a img {
            width: 100px
        }

    h2 {
        font-size: 34px
    }

    #newsletter .well .contact-form p.title, #testimonials-section p.title {
        font-size: 26px
    }

        #testimonials-section p.title:before {
            left: 13%
        }

    #testimonials .item blockquote {
        font-size: 18px;
        padding: 10px 0 10px 40px
    }

        #testimonials .item blockquote q:before {
            font-size: 85px
        }

    #address-block .block {
        margin: 0 0 50px;
        padding: 20px
    }
}

@media (max-width:359.98px) {
    #about_us_page_design .grid figure figcaption, #wrapper1 {
        padding: 0
    }

    #offers {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .contact-form .form-control {
        height: 40px
    }

    #welcome-content ol, #welcome-content p, #welcome-content ul {
        text-align: left
    }

    ul .social-list li a {
        outline-offset: 4px
    }

        ul.social-list li a i {
            font-size: 18px;
            width: 30px;
            height: 30px;
            line-height: 30px
        }

    h2 {
        font-size: 26px
    }

    #img-footer-text p, #inner_page h3, #testimonials-section p.title {
        font-size: 20px
    }

    .menu-wrap .table-wrap .navbar-nav > li > a:after {
        margin: 13px auto 10px
    }

    button #Close-menu {
        right: 32px;
        top: 12px;
        padding: 5px 10px;
        font-size: 24px
    }

    li.heading {
        font-size: 22px !important;
        display: block !important
    }

    button.btn-primary {
        width: 100%;
        font-size: 14px;
        padding: 10px 0;
        font-weight: 700
    }

    #bubble_testimonial .owl-theme .owl-controls {
        margin-top: -10px
    }

    .the-inner {
        margin-top: 58%
    }

    #covid_19 p.title {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 700
    }

    #about_us_page_design figure.effect-bubba h2 {
        transform: translate(0,177px);
        font-size: 16px
    }

    #about_us_page_design figure.effect-bubba p {
        margin-top: 80%;
        font-size: 14px
    }

    #address-block .logo img {
        margin: auto
    }

    #did_u_know span.know {
        font-size: 60px
    }

    #did_u_know p.did_u_know_title {
        padding: 0;
        font-size: 50px;
        text-align: center
    }

    #inner_page h1.title, h3 {
        font-size: 24px
    }

    #wrapper1 {
        height: 24em
    }

    #main {
        background-position: 45% 50%
    }

    #ea-modal span.free_V_C:before {
        left: -4px;
        top: -2px
    }

    #ea-modal span.free_V_C:after {
        left: -4px;
        top: 1px
    }

    .expert-advice .expert-advice-wrapper {
        padding: 120px 0 0
    }

    .expert-advice {
        background-position: 18% 50%
    }

    .outer_container {
        background: rgb(0 0 0 / 25%)
    }

    span.free:after {
        left: -2px;
        top: 3px
    }

    span.free:before {
        top: 1px
    }

    .expert-advice .expert-advice-wrapper p.title {
        font-size: 24px;
        margin-bottom: 20px
    }

    .ea-btn {
        margin-top: 10px;
        margin-bottom: 20px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper {
        padding: 120px 0 20px
    }

    #footer_section .backend .footer-content .well, .menu-wrap .table-wrap .navbar-nav > li, .modal-body, .modal-header {
        padding: 15px
    }

    .expert-advice .expert-advice-wrapper .caps {
        font-size: 17px
    }

    .expert-advice .expert-advice-wrapper p {
        color: #fff;
        font-size: 17px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper .line {
        padding-right: 5px
    }

    #ea-modal .modal-body .expert-advice {
        background-position: 9% 50%;
        background-size: cover
    }

        #ea-modal .modal-body .expert-advice .expert-advice-wrapper p.title {
            font-size: 26px;
            margin-bottom: 20px
        }

        #ea-modal .modal-body .expert-advice .expert-advice-wrapper .caps, #ea-modal .modal-body .expert-advice .expert-advice-wrapper p {
            font-size: 16px
        }

    #ea-modal .ea-btn {
        font-size: 18px;
        margin-bottom: 20px
    }

    #img-footer-text {
        background: #ae5416;
        padding-left: 0;
        padding-right: 0;
        font-size: 21px;
        line-height: 28px;
        min-height: 130px;
        justify-content: center
    }

    #testimonial p {
        font-family: 'Times New Roman',serif;
        font-style: italic;
        font-size: 20px;
        line-height: 28px
    }

    .menu-wrap .table-wrap .navbar-nav > li > ul > li > a {
        color: #fff;
        font-size: 16px;
        padding: 5px 15px;
        display: block;
        font-weight: 400
    }

    #main-menu .navbar-header .navbar-toggle {
        margin-top: 35px;
        padding: 9px 0 9px 10px;
        font-size: 18px
    }

        #main-menu .navbar-header .navbar-toggle:before {
            left: -10%
        }

        #main-menu #default-menu .top-bar-list, #main-menu .navbar-header .navbar-toggle i, #main-slider .slogans .description {
            display: none
        }

    #main-menu .navbar-header .navbar-brand > img {
        width: 150px
    }

    #main-slider .slogans .heading {
        margin-bottom: 40px;
        font-size: 20px
    }

    #main-slider .carousel-inner, #main-slider .item .slogans {
        height: 240px
    }

    #main-slider .item .slogans {
        padding: 70px 15px 0;
        height: 240px;
        width: 150px
    }

    #boxes .well {
        padding: 0 20px
    }

        #boxes .well .col-xs-6, #our-services .grid .col-sm-4 {
            width: 100%
        }

        #boxes .well .thumbnail {
            padding: 25px 5px 20px
        }

            #boxes .well .thumbnail p.heading, #newsletter .slogans p.description {
                font-size: 18px
            }

            #boxes .well .thumbnail i {
                font-size: 34px;
                width: 60px;
                height: 60px;
                line-height: 60px;
                margin: -60px auto 20px
            }

    figure.effect-apollo div.title {
        bottom: 25px
    }

    #our-partners p.heading:before {
        right: 15%
    }

    #address-block .block .day, #our-partners .partners-list li a img {
        width: 90px
    }

    #testimonials-section p.title:before {
        left: 2%
    }

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

    #newsletter .slogans p.title, .modal-header .close {
        font-size: 28px
    }

    ul.social-list li {
        margin: 0 20px 10px 0
    }

    .contact-form .intl-tel-input .country-list {
        min-width: 210px
    }

    .secure-shield {
        margin: 20px 0 0;
/*        width: auto*/
    }

    #main-slider .slogans .btn-primary {
        font-size: 14px
    }

    .modal-body {
        color: #221d20;
        font-weight: 400
    }

    .menu-wrap .table-wrap .bottom-part ul.social-list li {
        margin-right: 0
    }

    .menu-wrap .table-wrap .middle-part {
        padding: 10px 0
    }

    .the-inner p.title {
        font-size: 32px
    }

    .the-inner p.sub-title {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #meet-dentist h2 {
        font-size: 30px
    }

    #offers h4 {
        font-size: 22px
    }
}

@media (min-width:360px) and (max-width:575.98px) {
    #about_us_page_design .grid figure figcaption, #boxes .well, #wrapper1 {
        padding: 0
    }

    li .heading, li.heading {
        display: block !important
    }

    #offers {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .contact-form .form-control {
        height: 40px
    }

    #welcome-content ol, #welcome-content p, #welcome-content ul {
        text-align: left
    }

    #meet-dentist h2 {
        font-size: 34px
    }

    #offers h4, h1.post_title a {
        font-size: 19px
    }

    #offers h4 {
        margin-bottom: 15px
    }

    #footer_section .backend .footer-content p.connect-title, #inner_page h1.title, #inner_page h2 {
        font-size: 22px
    }

    .modal-header .close, h2 {
        font-size: 28px
    }

    .box {
        margin: 15px auto
    }

    ol.breadcrumb {
        font-size: 14px
    }

    #inner_page h2.title {
        font-size: 23px
    }

    #img-footer-text p, #inner_page h3, .expert-advice .expert-advice-wrapper .caps {
        font-size: 20px
    }

    li.heading {
        font-size: 22px !important
    }

    #bubble_testimonial .owl-theme .owl-controls {
        margin-top: -10px
    }

    .outer_container {
        background: rgb(0 0 0 / 17%)
    }

    .the-inner {
        margin-top: 35%
    }

    #our-services .grid .col-sm-4, button.btn-primary {
        width: 100%;
        font-size: 16px;
        padding: 10px 0;
        font-weight: 700
    }

    .the-inner p.title {
        font-size: 32px
    }

    .the-inner p.sub-title {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #covid_19 p.title {
        font-size: 30px;
        line-height: 1.2
    }

    #about_us_page_design figure.effect-bubba h2 {
        transform: translate(0,212px);
        font-size: 17px
    }

    #about_us_page_design figure.effect-bubba p {
        margin-top: 87%;
        font-size: 15px
    }

    h3 {
        font-size: 26px
    }

    #did_u_know p.did_u_know_title {
        text-align: center;
        font-size: 45px;
        padding: 0
    }

    #did_u_know span.know {
        font-size: 60px
    }

    #did_u_know p.desc {
        padding: 0 0 40px
    }

    #did_u_know p.did_u_know_title:after, #main-menu #default-menu .top-bar-list, #main-slider .slogans .description {
        display: none
    }

    #wrapper1 {
        height: 24em
    }

    #main {
        background-position: 45% 50%
    }

    #ea-modal span.free_V_C:before {
        left: -4px;
        top: -2px
    }

    #ea-modal span.free_V_C:after {
        left: -4px;
        top: 1px
    }

    span .free:after {
        left: -2px;
        top: 3px
    }

    span.free:before {
        top: 1px
    }

    .expert-advice .expert-advice-wrapper p.title {
        font-size: 34px;
        margin-bottom: 20px
    }

    .ea-btn {
        margin-top: 40px;
        margin-bottom: 40px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper {
        padding: 120px 0 20px
    }

    #footer_section .backend .footer-content .well, .menu-wrap .table-wrap .navbar-nav > li, .modal-body, .modal-header {
        padding: 15px
    }

    .expert-advice .expert-advice-wrapper p {
        color: #fff;
        font-size: 20px
    }

    #ea-modal .modal-body .expert-advice {
        background-position: 9% 50%;
        background-size: cover
    }

        #ea-modal .modal-body .expert-advice .expert-advice-wrapper p.title {
            font-size: 24px;
            margin-bottom: 20px
        }

        #ea-modal .modal-body .expert-advice .expert-advice-wrapper .caps, #ea-modal .modal-body .expert-advice .expert-advice-wrapper p {
            font-size: 16px
        }

    #ea-modal .ea-btn {
        margin-bottom: 20px
    }

    .container {
        max-width: 360px
    }

    #main-menu .navbar-header .navbar-toggle {
        margin-top: 35px
    }

        #main-menu .navbar-header .navbar-toggle:before {
            left: -10%
        }

    #main-slider .slogans .heading {
        margin-bottom: 40px;
        font-size: 20px
    }

    #main-slider .carousel-inner, #main-slider .item .slogans {
        height: 240px
    }

    #main-slider .item .slogans {
        padding: 70px 15px 0;
        height: 240px;
        width: 150px
    }

    #boxes .well .thumbnail {
        padding: 25px 5px 20px
    }

        #boxes .well .thumbnail p.heading {
            font-size: 18px
        }

        #boxes .well .thumbnail i {
            font-size: 34px;
            width: 60px;
            height: 60px;
            line-height: 60px;
            margin: -60px auto 20px
        }

    figure.effect-apollo div.title {
        bottom: 25px
    }

    #our-partners p.heading:before {
        right: 15%
    }

    #our-partners .partners-list li a img {
        width: 80px
    }

    #testimonials-section p.title {
        font-size: 17px;
        margin-bottom: 10px;
        margin-top: -35px
    }

        #testimonials-section p.title:before {
            left: 2%
        }

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

    ul.social-list li {
        margin: 0 20px 0 0
    }

        ul.social-list li a i {
            font-size: 18px;
            width: 30px;
            height: 30px;
            line-height: 30px
        }

    .contact-form .intl-tel-input .country-list {
        min-width: 270px
    }

    .secure-shield {
        margin: 0
    }

    .modal-body {
        color: #221d20;
        font-weight: 400
    }

    #img-footer-text {
        background: #ae5416;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 21px;
        line-height: 40px;
        min-height: 130px;
        justify-content: center
    }

    #testimonial p {
        font-family: 'Times New Roman',serif;
        font-style: italic;
        font-size: 20px;
        line-height: 30px
    }

    .menu-wrap .table-wrap .navbar-nav > li > ul > li > a {
        color: #fff;
        font-size: 16px;
        padding: 5px 15px;
        display: block;
        font-weight: 400
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    #offers h4 {
        font-size: 23px
    }

    li .heading {
        font-size: 22px !important
    }

    #img-footer-text p {
        font-size: 24px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper .caps, #ea-modal .modal-body .expert-advice .expert-advice-wrapper p, #testimonial p {
        font-size: 22px
    }

    #bubble_testimonial .owl-theme .owl-controls {
        margin-top: -20px
    }

    .the-inner p.title {
        font-size: 48px
    }

    #did_u_know p.did_u_know_title:after {
        right: -197px
    }

    #wrapper1 {
        padding: 0
    }

    #main {
        background-position: 40% 50%
    }

    span.free:after {
        left: -2px;
        top: 3px
    }

    span.free:before {
        top: 1px
    }

    .expert-advice .expert-advice-wrapper p.title {
        font-size: 34px;
        margin-bottom: 20px
    }

    .ea-btn {
        margin-top: 40px;
        margin-bottom: 40px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper {
        padding: 120px 0 20px
    }

    .expert-advice .expert-advice-wrapper .caps {
        font-size: 20px
    }

    .expert-advice .expert-advice-wrapper p {
        color: #fff;
        font-size: 20px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper p.title {
        font-size: 30px;
        margin-bottom: 20px
    }

    #ea-modal .ea-btn {
        margin-bottom: 20px
    }

    .container {
        max-width: 540px
    }

    #img-footer-text {
        background: #ae5416;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 21px;
        line-height: 40px;
        min-height: 130px;
        justify-content: center
    }

    #testimonial p {
        font-family: 'Times New Roman',serif;
        font-style: italic;
        line-height: 30px
    }

    .menu-wrap .table-wrap .navbar-nav > li > ul > li > a {
        color: #fff;
        font-size: 16px;
        padding: 5px 15px;
        display: block;
        font-weight: 400
    }
}

@media(min-width:768px) {
    #main-menu .navbar-nav {
        float: none;
        text-align: right;
        padding-top: 15px
    }

        #main-menu .navbar-nav > li {
            float: none;
            display: inline-block
        }

    #main-menu .navbar-header {
        float: left;
        position: absolute;
        top: -35px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    #testimonials-section .contact_page {
        margin-top: -120px
    }

    #canvas.map, .ea-btn {
        margin-top: 40px
    }

    .navbar-brand > img {
        z-index: 2;
        position: absolute
    }

    #bubble_testimonial .owl-theme .owl-controls {
        margin-top: -10px
    }

    #img-footer-text p, .expert-advice .expert-advice-wrapper .caps {
        font-size: 26px
    }

    #about_us_page_design .grid figure figcaption, #wrapper1, .expert-advice .expert-advice-wrapper {
        padding: 0
    }

    #about_us_page_design figure.effect-bubba p {
        margin-top: 84%;
        font-size: 14px
    }

    #about_us_page_design figure.effect-bubba h2 {
        transform: translate(0,186px);
        font-size: 16px
    }

    #about_us_page_design .grid figure {
        width: 28%
    }

    #did_u_know p.did_u_know_title:after {
        right: -295px
    }

    .expert-advice .expert-advice-wrapper p.title {
        font-size: 40px
    }

    .ea-btn {
        margin-bottom: 40px
    }

    #ea-modal .modal-body .expert-advice .expert-advice-wrapper {
        padding: 120px 0 20px
    }

    .expert-advice .expert-advice-wrapper .line {
        padding: 0 30px
    }

    #ea-modal .modal-dialog {
        width: 95%;
        float: none !important;
        margin: auto
    }

    .secure-shield {
        margin: 20px 0 0 10px;
        width: 170px
    }

    #img-footer-text {
        line-height: 40px;
        min-height: 62px
    }

    #offers .inner-img {
        background-size: cover
    }

    #testimonial p {
        font-size: 20px;
        line-height: 28px
    }

    .menu-wrap .table-wrap .navbar-nav > li > ul > li > a {
        color: #fff;
        font-size: 15px;
        padding: 8px 0;
        display: inline;
        font-weight: 400;
        line-height: 2.5
    }

    .menu-wrap .table-wrap .navbar-nav > li {
        display: inline-table
    }

    #main-menu .top-bar ul li {
        padding-left: 15px
    }

    #main-menu .top-bar .content-section {
        margin-left: 45px
    }

        #main-menu .top-bar .content-section:before {
            left: 6%
        }

    #main-menu #default-menu .top-bar-list li:last-child a {
        padding: 5px 15px
    }

    #main-menu #default-menu .top-bar-list li {
        margin-left: 10px
    }

        #main-menu #default-menu .top-bar-list li a i {
            margin-right: 2px
        }

    #main-menu .navbar-header {
        top: -7px
    }

        #main-menu .navbar-header .navbar-brand > img {
            margin: 0;
            width: 165px
        }

    #main-menu .navbar-nav > li > a {
        padding: 8px 20px
    }

    #main-slider {
        margin-top: 228px
    }

        #main-slider .slogans .heading {
            font-size: 32px
        }

        #main-slider .slogans .description {
            font-size: 20px
        }

        #main-slider .slogans .btn-primary {
            padding: 10px
        }

        #main-slider .item .slogans {
            padding: 80px 15px 0;
            width: 370px
        }

    #boxes .well .thumbnail {
        padding: 35px 5px 30px
    }

        #boxes .well .thumbnail p.heading, #newsletter .slogans p.description, #testimonials .item blockquote {
            font-size: 18px
        }

        #boxes .well .thumbnail i {
            font-size: 40px;
            width: 65px;
            height: 65px;
            line-height: 65px;
            margin: -65px auto 20px
        }

    figure.effect-apollo div.title {
        bottom: 15px;
        padding: 8px 10px
    }

    #our-partners p.heading:before {
        right: 60%
    }

    #our-partners .partners-list li a img {
        width: 138px
    }

    #testimonials-section p.title:before {
        left: 18%
    }

    #newsletter .slogans p.title {
        font-size: 28px
    }

    #newsletter .well:before {
        width: 115%;
        right: -24px
    }

    ul.social-list li a i {
        font-size: 18px;
        width: 37px;
        height: 37px;
        line-height: 37px
    }

    ul.social-list li {
        margin: 0 25px 25px 0
    }

    #address-block .block {
        padding: 50px 25px
    }

    .contact-form .btn-primary {
        margin-right: 20px
    }

    #footer_section .contact-form .secure-shield {
        margin: 25px 0 0
    }

    .contact-form .intl-tel-input .country-list {
        min-width: 272px
    }

    #footer_section .footer-menu-h li a {
        padding: 5px 20px
    }

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

@media (min-width:992px) and (max-width:1199.98px) {
    #testimonials-section .contact_page {
        margin-top: -110px
    }

    .navbar-brand > img {
        z-index: 2;
        position: absolute
    }

    #bubble_testimonial .owl-theme .owl-controls {
        margin-top: -8px
    }

    #about_us_page_design .grid figure {
        width: 28.33%
    }

    #about_us_page_design figure.effect-bubba h2 {
        font-size: 18px;
        transform: translate(0,200px)
    }

    #about_us_page_design figure.effect-bubba p {
        margin-top: 99%;
        font-size: 17px
    }

    #did_u_know p.did_u_know_title:after {
        right: -139px
    }

    #did_u_know p.did_u_know_title {
        font-size: 64px
    }

    #did_u_know span.know {
        font-size: 77px
    }

    #wrapper1 {
        padding: 0
    }

    .expert-advice {
        background-position: 25% 50%
    }

    #ea-modal .modal-dialog {
        width: 90%
    }

    .secure-shield {
        width: 224px
    }

    #offers .inner {
        background: #fff;
        padding: 28px 40px
    }

    #offers .inner-img {
        padding: 67px
    }

    #welcome-content .bio {
        margin-top: 30px
    }

    #img-footer-text {
        line-height: 40px;
        min-height: 80px
    }

    #main-menu .top-bar ul li {
        padding-left: 15px
    }

    #main-menu .top-bar .content-section {
        margin-left: 250px
    }

        #main-menu .top-bar .content-section:before, #testimonials-section p.title:before {
            left: 25%
        }

    #main-menu .navbar-nav > li > a {
        padding: 8px 11px
    }

    #our-partners p.heading:before {
        right: 70%
    }

    #our-partners .partners-list li a img {
        width: 115px
    }

    ul.social-list li {
        margin: 0 25px 0 0
    }

    #address-block .block {
        padding: 50px 25px
    }

    .contact-form .btn-primary {
        margin-right: 20px
    }

    #footer_section .footer-menu-h li a {
        padding: 5px 20px
    }
}

@media(min-width:0) and (max-width:1024px) {
    .back-to-top {
        bottom: 7px;
        right: 7px
    }

    #share-wrapper {
        display: inherit
    }

    #footer_section .copyright {
        margin-bottom: 48px
    }
}

.acess-container {
    z-index: 9999999999 !important
}

#pe-modal .modal-content {
    background: #fff !important
}

#pe-modal .modal-title, .pe-modal .modal-title {
    color: #ae5416 !important;
    text-shadow: none !important
}

#pe-modal .modal-body p.heading, .pe-modal .modal-body p.heading {
    color: #131212 !important
}

#ads-pe #verticle-tabs .tabs-left > li.active > a i, #ads-pe #verticle-tabs .tabs-left > li.active > a:focus i, #ads-pe #verticle-tabs .tabs-left > li.active > a:hover i, #ads-pe #verticle-tabs .tabs-left > li > a, #ads-pe #video-panels a.pe-procedure-thumbnail:focus p, #ads-pe #video-panels a.pe-procedure-thumbnail:hover p, #ads-pe #video-panels a:focus, #ads-pe #video-panels a:focus .panel-title, #ads-pe #video-panels a:hover, #ads-pe #video-panels a:hover .panel-title {
    color: #9e4634 !important
}

    #ads-pe #pe-videos-section #pe .verticle-tabs .tabs-left > li > a:focus i, #ads-pe #verticle-tabs .tabs-left > li > a:hover i, #ads-pe #video-panels .accordion-toggle .panel-heading:after, #ads-pe #video-panels .accordion-toggle.collapsed .panel-heading:after, #ads-pe #video-panels .accordion-toggle[aria-expanded=false] .panel-heading:after {
        color: #c76b25 !important
    }

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

.blog-article-content ol li:has(h1,h2,h3,h4)::marker {
    font-size: 22px;
    color: #000
}

.lazy-section {
    content-visibility: auto;
    contain: layout;
    contain-intrinsic-size: 300px
}
.tl-dr {
    border-left: 5px solid #6c757d;
    margin-bottom: 20px;
    margin-left: 10px;
}
    .tl-dr h2 {
        margin: 10px 0 20px !important;
    }


@media(min-width:767px) {
    .tl-dr {
        margin-left: 30px;
        margin-top:5px;
    }
}
.img-blog{
    display:flex;
    justify-content:center;
    align-items:center;
}
@media(min-width:1440px) {
    .img-blog {
        margin-top:30px;
    }
}
/*Kerlo*/
.klaro {
    --green1: #9c4a37;
    --green2: #a7cd59;
    --green3: #8fb641;
    --blue1: #3671b8;
    --blue2: #3671b8;
    --dark1: #ffff;
    --dark2: #535353;
    --dark3: #292929;
    --light1: #333;
    --light2: #e7e7e7;
    --light3: #8e8b89;
    --white2: #f4f4f4;
    --white3: #e7e5e2;
    --button-text-color: #ffffff;
    --font-family: inherit;
}

    .klaro.cm-as-context-notice {
        padding: 0px !important;
    }

    .klaro .context-notice {
        background-image: url("/img/map.jpg") !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .klaro .context-notice p {
            font-size: 18px !important;
            font-weight: 400 !important;
            color:#000 !important;
        }

    .klaro .cookie-notice:not(.cookie-modal-notice) {
        z-index: 999999 !important;
    }

.cookie-preferences-btn {
    position: fixed;
    left: 10px;
    bottom: 68px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .cookie-preferences-btn img {
        display: block;
        width: 45px;
        height: 45px;
        object-fit: contain;
    }

    .cookie-preferences-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.24);
    }

    .cookie-preferences-btn:focus-visible {
        outline: 3px solid #006fb9;
        outline-offset: 3px;
    }
.form-check-label{
    color:#000 !important;
}
.secure-shield i.security-shield-icon {
    float: left;
    margin-right: 7px;
    background: url(../img/security-shield-icon.svg) no-repeat rgba(255, 255, 255, 0);
    background-size: cover;
    width: 42px;
    height: 42px;
}

@media (max-width: 575px) {
    .cookie-preferences-btn {
        left: 10px;
        bottom: 62px;
        width: 40px;
        height: 40px;
    }

        .cookie-preferences-btn img {
            width: 34px;
            height: 27px;
        }
}
.modal .contact-form label {
    color: #000000 !important;
}