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

body, input, select, textarea {
    color: #4e4e4e;
    /* font-family: 'Source Sans Pro', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    font-size: 16pt;
    font-weight: 300;
    text-rendering: optimizelegibility;
    font-family: 'Sanchez', serif;
}

:root {
    /*--main-bg-color: #0089cf;*/
    --main-bg-color: #6699cc;
    --btn-shd: 0 5px 0 #9ec0e3;
    --shd-col: #9ec0e3;
    --txt-color: black;
    --after-col: rgba(158, 192, 227, 0.37);
}

.rw-request-appointment {
    padding: 0 !important;
    margin: -20px 0 0 -20px;
    height: 800px !important;
}
    a {
    outline: none;
    color: black;
    -webkit-transition: all 600ms linear 0s;
    -moz-transition: all 600ms linear 0s;
    -o-transition: all 600ms linear 0s;
    transition: all 600ms linear 0s;
}

    a:hover, a:focus {
        color: #000000;
        text-decoration: none;
        outline: none;
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

#header-info {
    padding: 8px 0;
    background: #f9f9f9;
}

    #header-info .addressBar {
        margin: 0 auto;
        text-align: right;
    }

        #header-info .addressBar address {
            margin-bottom: 0px;
        }

    #header-info address a {
        color: var(--txt-color);
        font-size: 16px;
        margin-bottom: 10px;
        vertical-align: middle;
        font-family: 'Sanchez', serif;
    }

    #header-info address {
        color: var(--txt-color);
        font-size: 16px;
        margin-bottom: 10px;
        vertical-align: middle;
        font-family: 'Sanchez', serif;
    }

        #header-info address i.fa-map-marker {
            color: #669acc;
        }

        #header-info address a:hover {
            color: #444;
        }

        #header-info address a i {
            font-size: 20px;
            color: #669acc;
        }

    #header-info .headerPhone {
        color: var(--txt-color);
        font-size: 30px;
        margin-left: 10px;
        font-family: 'Cinzel', serif;
    }

        #header-info .headerPhone i {
            color: #669acc;
            font-size: 32px;
            margin-left: 30px;
        }

.Ftitle{
    font-size:18px !important;
}

.Ftitle a {
    color: var(--txt-color) !important;
}

    .Ftitle a:hover {
        color: var(--main-bg-color) !important;
    }

.brdr {
    margin:0 auto !important;
    border: 4px solid rgba(102, 154, 204, 0.15) !important;
    margin: 3px 0 20px !important;
    padding: 0px !important;
    box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.1) !important;
}

#main-menu {
    background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
    margin-bottom: 0;
    /*position: absolute;*/
    width: 100%;
    transition: all .5s linear;
}

    #main-menu.fixed-header {
        position: fixed;
        top: 0;
        width: 100%;
        box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.2);
        /*z-index: 9999999;*/
        background: #fff none repeat scroll 0 0;
        border: none;
    }

#sub-page #main-menu {
    position: relative;
}

    #sub-page #main-menu.fixed-header {
        position: fixed;
    }

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.hidden-field {
    display: none;
}

.topContact {
    float: right;
    background: #ffffff;
    height: 66px;
    padding-top: 8px;
}

    /*.topContact:hover {
        background-color: var(--txt-color);
    }*/

    .topContact.appointment {
        margin-left: 10px;
    }

#top-bar {
    background-color: #0c2428;
    padding: 0;
    position: relative;
    opacity: 0;
    z-index: 101;
    -moz-animation: header 1s 0.20s forwards;
    -webkit-animation: header 1s 0.20s forwards;
    -o-animation: header 1s 0.20s forwards;
    -ms-animation: header 1s 0.20s forwards;
    animation: header 1s 0.20s forwards;
}

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

        #top-bar .contact-details li {
            display: inline-block;
        }

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

            #top-bar .contact-details li:first-child a:before {
                display: none;
            }

            #top-bar .contact-details li a {
                font-size: 14px;
                display: block;
                line-height: 32px;
                color: #ccc;
            }

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

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

.doctor-name {
    display: block;
    font-size: 40px;
    /* margin: 16px 0 0 0; */
    line-height: 1.1;
    color: #a94442;
    /*font-family: 'Dancing Script', cursive;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.subtitle-name {
    font-size: 18px;
    color: #000;
    margin: 8px 0 15px;
    font-weight: 400;
    line-height: 1.1;
    /*letter-spacing: 5.5px;*/
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    font-family: 'Sanchez', serif;
    font-family: 'Pinyon Script', cursive;
}

#default-menu .navbar-brand > img {
    display: block;
    position: absolute;
    top: -42px;
}

#main-menu.fixed-header #default-menu .navbar-brand > img {
    display: block;
    position: absolute;
    top: 0;
    width: 290px;
}

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

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

        ul.social-list li a {
            display: inline-block;
            color: #ccc;
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0);
            -webkit-transition: all 600ms linear 0s;
            -moz-transition: all 600ms linear 0s;
            -o-transition: all 600ms linear 0s;
            transition: all 600ms linear 0s;
        }

            ul.social-list li a:hover {
                color: #fff;
                -webkit-transition: all 300ms linear 0s;
                -moz-transition: all 300ms linear 0s;
                -o-transition: all 300ms linear 0s;
                transition: all 300ms linear 0s;
            }

            ul.social-list li a.facebook:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #507CBE inset;
            }

            ul.social-list li a.twitter:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #63CDF1 inset;
            }

            ul.social-list li a.google:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #F16261 inset;
            }

            ul.social-list li a.dribbble:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #E46387 inset;
            }

            ul.social-list li a.linkdin:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #90CADD inset;
            }

            ul.social-list li a.tumblr:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #4D7EA3 inset;
            }

            ul.social-list li a.flickr:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #E474AF inset;
            }

            ul.social-list li a.instgram:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #4D4F54 inset;
            }

            ul.social-list li a.vimeo:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #87D3E0 inset;
            }

            ul.social-list li a.skype:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #507CBE inset;
            }

            ul.social-list li a.youtube:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #bb0000 inset;
            }

            ul.social-list li a.pinterest:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #cb2027 inset;
            }

            ul.social-list li a.instagram:hover {
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -40px 0 #3f729b inset;
            }

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

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

i.fa.fa-2x.pull-right {
    font-size:1.5em;
}
i.fa.fa-facebook.fa-2x.pull-right { color: #3b5998;}
i.fa.fa-google.fa-2x.pull-right {  color: #d81a0e;}
i.fa.fa-yelp.fa-2x.pull-right { color:#7a0801;}

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

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

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

    .show-search i {
        font-size: 20px !important;
        display: block;
        color: #ccc;
        width: 37px;
        height: 33px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        line-height: 30px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.04);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .show-search:hover i, .show-search:focus i {
        color: #fcc9a0;
    }

label {
    font-size: 14px;
    font-weight: 600;
}

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

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

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

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

#main-menu #default-menu {
    opacity: 0;
    background: #fbe6cb;
    background: rgb(249, 249, 249);
    position: relative;
    z-index: 100;
    -moz-animation: header 1s 1.15s forwards;
    -webkit-animation: header 1s 1.15s forwards;
    -o-animation: header 1s 1.15s forwards;
    -ms-animation: header 1s 1.15s forwards;
    animation: header 1s 1.15s forwards;
    /* padding: 8px 0; */
}

#main-menu .navbar-nav > li > a {
    color: #7a0801;
    font-size: 18px;
    font-weight: 500;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); */
    background: rgba(0, 0, 0, 0);
    padding: 35px 15px;
    box-shadow: 0 0 0 #000;
}

    #main-menu .navbar-nav > li > a:hover, #main-menu .navbar-nav > li > a:focus {
        color: #ffffff !important;
        /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); */
        background: #669acc;
        /* box-shadow: 0 0 0 #000, 0 -3px 0 #7a0801 inset, 0 -90px 0 rgb(242, 242, 242) inset; */
    }

#main-menu .navbar-nav > li.active > a {
    color: #14282c;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 #000, 0 -90px 0 rgba(241, 120, 44, 0.05) inset, 0 -3px 0 #f1782c inset;
}

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

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

    #main-menu .navbar-nav > li .dropdown-menu > li:nth-last-child(1) > a {
        border-bottom: 1px dotted rgba(0, 0, 0, 0.0);
    }

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

#main-menu .navbar-header .navbar-brand {
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 24px;
    padding: 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.logo-fixed-bar {
        display: none;
    }

#main-menu.fixed-header .navbar-nav > li > a {
    /*padding: 15px 15px;*/
}

#main-menu.fixed-header #service-menu .navbar-nav > li > a {
    /*padding: 10px 15px;
    font-size: 16px;*/
}

#service-menu {
    min-height: 100%;
}

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

    #main-menu.fixed-header .navbar-header .navbar-brand > img {
        /*display: none;*/
    }

        #main-menu.fixed-header .navbar-header .navbar-brand > img.logo-fixed-bar {
            display: block;
            height: 34px;
        }

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@keyframes wrapper {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#main {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f1e9e6;
    /* height: 100%; */
    opacity: 1;
    left: 0;
    top: 0;
    display: table;
    height: 100%;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

    100% {
        -moz-transform: translate3d(-1600px,0,0);
        -webkit-transform: translate3d(-1600px,0,0);
        -o-transform: translate3d(-1600px,0,0);
        -ms-transform: translate3d(-1600px,0,0);
        transform: translate3d(-1600px,0,0);
    }
}
/* Overlay */
@-moz-keyframes overlay {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.25;
    }
}

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

    100% {
        opacity: 0.25;
    }
}

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

    100% {
        opacity: 0.25;
    }
}

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

    100% {
        opacity: 0.25;
    }
}

@keyframes overlay {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.25;
    }
}

#overlay {
    /*-moz-animation: overlay 1.5s 1.5s forwards;*/
    /* -webkit-animation: overlay 1.5s 1.5s forwards; */
    /*-o-animation: overlay 1.5s 1.5s forwards;*/
    /*-ms-animation: overlay 1.5s 1.5s forwards;*/
    /* animation: overlay 1.5s 1.5s forwards; */
    /* background-attachment: fixed, fixed; */
    /* background-image: url(../img/overlay-pattern.png), url(../img/overlay.svg); */
    /* background-color: #000000; */
    /* background-position: top left, center center; */
    /* background-repeat: repeat, no-repeat; */
    /* background-size: auto, cover; */
    /* height: 100%; */
    /* left: 0; */
    /* opacity: 0; */
    /* position: fixed; */
    /* top: 0; */
    /* width: 100%; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#header {
    -moz-animation: header 1s 2.25s forwards;
    -webkit-animation: header 1s 2.25s forwards;
    -o-animation: header 1s 2.25s forwards;
    -ms-animation: header 1s 2.25s forwards;
    animation: header 1s 2.25s forwards;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    cursor: default;
    display: table-cell;
    opacity: 0;
    position: relative;
    text-align: left;
    /*top: 20%;*/
    vertical-align: middle;
    width: 100%;
}

    #header p.practice-name {
        font-size: 62px;
        letter-spacing: 0;
        line-height: 1em;
        text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
        color: #ffffff;
        text-align: center;
        /* margin-top: 10%; */
        font-weight: 700;
        font-family: 'Dancing Script', cursive;
        /*font-family: 'Prata', serif*/
    }

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

    #header .btn-primary {
        font-size: 18px;
        background: rgb(244, 123, 32);
        border: 3px solid rgba(255, 255, 255, 0.63);
        border-radius: 0;
        /* margin: 0 95px; */
        width: 275px;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    }

        #header .btn-primary:hover, #header .btn-primary:focus {
            /* background: rgba(0, 0, 0, 0.85); */
            border: 3px solid rgb(255, 255, 255);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5), 0px -40px 0 rgba(255, 255, 255, 0.9) inset;
            color: #000;
        }

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

#bottom {
    /*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
    background-color: rgba(0,0,0,0.05);*/
    bottom: 0;
    cursor: default;
    /*height: 100%;*/
    left: 0;
    /*line-height: 8em;*/
    position: relative;
    text-align: center;
    width: 100%;
    display: table-row;
}

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

    .arrows:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -moz-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -o-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -ms-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -webkit-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        animation: arrows 3s linear infinite;
        -o-animation: arrows 3s linear infinite;
        -moz-animation: arrows 3s linear infinite;
        -webkit-animation: arrows 3s linear infinite;
        -ms-animation: arrows 3s linear infinite;
    }

    .arrows:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(53.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(53.33333px, 0px) rotate(-45deg);
        -o-transform: translate(53.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(53.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(53.33333px, 0px) rotate(-45deg);
        animation: arrows 3s linear infinite -1.5s;
        -o-animation: arrows 3s linear infinite -1.5s;
        -moz-animation: arrows 3s linear infinite -1.5s;
        -ms-animation: arrows 3s linear infinite -1.5s;
        -webkit-animation: arrows 3s linear infinite -1.5s;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#service-menu {
    background-color: #ffffff;
    position: relative;
    z-index: 80;
    width: 100%;
    display: block;
    margin-bottom: 0;
    opacity: 0;
    -moz-animation: header 1s 1.20s forwards;
    -webkit-animation: header 1s 1.20s forwards;
    -o-animation: header 1s 1.20s forwards;
    -ms-animation: header 1s 1.20s forwards;
    animation: header 1s 1.20s forwards;
    border-top: 1px solid #f1f1f1;
}

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

#main-menu #service-menu .navbar-brand {
    display: none;
}

.menu-active {
    color: #7a0801 !important;
    /* box-shadow: 0 0 0 #000, 0 -3px 0 #7a0801 inset, 0 -90px 0 rgb(255, 255, 255) inset !important; */
}

#service-menu .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 700;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); */
    background: rgba(0, 0, 0, 0);
    padding: 7px 24px;
    /* box-shadow: 0 0 0 #000; */
    /* border-left: 2px solid #fff; */
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    color: var(--txt-color) !important;
    background-color: white;
    font-family: 'Sanchez', serif;
    letter-spacing: 1px;
}

#service-menu .navbar-nav > li:nth-child(1) > a:hover, #service-menu .navbar-nav > li:nth-child(1) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(2) > a:hover, #service-menu .navbar-nav > li:nth-child(2) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(3) > a:hover, #service-menu .navbar-nav > li:nth-child(3) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(4) > a:hover, #service-menu .navbar-nav > li:nth-child(4) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(5) > a:hover, #service-menu .navbar-nav > li:nth-child(5) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(6) > a:hover, #service-menu .navbar-nav > li:nth-child(6) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li:nth-child(7) > a:hover, #service-menu .navbar-nav > li:nth-child(7) > a:focus {
    color: #7a0801;
}

#service-menu .navbar-nav > li > a:hover, #service-menu .navbar-nav > li > a:focus {
    color: #7a0801;
    /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2); */
    /* background: rgba(0, 0, 0, 0); */
}

#service-menu .navbar-nav > li.active > a {
    color: #f1782c;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0);
}

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

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

    #service-menu .navbar-nav > li .dropdown-menu > li:nth-last-child(1) > a {
        border-bottom: 1px dotted rgba(0, 0, 0, 0.0);
    }

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

#intro {
    background: rgba(255, 255, 255, 0.95) /*url(../img/lightpattern.png) repeat scroll 0 0*/;
    padding: 0 0 80px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #ffffff;
}

    #intro p {
        font-size: 26px;
        color: #0c2428;
    }

a.btn.btn-meet {
    margin: auto !important;
    text-align: center;
    min-width: 220px;
    display: inline-block;
    padding: 12px 10px;
    margin: 0 5px 15px 0;
    box-sizing: border-box;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    background: var(--main-bg-color);
    line-height: 1.2;
    border: 1px solid var(--main-bg-color);
    box-shadow: var(--btn-shd);
    display: table;
    border-radius: 0;
    font-family: 'Sanchez', serif;
}

.officeDetails a.btn.btn-meetOne {
    color: #ffffff;
    border: 1px solid white;
}

.officeDetails img {
    border: 9px solid #669acc;
    position: relative;
}



a.btn.btn-meetOne {
    margin: auto !important;
    text-align: center;
    min-width: 220px;
    display: inline-block;
    padding: 12px 60px;
    margin: 0 5px 15px 0;
    box-sizing: border-box;
    text-align: center;
    color: #0188cc;
    font-size: 18px;
    background: none;
    line-height: 1.2;
    display: table;
    border-radius: 0;
    font-family: 'Sanchez', serif;
    border: 2px solid var(--main-bg-color);
    box-shadow: var(--btn-shd);
    color: rgb(255, 255, 255);
    background: var(--main-bg-color);
    text-transform: none;
}

    a.btn.btn-meetOne:hover {
        background-color: white;
        box-shadow: 0 5px 0 var(--main-bg-color);
        color: var(--txt-color);
        border: 1px solid white;
    }

a.btn.btn-meet:hover {
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    color: var(--txt-color);
    border-color: var(--txt-color);
}

.col-xs-12.home-staffs {
    margin:30px auto 0px;
}
    .col-xs-12.home-staffs > img.img-responsive {
        display:block;
        /*width:50%;*/
        float:none;
        margin:auto;
    }


#welcome-content {
    /*background: #fcfcfa none repeat scroll 0 0;*/
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    #welcome-content .skew-section {
        /*background: rgba(251, 230, 203, 0.38) /*url(../img/dark-pattern.png) repeat scroll 0 0*/;
        */ z-index: 1;
        padding-top: 80px;
        padding-bottom: 80px;
    }

        #welcome-content .skew-section .container h1.title {
            font-size: 48px;
            font-weight: 400;
            margin-bottom: 34px;
            /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
            color: #ffffff;
            text-align: center;
            margin-top: 16px;
        }

            #welcome-content .skew-section .container h1.title span {
                font-size: 60px;
                font-weight: normal;
                /* letter-spacing: 1px; */
                /* line-height: 1em; */
                /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
                color: var(--txt-color);
                font-weight: 400;
                text-transform: uppercase;
                text-align: center;
                font-family: 'Cinzel', serif;
                padding-top: 0px;
                margin-top: 0px;
                line-height: 0;
            }
        /*#welcome-content .skew-section .container h1.title::after {
    background: #7a0801 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    margin: 15px 0 35px;
    position: relative;
    width: 150px;
}*/
        #welcome-content .skew-section .container p, #welcome-content .skew-section .container ol, #welcome-content .skew-section .container ul {
            font-size: 16px;
            font-weight: 400;
            /* margin-bottom: 20px; */
            text-align: left;
            /* text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); */
            color: #444444;
            font-family: 'Sanchez', serif;
        }

            #welcome-content .skew-section .container p b, #welcome-content .skew-section .container p strong {
                font-weight: 600;
            }

.profile img {
    border: 4px solid var(--main-bg-color);
    height:450px;
    position: relative;
    margin-bottom: 15px;
    object-fit:cover;
}

.profile > div {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    background-color: var(--main-bg-color);
    ;
    padding-top: 8px;
}

    .profile > div > p {
        text-align: center !important;
    }

#welcome-content .skew-section .container .profile > div p {
    color: white;
}

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

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

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

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

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

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

#sub-page #office-tour-carousal .carousel-control .glyphicon-chevron-left, #sub-page #office-tour-carousal .carousel-control .icon-next {
    margin-right: -10px;
    color: #ff8692;
}

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

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

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

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

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

div#recaptcha1 {
    margin-top: 30px;
}

span.max-char {
    font-size: 14px;
}

#why-ks {
    padding-top: 55px !important;
    text-align: center !important;
}

    #why-ks p {
        text-align: center !important;
    }

    #why-ks img {
        margin: 0 auto !important;
        border: 4px solid rgba(255, 255, 255, 0.65);
        /* margin: 3px 0 20px; */
        padding: 0px;
        /* box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.1); */
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        box-shadow: none !important;
        border-bottom: 1px solid #ccc !important;
    }

    #why-ks p {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #why-ks .thumbnail {
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

        #why-ks .thumbnail:hover, #why-ks .thumbnail:active {
            box-shadow: 0 10px 20px -10px #000, 0 -10px 20px -17px #000, 0 0px 35px rgba(0,0,0,0.05) inset;
            border-color: rgba(0,0,0,0.20);
            -webkit-transition: all 600ms linear 0s;
            -moz-transition: all 600ms linear 0s;
            -o-transition: all 600ms linear 0s;
            transition: all 600ms linear 0s;
        }

    #why-ks .addPay {
        font-size: 30px !important;
        margin-bottom: 50px !important;
    }
/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
        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.prev, .carousel-fade .carousel-inner > .item.active.left {
        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.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}

#why-choose {
    background: #7a0801 none repeat scroll 0 0 /*url(../img/lightpattern.png) repeat scroll 0 0*/;
    padding: 100px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #ffffff;
    display: none;
}

    #why-choose h2.title {
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
        text-align: left;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
    }

        #why-choose h2.title span {
            font-size: 40px;
            font-weight: 700;
            /* margin-left: 15px; */
            color: #ffffff;
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
        }
    /*#why-choose h2.title:after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    margin: 20px auto 55px;
    position: relative;
    width: 150px;
    float: left;
}*/
    #why-choose .thumbnail {
        color: #f56900;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0);
        /* border: 2px solid rgba(23, 63, 80, 0.0); */
        /* border-left: 2px solid rgba(23, 63, 80, 0.07); */
        /* border-radius: 0; */
        /* min-height: 320px; */
        /* box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0); */
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
        border: none;
    }

.choose {
    padding: 20px 0;
    display: flex;
}

#why-choose .choose:nth-child(1) {
    /* border-left: 2px solid rgba(23, 63, 80, 0.0); */
    color: #ffffff;
}

#why-choose .choose:nth-child(2) {
    color: #ffffff;
}

#why-choose .choose:nth-child(3) {
    color: #ffffff;
}

#why-choose .choose i {
    font-size: 45px;
    /* background: rgba(255, 255, 255, 0.50); */
    /* padding: 13px; */
    /* width: 100px; */
    /* height: 100px; */
    /* line-height: 2.1; */
    /* margin-bottom: 25px; */
    /* text-align: center; */
    /* border-radius: 50px; */
    /* border: 3px solid rgba(12, 36, 40, 0.25); */
    /* border-bottom: 7px solid rgba(12, 36, 40, 0.08); */
    /* border-top: 0px solid rgba(23, 63, 80, 0.15); */
    /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); */
    /* box-shadow: 1px 1px 10px 7px rgb(255, 255, 255) inset; */
    line-height: 60px;
    color: #3d3c3c;
}

#why-choose .choose p.heading {
    font-weight: 600;
    /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); */
    text-align: left;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
}

#why-choose .choose p.description {
    font-size: 15px;
    font-weight: normal;
    /* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45); */
    text-align: left;
    font-family: 'Montserrat', sans-serif;
}

.weLove {
    position: absolute;
    top: 0;
    left: 42%;
    right: 0;
    background: rgb(214, 173, 121) /*url(../img/dark-pattern.png) repeat scroll 0 0*/;
    width: 350px;
    /* box-shadow: 0 0 4px rgb(13, 36, 40); */
    /* border-right: 1px solid #c3eef5; */
    /* border-left: 1px solid #c3eef5; */
    transform-origin: 0% 0;
    -webkit-transform-origin: 0% 0;
    -moz-transform-origin: 0% 0;
    -o-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform: skew(-10deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    overflow: hidden;
}

#our-spl-features {
    /*background: var(--shd-col);*/
    background: url(/img/moreno-valley-1.jpg) no-repeat top;
    background-size:cover;
    padding: 30px;
    text-align: center;
    position: relative;
    border-top: 1px solid #ffffff;
}

    #our-spl-features p.title {
        margin-bottom: 40px;
        /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
        text-align: left;
        font-size: 32px;
        color: #7a0801;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

        #our-spl-features p.title span {
            font-size: 55px;
            /* letter-spacing: 1px; */
            line-height: 1em;
            /* margin-left: 15px; */
        }
    /*#our-spl-features p.title:after {
    background: #f79953 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    margin: 20px auto 55px;
    position: relative;
    width: 150px;
}*/
    #our-spl-features p.number {
        font-size: 50px;
        font-weight: 400;
        text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
        /* letter-spacing: 1px; */
        /* line-height: 1em; */
        /* margin-left: 15px; */
    }

        #our-spl-features p.number:after {
            background: #f9a86c none repeat scroll 0 0;
            content: "";
            display: block;
            height: 3px;
            margin: 20px auto 55px;
            position: relative;
            width: 80px;
        }

    #our-spl-features .thumbnail {
        color: #fff;
        /* padding: 20px; */
        /* background-color: rgba(255, 255, 255, 0.8); */
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 0;
        /* min-height: 300px; */
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

    #our-spl-features .block:nth-child(1) .thumbnail {
        background-color: #ed6b02;
    }

    #our-spl-features .block:nth-child(2) .thumbnail {
        background-color: #1fa059;
    }

    #our-spl-features .block:nth-child(3) .thumbnail {
        background-color: #1b57aa;
    }

    #our-spl-features .block:nth-child(4) .thumbnail {
        background-color: #bb1e1e;
    }

    #our-spl-features .thumbnail i {
        font-size: 60px;
        /* background: rgba(255, 255, 255, 0.50); */
        /* padding: 13px; */
        /* width: 130px; */
        /* height: 130px; */
        margin-bottom: 25px;
        text-align: center;
        /* border-radius: 78px; */
        /* border: 3px solid rgba(255, 255, 255, 0.15); */
        border-bottom: 6px solid rgba(61, 59, 59, 0.15);
        border-top: 0px solid rgba(23, 63, 80, 0.15);
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
        /* box-shadow: 1px 1px 10px 7px rgb(255, 255, 255) inset; */
        padding: 20px 0;
    }

    #our-spl-features .thumbnail p.heading {
        font-weight: 700;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);
    }

    #our-spl-features .thumbnail p.description {
        font-size: 15px;
        font-weight: normal;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);
    }

    #our-spl-features .thumbnail:hover, #our-spl-features .thumbnail:focus {
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -300px 0 rgba(255, 255, 255, 1) inset;
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

    #our-spl-features .block:nth-child(1) .thumbnail:hover, #our-spl-features .block:nth-child(1) .thumbnail:focus {
        color: #ed6b02;
    }

    #our-spl-features .block:nth-child(2) .thumbnail:hover, #our-spl-features .block:nth-child(2) .thumbnail:focus {
        color: #1fa059;
    }

    #our-spl-features .block:nth-child(3) .thumbnail:hover, #our-spl-features .block:nth-child(3) .thumbnail:focus {
        color: #1b57aa;
    }

    #our-spl-features .block:nth-child(4) .thumbnail:hover, #our-spl-features .block:nth-child(4) .thumbnail:focus {
        color: #bb1e1e;
    }

    #our-spl-features .thumbnail:hover i, #our-spl-features .thumbnail:focus i, #our-spl-features .thumbnail:hover p.heading, #our-spl-features .thumbnail:focus p.heading, #our-spl-features .thumbnail:hover p.description, #our-spl-features .thumbnail:focus p.description {
        text-shadow: none;
    }

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

    #ad-banner .skew-section {
        padding: 80px 0;
    }

        #ad-banner .skew-section:before {
            backface-visibility: initial;
            -moz-backface-visibility: initial;
            -ms-backface-visibility: initial;
            -webkit-backface-visibility: initial;
            -o-backface-visibility: initial;
            /* background: #ffffff /*url(../img/lightpattern.png) repeat scroll 0 0*/ */ content: "";
            height: 70px;
            left: 0;
            overflow: visible;
            position: absolute;
            top: -33px;
            transform: skewY(2.2deg);
            -webkit-transform: skewY(2.2deg);
            -moz-transform: skewY(2.2deg);
            -ms-transform: skewY(2.2deg);
            -o-transform: skewY(2.2deg);
            width: 100%;
            z-index: 2;
            /*box-shadow: 0 15px 0px 0 rgba(23, 63, 80, 0.6);*/
        }

        #ad-banner .skew-section:after {
            backface-visibility: initial;
            -moz-backface-visibility: initial;
            -webkit-backface-visibility: initial;
            -ms-backface-visibility: initial;
            -o-backface-visibility: initial;
            /* background: #ffffff /*url(../img/lightpattern.png) repeat scroll 0 0*/ */ content: "";
            height: 70px;
            left: 0;
            overflow: visible;
            position: absolute;
            bottom: -33px;
            transform: skewY(2.2deg);
            -webkit-transform: skewY(2.2deg);
            -moz-transform: skewY(2.2deg);
            -ms-transform: skewY(2.2deg);
            -o-transform: skewY(2.2deg);
            width: 100%;
            z-index: 2;
            /*box-shadow: 0px -15px 0px 0 rgba(23, 63, 80, 0.6);*/
        }

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

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

        #ad-banner .ad-img .btn-default {
            font-size: 20px;
            background: rgb(255, 255, 255);
            border: 3px solid rgb(244, 123, 32);
            border-radius: 0;
            margin: 20px 0 0 210px;
            width: 250px;
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
            color: #0c2428;
        }

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

            #ad-banner .ad-img .btn-default:hover, #ad-banner .ad-img .btn-default:focus {
                /*background: rgba(0, 0, 0, 0.85); */
                border: 3px solid rgb(252, 201, 160);
                box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05), 0px -40px 0 rgb(244, 123, 32) inset;
                color: #fff;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
            }
            a.forms {
                color:#669acc;
            }
            a.forms:hover {
                color:#000;
            }
                a.forms:hover .fa {
                    color: #669acc;
                }

#officeTech {
    background: #f9f9f9;
    padding: 24px 0;
}

.officeTechnology {
    background: rgb(234, 234, 234);
    padding: 40px;
    margin-top: 7px;
}
    .officeTechnology p.tech-desc {
        margin:12% auto;
    }
    .officeTechnology p {
        font-size: 17px;
        color: #444444;
        line-height: 22px;
        text-align: left;
    }

    .officeTechnology h3.title {
        font-size: 40px;
        font-weight: normal;
        /* letter-spacing: 1px; */
        /* line-height: 1em; */
        /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
        color: var(--txt-color);
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Cinzel', serif;
        padding-top: 0px;
        margin-top: 18px;
        line-height: 1.2;
        /* margin-bottom: 1px; */
    }

    .officeTechnology .doctorName {
    }

.officeTechImage {
    padding: 8px;
}

    .officeTechImage a > img {
        transition: .3s;
        overflow: hidden;
    }

    .officeTechImage a:hover > img {
        transform: scale(1.2);
    }

    .officeTechImage a {
        color: white;
        overflow: hidden;
        position: relative;
        display: block;
    }

        .officeTechImage a span {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: column;
            width: 100%;
            text-align: center;
        }

#officeTour {
    background: rgb(249, 249, 249);
    padding: 24px 0;
}

.offcieExperience {
    background: rgb(234, 234, 234) /*url(../img/pattern-gold.jpg) center center repeat*/;
    padding: 40px;
    margin-top: 7px;
    display: inline-block;
}

    .offcieExperience p {
        font-size: 16px;
        color: #444444;
        line-height: 26px;
        text-align: left;
    }

    .offcieExperience h3.title {
        font-size: 50px;
        font-weight: normal;
        /* letter-spacing: 1px; */
        /* line-height: 1em; */
        /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
        color: var(--txt-color);
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Cinzel', serif;
        padding-top: 0px;
        margin-top: 18px;
        line-height: .8;
        /* margin-bottom: 1px; */
    }

    .offcieExperience .doctorName {
    }

.officeTourImage {
    padding: 8px;
}

#our-services {
    background: rgb(251, 230, 203) url(../img/pattern-tan.jpg) repeat scroll 0 0;
    padding: 80px 0;
    text-align: justify;
    position: relative;
    border-top: 1px solid #ffffff;
}

    #our-services h3.title {
        font-size: 60px;
        font-weight: normal;
        /* letter-spacing: 1px; */
        /* line-height: 1em; */
        /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
        color: var(--txt-color);
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Cinzel', serif;
        padding-top: 0px;
        margin-top: 0px;
        line-height: 1.4;
        margin-bottom: 40px;
    }

        #our-services h3.title span {
            line-height: 1em;
            margin-left: 15px;
            font-size: 60px;
            color: #7a0801;
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            text-transform: uppercase;
        }

        #our-services h3.title:after {
            content: "";
            display: block;
            height: 4px;
            position: relative;
            width: 250px;
            text-align: center;
            background: none 0px 0px repeat scroll var(--after-col);
            margin: auto;
            margin-top: 17px;
            /* margin: auto; */
        }

    #our-services p.description {
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 20px;
        color: #555453;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
        font-family: 'Montserrat', sans-serif;
    }

.serviceDescription {
    font-family: 'Sanchez', serif;
    font-size: 18px;
    color: #212121;
}

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

#social-ratings h3.title {
    font-size: 60px;
    font-weight: normal;
    /* letter-spacing: 1px; */
    /* line-height: 1em; */
    /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
    color: var(--txt-color);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Cinzel', serif;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 1.4;
    margin-bottom: 40px;
}

    #social-ratings h3.title span {
        line-height: 1em;
        margin-left: 15px;
        font-size: 60px;
        color: #7a0801;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

    #social-ratings h3.title:after {
        content: "";
        display: block;
        height: 4px;
        position: relative;
        width: 250px;
        text-align: center;
        background: none 0px 0px repeat scroll var(--after-col);
        margin: auto;
        margin-top: 17px;
        /* margin: auto; */
    }

#social-ratings p.description {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #555453;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    font-family: 'Montserrat', sans-serif;
}
/*#services-rolls-images .thumbnail {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.05);
    border: 0px solid rgba(23, 63, 80, 0.0);
    border-left: 2px solid rgba(23, 63, 80, 0.07);
    border-bottom: 2px solid rgba(23, 63, 80, 0.07);
    text-align: center;
    padding: 30px 10px;
    border-radius: 0;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0);
    -webkit-transition: all 600ms linear 0s;
    -moz-transition: all 600ms linear 0s;
    -o-transition: all 600ms linear 0s;
    transition: all 600ms linear 0s;
}
#services-rolls-images .thumbnail:hover, #services-rolls-images .thumbnail:focus {
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
#services-rolls-images .thumbnail:nth-child(1):hover, #services-rolls-images .thumbnail:nth-child(1):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #eb3d35 inset;
}
#services-rolls-images .thumbnail:nth-child(2):hover, #services-rolls-images .thumbnail:nth-child(2):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #79a7f8 inset;
}
#services-rolls-images .thumbnail:nth-child(3):hover, #services-rolls-images .thumbnail:nth-child(3):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #f9c94f inset;
}
#services-rolls-images .thumbnail:nth-child(4):hover, #services-rolls-images .thumbnail:nth-child(4):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #3bb47b inset;
}
#services-rolls-images .thumbnail:nth-child(5):hover, #services-rolls-images .thumbnail:nth-child(5):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #e69604 inset;
}
#services-rolls-images .thumbnail:nth-child(6):hover, #services-rolls-images .thumbnail:nth-child(6):focus {
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #8e79f8 inset;
}
#services-rolls-images .thumbnail:nth-child(1), #services-rolls-images .thumbnail:nth-child(4) {
    border-left: 2px solid rgba(23, 63, 80, 0.0);
}
#services-rolls-images .thumbnail:nth-child(4), #services-rolls-images .thumbnail:nth-child(5), #services-rolls-images .thumbnail:nth-child(6) {
    border-bottom: 2px solid rgba(23, 63, 80, 0.0);
}
#services-rolls-images .thumbnail a {
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.45);
    color: #000;
}
#services-rolls-images .thumbnail a img {
    box-shadow: 0 0 35px rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border: 5px solid rgba(12, 36, 40, 0.6);
    border-bottom: 10px solid rgba(12, 36, 40, 0.15);
    border-top: 0px solid rgba(12, 36, 40, 0.15);
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    padding: 2px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
#services-rolls-images .thumbnail:hover a img,  #services-rolls-images .thumbnail:focus a img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: none;
}*/
.servicesBoxThumbs {
    /* padding: 4px; */
    /* margin-bottom: 20px; */
    /* min-height: 420px; */
    position: relative;
    background-color: #669acc;
    margin: 10px auto 15px;
    min-height: 230px;
    transition: background-color .3s linear;
}

#services-rolls-images .servicesBoxThumbs:hover .title {
    color: #fff;
}

.servicesBox {
    background-color: #a94442;
}

.btn-learnMore {
    font-size: 14px;
    text-align: left;
    display: initial;
    float: left;
    color: #ffffff;
    /* text-decoration: underline; */
    background: #7a0801;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 14px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

a.btn-learnMore:hover {
    background-color: #232221;
    color: #ffffff;
}

.insuranceBox {
    padding: 20px;
    background: rgb(234, 234, 234);
    margin-top: 24px;
}

    .insuranceBox h3 {
        color: var(--txt-color);
        font-size: 32px;
        text-transform: uppercase;
        font-family: 'Sanchez', serif;
    }

        .insuranceBox h3:after {
            width: 155px;
            height: 1px;
            opacity: 0.33;
            background-color: rgb(113, 87, 119);
            display: block;
            margin: 20px auto;
            content: "";
        }

    .insuranceBox p {
        max-width: 360px;
        margin: 0 auto;
        font-family: 'Sanchez', serif;
        font-size: 16px;
        color: #444;
        margin-bottom: 40px;
    }

#services-rolls-images img {
    border-radius: 5px;
}

#services-rolls-images .title {
    text-align: center;
    display: block;
    font-weight: 100;
    text-shadow: 0 0px black;
    padding: 92px 20px;
    font-size: 18px;
    font-weight: 600;
    height:230px;
    text-transform: uppercase;
    font-family: 'Sanchez', serif;
    line-height: 22px;
    color: #000;
    background-color: #ffffff61;
    letter-spacing: 1px;
    margin-top: 30px;
}

#services-rolls-images p {
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    color: #676767;
}

#testimonials-section {
    background: rgba(242, 123, 33, 0);
    position: relative;
    /* border-top: 1px solid #ffffff; */
}

    #testimonials-section .bg {
        background: rgb(255, 255, 255) /*url(../img/dark-pattern.png) repeat scroll 0 0*/;
        padding: 100px 0 100px;
    }

    #testimonials-section p.title {
        font-size: 40px;
        font-weight: 400;
        margin-bottom: 20px;
        color: #ffffff;
        text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
        text-align: center;
    }

        #testimonials-section p.title span {
            font-size: 73px;
            font-weight: normal;
            /* letter-spacing: 1px; */
            line-height: 1em;
            font-family: 'Ruthie', cursive;
            margin-left: 15px;
        }

        #testimonials-section p.title:after {
            background: #f9a86c none repeat scroll 0 0;
            content: "";
            display: block;
            height: 5px;
            margin: 20px auto 55px;
            position: relative;
            width: 150px;
        }

#testimonials {
}

    #testimonials .item blockquote {
        font-size: 26px;
        border-left: none;
        text-align: center;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
        padding: 10px 30px;
    }

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

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

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

            #testimonials .item blockquote small:before {
                background: #fcc9a0 none repeat scroll 0 0;
                content: "";
                display: block;
                height: 3px;
                margin: 20px auto 15px;
                position: relative;
                width: 90px;
            }

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

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

        #testimonials.owl-theme .owl-controls .owl-buttons div:hover, #testimonials.owl-theme .owl-controls .owl-buttons div:focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5), 0px -40px 0 rgba(255, 255, 255, 0.9) inset;
            color: #000;
            -webkit-transition: all 300ms linear 0s;
            -moz-transition: all 300ms linear 0s;
            -o-transition: all 300ms linear 0s;
            transition: all 300ms linear 0s;
        }

.owl-theme .owl-controls .owl-buttons div {
    background: #7a0801 !important;
}

#call-to-action {
    background-color: rgba(64, 64, 64, 0.85) /*url("../img/dark-pattern.png") repeat scroll 0 0*/;
    position: relative;
    padding: 60px 0;
}

    #call-to-action p.heading {
        font-size: 70px;
        /* font-weight: 700; */
        margin-bottom: 5px;
        color: #ffffff;
        text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
        font-family: 'Ruthie', cursive;
    }

    #call-to-action p.description {
        font-size: 22px;
        color: #ffffff;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
    }

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

    #call-to-action .btn-primary {
        font-size: 18px;
        background: rgb(244, 123, 32);
        border: 3px solid rgba(255, 255, 255, 0.63);
        border-radius: 0;
        margin: 0;
        width: 230px;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    }

        #call-to-action .btn-primary:hover, #call-to-action .btn-primary:focus {
            /* background: rgba(0, 0, 0, 0.85); */
            border: 3px solid rgb(255, 255, 255);
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5), 0px -40px 0 rgba(255, 255, 255, 0.9) inset;
            color: #000;
        }

        #call-to-action .btn-primary:nth-child(1) {
            margin-right: 10px;
        }

#logo-bg {
    background: url(../img/pattern-tan.jpg) center top repeat;
    position: relative;
    /* border-top: 1px solid #ffffff; */
    /* background-size: cover; */
    /* background-attachment: fixed; */
    padding: 40px 0;
    /* font-family: 'Montserrat', sans-serif; */
    /* border-bottom: 4px solid #0477c3; */
}

#logo-bg .box-height{
        min-height: 703px;
}

    #logo-bg .bg .logo {
        font-size: 105px;
        font-weight: 400;
        letter-spacing: -0.035em;
        line-height: 1em;
        text-shadow: 3px 3px 0 rgba(255, 255, 255, 0.2);
        color: #173f50;
        text-align: center;
        font-family: 'Ruthie', cursive;
        padding: 150px 0;
    }

    #logo-bg .bg .connected {
        padding: 35px 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0+0,1+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        /* background: #fbe6cb; */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
        /* border-bottom: 4px solid #a94442; */
    }

        #logo-bg .bg .connected .col-lg-4:first-child, #logo-bg .bg .connected .col-lg-4:nth-child(3) {
            border: 1px solid black;
            padding: 20px;
            background-color: #ffffffba;
        }

        #logo-bg .bg .connected .col-lg-4:nth-child(2) {
            margin-top: 11%;
        }

        #logo-bg .bg .connected .contact-form .form-group {
            padding: 10px;
            margin-bottom: 15px;
            background-color: rgba(158, 192, 227, 0.38);
            color: black;
        }

        #logo-bg .bg .connected p.title {
            color: var(--txt-color);
            text-align: left;
            font-size: 28px;
            margin-bottom: 20px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 100;
            font-family: 'Cinzel', serif;
        }

            #logo-bg .bg .connected p.title:after {
                background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
                content: "";
                display: block;
                height: 4px;
                /* margin: 20px auto 55px; */
                position: relative;
                width: 100px;
                text-align: left;
            }

        #logo-bg .bg .connected .social-icons {
            padding: 0;
            text-align: center;
            margin-top: 20px;
        }

            #logo-bg .bg .connected .social-icons li {
                text-align: center;
                background: #ffffff;
                border-radius: 50%;
                width: 60px;
                height: 60px;
                margin-right: 6px;
            }

                #logo-bg .bg .connected .social-icons li a {
                    /* display: block; */
                    color: var(--txt-color);
                    padding: 0px;
                    position: relative;
                    top: -6px;
                    /* text-shadow: 1px 1px 0 #fff; */
                    /* padding: 5px; */
                }

                    #logo-bg .bg .connected .social-icons li a i {
                        border-radius: 50%;
                        font-size: 30px;
                        height: 20px;
                        line-height: 75px;
                        margin: 0 auto;
                        /* width: 100px; */
                        -webkit-transition: all 600ms linear 0s;
                        -moz-transition: all 600ms linear 0s;
                        -o-transition: all 600ms linear 0s;
                        transition: all 600ms linear 0s;
                    }

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

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

                    #logo-bg .bg .connected .social-icons li a:hover, #logo-bg .bg .connected .social-icons li a:focus {
                        /* box-shadow: 0 10px 0 -8px #f79953; */
                        /* color: #000; */
                    }

                        #logo-bg .bg .connected .social-icons li a:hover > i, #logo-bg .bg .connected .social-icons li a:focus > i {
                            /* background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0; */
                            /* font-size: 50px; */
                            /* box-shadow: 0 0 30px 0px #fff inset, 0 0 30px 0px rgb(255, 255, 255); */
                            /* -webkit-transition: all 300ms linear 0s; */
                            -moz-transition: all 300ms linear 0s;
                            -o-transition: all 300ms linear 0s;
                            /* transition: all 300ms linear 0s; */
                            /* border: 5px solid rgba(12, 36, 40, 0.6); */
                            /* border-bottom: 10px solid rgba(12, 36, 40, 0.15); */
                            /* border-top: 0px solid rgba(12, 36, 40, 0.15); */
                            /* line-height: 90px; */
                        }
                        
                            #logo-bg .bg .connected .social-icons li a:hover > i.fa-facebook, #logo-bg .bg .connected .social-icons li a:focus > i.fa-facebook {
                                color: #2076ab;
                            }

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

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

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

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

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

                            #logo-bg .bg .connected .social-icons li a:hover > i.fa-google-plus, #logo-bg .bg .connected .social-icons li a:focus > i.fa-google-plus {
                                color: #dd4b39;
                            }

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

#social-ratings {
    background: rgba(255, 255, 255, 0.9) /*url(../img/lightpattern.png) repeat scroll 0 0*/;
    padding: 60px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #ffffff;
}

    #social-ratings .thumbnail {
        color: #232221;
        padding: 20px;
        background-color: rgba(255, 255, 255, 0);
        border: 2px solid rgba(23, 63, 80, 0.0);
        border-left: 2px solid rgba(23, 63, 80, 0.06);
        border-radius: 0;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

        #social-ratings .thumbnail:nth-child(1) {
            border-left: 2px solid rgba(23, 63, 80, 0.0);
        }

        #social-ratings .thumbnail .stars {
        }

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

        #social-ratings .thumbnail .ratings {
            font-size: 16px;
            margin-top: 10px;
            color: #173f50;
            -webkit-transition: all 300ms linear 0s;
            -moz-transition: all 300ms linear 0s;
            -o-transition: all 300ms linear 0s;
            transition: all 300ms linear 0s;
        }

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

        #social-ratings .thumbnail:hover, #social-ratings .thumbnail:focus {
            -webkit-transition: all 600ms linear 0s;
            -moz-transition: all 600ms linear 0s;
            -o-transition: all 600ms linear 0s;
            transition: all 600ms linear 0s;
        }

        #social-ratings .thumbnail:nth-child(1):hover, #social-ratings .thumbnail:nth-child(1):focus {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #7a0801 inset;
        }

        #social-ratings .thumbnail:nth-child(2):hover, #social-ratings .thumbnail:nth-child(2):focus {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #7a0801 inset;
        }

        #social-ratings .thumbnail:nth-child(3):hover, #social-ratings .thumbnail:nth-child(3):focus {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #7a0801 inset;
        }

        #social-ratings .thumbnail:nth-child(4):hover, #social-ratings .thumbnail:nth-child(4):focus {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #7a0801 inset;
        }

        #social-ratings .thumbnail:nth-child(5):hover, #social-ratings .thumbnail:nth-child(5):focus {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #7a0801 inset;
        }

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

#accreditations {
    background: rgba(255, 255, 255, 0.9) /*url(../img/lightpattern.png) repeat scroll 0 0*/;
    padding: 45px 0;
    text-align: center;
    position: relative;
    border-top: 1px solid #f8f8f8;
    z-index: 1;
}

.payopt {
    margin-top: 50%;
}

    .payopt img {
        padding: 12px;
    }

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

    #accreditations-rolls .item a {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
        background: rgba(64, 64, 64, 0.4);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
        display: block;
        padding: 10px;
    }

        #accreditations-rolls .item a img {
        }

    #accreditations-rolls .item:hover a, #accreditations-rolls .item:focus a {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -160px 0 rgba(23, 63, 80, 0.5) inset;
        background: rgba(64, 64, 64, 0.6);
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

#contact-section {
    background: /*rgba(0, 0, 0, 0.51)*/ /*#3f4d55 url("../img/dark-pattern.png") repeat scroll 0 0*/;
    /*padding: 50px 0;*/
    position: relative;
    /*border-top: 1px solid #ffffff;*/
}

    #contact-section .map {
    }

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

        #contact-section .map iframe {
            display: block;
        }

    #contact-section .contact-info {
        position: absolute;
        top: 0;
        left: 20%;
        right: 0;
        background: rgb(35, 34, 33) /*url(../img/dark-pattern.png) repeat scroll 0 0*/;
        width: 350px;
        /* box-shadow: 0 0 4px rgb(13, 36, 40); */
        /* border-right: 1px solid #c3eef5; */
        /* border-left: 1px solid #c3eef5; */
        transform-origin: 0% 0;
        -webkit-transform-origin: 0% 0;
        -moz-transform-origin: 0% 0;
        -o-transform-origin: 0% 0;
        -ms-transform-origin: 0% 0;
        transform: skew(-10deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        -moz-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        overflow: hidden;
    }

        #contact-section .contact-info .thumbnail {
            color: #fff;
            padding: 30px 30px;
            background-color: rgb(35, 34, 33);
            border: 0px solid rgba(23, 63, 80, 0.0);
            border-radius: 0;
            margin: 0;
            transform: skew(0deg, 0deg);
            -webkit-transform: skew(0deg, 0deg);
            -moz-transform: skew(0deg, 0deg);
            -o-transform: skew(0deg, 0deg);
            -ms-transform: skew(0deg, 0deg);
        }

    #contact-section .thumbnail p.heading {
        font-size: 30px;
        /* font-weight: 700; */
        margin-bottom: 5px;
        color: #ffffff;
        /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
        /* font-family: 'Ruthie', cursive; */
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }
    /*#contact-section .thumbnail p.heading::after {
    background: #f9a86c none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    margin: 15px 10px 30px;
    position: relative;
    width: 100px;
}*/
    #contact-section .thumbnail p.practice-name {
        font-weight: 600;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        font-size: 24px;
    }

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

    .contacts-list .fa {
        display: block;
        padding-left: 48px;
        position: relative;
        margin: 30px 0;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
    }

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

        .contacts-list .fa address {
            margin-bottom: 0;
        }

        .contacts-list .fa a {
            color: #fff;
        }

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

            .contacts-list .fa em small {
                margin-top: 9px;
                display: block;
                font-size: 75%;
                border-left: 2px solid rgba(255, 255, 255, 0.40);
                padding-left: 10px;
            }

#contact-section .thumbnail .btn-primary {
    background: rgb(244, 123, 32);
    border: 3px solid rgba(255, 255, 255, 0.63);
    border-radius: 0;
    margin: 20px 0 0;
    width: 100%;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    font-size: 22px;
}

    #contact-section .thumbnail .btn-primary:hover, #contact-section .thumbnail .btn-primary:focus {
        /* background: rgba(0, 0, 0, 0.85); */
        border: 3px solid rgb(255, 255, 255);
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5), 0px -50px 0 rgba(255, 255, 255, 0.9) inset;
        color: #000;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    }

#footer-menu {
    background: rgba(156, 61, 61, 0) url(../img/pattern-gold.jpg) center center repeat;
    padding: 3px 0;
    position: relative;
    /* border-top: 1px solid rgba(73, 88, 97, 0.8); */
    /* border-bottom: 1px solid #495861; */
}

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

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

            #footer-menu .footer-menu-h li a {
                font-size: 16px;
                color: var(--txt-color);
                font-weight: 500;
            }

                #footer-menu .footer-menu-h li a:hover, #footer-menu .footer-menu-h li a:focus {
                    color: #69c;
                }

footer {
    position: relative;
    background: #669acc;
    padding: 50px 0;
    border-bottom: 6px solid rgba(0, 0, 0, 0.30);
}

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

        footer .copyright a {
            color: rgba(255, 255, 255, 0.70);
        }

            footer .copyright a:hover, footer .copyright a:focus {
                color: #fff;
            }

.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
    background: rgba(0, 0, 0, 1) url(../img/fancybox/fancybox_overlay.png) !important;
}

.modal-content {
    border: 1px solid rgb(138, 138, 138);
    border-radius: 0;
    box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.25);
    background: #fff;
    background-size: cover;
    background-position: center right;
}

.modal-header {
    min-height: 16.43px;
    padding: 30px 30px 15px;
    border-bottom: none;
    background: rgba(173, 173, 173, 0.91);
}

.modal-title {
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}

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

.modal-header .close {
    margin-top: 1px;
    font-size: 40px;
    opacity: 0.5;
    color: #4097c3;
    border: 1px solid #ccc;
    width: 45px;
    height: 45px;
    background: #fff;
    outline: none;
}

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

.modal-body {
    color: #171717;
    font-weight: normal;
    padding: 10px 30px;
    background: rgba(173, 173, 173, 0.91);
}

.form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: black;
    background-color: #fffcf7b5;
    border: 1px solid #fffcf7bd;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.04);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.04);
    font-weight: normal;
}

/*dental-patient-education*/

#ads-pe #video-panels a:hover, #ads-pe #video-panels a:focus,
#ads-pe #video-panels a:hover .panel-title,
#ads-pe #video-panels a:focus .panel-title,
#ads-pe #video-panels a.pe-procedure-thumbnail:hover p, #ads-pe #video-panels a.pe-procedure-thumbnail:focus p,
#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,
#ads-pe #verticle-tabs .tabs-left > li > a, #ads-pe #video-panels .panel-heading:before,
#ads-pe #verticle-tabs .tabs-left > li > a:hover i, #ads-pe #pe-videos-section #pe .verticle-tabs .tabs-left > li > a:focus i {
    color: #669acc !important;
}

#pe-modal .modal-header {
    background: #fff !important;
}


#ads-pe #verticle-tabs .tabs-left > li.active > a i,
#ads-pe #verticle-tabs .tabs-left > li.active > a:hover i,
#ads-pe #verticle-tabs .tabs-left > li.active > a,
#ads-pe #verticle-tabs .tabs-left > li.active > a:hover,
#pe-modal .modal-title, .modal-header .close,
#ads-pe #verticle-tabs .tabs-left > li.active > a:focus i {
    color: #000 !important;
}

/*#pe-modal p {
    color:#fff!important;
}*/

#ads-pe #verticle-tabs .tabs-left > li > a:hover, #ads-pe #verticle-tabs .tabs-left > li > a:focus {
    background-color: rgba(102, 154, 204, 0.35) !important;
    border-color: #669acc #669acc #669acc !important;
}

#ads-pe #verticle-tabs .tabs-left > li.active > a,
#ads-pe #verticle-tabs .tabs-left > li.active > a:hover,
#ads-pe #verticle-tabs .tabs-left > li.active > a:focus {
    background: #6699cc !important;
}


::-webkit-input-placeholder { /* Edge */
    color: red;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: red !important;
}

textarea.form-control::placeholder, input.form-control::placeholder {
    color: black !important;
}

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

.form-inline {
    font-size: 10px !important;
}

form .btn-primary {
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    background-image: none;
    -webkit-transition: all 600ms linear 0s;
    -moz-transition: all 600ms linear 0s;
    -o-transition: all 600ms linear 0s;
    transition: all 600ms linear 0s;
    margin: auto !important;
    min-width: 220px;
    padding: 12px 60px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    display: table;
    border-radius: 0;
    font-family: 'Sanchez', serif;
    border: 2px solid var(--main-bg-color);
    background: var(--main-bg-color);
    text-transform: none;
    box-shadow: var(--btn-shd);
    color: white;
}

    form .btn-primary:hover, form .btn-primary:focus {
        background-color: white;
        box-shadow: var(--btn-shd);
        color: var(--txt-color);
        border-color: var(--main-bg-color);
    }

.intl-tel-input {
    display: flex !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    font-size: 10pt !important;
}
/* Back to top *******************************************/
.back-to-top {
    position: fixed;
    bottom: 45px;
    right: 15px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 999999999999;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

    .back-to-top i {
        background: #0000006e none repeat scroll 0 0;
        color: #ffffff;
        height: 35px;
        line-height: 1.5;
        padding: 0 8px;
        /* text-shadow: 0px 3px 0 rgba(0, 0, 0, 0.2); */
    }

    .back-to-top.back-to-top-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .back-to-top.back-to-top-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: 1;
    }

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

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

#share-wrapper {
    margin-top: 80px;
    position: fixed;
    left: 0;
    z-index: 99;
    clear: both;
    display: none;
}
    /* inner wrapper */
    #share-wrapper ul.share-inner-wrp {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    /* the list */
    #share-wrapper li.button-wrap {
        background: #fbfbf9;
        box-shadow: 0 0 2px #fcc9a0 inset;
        padding: 0px 0px 0px 10px;
        display: block;
        width: 230px;
        margin: 0px 0px 1px -182px;
    }
        /* share link */
        #share-wrapper li.button-wrap > a {
            padding-right: 60px;
            height: 26px;
            display: block;
            line-height: 36px;
            font-weight: normal;
            color: #444;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
            /*box-shadow: 3px 0px 8px #888888;*/
            z-index: 99;
        }
    /* background image for each link */
    #share-wrapper .phone > a {
        position: relative;
    }

.phone {
    position: relative;
}

    .phone:before {
        content: "\f095";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: var(--txt-color);
        font-size: 24px;
        padding-right: 0.5em;
        position: absolute;
        top: 2px;
        left: 9px;
    }

.Appointment {
    position: relative;
}

    .Appointment:before {
        content: "\f133";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: var(--txt-color);
        font-size: 22px;
        padding-right: 0.5em;
        position: absolute;
        top: 3px;
        left: 8px;
    }

.Directions {
    position: relative;
}

    .Directions:before {
        content: "\f041";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: var(--txt-color);
        font-size: 24px;
        padding-right: 0.5em;
        position: absolute;
        top: 1px;
        left: 11px;
    }

.Refer {
    position: relative;
}

    .Refer:before {
        content: "\f064";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: var(--txt-color);
        font-size: 22px;
        padding-right: 0.5em;
        position: absolute;
        top: 4px;
        left: 6px;
    }
/* Easy Buttons ************************************/
#sub-page #wrapper {
    height: 200px;
}

#sub-page #bg {
    height: 575px;
}

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

#sub-page #header {
    top: 23% !important;
    background: #669acc url(../img/banner12.jpg) no-repeat center;
}
#sub-page #content blockquote {
    margin:0px;
}
#sub-page #content {
    /* background: #ffffff url(../img/lightpattern.png) repeat scroll 0 0; */
    padding: 50px 15px;
    position: relative;
    border-top: 1px solid #ffffff;
    color: #000;
    font-weight: normal;
    background: rgb(255, 255, 255);
}

    #sub-page #content li a:hover {
        color: #6699cc;
    }

    #sub-page #content .breadcrumb1 a {
        font-size: 16px;
        color: #173f50;
    }

        #sub-page #content .breadcrumb1 a:hover, #sub-page #content .breadcrumb1 a:focus {
            color: #FF8692;
        }

    #sub-page #content h1 {
        font-size: 34px;
        color: #000;
        padding: 0 15px;
    }

        #sub-page #content h1:after {
            background: rgb(0, 0, 0) none repeat scroll 0 0;
            content: "";
            display: block;
            height: 4px;
            margin: 15px 0 30px;
            position: relative;
            width: 100px;
        }

    #sub-page #content h3 {
        font-size: 28px;
    }

    #sub-page #content h4 {
        font-size: 26px;
    }

        #sub-page #content h4.panel-title {
            font-size: 18px;
        }

    #sub-page #content p, #sub-page #content ul, #sub-page #content ol {
        font-size: 16px;
    }

    #sub-page #content p {
        text-align: left;
    }

    #sub-page #content img {
        margin: 0 auto;
        border: 4px solid rgba(255, 255, 255, 0.65);
        /*margin: 3px 0 20px;*/
        padding: 0px;
        box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.1);
    }

    #sub-page #content .embed-responsive {
        margin-bottom: 30px;
        box-shadow: 0 0 0px 2px rgba(0, 0, 0, 0.1);
    }

        #sub-page #content .embed-responsive iframe {
            padding: 5px;
            background: #fff;
        }

.video-title {
    text-align: center !important;
    margin-bottom: 40px;
}

#Smile-Gallery-1 img {
    margin-bottom: 25px !important;
}

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

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

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

#sub-page #call-to-action {
    /* background: #173f50 none repeat scroll 0 0; */
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 110px 0 60px;
}

    #sub-page #call-to-action .skew-section {
        /*background: #3f4d55 url(../img/dark-pattern.png) repeat scroll 0 0;*/
        z-index: 1;
    }

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

.panel-group .panel {
    background-color: rgba(255, 255, 255, 0.0);
    border: 0 solid rgba(255, 134, 146, 0.00);
    /*border-left: 6px solid rgba(255, 134, 146, 0.40);*/
    border-radius: 0;
}

    .panel-group .panel .panel-title {
        font-size: 20px;
        color: #2f1d06;
    }

.accordion-toggle {
    display: block;
    background: rgb(255, 255, 255);
    border-left: 5px solid #497bab;
    padding-left: 10px;
}

    .accordion-toggle.collapsed {
        background: rgb(245, 245, 245);
        border-left: 5px solid #ccc;
        padding-left: 10px;
    }

    .accordion-toggle[aria-expanded="true"] {
        background: rgb(245, 245, 245);
        border-left: 5px solid #235f9a;
        padding-left: 10px;
    }

        .accordion-toggle[aria-expanded="true"] .panel-title {
            color: #7a0801;
        }

.panel-body {
    background: #fff;
    border-left: 5px solid #235e98;
    padding: 15px 30px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.6;
}

#myTab {
    text-align: center;
}

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

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

#myTabContent .well {
    padding: 35px;
    margin-bottom: 35px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(227, 227, 227, 0.5);
    border-top: 4px solid #669acc;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0px 35px rgba(0, 0, 0, 0.08);
}

#sub-page.contact-page #contact-section {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    #sub-page.contact-page #contact-section .skew-section {
        z-index: 1;
    }

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

.online-enquiries-form {
    padding: 35px;
    background: rgba(0, 0, 0, 0.05);
    margin-top: 35px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/*contact page*/

#wrapper1 {
    height: 25em;
}

    #wrapper1 #header {
        height: auto;
    }

#contact-form {
    margin: 15px auto 50px;
    padding: 15px;
    background: rgba(102, 153, 204, 0.17) /*url(../img/offers/contact-us-page1.jpg) no-repeat left;*/;
}

    #contact-form .col-md-6 {
        /*border:1px solid black;*/
        padding: 18px;
    }

    #contact-form .form-group {
        padding: 10px;
        background-color: var(--after-col);
    }

#contact-form {
    font-family: 'Cinzel', serif;
}

    #contact-form .contactDetailsNo, #contact-form .contactDetailsAddress, #contact-form .contactDetailsNo .bottomPHNo {
        text-align: left;
        padding: 10px 0;
        font-size: 20px;
    }

    #contact-form .col-md-4 {
        margin-top: 0%;
    }

        #contact-form .col-md-4 img {
            margin: 4px;
        }

    #contact-form a i {
        font-size: 2em;
        margin-right: 15px;
        color: var(--main-bg-color);
    }

    #contact-form h3.title {
        color: black;
        font-size: 32px;
    }

        #contact-form h3.title ~ p {
            font-size: 18px;
        }


/*other layouts*/
.layout h1 {
}

.layout .breadcrumb li a, .layout ul li a {
    color: black;
}

    .breadcrumb li a:hover, .layout ul li a:hover, .layout h1 {
        color: var(--main-bg-color);
    }

p.inner_contents {
    /*padding: 5%;*/
    text-align: justify;
    /*box-shadow: 1px 1px 7px 4px #9ec0e347;*/
}

.our_story > .col-md-6:first-child {
    /*box-shadow: 1px 1px 7px 4px #9ec0e347;*/
    font-size: 18px;
    padding: 20px;
}

.our_story > .col-md-6:nth-child(2) {
    padding: 5%;
}
/*.our_story > .col-md-6:nth-child(2) {
    position:relative;
    height:32em;
}
.our_story > .col-md-6:nth-child(2) img {
    position: absolute;
    top:0px;right:0px;
}
    .our_story > .col-md-6:nth-child(2) img:last-child {
        top: 53%;
    }
    .our_story > .col-md-6:nth-child(2) img:nth-child(2){
        top:26%;
        right:20%;
        z-index:2;
    }*/
.our_practice {
    display: flex;
    flex-wrap: wrap;
    /*justify-content:space-between;*/
}

    .our_practice > .col-md-3 {
        padding: 15px;
        text-align: left;
        color: white;
        font-size: 18px;
    }

        .our_practice > .col-md-3 p.heading {
            font-size: 24px;
            text-align: center;
            border-bottom: 2px solid white;
            padding-bottom: 8px;
            color: black;
        }

        .our_practice > .col-md-3:first-child {
            /*background-color: #24578a;*/
            /*background-color: #c4ddf4;*/
            background-color: #088eff;
        }

        .our_practice > .col-md-3:nth-child(2) {
            /*background-color: #4b7dad;*/
            /*background-color: #91bae2;*/
            background-color: #269cfe;
        }

        .our_practice > .col-md-3:nth-child(3) {
            /*background-color: #669acc;*/
            /*background-color: #447cb2;*/
            background-color: #45a9ff;
        }

        .our_practice > .col-md-3:last-child {
            /*background-color: #84bef7;*/
            /*background-color: #29649d;*/
            background-color: #64b8ff;
        }

/*services-page*/



.container.layout {
    font-size: 18px;
}

/*banner-carousel*/
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 80vh;
}

    .fade-carousel .carousel-inner .item {
        height: 80vh;
    }

    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: #4097c3;
        border-color: #669acc;
        opacity: .7;
    }

        .fade-carousel .carousel-indicators > li.active {
            width: 10px;
            height: 10px;
            opacity: 1;
        }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

    .hero h1 {
        font-size: 6em;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: all ease-in-out 5s;
    -moz-transition: all ease-in-out 5s;
    -ms-transition: all ease-in-out 5s;
    -o-transition: all ease-in-out 5s;
    transition: all ease-in-out 5s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out 5s;
    -moz-transition: 2s all ease-in-out 5s;
    -ms-transition: 2s all ease-in-out 5s;
    -o-transition: 2s all ease-in-out 5s;
    transition: 2s all ease-in-out 5s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .2;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
    padding: 10px 40px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
    background-image: url(../img/banner15.jpg);
}

.fade-carousel .slides .slide-2 {
    background-image: url(../img/banner13.jpg);
}

.fade-carousel .slides .slide-3 {
    background-image: url(../img/banner16.jpg);
}

.fade-carousel .slides .slide-4 {
    background-image: url(../img/banner17.jpg);
}

.fade-carousel .slides .slide-5 {
    background-image: url(../img/banner18.jpg);
}





/*css fr blog*/
 .blog-page .thumbnail {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    margin: 20px 15px 40px;
    transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

 .blog-page .vcenter-parent {
    background: white;
    box-shadow: 0 0 60px -30px #000;
    padding: 25px;
    border-radius: 2px;
    border: none;
    display: table;
    width: 100%;
    /*height: 300px;*/
    transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

.blog-page .vcenter-parent .vcenter {
        display: table-cell;
        vertical-align: middle;
    }

 .blog-page .vcenter-parent .vcenter img {
            border-radius: 4px;
            margin: 0 auto;
            box-shadow: 0 20px 45px -35px rgba(0, 0, 0, 0.43);
            border: 1px solid #fff;
            transition: all 600ms ease-in-out;
            -moz-transition: all 600ms ease-in-out;
            -webkit-transition: all 600ms ease-in-out;
            -o-transition: all 600ms ease-in-out;
        }

 .blog-page .vcenter-parent .vcenter .article-image {
            float: left;
            width: 35%;
            padding-right: 25px;
        }

 .blog-page .vcenter-parent .vcenter .article-snipet {
            float: left;
            width: 65%;
        }

 .blog-page .vcenter-parent .vcenter p.heading {
            margin-top: 15px;
            text-align: left;
        }

 .blog-page .vcenter-parent .vcenter p.heading a {
                font-size: 25px;
                color: #669acc;
                font-weight: 500;
                transition: all 600ms ease-in-out;
                -moz-transition: all 600ms ease-in-out;
                -webkit-transition: all 600ms ease-in-out;
                -o-transition: all 600ms ease-in-out;
            }
 .blog-page .vcenter-parent .vcenter p.desc {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 20px;
            min-height: 70px;
            transition: all 600ms ease-in-out;
            -moz-transition: all 600ms ease-in-out;
            -webkit-transition: all 600ms ease-in-out;
            -o-transition: all 600ms ease-in-out;
            color: #4d4d4d !important;
            background: #fff;
        }

.blog-page .vcenter-parent .vcenter .btn-primary {
            font-size: 16px;
            font-weight: 400;
            position: absolute;
            right: 75px;
            bottom: 25px;
            background: #669acc;
            border: none;
            border-radius: 4px;
            padding: 10px 22px;
            /* box-shadow: 0 5px 18px -9px #000; */
            box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.60) inset, 0 5px 18px -9px #000;
            color: #fff;
            transition: all 600ms ease-in-out;
            -moz-transition: all 600ms ease-in-out;
            -webkit-transition: all 600ms ease-in-out;
            -o-transition: all 600ms ease-in-out;
        }

 .blog-page .vcenter-parent .vcenter .btn-primary:hover,
 .blog-page .vcenter-parent .vcenter .btn-primary:focus {
                background-color: #6f6f6f;
                box-shadow: 0px -1px 0px rgb(101 101 101) inset, 0 5px 18px -9px #0e0e0e;
                outline: none;
            }

.blog-page .thumbnail:hover,
.blog-page .thumbnail:focus {
    box-shadow: 0 0 85px -30px #000;
    border-radius: 4px;
    transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

 .blog-page .thumbnail:hover .vcenter-parent,
 .blog-page .thumbnail:focus .vcenter-parent {
        background: white;
        box-shadow: none;
        transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
    }

 .blog-page .thumbnail:hover .vcenter-parent .vcenter,
.blog-page .thumbnail:focus .vcenter-parent .vcenter {
        }

.blog-page .thumbnail:hover .vcenter-parent .vcenter img,
.blog-page .thumbnail:focus .vcenter-parent .vcenter img {
                border-radius: 4px;
                box-shadow: 0 20px 45px -35px rgba(0, 0, 0, 0.85);
                border: 1px solid #fff;
                transition: all 600ms ease-in-out;
                -moz-transition: all 600ms ease-in-out;
                -webkit-transition: all 600ms ease-in-out;
                -o-transition: all 600ms ease-in-out;
            }

.blog-page .thumbnail:hover .vcenter-parent .vcenter p.heading a,
 .blog-page .thumbnail:focus .vcenter-parent .vcenter p.heading a {
                color: #5d6568;
                transition: all 600ms ease-in-out;
                -moz-transition: all 600ms ease-in-out;
                -webkit-transition: all 600ms ease-in-out;
                -o-transition: all 600ms ease-in-out;
            }

.blog-page .thumbnail:hover .vcenter-parent .vcenter p.heading a:after,
 .blog-page .thumbnail:focus .vcenter-parent .vcenter p.heading a:after {
                    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
                    width: 85px;
                    transition: all 600ms ease-in-out;
                    -moz-transition: all 600ms ease-in-out;
                    -webkit-transition: all 600ms ease-in-out;
                    -o-transition: all 600ms ease-in-out;
                }

.blog-page .thumbnail:hover .vcenter-parent .vcenter p.desc,
.blog-page .thumbnail:focus .vcenter-parent .vcenter p.desc {
                color: #8a939b;
                transition: all 600ms ease-in-out;
                -moz-transition: all 600ms ease-in-out;
                -webkit-transition: all 600ms ease-in-out;
                -o-transition: all 600ms ease-in-out;
            }

 .blog-page .thumbnail:hover .vcenter-parent .vcenter .btn-primary,
.blog-page .thumbnail:focus .vcenter-parent .vcenter .btn-primary {
                background: #2f2f2f;
                border-radius: 6px;
                box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.60) inset, 0 5px 18px -9px #000;
                color: #fff;
                transition: all 600ms ease-in-out;
                -moz-transition: all 600ms ease-in-out;
                -webkit-transition: all 600ms ease-in-out;
                -o-transition: all 600ms ease-in-out;
            }

 .blog_inner figure {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}

 .blog_inner figure:hover {
        background-color: white;
        border: 1px solid #ddd;
        box-shadow: 0 0 85px -30px #000;
        border-radius: 4px;
        transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -webkit-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
    }


/*css for blog*/

/*** PAGINATION CSS ***/
nav.pagination_navbar {
    text-align: center;
    margin-top:35px !important;
}
a.page-link {
    font-size: 18px !important;
    /* font-weight: 600;
    padding: 10px !important; */
    color: #000 !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff !important;
    cursor: default;
    background-color: #669acc !important;
    border-color: #669acc !important;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff !important;
    border-color: #669acc;
    background-color: #669acc !important;
}
.pagination > li > a, .pagination > li > span {
    padding: 15px !important;
    border-color: #669acc;
}
.pagination {
    margin: 0px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    /*border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;*/
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    /*border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;*/
}
ul.pagination.justify-content-center.pagination-sm {
    background-color: #669acc;
    border: 0px solid rgba(255, 255, 255, .3);
    /* margin: 20px auto; */
    /* padding: 6px 30px; */
    /* box-shadow: 0px 7px 0px rgba(0, 0, 0, 0.3); */
    color: #fff;
    /* font-weight: 600; */
    font-size: 20px;
    /* border-radius: 50px; */
    background-image: none;
    outline: none;
    float: none;
    -webkit-transition: all 600ms linear 0s;
    -moz-transition: all 600ms linear 0s;
    -o-transition: all 600ms linear 0s;
    transition: all 600ms linear 0s;
}
.pagination_navbar ul li a {
    /*padding-left: 0px !important;*/
    margin-top:0 !important;
}
/***pagination css ends***/


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 4em;
    }
}




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

    #service-menu .navbar-nav {
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

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

    #main-menu .navbar-nav > li .dropdown-menu > li > a {
        white-space: pre-line;
        width: 200px;
    }

    #service-menu .navbar-nav > li .dropdown-menu > li > a {
        white-space: pre-line;
        width: 245px;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: var(--txt-color);
    }
}

@media(max-width:767px) {
  

    .blog-page .vcenter-parent .vcenter .article-image {      
        width: 100%;
        padding-right: 0px;
    }
    .blog-page .vcenter-parent .vcenter .article-snipet {
        float: left;
        width: 100%;
    }
    #sub-page #header {
        background-size: cover;  
        height:350px;
    }
    #wrapper1 {
        height:15em;
    }
    .doctor-name {
        font-size: 34px;
    }

    .hero {
        width: 75%;
    }

    .sticky-container {
        right: -172px !important;
    }

    .social-sticky li {
        height: 46px;
    }

        .social-sticky li i {
            margin: 14px 20px 14px 12px !important;
        }

    #main {
        padding-top: 0px;
        height: auto;
    }

    #header-info .headerPhone i, #header-info .headerPhone {
        font-size: 25px;
    }

    .topBarContact {
        text-align: center;
    }

    .officeDetails img {
        margin: 0 auto;
    }

    a.topBarPhone {
        display: inline-flex;
        padding: 0 !important;
        margin-top: 30px;
    }

    .topBarAddress {
        display: inline-flex;
        padding: 0 !important;
    }

    .serviceBox {
        margin-bottom: 60px;
    }

    #ad-banner .servicesBoxThumbs {
        min-height: 600px !important;
    }

    .socialSide {
        float: none !important;
        text-align: center;
        margin: auto;
        display: table;
        margin-top: 40px;
    }

    #main-menu.fixed-header {
        position: fixed;
    }

    #top-bar {
        display: none !important;
    }

    #header {
        top: 0;
        text-align: center;
    }

    .navbar-toggle {
        padding: 4px 7px;
        margin-right: 0;
        border-radius: 0;
        font-size: 18px;
    }

    #default-menu .navbar-header .navbar-toggle {
        margin: 35px 0;
    }

    #main-menu.fixed-header #default-menu .navbar-header .navbar-toggle {
        margin: 8px 0;
    }

    #main-menu.fixed-header #default-menu .navbar-brand > img {
        position: unset;
    }

    .navbar-default .navbar-toggle {
        background-color: rgb(242, 242, 242);
        color: #7a0801;
        border-color: rgb(242, 242, 242);
    }

    .navbar-toggle i {
        margin-left: 4px;
        vertical-align: baseline;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: rgba(0, 0, 0, 0.05);
        color: #000;
        border-color: rgba(255, 134, 146, 0.2);
    }

    #main-menu #service-menu .navbar-brand {
        color: #669acc;
        display: contents;
        font-size: 20px;
        line-height: 2.8;
    }

    #main-menu .navbar-header .navbar-brand p {
        display: block;
        margin: 0 0 5px;
        font-size: 15px;
        line-height: 1.15;
    }

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

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

    #main-menu .navbar-header .navbar-brand {
        padding: 8px 0;
        text-align: center;
    }

    #main-menu.fixed-header .navbar-default .navbar-toggle {
        padding: 8px 15px;
    }

    #main-menu .navbar-nav > li > a, #welcome-content .skew-section, #testimonials-section .bg {
        padding: 15px 20px;
    }

    #header p.practice-name {
        font-size: 32px;
        padding: 0 0;
    }

    #header p.slogan {
        font-size: 20px;
        padding: 0 0;
        /* margin-left: 20px; */
        letter-spacing: 3px;
    }

    .part {
        margin-top: 0% !important;
    }

    #header .btn-primary {
        margin: 0 10px 15px -90px !important;
        font-size: 16px;
        border-width: 2px;
        width: 240px;
        margin: 0 10px;
    }

        #header .btn-primary:hover,
        #header .btn-primary:focus {
            border-width: 2px;
        }

    .arrows {
        width: 20px;
        height: 20px;
    }

    #default-menu .navbar-brand > img {
        position: relative;
        top: 0;
        margin: 0 auto;
    }

    .contact-form input.form-control.input-sm {
        display: inline-block;
        padding: 6px 6px;
        width: auto;
        vertical-align: middle;
    }

    #service-menu .navbar-nav > li > a {
        padding: 10px 20px;
    }

    #our-spl-features p.title {
        font-size: 32px;
    }

        #our-spl-features p.title span {
            font-size: 35px;
        }

    #our-spl-features p.number {
        font-size: 35px;
    }

    #intro p {
        font-size: 22px;
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 32px;
        /*text-align: left;*/
    }

    .container h1.title span, #testimonials-section h3.title {
        font-size: 25px !important;
    }

    #office-tour-carousal .carousel-inner .item {
        padding: 0 0 20px;
    }

    #officeTech, #officeTour {
        padding: 0px;
    }

    .officeTechnology {
        margin-top: 0px;
    }

    #testimonials-section .meetBtn {
        margin-bottom: 20px;
    }

    #why-choose h2.title {
        font-size: 32px;
    }

        #why-choose h2.title span {
            font-size: 50px;
            margin-top: 15px;
            display: block;
            margin-left: 0;
        }

    #why-choose .thumbnail {
        min-height: 345px;
        margin-bottom: 0;
        border-left: none !important;
        border-bottom: 2px solid rgba(23, 63, 80, 0.07);
    }

        #why-choose .thumbnail:nth-child(1):hover, #why-choose .thumbnail:nth-child(1):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -380px 0 #f57474 inset;
        }

        #why-choose .thumbnail:nth-child(2):hover, #why-choose .thumbnail:nth-child(2):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -380px 0 #689fea inset;
        }

        #why-choose .thumbnail:nth-child(3):hover, #why-choose .thumbnail:nth-child(3):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -380px 0 #50d68c inset;
        }

    #ad-banner {
        height: initial;
        text-align: center;
        background-position: calc(67px) center;
        background-position-x: calc(33%);
        background-position-y: center;
    }

        #ad-banner .skew-section {
            background: rgba(255, 255, 255, 0.8);
        }

        #ad-banner .ad-img img {
            width: 100%;
            -moz-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
            -ms-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
            -webkit-filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
            filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 1));
        }

        #ad-banner .ad-img .btn-default {
            margin: 15px auto;
            width: inherit;
        }

    #our-services p.title {
        font-size: 32px;
    }

        #our-services p.title span {
            font-size: 50px;
            margin-left: 5px;
        }

    #services-rolls-images .thumbnail {
        border-left: none !important;
        border-bottom: 2px solid rgba(23, 63, 80, 0.07) !important;
    }

    #testimonials-section p.title {
        font-size: 32px;
    }

        #testimonials-section p.title span {
            font-size: 50px;
            margin-left: 5px;
        }

    #testimonials .item blockquote {
        font-size: 20px;
    }

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

    #social-ratings .thumbnail {
        margin-bottom: 0;
        border-left: none;
        border-bottom: 2px solid rgba(23, 63, 80, 0.07);
    }

    #call-to-action {
        text-align: center;
    }

        #call-to-action .pull-left, #call-to-action .pull-right {
            float: none !important;
        }

        #call-to-action p.heading {
            font-size: 45px;
        }

        #call-to-action p.description {
            font-size: 18px;
        }

        #call-to-action .btn-primary {
            width: inherit;
        }

            #call-to-action .btn-primary:nth-child(1) {
                margin: 0 auto 20px;
                display: table;
            }

        #call-to-action .buttons {
            padding: 25px 0 20px;
        }

    #logo-bg .bg .logo {
        font-size: 55px;
        padding: 55px 0;
    }

        #logo-bg .bg .logo img {
            width: 80%;
            display: block;
            margin: 0 auto 15px;
        }

    #logo-bg .bg .connected p.title {
        font-size: 32px;
    }

        #logo-bg .bg .connected p.title:after {
            margin: 20px auto 15px;
        }

    #logo-bg .bg .connected .social-icons li {
        padding: 5px;
    }

    #accreditations-rolls .item {
        margin: 0 7px;
    }

        #accreditations-rolls .item a {
            padding: 7px;
        }

    #contact-section .map {
        /* height: 300px; */
    }

        #contact-section .map iframe {
            /* height: 300px; */
        }

    #contact-section .thumbnail p.heading {
        /* font-size: 50px; */
        text-align: center;
    }

        #contact-section .thumbnail p.heading::after {
            margin: 5px 10px 25px;
        }

    #contact-section .thumbnail p.practice-name {
        font-size: 22px;
    }

    .contacts-list .fa {
        margin: 25px 0;
    }

        .contacts-list .fa em {
            font-size: 20px;
        }

    #contact-section .thumbnail .btn-primary {
        font-size: 20px;
    }

    #contact-section .contact-info {
        /* width: 100%; */
        /* padding: 0 20px; */
        /* position: relative; */
        /* box-shadow: 0px -15px 50px rgba(0, 0, 0, 0.5); */
        /* border-top: 5px solid #f6f6f6; */
        /* border-right: none; */
        /* transform-origin: 0% 0; */
        /* -webkit-transform-origin: 0% 0; */
        -moz-transform-origin: 0% 0;
        -o-transform-origin: 0% 0;
        -ms-transform-origin: 0% 0;
        /* transform: skew(0deg, 0deg); */
        /* -webkit-transform: skew(0deg, 0deg); */
        -moz-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        /* overflow: hidden; */
    }

    .payopt {
        margin-top: 23%;
    }

    #logo-bg .bg .connected .col-sm-6:nth-child(3) {
        height: 39em;
    }

    #contact-section .contact-info .thumbnail {
        padding: 40px 0;
        transform: skew(0deg, 0deg);
        -webkit-transform: skew(0deg, 0deg);
        -moz-transform: skew(0deg, 0deg);
        -o-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
    }

    #footer-menu .footer-menu-h li {
        margin: 0 13px;
    }

        #footer-menu .footer-menu-h li a {
            padding: 5px 0;
            display: block;
        }

    footer .copyright {
        line-height: 1.7;
        padding: 0 0;
    }

    #service-menu .navbar-brand {
        display: block;
        color: #fff;
    }

    #service-menu .navbar-toggle {
        border-color: rgba(255, 255, 255, 0.05);
        padding: 10px 10px;
    }

        #service-menu .navbar-toggle .icon-bar {
            background-color: #669acc;
        }

        #service-menu .navbar-toggle:hover, #service-menu .navbar-toggle:focus {
            background-color: rgb(255, 255, 255);
            color: #ffffff;
            border-color: rgb(252, 201, 160);
        }

            #service-menu .navbar-toggle:hover .icon-bar, #service-menu .navbar-toggle:focus .icon-bar {
                background-color: #7a0801;
            }

    .modal-header {
        padding: 18px;
    }

    .modal-body {
        padding: 18px 18px 25px;
    }

    #sub-page #bg {
        height: 360px;
    }

    #sub-page #header {
        top: 8%;
    }

    #sub-page.contact-page #contact-section .skew-section:before {
        display: none;
    }
}

@media(min-width:0px) and (max-width:479px) {
    .block {
        padding: 20px 20px !important;
    }
      

    .subtitle-name {
        font-size: 16px;
        margin: 8px 0 15px;
        line-height: 1.1;
        letter-spacing: 1px;
    }

    .meetTheRest {
        padding: 16px 16px !important;
        font-size: 14px !important;
        margin-left: 10px;
    }

    #contact-section .contact-info {
        top: 0;
        left: 0;
        width: 100%;
    }

    #bg {
        background-position: 78% center;
        background-position-x: 78%;
        background-position-y: center;
    }

    #header nav {
        padding: 0 1em;
    }
}

@media(min-width:480px) and (max-width:767px) {
    div#appointment {
        z-index: 1111111;
    }

    #bg {
        background-position: 78% center;
        background-position-x: 78%;
        background-position-y: center;
    }


    .container {
        width: 450px;
    }

    #header h1 {
        font-size: 2.5em;
    }

    #header p {
        font-size: 1em;
    }
}

@media(min-width:768px) and (max-width:991px) {
    #logo-bg .box-height {
        margin-top: 30px;       
    }
    #header-info .addressBar {     
        text-align: left;
    }

    #main-menu.fixed-header #default-menu .navbar-brand > img {     
        width: 250px;
    }

    .topBarAddressHolder i {
        font-size: 40px !important;
        padding-right:0px !important;
    }
    .topBarAddressDetails1 {       
        font-size: 24px !important;
    }
        .bg img {
        margin: auto;
        margin-top: 40px;
    }

    #testimonials-section h3.title {
        font-size: 40px !important;
    }

    #welcome-content img {
        margin: auto;
        margin-bottom: 40px;
        width: 100%;
    }

    #header {
        height: 350px;
    }

    .socialSide {
        float: none !important;
        text-align: center;
        margin: auto;
        display: table;
        margin-top: 40px;
    }

    #ad-banner .servicesBoxThumbs {
        min-height: 532px !important;
    }

    .serviceBox {
        margin-bottom: 60px;
    }

    .topContact {
        margin: auto;
        text-align: center;
    }

    div#recaptcha1 {
        margin-left: 0px;
    }

    #bg {
        background-position: 992px center;
        background-position-x: 992px;
        background-position-y: center;
    }

    #top-bar .contact-details {
        text-align: center;
    }

        #top-bar .contact-details li a::before {
            display: none;
        }

    ul.social-list {
        padding: 15px 25px 0 0;
    }

    .search-side {
        top: 15px;
    }

    #main-menu .navbar-header .navbar-brand > img {
        float: none;
        display: inline-block;
        width: 29%;
        top: 0px;
    }

    #main-menu.fixed-header .navbar-header .navbar-brand > img.logo-fixed-bar {
        float: none;
        display: inline-block;
    }

    #main-menu .navbar-nav {
        float: none;
        text-align: center;
    }

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

    #header p.slogan {
        font-size: 20px;
        color: #fff;
        /* text-shadow: 0px 0px 10px white; */
        /*background: #00000066;*/
        padding: 20px;
    }

    .hero {
        width: 75%;
    }

    #header .btn-primary {
        margin: 0 80px;
        width: 250px;
    }

    #service-menu .navbar-nav > li > a, #main-menu .navbar-nav > li > a {
        padding: 8px 4px;
    }

    #intro p {
        font-size: 24px;
        color: #173f50;
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 40px;
    }

        #welcome-content .skew-section .container h1.title span {
            font-size: 65px;
        }

    #why-choose h2.title {
        font-size: 34px;
    }

        #why-choose h2.title span {
            font-size: 32px;
        }

    #why-choose .thumbnail {
        min-height: 415px;
        margin-bottom: 0;
    }

        #why-choose .thumbnail p.heading {
            font-size: 20px;
        }

        #why-choose .thumbnail:nth-child(1):hover, #why-choose .thumbnail:nth-child(1):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -415px 0 #f57474 inset;
        }

        #why-choose .thumbnail:nth-child(2):hover, #why-choose .thumbnail:nth-child(2):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -415px 0 #689fea inset;
        }

        #why-choose .thumbnail:nth-child(3):hover, #why-choose .thumbnail:nth-child(3):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -415px 0 #50d68c inset;
        }

    #ad-banner {
        /* height: 545px; */
        background-position: -445px center;
        background-position-x: -445px;
        background-position-y: center;
    }

        #ad-banner .ad-img img {
            /* width: 85%; */
        }

        #ad-banner .ad-img .btn-default {
            margin: 15px 0 0 85px;
        }

    #our-spl-features p.title {
        font-size: 34px;
    }

        #our-spl-features p.title span {
            font-size: 36px;
        }

    #our-spl-features p.number {
        font-size: 40px;
    }

    #our-spl-features .thumbnail {
        margin-bottom: 30px;
    }

    #our-services h3.title {
        font-size: 34px;
    }

        #our-services h3.title span {
            font-size: 60px;
        }

    #services-rolls-images .thumbnail:nth-child(3), #services-rolls-images .thumbnail:nth-child(5) {
        border-left: 2px solid rgba(23, 63, 80, 0.00);
    }

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

    #testimonials-section p.title {
        font-size: 34px;
    }

        #testimonials-section p.title span {
            font-size: 60px;
        }

    #testimonials .item blockquote {
        font-size: 22px;
    }

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

    #social-ratings .thumbnail {
        margin-bottom: 0;
    }

        #social-ratings .thumbnail:nth-child(5) {
            border-right: 2px solid rgba(23, 63, 80, 0.06);
        }

        #social-ratings .thumbnail:nth-child(1), #social-ratings .thumbnail:nth-child(2), #social-ratings .thumbnail:nth-child(3), #social-ratings .thumbnail:nth-child(4) {
            border-bottom: 2px solid rgba(23, 63, 80, 0.0);
        }

        #social-ratings .thumbnail:nth-child(3) {
            border-left: 2px solid rgba(23, 63, 80, 0.06);
        }

    #call-to-action {
        text-align: center;
    }

        #call-to-action .pull-left, #call-to-action .pull-right {
            float: none !important;
        }

        #call-to-action p.heading {
            font-size: 54px;
        }

        #call-to-action p.description {
            font-size: 20px;
        }

        #call-to-action .btn-primary {
            width: inherit;
        }

            #call-to-action .btn-primary:nth-child(1) {
                margin-right: 15px;
            }

        #call-to-action .buttons {
            padding: 25px 0 20px;
        }

    #logo-bg .bg .logo {
        font-size: 64px;
        padding: 110px 0;
    }

        #logo-bg .bg .logo img {
            width: 65%;
        }

    #logo-bg .bg .connected p.title {
        font-size: 34px;
    }

        #logo-bg .bg .connected p.title:after {
            margin: 20px auto 15px;
        }

    #logo-bg .bg .connected .social-icons li {
        padding: 5px;
        width: 60px;
        height: 60px;
        margin-right: 3px;
    }

        #logo-bg .bg .connected .social-icons li a i {
            line-height: 60px;
        }


    #accreditations-rolls .item {
        margin: 0 7px;
    }

        #accreditations-rolls .item a {
            padding: 7px;
        }

    #contact-section .map {
        /* height: 740px; */
    }

        #contact-section .map iframe {
            /* height: 740px; */
        }

    #contact-section .contact-info .thumbnail {
        padding: 40px 15px;
    }

    #contact-section .thumbnail p.heading {
        /* font-size: 52px; */
    }

        #contact-section .thumbnail p.heading::after {
            margin: 5px 10px 25px;
        }

    #contact-section .thumbnail p.practice-name {
        font-size: 22px;
    }

    .contacts-list .fa {
        margin: 25px 0;
    }

        .contacts-list .fa em {
            font-size: 20px;
        }

    #contact-section .thumbnail .btn-primary {
        font-size: 20px;
    }

    #contact-section .contact-info {
        /* width: 500px; */
        /* padding: 0 70px 0 70px; */
    }

    #footer-menu .footer-menu-h li {
        margin: 0 15px;
    }

    footer .copyright {
        line-height: 1.8;
        padding: 0 60px;
    }

    #sub-page #wrapper {
        height: 350px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #logo-bg .box-height {
        min-height: 798px;
    }

    form .btn-primary {
        padding: 12px 26px;
    }
    .profile img {height:auto;}


    .offcieExperience {
        padding: 34px;
    }

    #default-menu .navbar-brand > img {
        top: -10px;
        width: 35%;
    }

    .weLoveTitle {
        font-size: 36px !important;
    }

    .offcieExperience p {
        font-size: 16px;
        line-height: 18px;
    }

    .offcieExperience h3.title {
        font-size: 26px;
        margin-top: 10px;
    }

    .doctorName {
        font-size: 26px;
    }

    .officeTechnology {
        padding: 18px;
        margin-top: 8px;
    }

        .officeTechnology p {
            line-height: 20px;
        }

        .officeTechnology h3.title {
            font-size: 32px;
            margin-top: 14px;
        }

    #header {
        height: 500px;
    }

    footer .copyright {
        font-size: 14px;
    }

    #footer-menu .footer-menu-h li a {
        font-size: 14px;
    }

    div#recaptcha1 {
        margin-left: 3px;
    }

    #sub-page #content .embed-responsive {
        margin: 0 0 10px 10px;
    }

    #bg {
        background-position: 1200px center;
        background-position-x: 1200px;
        background-position-y: center;
    }

    #main-menu .navbar-nav > li .dropdown-menu > li > a {
        width: 185px;
    }

    #service-menu .navbar-nav > li .dropdown-menu > li > a {
        width: 180px;
    }

    #main-menu .navbar-nav > li > a, #main-menu.fixed-header .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

    #header .btn-primary {
        margin: 0 95px;
    }

    #intro p {
        font-size: 24px;
        color: #173f50;
    }

    #welcome-content .skew-section .container h1.title {
        font-size: 44px;
    }

        #welcome-content .skew-section .container h1.title span {
            font-size: 65px;
        }

    #why-choose h2.title {
        font-size: 36px;
    }

    #why-choose .thumbnail {
        min-height: 345px;
    }

        #why-choose .thumbnail:nth-child(1):hover, #why-choose .thumbnail:nth-child(1):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -345px 0 #f57474 inset;
        }

        #why-choose .thumbnail:nth-child(2):hover, #why-choose .thumbnail:nth-child(2):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -345px 0 #689fea inset;
        }

        #why-choose .thumbnail:nth-child(3):hover, #why-choose .thumbnail:nth-child(3):focus {
            box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0), 0px -345px 0 #50d68c inset;
        }

    #ad-banner .ad-img .btn-default {
        margin: 20px 0 0 150px;
    }

    #our-services h3.title {
        font-size: 36px;
    }

        #our-services h3.title span {
            font-size: 64px;
        }

    #our-spl-features p.title {
        font-size: 36px;
    }

        #our-spl-features p.title span {
            font-size: 40px;
        }

    #our-spl-features p.number {
        font-size: 42px;
    }

    #our-spl-features .thumbnail i {
        font-size: 54px;
    }

    #testimonials-section p.title {
        font-size: 36px;
    }

        #testimonials-section p.title span {
            font-size: 64px;
        }

    #testimonials .item blockquote {
        font-size: 22px;
    }

    #call-to-action p.heading {
        font-size: 58px;
    }

    #call-to-action p.description {
        font-size: 20px;
    }

    #call-to-action .btn-primary {
        width: inherit;
    }

        #call-to-action .btn-primary:nth-child(1) {
            margin-right: 7px;
        }

    #logo-bg .bg .logo {
        font-size: 80px;
        padding: 120px 0;
    }

        #logo-bg .bg .logo img {
            width: 65%;
        }

    #logo-bg .bg .connected .social-icons li {
        width: 50px;
        height: 50px;
        margin-right: 4px;
    }

        #logo-bg .bg .connected .social-icons li a {
            top: -12px;
        }

            #logo-bg .bg .connected .social-icons li a i {
                font-size: 22px;
            }

    #contact-section .contact-info .thumbnail {
        padding: 40px 30px;
    }

    #contact-section .thumbnail p.heading::after {
        margin: 5px 10px 25px;
    }

    #contact-section .thumbnail p.practice-name {
        font-size: 22px;
    }

    .contacts-list .fa {
        margin: 25px 0;
    }

        .contacts-list .fa em {
            font-size: 20px;
        }

    #contact-section .thumbnail .btn-primary {
        font-size: 20px;
    }

    #social-ratings .thumbnail {
        width: 28%;
    }
}

@media(min-width:0px) and (max-width:1024px) {
    #service-menu .navbar-default {
        padding-bottom: 50px;
    }

    footer {
        margin-bottom: 48px;
    }

    .back-to-top {
        bottom: 8px;
        right: 10px;
    }

    .arrows {
        bottom: 25px;
    }
    /* Easy Buttons ************************************/
    @media all and (max-width: 1024px) {
        #share-wrapper {
            bottom: 0;
            position: fixed;
            padding: 5px 5px 0px 5px;
            background: none repeat scroll 0 0 rgba(64, 64, 64, 0.85);
            width: 100%;
            margin: 0px;
            -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
            -o-box-shadow: 0 -1px 4px rgba(0,0,0,0.15);
            box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
            z-index: 9999;
            display: inherit;
        }

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

            #share-wrapper li.button-wrap {
                display: inline-block;
                width: 36px !important;
                margin: 0px;
                padding: 0px;
                margin-left: 0px !important;
            }

                #share-wrapper li.button-wrap > a {
                    height: 36px;
                    display: inline-block;
                    text-indent: -10000px;
                    width: 36px;
                    padding-right: 0;
                    float: left;
                }
    }
    /* Easy Buttons ************************************/
}

@media(min-width:1200px) {
    #social-ratings .thumbnail {
        width: 28%;
    }
    #sub-page #content img.img-responsive.staff {
        height:80vh;
    }    
}
/*///////////////////////////// CSS added form sub page //////////////////////////*/
hr.subPageLine {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.teamInner p {
    text-align: justify;
}

.teamInner {
    min-height: 233px;
    border: 1px solid #c7c7c7;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hvr-shadow {
    vertical-align: middle;
    -webkit-transform: perspective(5px) translateZ(5);
    transform: perspective(0px) translateZ(0);
    box-shadow: 1px 10px 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    transform: translateY(0px);
}

    .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
        box-shadow: 30px 30px 60px -20px rgba(0, 0, 0, 0.3);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

#sub-page #wrapper {
    height: 400px;
}

#sub-page #bg {
    height: 100%;
}

#sub-page #header {
    top: 0% !important;
}

#sub-page .formLink:hover {
    color: #ff8692;
}

#sub-page .formLink .fa {
    margin-right: 15px;
}

.smile-gallery-before {
    text-align: center !important;
}

.smile-gallery-after {
    text-align: center !important;
}

.well3 {
    padding: 20px 0;
    background: #fbfbfb;
    font-style: italic;
    font-family: initial;
    /* font-size: 31px !important; */
    margin-bottom: 20px;
    box-shadow: 3px 3px 8px #c1c1c152;
}

    .well3 p {
        font-size: 20px !important;
    }

.testiName {
    font-size: 22px;
    font-weight: 600;
}

#recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div {
    -webkit-transform: scale(0.88);
    -moz-transform: scale(0.88);
    -ms-transform: scale(0.88);
    -o-transform: scale(0.88);
    transform: scale(0.88);
    -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 screen and (max-height: 575px) {
    #rc-imageselect, .g-recaptcha {
        -webkit-transform: scale(0.88);
        -moz-transform: scale(0.88);
        -ms-transform: scale(0.88);
        -o-transform: scale(0.88);
        transform: scale(0.88);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.text-center1 {
    margin: 0 auto;
    text-align: center;
}

#dr_trung p {
    margin-bottom: 8px;
}

.appointment-button {
    background-color: #7a0801;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
    padding: 12px 20px;
    margin: 8px;
    float: right;
}

    .appointment-button:hover, .appointment-button:focus {
        background-color: #232221;
        color: #ffffff;
    }

.topBarPhoneHolder i {
    font-size: 50px;
    color: #7a0801;
    padding-right: 10px;
}

.topBarAddress {
    display: inline-flex;
    padding: 0 0 0 30px;
}

.topBarAddressIconBox {
    color: #421110;
    padding-right: 10px;
}

.topBarPhoneDetails {
    font-size: 26px;
    color: #9a9a9a;
}

.topBarAddressHolder i {
    font-size: 44px;
    color: #669acc;
    padding-right: 10px;
}

.topBarPhoneContent {
    vertical-align: super;
}

.topBarAddressDetails1 {
    color: var(--txt-color);
    font-size: 28px;
    display: block;
    font-weight: 100;
    text-transform: uppercase;
    font-family: 'Cinzel', serif;
}

.topBarAddressDetails2 {
    color: var(--txt-color);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.topBarAddressContent {
    line-height: 20px;
    margin-top: 6px;
    padding-right: 10px;
}

.BannerAppointment-button {
    background-color: #7a0801;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
    padding: 12px 20px;
    margin: 8px;
}

    .BannerAppointment-button:hover {
        background-color: #232221;
        color: #ffffff;
    }

.BannerServices-button {
    background-color: #616161;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
    padding: 12px 20px;
    margin: 8px;
}

    .BannerServices-button:hover {
        background-color: #232221;
        color: #ffffff;
    }

.serviceBox1 {
    background: #fffefd;
    min-height: 300px;
    position: relative;
}

.serviceBox2 {
    background: #fbfbfb;
    min-height: 300px;
}

.serviceBox3 {
    background: #fffefd;
    min-height: 300px;
}

.serviceBox4 {
    background: #fbfbfb;
    min-height: 300px;
}

.serviceRound {
    font-size: 40px;
    background-color: #000000;
    width: 80px;
    height: 80px;
    line-height: 76px;
    border-radius: 54%;
    position: absolute;
    left: 40px;
    top: -40px;
    color: #eaeaea;
    display: none;
}

.serviceTitle {
    color: #000;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    /* text-transform: uppercase; */
    padding-top: 63px;
    padding-left: 25px;
    font-size: 20px;
    text-align: left;
}

.serviceContent {
    color: #000 !important;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    /* text-transform: uppercase; */
    padding-top: 14px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 15px !important;
    text-align: left;
    line-height: 26px;
}

.ServicesBoxButton {
    background-color: #7a0801;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
    padding: 12px 20px;
    margin: 8px;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

a.btn.ServicesBoxButton:hover {
    background-color: #232221;
    color: #ffffff;
}

.mainContent {
    background: rgb(249, 249, 249) url(../img/meet-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    /* border-top: 1px solid #ffffff; */
}

#ad-banner h3.title {
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    line-height: 1em;
    margin-left: 15px;
    font-size: 60px;
    color: #232221;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

    #ad-banner h3.title span {
        line-height: 1em;
        margin-left: 15px;
        font-size: 60px;
        color: #7a0801;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }
/*#ad-banner h3.title:after {
    background: #7a0801 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 5px;
    margin: 20px auto 35px;
    position: relative;
    width: 150px;
}*/
#ad-banner p.description {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #555453;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

#ad-banner .servicesBoxThumbs {
    padding: 0px 0 0px 0;
    margin-bottom: 60px;
    min-height: 480px;
    background: #7a0801;
}

#ad-banner .titlesub {
    text-align: left;
    display: flex;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    padding: 22px 0 10px 16px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
}

#ad-banner p {
    text-align: left;
    padding-left: 16px;
    font-size: 16px;
    color: #ffffff;
}

#ad-banner .btn-learnMore {
    font-size: 14px;
    text-align: left;
    display: initial;
    float: left;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px solid #ffffff;
    border-radius: 0;
    margin-left: 16px;
    margin-top: 10px;
}

.meetTheRest {
    background: #232221;
    padding: 16px 50px;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    margin-left: 14px;
    border-radius: 4px;
}

.meetButton {
    text-align: center;
}

.navbar-static-top {
    border: 0;
}

.innTestimonial {
    padding: 30px;
    color: var(--txt-color);
    font-style: italic;
    font-size: 18px;
    font-family: 'Sanchez', serif;
    min-height: 280px;
    text-align: justify;
}

.testimonialSlider {
    padding: 80px 0px;
    padding-top: 50px;
    /*background-image: url(../img/reviews-bg.jpg);*/
    background-size: cover;
}

    .testimonialSlider h4 {
        font-size: 36px;
        text-align: center;
        color: #fff;
        margin-bottom: 40px;
        text-transform: uppercase;
    }

#myCarouselTesti .carousel-control.left, .carousel-control.right {
    background-image: none;
    background: transparent;
}

#myCarouselTesti .carousel-control.left, .carousel-control.right {
    background-image: none;
    background: transparent;
    width: 0px;
}

#myCarouselTesti .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    color: var(--shd-col);
}

#myCarouselTesti .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    color: var(--shd-col);
}

#myCarouselTesti .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 4px solid var(--shd-col);
    border-radius: 50%;
    padding: 10px;
    margin: 0 4px !important;
}

#myCarouselTesti .carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: rgba(0, 137, 207, 0.22);
    border: 4px solid var(--shd-col);
    border-radius: 50%;
}

#myCarouselTesti .carousel-indicators {
    bottom: -20px;
}

#myCarouselTesti {
    padding-bottom: 30px;
}

#testimonials-section h3.title {
    font-size: 60px;
    font-weight: normal;
    /* letter-spacing: 1px; */
    /* line-height: 1em; */
    /* text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); */
    color: var(--txt-color);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Cinzel', serif;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.myCarouselTesti {
    padding-bottom: 30px;
}

.btn-alt {
    display: block;
    padding: 8px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #a94442;
    border: 3px solid #7a0801;
    margin: auto;
    max-width: 315px;
    font-family: 'Montserrat', sans-serif;
    font-style: initial;
    background: #fbe6cb;
}

    .btn-alt:hover {
        background-color: #7a0801;
        color: #232221;
    }

.bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

    .bottom span {
        margin: 0 20px;
    }

    .bottom i {
        color: rgb(241, 18, 10);
        font-size: 37px;
        font-weight: 400;
    }

    .bottom em {
        width: 1px;
        height: 56px;
        opacity: 0.6;
        background-color: #fff;
    }

    .bottom strong {
        color: var(--txt-color) !important;
    }

    .bottom star::before {
        font-family: 'fontello';
        font-weight: 400;
        margin: 0;
        font-style: normal;
        content: '\e80f \e80f \e80f \e80f \e80f';
        color: #ffd80c;
        font-size: 20px;
    }

    .bottom author {
        display: block;
        margin-left: 15px;
        vertical-align: middle;
        text-align: left;
        color: #a94442;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
    }

#testimonials-section h3.title:after {
    content: "";
    display: block;
    height: 4px;
    position: relative;
    width: 250px;
    text-align: center;
    background: none 0px 0px repeat scroll var(--after-col);
    margin: auto;
    margin-top: 17px;
    /* margin: auto; */
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f93b;
}

table.table.table-striped {
    color: #444;
    /* font-family: 'Montserrat', sans-serif; */
    /* font-weight: 700; */
    /* text-transform: uppercase; */
    font-size: 16px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 14px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 1px solid rgba(255, 255, 255, 0.53);
    font-size: 14px;
    line-height: 1.3;
    padding: 9px 8px;
    vertical-align: middle;
    background: #f9f9f99e;
}

.officeDetailsSection {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    /* padding: 60px 0; */
}

.officeDetails i {
    float: left;
    font-size: 20px;
    color: #7a0801;
}

.block {
    /* padding: 20px 0; */
}

.weLoveTitle {
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    padding-top: 25px;
    font-family: 'Cinzel', serif;
    font-weight: 100;
}

.officeDetails p {
    font-size: 16px;
    line-height: 1.6;
    box-sizing: border-box;
    padding: 6px 20px;
    text-align: center;
    font-family: 'Sanchez', serif;
    color: #ffffff;
    text-transform: initial;
    font-weight: 100;
}

    .officeDetails p.heading {
        text-align: left;
        padding-left: 40px;
    }

.table-striped td:nth-child(2), .table-striped td:nth-child(3) {
    font-weight: 100;
}

.bottomFollowText {
    color: #ffffff;
    font-size: 14px;
    /* font-weight: 600; */
}

.bottomBookAppointmentBtn {
    background: #232221;
    padding: 12px 32px;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 14px;
    border-radius: 4px;
    margin-top: 52px;
}

#logo-bg .heading {
    color: var(--txt-color);
    text-align: left;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 100;
    font-family: 'Cinzel', serif;
}

    #logo-bg .heading:after {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 4px;
        /* margin: 20px auto 55px; */
        position: relative;
        width: 100px;
        text-align: left;
    }

.contact-page .contactPhoneNo i {
    color: #458757;
}

.contact-page .contactAddressNo i {
    color: #458757;
    font-size: 28px;
    padding-right: 10px;
}

.contact-page .bottomAddress {
    color: #616161;
    font-size: 18px;
    font-weight: 600;
    padding-left: 4px;
    display: block;
}

.contact-page .contactDetailsAddressTitle {
    font-size: 18px;
    margin-bottom: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #232221;
    text-transform: uppercase;
}

.contact-page .contactDetailsNoTitle {
    font-size: 18px;
    margin-bottom: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #232221;
    text-transform: uppercase;
    margin-top: 40px;
}

.contact-page .contactDetailsNo {
    padding: 10px;
}

    .contact-page .contactDetailsNo i {
        color: #458757;
        font-size: 28px;
        padding-right: 10px;
    }

.contact-page .socialSide .title {
    font-size: 18px;
    margin-bottom: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #232221;
    text-transform: uppercase;
}

#contact-form .social-icons a i {
    font-size: 26px;
}

.contact-page .socialSide {
    float: left !important;
    padding: 10px;
    margin-top: 20px;
}

    .contact-page .socialSide a {
        color: #b06c34;
    }

        .contact-page .socialSide a:hover {
            color: #fe0308;
        }

.contact-page #footer-menu {
    background-color: rgb(208, 166, 113);
}

.contactPhoneNo i {
    float: left;
    font-size: 60px;
    color: #ffffff;
}

.contactDetailsNo {
    /* padding-left: 58px; */
    text-align: center;
}

.contactDetailsNoTitle {
    font-size: 18px;
    margin-bottom: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.contactPhoneNo {
    margin-top: 24px;
}

.connected .practice-name {
    font-size: 32px;
    letter-spacing: 0;
    line-height: 1em;
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #a94442;
    text-align: center;
    /* margin-top: 10%; */
    font-weight: 700;
    font-family: 'Dancing Script', cursive;
    margin-top: 60px;
}

.bottomPHNo {
    color: var(--txt-color);
    font-size: 38px;
    font-family: 'Cinzel', serif;
    text-align: center;
}

.contactAddressNo i {
    float: left;
    font-size: 60px;
    color: #ffffff;
}

.contactDetailsAddress {
    text-align: center;
    color: #654746;
}

.contactDetailsAddressTitle {
    font-size: 18px;
    margin-bottom: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #232221;
    text-transform: uppercase;
}

.contactAddressNo {
    margin-top: 10px;
}

.contact-page .heading {
    color: #02267e;
    text-align: left;
    font-size: 28px !important;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.contact-page #content .heading:after {
    background: rgb(69, 135, 87) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    margin: 15px 0 30px;
    position: relative;
    width: 100px;
}

.contact-page .contactDetailsAddress {
    padding: 10px;
}

.contact-page .bottomPHNo {
    color: #616161;
    font-size: 18px;
    font-weight: 600;
    padding-left: 4px;
    display: block;
}

.contact-page .bottomFollowText {
    color: #616161;
    font-size: 14px;
    /* font-weight: 600; */
}

.contact-page .g-recaptcha {
    float: left;
}

.bottomAddress {
    color: var(--txt-color);
    font-size: 18px;
    font-weight: 100;
}

a.bottomPHNo:hover {
    color: #444;
}

a.bottomAddress:hover {
    color: #444;
}

h1.title::after {
    content: "";
    display: block;
    height: 4px;
    position: relative;
    width: 250px;
    text-align: center;
    background: none 0px 0px repeat scroll var(--after-col);
    margin: auto;
    margin-top: 17px;
    /* margin: auto; */
}

.servicesSub::after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100px;
    text-align: center;
    background: none 0px 0px repeat scroll rgba(4, 164, 227, 0.3);
    margin: 14px auto;
}

.reasonsSub::after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100px;
    text-align: left;
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    margin-top: 10px;
}

.reasonsSub {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
}

.teamDescription::after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    width: 100px;
    text-align: center;
    background: none 0px 0px repeat scroll rgb(208, 166, 113);
    margin: 14px auto;
}

.teamDescription {
    text-align: center !important;
    font-size: 22px !important;
    color: #000 !important;
}

.socialSide {
    /* float: right; */
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #6699cc;
}

.doctorName {
    text-align: center;
    font-family: 'Sanchez', serif;
    color: #737373;
    font-size: 34px;
    line-height: .6;
}

#services-rolls-images .col-md-4:nth-child(1) .servicesBoxThumbs {
    background: #fff url(../img/services/gd.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(2) .servicesBoxThumbs {
    background: #fff url(../img/services/cosmatic-dentistry.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(3) .servicesBoxThumbs {
    background: #fff url(../img/services/dental-implants.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(4) .servicesBoxThumbs {
    background: #fff url(../img/services/Dental-Implants.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(5) .servicesBoxThumbs {
    background: #fff url(../img/services/oral-surgery.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(6) .servicesBoxThumbs{
    background: #fff url(../img/services/Other-Services.jpg) no-repeat center;
    background-size: cover;
}
#services-rolls-images .col-md-4:nth-child(1) .servicesBoxThumbs {
    background: #fff url(../img/services/gd.jpg) no-repeat center;
    background-size: cover;
}


.part {
    margin-top: 16%;
}

/********** 3D Dental Patient Education Videos *******************/
p.page-heading {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    color: #9400d3;
    margin: 0 0 60px;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
}

#pe-videos-section {
    padding: 30px 0 90px;
    /* background: rgb(255, 255, 255); */
}

    #pe-videos-section .panel-title {
        color: #000000 !important;
    }

        #pe-videos-section .panel-title:hover {
            color: #a89b9b !important;
        }

    #pe-videos-section .thumbnail {
        padding: 0;
    }

#verticle-tabs {
    padding-left: 0;
    padding-right: 0;
    width: 30%;
}

    #verticle-tabs .tabs-left {
        border-bottom: none;
        padding: 35px 0;
        border-right: 1px solid #ddd;
    }

        #verticle-tabs .tabs-left > li {
            float: none;
            margin-bottom: 2px;
            margin-right: -1px;
            margin-left: 7px;
            -webkit-transition: margin-left 300ms linear 0s;
            -moz-transition: margin-left 300ms linear 0s;
            -o-transition: margin-left 300ms linear 0s;
            transition: margin-left 300ms linear 0s;
        }

            #verticle-tabs .tabs-left > li.active {
                margin-left: 0 !important;
                -webkit-transition: margin-left 300ms linear 0s;
                -moz-transition: margin-left 300ms linear 0s;
                -o-transition: margin-left 300ms linear 0s;
                transition: margin-left 300ms linear 0s;
            }

            #verticle-tabs .tabs-left > li > a:hover, #verticle-tabs .tabs-left > li > a:focus {
                background-color: #669acca3;
                border-color: #669acc #669acc #669acc;
                color: #7b7b7b;
            }

                #verticle-tabs .tabs-left > li > a:hover i, #pe-videos-section #pe .verticle-tabs .tabs-left > li > a:focus i {
                    color: #a5a5a5;
                }

            #verticle-tabs .tabs-left > li.active > a, #verticle-tabs .tabs-left > li.active > a:hover, #verticle-tabs .tabs-left > li.active > a:focus {
                border-bottom-color: #669acc;
                border-right-color: #669acc;
                background-color: #669acc;
                color: #000 !important;
            }

                #verticle-tabs .tabs-left > li.active > a i, #verticle-tabs .tabs-left > li.active > a:hover i, #verticle-tabs .tabs-left > li.active > a:focus i {
                    color: #ffffff;
                    float: right;
                    margin-right: 0;
                    margin-left: 5px;
                    line-height: 1.4;
                }

            #verticle-tabs .tabs-left > li > a {
                border-radius: 4px 0 0 4px;
                margin-right: 0;
                display: block;
                font-weight: 700;
                font-size: 15px;
                text-align: left;
                background: #d1e0f0;
                color: #484848;
                padding: 15px 15px;
                /* border-bottom: 1px solid #7a0801; */
                /* border-top: 1px solid #7a0801; */
                border-left: 1px solid rgb(208, 166, 113);
            }

                #verticle-tabs .tabs-left > li > a:hover {
                    color: #222 !important;
                }

                #verticle-tabs .tabs-left > li > a > i {
                    color: #777;
                    margin-right: 5px;
                    float: left;
                    line-height: 1.4;
                    margin-bottom: 5px;
                }

#tab-details {
    padding-left: 0;
    padding-right: 0;
    margin-left: -1px;
    width: 70%;
    box-shadow: -20px 0px 55px -25px #000;
    z-index: 1;
}

    #tab-details .tab-content {
        background: #669acc;
        border: 1px solid #669acc;
        min-height: 526px;
        padding: 25px;
    }

#video-panels {
}

    #video-panels .panel-group .panel {
        margin-bottom: 10px;
    }

    #video-panels .panel-default {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    #video-panels .panel-heading {
        background: rgba(102, 154, 204, 0.3);
        border: 1px solid rgba(0, 0, 0, 0.03);
        padding: 5px 15px;
        border-radius: 4px;
        box-shadow: 0 6px 10px -9px #000;
        position: relative;
        z-index: 1;
    }

        #video-panels .panel-heading:before {
            content: "\f07b";
            font-family: FontAwesome;
            color: #fe0106;
            font-size: 18px;
            line-height: 1.8;
            float: left;
            margin-right: 10px;
        }

    #video-panels .accordion-toggle .panel-heading:after, #video-panels .accordion-toggle.collapsed .panel-heading:after, #video-panels .accordion-toggle[aria-expanded="false"] .panel-heading:after {
        font-family: 'fontawesome';
        content: "\f107";
        color: #cea570;
        font-size: 18px;
        line-height: 22px;
        position: absolute;
        right: 15px;
        bottom: 11px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform 300ms linear 0s;
        -moz-transition: transform 300ms linear 0s;
        -o-transition: transform 300ms linear 0s;
        transition: transform 300ms linear 0s;
    }

    #video-panels .accordion-toggle[aria-expanded="true"] .panel-heading:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: transform 300ms linear 0s;
        -moz-transition: transform 300ms linear 0s;
        -o-transition: transform 300ms linear 0s;
        transition: transform 300ms linear 0s;
        color: #7a0801;
    }

    #video-panels .panel-title {
        margin: 0;
        padding: 4px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.7;
        text-align: left;
    }

    #video-panels .panel-body {
        padding: 20px 20px;
        margin: 0 15px 25px;
        position: relative;
        background: rgb(202, 217, 233);
        border-radius: 0 0 4px 4px;
        border-bottom: 2px solid #235e99;
        box-shadow: 0 18px 30px -32px rgba(0, 0, 0, 0.7);
    }

    #video-panels a.pe-procedure-thumbnail p {
        text-align: center !important;
        font-size: 14px !important;
        font-weight: 600;
        margin-bottom: 20px;
        color: #000000;
        min-height: 60px;
    }

        #video-panels a.pe-procedure-thumbnail p i {
            color: #cea570;
        }

    #video-panels a.pe-procedure-thumbnail:hover p, #video-panels a.pe-procedure-thumbnail:focus p, #video-panels a.pe-procedure-thumbnail:hover p i, #video-panels a.pe-procedure-thumbnail:focus p i {
        color: #825d2d;
    }

    #video-panels a.pe-procedure-thumbnail .thumbnail {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-bottom: 8px;
        transition: all .7s ease;
        -o-transition: all .7s ease;
        -moz-transition: all .7s ease;
        -webkit-transition: all .7s ease;
    }

        #video-panels a.pe-procedure-thumbnail .thumbnail img {
            opacity: 1;
            display: block;
            width: 100%;
            height: auto;
            transition: .5s ease;
            -o-transition: .5s ease;
            -moz-transition: .5s ease;
            -webkit-transition: .5s ease;
            backface-visibility: hidden;
        }

        #video-panels a.pe-procedure-thumbnail .thumbnail .overlay {
            transition: .5s ease;
            -o-transition: .5s ease;
            -moz-transition: .5s ease;
            -webkit-transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

        #video-panels a.pe-procedure-thumbnail .thumbnail:hover, #video-panels a.pe-procedure-thumbnail .thumbnail:focus {
            background: rgb(208, 166, 113);
            border-color: rgb(208, 166, 113);
            overflow: hidden;
            transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

            #video-panels a.pe-procedure-thumbnail .thumbnail:hover img {
                opacity: 0.4;
                transform: scale(1.2,1.2);
                -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);
            }

            #video-panels a.pe-procedure-thumbnail .thumbnail:hover .overlay {
                opacity: 1;
            }

        #video-panels a.pe-procedure-thumbnail .thumbnail .overlay .overlay-icon {
            background-color: #ffffff;
            color: #7a0801;
            font-size: 22px;
            padding: 4px 10px;
            text-align: center;
            box-shadow: 0 0 45px 18px rgb(239, 222, 201);
            border: none;
            text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
            border-radius: 4px;
            line-height: 1.3;
            transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        #video-panels a.pe-procedure-thumbnail .thumbnail .overlay:hover .overlay-icon, #video-panels a.pe-procedure-thumbnail .thumbnail .overlay:focus .overlay-icon {
            color: #b3dabd;
            transition: all .3s ease;
            -o-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
/**************************************************/
#contact p {
    font-size: 17px;
}

address p strong {
    font-size: 19px;
}

#phoneNumber1 {
    font-size: 17px;
}

#testimonials-section .meetBtn {
    margin-top: 40px;
}
/**************************************************/
.thumbnail {
    padding: 0;
    border: none !important;
    background: none !important;
}

#pe-modal .modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
}

#pe-modal .modal-lg {
    width: 890px;
}

#pe-modal p {
    color: #463727;
    font-size: 16px !important;
    text-align: left !important;
}

#pe-modal .modal-dialog {
    margin: 6% auto;
}

#pe-modal .modal-content {
    border-radius: 0;
}

#pe-modal .modal-header {
    border-bottom: 1px solid #cacaca;
}

#pe-modal .modal-title {
    color: #463727;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

#pe-modal .modal-header .close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 34px;
    height: 25px;
    line-height: 0.5;
    margin: 0;
    opacity: 0.4;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
}

#pe-modal .modal-body {
    position: relative;
    padding: 35px;
    background: rgba(203, 203, 203, 0.87);
}

    #pe-modal .modal-body iframe#pe-video {
        border: 5px solid #ffffff;
        box-shadow: 0 0 25px -15px #000000;
        height: 380px;
        width: 100%;
    }

    #pe-modal .modal-body .pe-content {
    }

    #pe-modal .modal-body p.heading {
        font-weight: 700;
        font-size: 18px;
        color: #555;
        margin-bottom: 10px;
    }

    #pe-modal .modal-body .modal-description {
        max-height: 288px;
        overflow-x: hidden;
        padding: 5px 20px 5px 0;
        margin-bottom: 20px;
        text-align: left;
    }

    #pe-modal .modal-body .audio-description {
        padding: 4px 0 4px 0;
        display: none;
        width: 100%;
    }

        #pe-modal .modal-body .audio-description .text {
            font-weight: 600;
            text-align: left;
            color: #000;
            vertical-align: sub;
            padding: 6px 0;
            display: inline-block;
        }

        #pe-modal .modal-body .audio-description audio {
            float: right;
            width: 72%;
        }
    /* Let's get this party started */
    #pe-modal .modal-body .modal-description::-webkit-scrollbar {
        width: 5px;
    }
    /* Track */
    #pe-modal .modal-body .modal-description::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    /* Handle */
    #pe-modal .modal-body .modal-description::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(201, 201, 201, 0.7);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

        #pe-modal .modal-body .modal-description::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(201,201,201,0.4);
        }

.close {
    color: #b9b0b0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #222;
    border: 1px solid #222;
}

.nav-tabs {
    border-bottom: 1px solid #222;
}

.nav > li > a {
    padding: 10px 12px;
}

.nav-tabs > li > a:hover {
    border-color: rgba(0, 0, 0, 0.2);
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    /*background-color: #222;*/
}

#review-page .thumbnail {
    background-color: #fff !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 30px;
    padding: 4px;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    #review-page .thumbnail:hover {
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        -ms-transform: scale(1.02, 1.02); /* IE 9 */
        -webkit-transform: scale(1.02, 1.02);
        scale(1.02, 1.05); /* Chrome, Safari, Opera */
        transform: scale(1.02, 1.02); /* Standard syntax */
        -webkit-transition: all 400ms linear 0s;
        -moz-transition: all 400ms linear 0s;
        -o-transition: all 400ms linear 0s;
        transition: all 400ms linear 0s;
    }
    /* write a review */
    #review-page .thumbnail:hover, #review-page .thumbnail:focus {
        box-shadow: 0 0 5px 2px #00000042;
        border-color: rgba(0,0,0,0.20);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

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

    #review-page .thumbnail :hover p {
        color: #7ca386;
    }
#sub-page #content #review-page .thumbnail center img {
    border: 0px;
    box-shadow: none;
}
#sub-page #content #review-page .thumbnail center p {
    background-color: #669acc;
    color:white;
    font-size:20px;
    padding:18px;
}


    #pe-videos-section .accordion-toggle {
        padding-left: 0;
    }

li.breadcrumb-item .fa {
    color: #000;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--shd-col) !important;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--shd-col) !important;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--shd-col)) !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--shd-col) !important;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--shd-col) !important;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--shd-col) !important;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--shd-col) !important;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--shd-col) !important;
}

@media (max-width: 767px) {
    
        .insuranceBox {
            display: inline-block;
        }

    #logo-bg .bg .connected .social-icons li a i {
        line-height: 60px;
    }

    .weLoveTitle {
        font-size: 34px;
    }

    #social-ratings h3.title {
        font-size: 34px;
    }

    #our-services h3.title {
        font-size: 34px;
    }

    .bg img {
        margin: auto;
        margin-top: 20px;
    }

    .officeTechnology h3.title {
        font-size: 34px;
    }

    #testimonials-section h3.title {
        font-size: 34px;
    }

    #welcome-content img {
        margin: auto;
        margin-bottom: 20px;
        width: 100%;
    }

    .doctorName {
        font-size: 26px;
        line-height: 0.8;
    }

    .offcieExperience h3.title {
        font-size: 32px;
    }

    #header {
        height: 350px;
    }

    #verticle-tabs {
        width: 100%;
    }

        #verticle-tabs .tabs-left {
            border-right: medium none;
            padding: 0 0 30px;
        }

            #verticle-tabs .tabs-left > li {
                margin-left: 7px;
                margin-right: 7px;
            }

                #verticle-tabs .tabs-left > li > a {
                    border-radius: 4px;
                    border-right: 1px solid #dadada;
                }

                #verticle-tabs .tabs-left > li.active {
                    margin-left: 0;
                    margin-right: 0;
                }

                    #verticle-tabs .tabs-left > li.active > a, #verticle-tabs .tabs-left > li.active > a:hover, #verticle-tabs .tabs-left > li.active > a:focus {
                        border-right-color: #3c3737;
                    }

                        #verticle-tabs .tabs-left > li.active > a i, #verticle-tabs .tabs-left > li.active > a:hover i, #verticle-tabs .tabs-left > li.active > a:focus i {
                            -webkit-transform: rotate(90deg);
                            -moz-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                        }

    #tab-details {
        box-shadow: 0 0 35px -20px #000000;
        margin-left: 0;
        width: 100%;
    }

        #tab-details .tab-content {
            min-height: auto;
            padding: 20px 15px;
        }

    #video-panels .panel-body {
        margin: 0 12px 25px;
        padding: 20px 7px;
    }

    #pe-modal .modal-title {
        font-size: 18px;
    }

    #pe-modal .modal-header .close {
        background: #ffffff none repeat scroll 0 0;
        border-radius: 3px;
        font-size: 24px;
        height: 22px;
        line-height: 0.2;
        opacity: 1;
        right: -10px;
        top: -12px;
        width: 20px;
    }

    #pe-modal .modal-header {
        padding: 15px 10px;
    }

    #pe-modal .modal-body {
        padding: 20px;
    }

        #pe-modal .modal-body iframe#pe-video {
            height: 200px;
            margin-bottom: 15px;
        }

        #pe-modal .modal-body .modal-description {
            margin-bottom: 20px;
            max-height: 200px;
        }

        #pe-modal .modal-body .audio-description .text {
            margin: 0 0 5px;
        }

        #pe-modal .modal-body .audio-description audio {
            float: none;
            width: 100%;
        }
}

@media (min-width: 0) and (max-width:319px) {
    div#appointment {
        z-index: 1111111;
    }

    #pe-videos-section .container {
        width: auto;
    }

    #pe-modal .modal-dialog {
        margin: 6% 20px;
    }

    #pe-modal .modal-lg {
        width: auto;
    }
}

.social_logo_yahoo {
    width: 48px;
    height: 47px;
    background: #cccccc;
    margin-bottom: -5px;
    border-radius: 7px;
}

    .social_logo_yahoo:hover {
        background: #430297;
    }

@media (min-width: 320px) and (max-width:479px) {
    div#appointment {
        z-index: 1111111;
    }

    #pe-videos-section .container {
        width: 300px;
    }

    #pe-modal .modal-lg {
        width: 280px;
    }

    #footer-menu .fa-4x {
        font-size: 3em;
    }

    .social_logo_yahoo {
        width: 37px;
        height: 38px;
        background: #cccccc;
    }

    a.btn.btn-meetOne, form .btn-primary {
        padding: 12px 18px;
    }

    #default-menu .navbar-brand > img {
        width: 269px;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    #pe-videos-section .container {
        width: 450px;
    }

    #video-panels .panel-body {
        padding: 20px 70px !important;
    }

    #tab-details .tab-content {
        padding: 25px !important;
    }

    #pe-modal .modal-lg {
        width: 430px;
    }

    #default-menu .navbar-brand > img {
        display: block;
        position: relative;
        top: 0;
        width: 75%;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .officeDetails img {
        margin-top: 22%;
    }
    .profile img {
        height: auto;
    }


    #main-menu .container {
        width: 100%;
    }

    #review-page .thumbnail p {
        font-size: 14px;
    }

    #contact p {
        font-size: 14px;
    }

    address p strong {
        font-size: 17px;
    }

    #phoneNumber1 {
        font-size: 15px;
    }

    #tab-details .tab-content {
        min-height: 572px;
    }

    #pe-modal .modal-lg {
        width: 750px;
    }

    #pe-modal .modal-body .audio-description audio {
        width: 66%;
    }

    #header-info .headerPhone, #header-info .headerPhone i {
        font-size: 30px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    #review-page .thumbnail p {
        font-size: 14px;
    }

    #tab-details .tab-content {
        min-height: 549px;
    }
}
/********** 3D Dental Patient Education Videos *******************/
/* Social Media Share Starts*/
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -160px;
    top: 30%;
    width: 250px;
    z-index: 1111;
}

.social-sticky li {
    list-style-type: none;
    color: #efefef;
    height: 50px;
    padding: 0px;
    margin: 0px 0px 4px 0px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

    .social-sticky li:hover {
        margin-left: -200px;
    }

    .social-sticky li i {
        float: left;
        margin: 14px 18px;
        margin-right: 5px;
        width: 40px;
    }

    .social-sticky li p {
        padding-top: 5px;
        margin: 0px;
        line-height: 38px;
        font-size: 11px;
    }

        .social-sticky li p a {
            text-decoration: none;
            color: #ffffff;
            font-size: 14px;
        }

            .social-sticky li p a:hover {
            }

.forms-box {
    background: #4097c3;
}

.facebook {
    background: #4097c3;
}

    .facebook:hover {
        background: #3b5998;
    }

.twitter {
    background: #4097c3;
}

    .twitter:hover {
        background: #38A1F3;
    }

.forms-box:hover {
    background: rgb(241, 18, 10);
}

.facebook-box {
    background: #4097c3;
}

    .facebook-box:hover {
        background: #050a4b;
    }

.twitter-box {
    background: #4097c3;
}

    .twitter-box:hover {
        background: #d03a2a;
    }
/* Social Media Share Ends*/
/*--  Accessibility -*/
.acess-container, .acess-container[data-placement-position=bottom-right] {
    bottom: 60px;
    right: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        #acess-icons li:last-child i {
            color: #9a6a2d;
            display: inline-block;
            vertical-align: initial;
            margin-right: 4px;
            font-size: 18px
        }

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

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

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

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

        #acess-icons li:focus i, #acess-icons li:hover i {
            color: #000
        }

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

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

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

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

    .activeState i {
        color: #000 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(max-width:767.98px) {

   

    .profile img {
        height: auto;
    }


    .navbar {
        position: fixed;
    }

    #header-info {
        display: none;
    }

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

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

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

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

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

    #acess-icons {
        margin-bottom: 0
    }

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

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

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

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

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

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

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

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

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

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

@media(min-width:768px) and (max-width:991.98px) {
    #accessibility-button i {
        font-size: 30px;
        line-height: 37px;
        width: 37px;
        height: 37px
    }

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

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

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

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

    #acess-icons {
        margin-bottom: 0
    }

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

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

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

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

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

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

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

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

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

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

   
/*--  Accessibility -*/