/*@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i|Yanone+Kaffeesatz:400,700');*/
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i|Rubik:700,700i');

/* ===============================================
  
  spyrou-leo2
  
  Sesame Communications - (c) 2018
  Written by: James Stillion
  All rights reserved.
  Any reproduction or intentional misuse is strictly prohibited
  
  =============================================== */
/*Colors */
/* hypertext */
/* bud */
/* bud light */
/* cambridge blue */
/* blue pig || hyperlinks */
/* violet blue */
/* ===============================================
fonts 
=============================================== */
.fontL {
    font-family: 'Nunito', sans-serif;
}

.fontY {
    font-family: 'Rubik', sans-serif;
}
/* ===============================================
Mixins 
=============================================== */
/*font-mixins*/
.lt {
    font-weight: 300;
}

.roman {
    font-weight: 400;
}

.mbold {
    font-weight: 500;
}

.sbold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.xbold {
    font-weight: 800;
}

.ubold,
.black {
    font-weight: 900;
}

.ob {
    font-style: oblique;
}

.italic {
    font-style: italic;
}

.upp {
    text-transform: uppercase;
}

.loww {
    text-transform: lowercase;
}

.noo {
    text-transform: none;
}

.supp {
    font-variant: small-caps;
}

.normal {
    font-style: normal;
}
/*LINE HEIGHT AND FONT SIZE */
.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.justify {
    text-align: justify;
}
/*helper mixins*/
.clear {
    clear: both;
}

#content .clear {
    line-height: 1;
    font-size: 0;
}

.clearright {
    clear: right;
}

.clearleft {
    clear: left;
}

.near {
    clear: none;
}

.wimp {
    width: 100% !important;
}

.wall {
    width: 100%;
}

.hall {
    height: 100%;
}

.auto {
    width: auto;
}

.autoy {
    height: auto;
}

.autox {
    width: auto;
    height: auto;
}

.line {
    width: 100%;
    height: 1px;
}

.show {
    display: block;
}

.inline {
    display: inline;
}

.inline-block,
.ib {
    display: inline-block;
}

.hide,
.validation-only {
    display: none;
}

.obliterate {
    line-height: 0;
    font-size: 0;
    text-indent: -999em;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    display: none;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.nofloat {
    float: none;
}

.behave {
    display: block;
    float: left;
}

.rehave {
    display: block;
    float: right;
}

.restrain {
    width: auto;
    display: inline-block;
    float: none;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.trans {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.fade {
    opacity: 0.5;
}

.round {
    border-radius: 50%;
}
/*functional mixins*/
.vertical-align {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.vertical-align-nul {
    position: relative;
    top: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.inlay {
    width: auto;
    height: auto;
    position: absolute;
}
/* use with .trbl */
.grey {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}

.g-style {
    background-color: #a82416;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b12a1c), color-stop(100% #9e1d0f));
    background-image: -webkit-linear-gradient(top, #b12a1c 0%, #9e1d0f 100%);
    background-image: -moz-linear-gradient(top, #b12a1c 0%, #9e1d0f 100%);
    background-image: -ms-linear-gradient(top, #b12a1c 0%, #9e1d0f 100%);
    background-image: -o-linear-gradient(top, #b12a1c 0%, #9e1d0f 100%);
    background-image: linear-gradient(top, #b12a1c 0%, #9e1d0f 100%);
}

.g-style-linear {
    background-color: #1467ae;
    background-image: -webkit-gradient(linear, left top, left top, color-stop(0%, #2d33a3), color-stop(100% #2b319b));
    background-image: -webkit-linear-gradient(left, #2d33a3 0%, #2b319b 100%);
    background-image: -moz-linear-gradient(left, #2d33a3 0%, #2b319b 100%);
    background-image: -ms-linear-gradient(left, #2d33a3 0%, #2b319b 100%);
    background-image: -o-linear-gradient(left, #2d33a3 0%, #2b319b 100%);
    background-image: linear-gradient(left, #2d33a3 0%, #2b319b 100%);
}
/* ===============================================
Basic Stylings
These will affect every size of the site.
=============================================== */
/*resets*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    height: auto;
}
/*GLOBAL OVERRIDES*/
.fa,
.fas,
.fab,
.fal {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

sup {
    font-size: inherit;
    top: 0;
}

li {
    line-height: inherit;
}

nav ul li a,
nav ul ul li a {
    padding: 0;
}

address,
div.address {
    margin-bottom: 0;
    line-height: inherit;
    font-style: inherit;
}
/* Body */
body,
input,
select,
textarea {
    font-family: 'Nunito', sans-serif;
}

form button {
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase !important;
}

body {
    line-height: 1.8;
    font-size: 15px;
    color: #333333;
    background: #ffffff url(../images/body.jpg) no-repeat center top;
    overflow: hidden;
}

    body.Our.Team {
        background: #ffffff url(../images/header1.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

    body.New.Patients {
        background: #ffffff url(../images/header2.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

    body.Braces.Info {
        background: #ffffff url(../images/header3.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

    body.Treatments {
        background: #ffffff url(../images/header4.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

    body[class*='invisalign'] {
        background: #ffffff url(../images/header5.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

    body.Contact {
        background: #ffffff url(../images/header6.jpg) no-repeat center 432.45px;
        background-size: contain;
    }

        body.Our.Team #ip-sub .container, body.New.Patients #ip-sub .container, body.Braces.Info #ip-sub .container,
        body.Treatments #ip-sub .container, body[class*='invisalign'] #ip-sub .container, body.Contact #ip-sub .container {
            margin-top: 125px;
        }


p {
    margin: 0 0 1.85em;
    /*global override*/
}
/* Links */
a {
    text-decoration: none;
}

#content a {
    color: #1467ae;
    text-decoration: underline;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    #content a:hover {
        text-decoration: none;
        color: #01b3dc;
    }
/* hfam */
h1,
h2:not(.topic),
h3,
h4,
h5,
h6 {
    line-height: 1;
    text-align: left;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: #505050;
    margin: 0 0 0.8em;
    text-rendering: auto;
}

h1 {
    /*F66*/
    font-size: 10vw;
    text-align: center;
    /*color: #fff;*/
    /*margin-bottom: 0;*/
}

    h1 .trait {
        line-height: 0.9091;
        font-size: 0.666em;
        color: #01b3dc;
        display: block;
        font-family: 'Nunito', sans-serif;
        text-transform: none;
    }

.home h1 {
    line-height: 0.8333;
    color: #4f3b7f;
    margin-bottom: 0.63em;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

h2:not(.topic) {
    font-size: 1.55em;
    color: #01b3dc;
}

h3 {
    font-size: 1.25em;
    color: #1467ae;
}

h4 {
    font-size: 1.15em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.95em;
}
/*containers*/
.container {
    max-width: 1000px;
}
/* List Styling */
#content ul,
#content ol {
    margin: 0 0 1.55em 32px;
}
/*global override*/
.what-sets-us-apart #content ol,
.meet-the-team #content ol,
.our-office #content ol,
.office-tour #content ol,
body[class*="-after"] #content ol {
    margin: 0;
}

.meet-the-team #content header h1 {
    text-align: center;
}

.meet-the-team #content img {
    border-radius: 50%;
    padding: 0 0 15px;
}

.meet-the-team #content h2, .meet-the-team #content h3 {
    text-align: center;
}

.meet-the-team #content h2 {
    margin: 0 0 0.2em;
}

#content ul li {
    list-style: disc outside;
    /*list-style-image:none;*/
}

.oral-and-maxillofacial-surgery #content ul li,
.periodontal-treatments #content ul li,
#content #brushing-instructions ul li,
#content #flossing-instructions ul li {
    list-style: none;
}

#content dt {
    margin-top: 1em;
}

#content dl {
    margin-bottom: 1.6em;
}

#subnav {
    margin: 0;
    padding: 0;
}

    #subnav li,
    body.sitemap #content ul li {
        list-style: none;
    }
/* ==================================================================
  vertex
  =================================================================== */
#vertex {
    padding: 58px 0 2em;
    background: #fff;
    position: relative;
    z-index: 3000;
}

    #vertex:before {
        /*content: '';*/
        /*width: 100%;*/
        /*height: 5px;*/
        /*background: rgba(254, 215, 0, 0.8);*/
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: -5px;*/
    }

    #vertex .coco {
        max-width: 7.5em;
        width: 20%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        z-index: 400;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
        animation-fill-mode: both;
        animation-duration: 0.8s;
    }

        #vertex .coco:hover {
            animation-name: pulse_rev;
            opacity: 0.8;
        }

.home #vertex {
    padding-bottom: 0;
}

    .home #vertex .coco {
        position: absolute;
        right: 0;
        bottom: -45vw;
        left: 0;
    }
/* ==================================================================
  main-nav
  =================================================================== */
#main-nav {
    font-size: 19px;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    padding: 0;
    margin: 0;
    height: 58px;
    width: 100%;
    clear: both;
    box-shadow: 0 1px 0 rgba(167, 203, 170, 0.4);
    position: absolute;
    top: 0;
    z-index: 600;
}

    #main-nav .container {
        height: 100%;
        width: 100% !important;
        padding: 0;
    }

    #main-nav .trigger {
        line-height: 58px;
        font-size: 24px;
        text-align: center;
        color: #4f4f4f;
        padding: 0;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 600;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        #main-nav .trigger:before {
            content: '';
            width: 0;
            height: 42px;
            border-radius: 4px;
            margin: 0;
            background: #1467ae;
            position: absolute;
            left: 46%;
            bottom: 8px;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
            z-index: -1;
        }

        #main-nav .trigger .nav_icon {
            width: 16px;
            height: 10px;
            margin-right: 0.2em;
            position: relative;
            display: inline-block;
            top: -0.2em;
        }

            #main-nav .trigger .nav_icon span {
                height: 2px;
                width: 100%;
                border-radius: 2px;
                background: #4f4f4f;
                display: block;
                position: absolute;
                left: 0;
                opacity: 1;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -ms-transition-duration: 0.3s;
                transition-duration: 0.3s;
            }

                #main-nav .trigger .nav_icon span:nth-child(1) {
                    top: 0px;
                }

                #main-nav .trigger .nav_icon span:nth-child(2),
                #main-nav .trigger .nav_icon span:nth-child(3) {
                    top: 50%;
                }

                #main-nav .trigger .nav_icon span:nth-child(4) {
                    top: 100%;
                }

        #main-nav .trigger:hover {
            color: #fff;
        }

            #main-nav .trigger:hover:before {
                width: 115px;
                margin: 0 -40px;
            }

            #main-nav .trigger:hover .nav_icon span {
                background: #fff;
            }

    #main-nav .open .trigger {
        color: #fff;
    }

        #main-nav .open .trigger:before {
            width: 115px;
            margin: 0 -40px;
        }

        #main-nav .open .trigger .nav_icon span {
            background: #fff;
        }

            #main-nav .open .trigger .nav_icon span:nth-child(1) {
                width: 0;
                top: 50%;
                left: 50%;
            }

            #main-nav .open .trigger .nav_icon span:nth-child(2) {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            #main-nav .open .trigger .nav_icon span:nth-child(3) {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            #main-nav .open .trigger .nav_icon span:nth-child(4) {
                width: 0;
                top: 50%;
                left: 50%;
            }

    #main-nav ul {
        width: 100%;
        margin: 0;
        padding: 1em 0;
        z-index: 550;
        position: relative;
        background: rgba(183, 209, 132, 0.96);
    }

        #main-nav ul li {
            clear: both;
        }

            #main-nav ul li a[id] {
                line-height: 40px;
                font-size: 18px;
                color: #fff;
                width: auto;
                height: 40px;
                margin: 0;
                padding: 0;
                display: inline-block;
                vertical-align: top;
                position: relative;
            }

            #main-nav ul li.active > a[id],
            #main-nav ul li:hover > a[id] {
                color: #1467ae;
                text-decoration: none;
            }

        #main-nav ul ul {
            padding: 0;
            width: 100%;
            float: left;
            background: #1467ae;
            display: inline;
        }

            #main-nav ul ul:before {
                display: none;
            }

            #main-nav ul ul li {
                width: 100%;
                float: left;
                background: none;
            }

                #main-nav ul ul li a {
                    line-height: 40px;
                    color: #fff;
                    width: 100%;
                    height: 40px;
                    /*default 40*/
                    margin: 0;
                    background: none;
                    border: none;
                    position: relative;
                    display: inline-block;
                }

                    #main-nav ul li.active ul li a:hover,
                    #main-nav ul ul li a:hover,
                    #main-nav ul ul li a.active {
                        text-decoration: none;
                        color: #505050;
                        /*.show;*/
                        margin-bottom: 0;
                        background: #fed700;
                        border: none;
                    }
    /* main-nav make li fly in all cool */
    #main-nav .collapsible.open > ul li {
        -webkit-animation: peters_move 0.4s 1;
        -moz-animation: peters_move 0.4s 1;
        -ms-animation: peters_move 0.4s 1;
        -o-animation: peters_move 0.4s 1;
        animation: peters_move 0.4s 1;
    }

    #main-nav .collapsible.open ul ul li {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }
    /* make flyouts expand on mobile */
    #main-nav ul ul li {
        height: 0;
        overflow: hidden;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
        opacity: 0;
    }
    /* all about that open class */
    #main-nav .open ul .open ul {
        padding: 1em 0;
    }

        #main-nav .open ul .open ul li {
            height: 40px;
            opacity: 1;
        }
/* ==================================================================
  header
  =================================================================== */
#hd {
    line-height: 30px;
    text-align: center;
    color: #727273;
    padding: 1em 0 2em;
    position: relative;
    overflow: hidden;
}

    #hd .container {
        width: 100% !important;
    }
/* logo  */
#logo {
    width: 250px;
    margin: 1em auto;
    display: block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
/* contact-info */
#contact-info {
    font-size: 17px;
    font-family: 'Rubik', sans-serif;
    text-align: center;
    margin: 0 0 1em;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

    #contact-info .phone {
        display: inline-block;
        vertical-align: top;
    }

        #contact-info .phone:before {
            content: '\f3cd';
            font-family: 'Font Awesome 5 Pro';
            font-weight: 900;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 30px;
            font-size: 21.29px;
            text-align: center;
            color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #1467ae;
            margin-right: 12px;
            display: inline-block;
            vertical-align: top;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transform-origin: 100% 50%;
            -moz-transform-origin: 100% 50%;
            -ms-transform-origin: 100% 50%;
            -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
            animation-fill-mode: both;
            animation-duration: 0.8s;
        }

    #contact-info .patientLogin {
        display: inline-block;
        vertical-align: top;
    }

        #contact-info .patientLogin:before {
            content: '\f007';
            font-family: 'Font Awesome 5 Pro';
            font-weight: 900;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 30px;
            font-size: 21.29px;
            text-align: center;
            color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #fed700;
            margin-right: 12px;
            display: inline-block;
            vertical-align: top;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transform-origin: 100% 50%;
            -moz-transform-origin: 100% 50%;
            -ms-transform-origin: 100% 50%;
            -o-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
            animation-fill-mode: both;
            animation-duration: 0.8s;
        }

    #contact-info a {
        color: #727273;
        margin: 0.4em 1em;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        #contact-info a:hover {
            color: #fed700;
        }

            #contact-info a:hover:before {
                color: #fff;
                background: #fed700;
                animation-name: pulse_custom;
            }
/* social-media || aka social-icons */
.social-media img,
.social-media .ib {
    vertical-align: top;
}
/*global override*/
.social-media {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 300;
}

    .social-media > div {
        width: auto;
    }

    .social-media a {
        line-height: 42px;
        font-size: 20px;
        color: #fff;
        height: 42px;
        width: 42px;
        border-radius: 50%;
        margin: 0 5px 0 0;
        background: #1467ae;
        display: block;
        float: left;
        position: relative;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .social-media a:nth-last-of-type(1) {
            margin: 0;
        }

        .social-media a:hover {
            background: #1467ae;
            z-index: 400;
            -webkit-transform: scale(1.44);
            -moz-transform: scale(1.44);
            -ms-transform: scale(1.44);
            -o-transform: scale(1.44);
            transform: scale(1.44);
            opacity: 0.8;
        }

        .social-media a .icon {
            position: relative;
        }
/* ==================================================================
  slideshow
  =================================================================== */
#slideshow {
    font-size: 3.25vw;
    text-align: center;
    background: #10133b;
    position: relative;
    z-index: 400;
}

    #slideshow .welcomeVid {
        width: 100%;
        vertical-align: top;
    }
/* ==================================================================
  callouts || aka bd-callouts
  =================================================================== */
#callouts {
    font-size: 5vw;
    text-align: center;
    padding: 2em 0;
    margin: 0;
    background: #1467ae;
    position: relative;
    z-index: 410;
}

    #callouts a {
        color: #ffd700;
        width: 7.9em;
        height: 7.9em;
        border-radius: 50%;
        margin: 0.6em;
        padding: 1.15em 0 0;
        background: #1467ae;
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 400;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        #callouts a:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            border: 0.3em solid #fff;
        }

        #callouts a .icon {
            line-height: 0.98;
            font-size: 2.55em;
            text-align: center;
            color: #fff;
            height: 0.98em;
            width: auto;
            margin-bottom: 0.15686em;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        #callouts a h2.topic {
            line-height: 1;
            font-size: 1.05em;
            font-family: 'Nunito', sans-serif;
            font-weight: 400;
            color: inherit;
            width: 100%;
            display: block;
        }

            #callouts a h2.topic .trait {
                font-family: 'Rubik', sans-serif;
                font-weight: 700;
            }

        #callouts a:hover {
            color: #fff;
            background-color: rgba(20, 103, 174, 0.9);
            -webkit-transform: scale(1.66);
            -moz-transform: scale(1.66);
            -ms-transform: scale(1.66);
            -o-transform: scale(1.66);
            transform: scale(1.66);
            z-index: 410;
        }
/* ==================================================================
  ip-sub || aka subnav-outer
  =================================================================== */
#ip-sub {
    text-align: center;
    font-family: 'Rubik', sans-serif;
    color: #fff;
    padding: 0.9em 0 0.825em;
    /*background: rgba(254, 215, 0, 0.7);*/
    position: relative;
    overflow: hidden;
}

    #ip-sub p {
        line-height: 20px;
        font-size: 18px;
        margin: 1em 0 0;
        padding: 0;
    }

    #ip-sub a {
        color: #fff;
        display: inline-block;
        margin: 0.2em 0.8em;
        position: relative;
    }

        #ip-sub a:before {
            content: '';
            width: 0;
            height: 1px;
            background: #1467ae;
            position: absolute;
            bottom: 1px;
            left: 50%;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
            display: block;
        }

        #ip-sub a:hover,
        #ip-sub a.active {
            color: #1467ae;
            text-decoration: none;
        }

            #ip-sub a:hover:before,
            #ip-sub a.active:before {
                width: 100%;
                left: 0;
            }

    #ip-sub .divider {
        display: none;
    }
/* ==================================================================
  content || aka #home-content and .interior-content
  =================================================================== */
#bd {
    padding: 3em 0;
    background: #fff;
    position: relative;
    z-index: 400;
}
/* Content */
#content a img {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#content a .fa,
#content a .fas,
#content a .fab {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform-origin: 20% 50%;
    -moz-transform-origin: 20% 50%;
    -ms-transform-origin: 20% 50%;
    -o-transform-origin: 20% 50%;
    transform-origin: 20% 50%;
}

#content a:hover img {
    opacity: 0.5;
}

#content a:hover .fa,
#content a:hover .fas,
#content a:hover .fab {
    -webkit-transform: scale(1.33);
    -moz-transform: scale(1.33);
    -ms-transform: scale(1.33);
    -o-transform: scale(1.33);
    transform: scale(1.33);
}
/* ===============================================
        custom content 
        =============================================== */
.office_tour {
    display: block;
    position: relative;
    margin-bottom: 2.4em;
}

    .office_tour .cycle-slideshow {
        display: block;
        width: 96%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .office_tour .controls {
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 0;
        z-index: 400;
    }

        .office_tour .controls > div {
            font-size: 2.5em;
            color: #1467ae;
            display: block;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .office_tour .controls > div[id^="prev"] {
                float: left;
            }

            .office_tour .controls > div[id^="next"] {
                float: right;
                direction: rtl;
            }

            .office_tour .controls > div:hover {
                cursor: pointer;
                -webkit-transform: scale(1.44);
                -moz-transform: scale(1.44);
                -ms-transform: scale(1.44);
                -o-transform: scale(1.44);
                transform: scale(1.44);
                opacity: 0.5;
            }

.types-of-braces #content div.clear {
    font-size: inherit;
    height: 1px;
    width: 100%;
    margin: 1.9em 0;
    background: #333333;
    display: block;
}
/* ===============================================
          sitemap 
          =============================================== */
.sitemap #content ul {
    margin-left: 0px;
    list-style: none;
    margin-bottom: 0;
}

.sitemap #content .column > ul > li {
    margin-bottom: 1.45em;
}

.sitemap #content ul a {
    line-height: 0.871;
    font-size: 1.55em;
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
    color: #fed700;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
}

.sitemap #content a:hover {
    text-decoration: none;
    color: #1467ae;
}

.sitemap #content ul ul li a {
    line-height: 1.8;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    font-family: 'Nunito', sans-serif;
    text-transform: none;
    color: #333;
    margin-left: 0;
    /*to increase space adjust [body.sitemap #bd ul ul li] below*/
}

body.sitemap #bd ul li {
    list-style: none;
}

body.sitemap #bd ul ul li {
    list-style: none;
    /*list-style-image:none;*/
    margin-left: 0;
    /*default=15px*/
}
/* ==================================================================
  sidebar / sitepics
  =================================================================== */
#sidebar {
    display: none;
    width: 100%;
    max-width: 16.2em;
    height: 26em;
    margin: 0 auto 6%;
    padding: 5.5em 0 0;
    position: relative;
}

    #sidebar:before,
    #sidebar:after {
        content: '';
        position: absolute;
        top: 0;
    }

    #sidebar:before {
        width: 0;
        height: 0;
        border-bottom: 29.5em solid #d1020200;
        border-left: 2.5em solid #ffffff;
        left: 0;
        z-index: 9;
    }

    #sidebar:after {
        height: 100%;
        width: 50em;
        background-color: rgba(44, 50, 159, 0.9);
        background-image: url(../images/bg-fan-blue-r.png);
        background-position: left top;
        background-repeat: repeat;
        left: 0;
    }
/*.home,*/
/*body[class^='meet-the-'], body[class^='meet-our-'],*/
.meet-the-doctor #sidebar,
body[class^='meet-dr-'] #sidebar,
body[class^='meet-doctor-'] #sidebar,
body[class~='blog'] #sidebar {
    /*display: block;*/
}
/*sitepics*/
#hide-stock {
    position: relative;
    z-index: 400;
}

    #hide-stock:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 1.2em solid #fff;
        border-bottom: 16.2em solid transparent;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 400;
    }

.static {
    /*310*/
    width: 100%;
    position: relative;
}

.staff {
    display: block;
    width: 45%;
    max-width: 10em;
    float: right;
    margin: 0 0 1em 1em;
}

.team {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 2% auto;
}
/* ==================================================================
  .spotlight
  =================================================================== */
.smile-section {
    background: #fff;
    position: relative;
    padding: 1.5em 0;
}

    .smile-section h1 {
        text-transform: unset;
        line-height: 1.2;
        text-align: center;
    }

        .smile-section h1 .blued {
            color: #01b3dc;
        }

    .smile-section .icons {
        padding: 1.5em 0;
        text-align: center;
    }

        .smile-section .icons .label {
            color: #727273;
            font-size: 17px;
            font-family: 'Rubik', sans-serif;
        }



.spotlight {
    text-align: center;
    background: #fff;
    position: relative;
}

    .spotlight > div {
        position: relative;
    }

    .spotlight .spot_01 {
        font-size: 3.5vw;
        padding: 1.5em 0;
    }

        .spotlight .spot_01 .info {
            width: 100%;
            padding: 4.2em 0 4em;
            background-color: #4f3b81;
            background-image: url(../images/bg-fan-purple-r.png);
            background-position: right top;
            background-repeat: repeat;
            display: block;
            position: relative;
        }

        .spotlight .spot_01 .module {
            text-align: center;
            width: 12.9em;
            height: 12.8em;
            padding: 2.2em 0 0;
            margin: 0 auto 1.4em;
            background: url(../images/spotlight/spot01modBg.png) no-repeat center top;
            background-size: 100% auto;
        }

            .spotlight .spot_01 .module h2.topic {
                line-height: 0.873;
                font-size: 2.75em;
                text-align: center;
                font-weight: 400;
                font-family: 'Nunito', sans-serif;
                color: #1467ae;
                width: 100%;
                display: block;
            }

                .spotlight .spot_01 .module h2.topic .trait {
                    font-family: 'Rubik', sans-serif;
                    font-weight: 700;
                }

            .spotlight .spot_01 .module .spotLink {
                line-height: 1.6;
                font-size: 1.25em;
                font-family: 'Rubik', sans-serif;
                color: #00b4dc;
                width: 100%;
                display: block;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -ms-transition-duration: 0.3s;
                transition-duration: 0.3s;
                animation-fill-mode: both;
                animation-duration: 0.8s;
            }

                .spotlight .spot_01 .module .spotLink:hover {
                    animation-name: pulse_custom;
                    color: #505050;
                }

                    .spotlight .spot_01 .module .spotLink:hover .icon:before {
                        content: '\f4b4';
                    }

                .spotlight .spot_01 .module .spotLink .icon {
                    margin: 0 0 0 0.16em;
                    display: inline-block;
                    vertical-align: middle;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                    -ms-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                }

                    .spotlight .spot_01 .module .spotLink .icon:before {
                        -webkit-transition-duration: 0.3s;
                        -moz-transition-duration: 0.3s;
                        -o-transition-duration: 0.3s;
                        -ms-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                    }

        .spotlight .spot_01 .cycle-slideshow {
            width: 96%;
            max-width: 23.5em;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .spotlight .spot_01 .cycle-slide {
            color: #ffffff;
            display: block;
            -webkit-transition: color 0.4s ease-in-out;
            -moz-transition: color 0.4s ease-in-out;
            -o-transition: color 0.4s ease-in-out;
            -ms-transition: color 0.4s ease-in-out;
            transition: color 0.4s ease-in-out;
        }

            .spotlight .spot_01 .cycle-slide:hover {
                color: #00b4dc;
            }

        .spotlight .spot_01 .voluble {
            line-height: 1.2645em;
            font-size: 1.25em;
            display: block;
            font-family: 'Rubik', sans-serif;
        }

        .spotlight .spot_01 .cred {
            line-height: 1.435;
            font-size: 1.15em;
            font-family: 'Nunito', sans-serif;
            margin-top: 0.826em;
            display: block;
            color: #fed700;
        }

        .spotlight .spot_01 .decoration {
            width: 100%;
            margin: 1.65em auto;
            display: block;
            -webkit-transform: translateX(20%);
            -moz-transform: translateX(20%);
            -ms-transform: translateX(20%);
            -o-transform: translateX(20%);
            transform: translateX(20%);
        }

    .spotlight .spot_02 {
        font-size: 3.5vw;
        padding: 1.5em 0;
    }

        .spotlight .spot_02 .info {
            color: #fff;
            width: 100%;
            padding: 6.15em 0 6.7em;
            background-color: #00b4dc;
            background-image: url(../images/bg-fan-blue-r.png);
            background-position: left top;
            background-repeat: repeat;
            display: block;
            position: relative;
        }

        .spotlight .spot_02 h2.topic {
            line-height: 1;
            font-size: 3.35em;
            text-align: center;
            font-weight: 700;
            font-family: 'Rubik', sans-serif;
            color: #1666b0;
            margin-bottom: 0.328em;
            display: block;
        }

        .spotlight .spot_02 .voluble {
            line-height: 1.2;
            font-size: 1em;
            width: 100%;
            margin: 0 auto 1.75em;
            display: none;
        }

        .spotlight .spot_02 .spotBtn {
            line-height: 2.1;
            font-size: 20px;
            text-align: center;
            font-family: 'Rubik', sans-serif;
            color: #ffffff;
            width: 7.3em;
            height: 2.1em;
            border-radius: 0.25em;
            background: #1666b0;
            margin-left: auto;
            margin-right: auto;
            display: block;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .spotlight .spot_02 .spotBtn .icon {
                margin-left: .ib;
                vertical-align: middle;
            }

            .spotlight .spot_02 .spotBtn:hover {
                color: #1666b0;
                background: rgba(255, 255, 255, 0.9);
                -webkit-transform: scale(1.22);
                -moz-transform: scale(1.22);
                -ms-transform: scale(1.22);
                -o-transform: scale(1.22);
                transform: scale(1.22);
            }

        .spotlight .spot_02 .decoration {
            width: 100%;
            margin: 1.65em auto;
            display: block;
            -webkit-transform: translateX(-20%);
            -moz-transform: translateX(-20%);
            -ms-transform: translateX(-20%);
            -o-transform: translateX(-20%);
            transform: translateX(-20%);
        }

    .spotlight .spot_03 {
        font-size: 2.5vw;
        padding: 3.2em 0 6.3em;
    }

        .spotlight .spot_03 a {
            width: 100%;
            display: block;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .spotlight .spot_03 a h2.topic {
                line-height: 1;
                font-size: 4.3em;
                text-align: center;
                font-family: 'Rubik', sans-serif;
                font-weight: 700;
                color: #01b3dc;
                margin-bottom: 0.69767em;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -ms-transition-duration: 0.3s;
                transition-duration: 0.3s;
            }

            .spotlight .spot_03 a .cycle-slideshow {
                width: 146%;
                margin: 0 -23%;
                background: none;
                -webkit-perspective: 1000;
                -moz-perspective: 1000;
                -ms-perspective: 1000;
                -o-perspective: 1000;
                perspective: 1000;
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                -ms-transform-style: preserve-3d;
                -o-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }

            .spotlight .spot_03 a .cycle-slide {
                width: 100%;
                max-width: none;
            }

            .spotlight .spot_03 a:hover {
                opacity: 0.88;
            }

                .spotlight .spot_03 a:hover h2.topic {
                    color: #1467ae;
                }

    .spotlight .spot_04 {
        font-size: 3.5vw;
        padding: 1.5em 0;
    }

        .spotlight .spot_04 .info {
            width: 100%;
            padding: 4.2em 0 4em;
            background-color: #ffd700;
            background-image: url(../images/bg-fan-yellow-r.png);
            background-position: right top;
            background-repeat: repeat;
            display: block;
            position: relative;
        }

        .spotlight .spot_04 .decoration {
            width: 100%;
            margin: 1.65em auto;
            display: block;
            -webkit-transform: translateX(20%);
            -moz-transform: translateX(20%);
            -ms-transform: translateX(20%);
            -o-transform: translateX(20%);
            transform: translateX(20%);
        }

        .spotlight .spot_04 .module {
            text-align: center;
            width: 12.9em;
            height: 12.8em;
            padding: 2.2em 0 0;
            margin: 0 auto 1.4em;
            background: url(../images/spotlight/spot01modBg.png) no-repeat center top;
            background-size: 100% auto;
        }

            .spotlight .spot_04 .module h2.topic {
                line-height: 0.873;
                font-size: 2.75em;
                text-align: center;
                font-weight: 700;
                font-family: 'Rubik', sans-serif;
                color: #1467ae;
                width: 100%;
                display: block;
            }

                .spotlight .spot_04 .module h2.topic .trait {
                    font-family: 'Rubik', sans-serif;
                    font-weight: 700;
                }

            .spotlight .spot_04 .module .spotLink {
                line-height: 1.6;
                font-size: 1.25em;
                font-family: 'Rubik', sans-serif;
                color: #01b3dc;
                width: 100%;
                display: block;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -ms-transition-duration: 0.3s;
                transition-duration: 0.3s;
                animation-fill-mode: both;
                animation-duration: 0.8s;
                clear: both;
            }

                .spotlight .spot_04 .module .spotLink:hover {
                    animation-name: pulse_custom;
                    color: #505050;
                }

                    .spotlight .spot_04 .module .spotLink:hover .icon:before {
                        content: '\f4b4';
                    }

                .spotlight .spot_04 .module .spotLink .icon {
                    margin: 0 0 0 0.16em;
                    display: inline-block;
                    vertical-align: middle;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                    -ms-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                }

                    .spotlight .spot_04 .module .spotLink .icon:before {
                        -webkit-transition-duration: 0.3s;
                        -moz-transition-duration: 0.3s;
                        -o-transition-duration: 0.3s;
                        -ms-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                    }

        .spotlight .spot_04 .voluble {
            line-height: 1.0645em;
            font-size: 1.55em;
            display: block;
        }

        .spotlight .spot_04 .cred {
            line-height: 1.435;
            font-size: 1.15em;
            font-family: 'Rubik', sans-serif;
            margin-top: 0.826em;
            display: block;
        }

        .spotlight .spot_04 h2.topic {
            line-height: 1;
            font-size: 3.35em;
            text-align: center;
            font-weight: 400;
            font-family: 'Rubik', sans-serif;
            color: #4f3b81;
            margin-bottom: 0.328em;
            display: block;
        }

        .spotlight .spot_04 .voluble {
            line-height: 1.2;
            font-size: 1em;
            width: 100%;
            margin: 0 auto 1.75em;
            display: none;
        }

        .spotlight .spot_04 .spotBtn {
            line-height: 2.1;
            font-size: 20px;
            text-align: center;
            font-family: 'Rubik', sans-serif;
            color: #ffffff;
            width: 7.3em;
            height: 2.1em;
            border-radius: 0.25em;
            background: #4f3b81;
            margin-left: auto;
            margin-right: auto;
            display: block;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .spotlight .spot_04 .spotBtn .icon {
                margin-left: .ib;
                vertical-align: middle;
            }

            .spotlight .spot_04 .spotBtn:hover {
                color: #4f3b81;
                background: rgba(255, 255, 255, 0.9);
                -webkit-transform: scale(1.22);
                -moz-transform: scale(1.22);
                -ms-transform: scale(1.22);
                -o-transform: scale(1.22);
                transform: scale(1.22);
            }


/* ==================================================================
  #ft
  =================================================================== */
#ft {
    background: #fff;
    text-align: center;
    padding: 0;
    position: relative;
}

    #ft .map {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

        #ft .map img {
            height: 100%;
            width: auto;
            max-width: none;
            margin-left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    #ft a {
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
/* ===============================================
    locations || aka ft-location
    =============================================== */
#location {
    color: #ffffff;
    padding: 7em 0 0;
    background: url(../images/bg-fan-purple-r.png) rgba(20, 103, 174, 1);
    position: relative;
    z-index: 400;
}

    #location .addy {
        line-height: 1.2143;
        font-size: 1.4em;
        display: block;
    }

    #location .phone {
        line-height: 1.1428;
        font-size: 1.4em;
        margin-bottom: 2.071em;
        display: block;
    }

    #location .h_o_o {
        display: block;
        margin-bottom: 5.4em;
    }

        #location .h_o_o h2.topic {
            line-height: 1;
            font-size: 1.5em;
            font-weight: 400;
            font-family: 'Nunito', sans-serif;
            color: #ffffff;
            margin: 0 auto 0.666em;
            display: block;
        }

        #location .h_o_o .info {
            line-height: 1;
            font-size: 0.9em;
            display: block;
        }

    #location a {
        color: #ffffff;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        #location a:hover {
            color: #fed700;
        }
/* ==================================================================
    links || aka ft-design-credit
    =================================================================== */
#links {
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 2em 0;
    margin: 0;
    background: #4f3b81;
}

    #links .util {
        margin-bottom: 2em;
    }

        #links .util a {
            color: #fff;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            #links .util a:hover {
                color: #fed700;
            }

        #links .util a,
        #links .util .divider {
            display: inline-block;
        }

        #links .util .divider {
            margin: 0;
        }
/*sesame link*/
a#sesame-link:before {
    content: '\21';
    font-family: 'sesame-icons';
    font-size: 1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.2em;
    display: inline-block;
    vertical-align: bottom;
}
/*back-to-top*/
#btt {
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
}

a#back-to-top {
    font-size: 32px;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    a#back-to-top:hover {
        letter-spacing: 0.2em;
    }
/*superlative*/
/************************************************************************************************************************************************/
/* hide double hr */
hr {
    height: 1px;
    margin: 34px auto;
    padding: 0;
    clear: both;
    background: #d4d4d4;
}
/*div.hr{ .wall;height:1px;margin:14px auto;padding:0;.clear;background:@color0; }*/
/*success message*/
.success {
    text-transform: none;
    font-weight: 400;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 16px;
    float: left;
    background: #1467ae;
}
/* Form Buttons */
form button {
    letter-spacing: normal;
    color: #fff;
    font-weight: 400;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 38px;
    border-radius: 4px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #1467ae;
    border: 1px solid #1467ae;
}

    form button:hover {
        color: #1467ae;
        border-color: #1467ae;
        background-color: transparent;
    }

form p {
    height: auto;
}
/* BLOG FORM */
.stButton {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.st_plusone_large {
    top: 9px;
    position: relative;
}

.share-article-links {
    text-align: center;
}

.share-text {
    color: #000;
    font-size: 15px;
    margin: 0 0 0.8em;
    font-weight: 400;
    text-align: center;
}

form#blog_search {
    color: #000;
    position: relative;
    text-align: left;
    width: 275px;
    float: none;
    margin: 0 auto;
}

    form#blog_search label {
        color: #1467ae;
        font-size: 14px;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        text-shadow: none;
        margin: 0px;
        text-align: left;
        text-transform: none;
    }

    form#blog_search input {
        background: rgba(255, 255, 255, 0.8);
        color: rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(0, 0, 0, 0.8);
        width: 178px;
        margin: 6px auto;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

        form#blog_search input:hover {
            background: rgba(255, 255, 255, 0.95);
        }

    form#blog_search button {
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.85);
        padding: 4px 8px !important;
        margin: 0;
        border: 1px solid rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.26);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

        form#blog_search button:active,
        form#blog_search button:hover {
            color: #000;
            background: rgba(0, 0, 0, 0.22);
            box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.24);
        }
/* end blog css */
/* fixes buttons */
button:hover,
button:active,
button:focus {
    outline: none;
}
/* Generic Classes */
.shift {
    position: relative;
}

.columns {
    display: inline;
    float: left;
}

.genie {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

    .genie:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

.video-sleeve {
    margin-bottom: 1.85em;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*other forms*/
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="file"],
textarea {
    /*width:80%;*/
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="file"] {
    height: 34px;
}
/* hidden field styles */
.hidden-option {
    display: none;
}

body.office-tour .video-sleeve {
    margin: 0 auto;
    max-width: 600px;
}

.test-cred {
    display: block;
    font-weight: bold;
    font-size: smaller;
}

.flash {
    margin: 20px 0;
}

#pro-pack h2 {
    padding-top: 0;
}
/*global overrides*/
button:active {
    outline: none;
}

form label {
    margin: 1em 0;
}

form p {
    margin: 2em 0 0;
}

form #rating label span {
    margin-left: 0;
}

form #rating label input {
    width: 20px !important;
}

form label[for="Days_Available_No_Preference"] span,
form fieldset.radio-group span {
    display: inline-block;
}

form.full label input[type="checkbox"] {
    width: auto !important;
    margin: 0;
}
/*body[class^='meet-dr-'] #hide-stock { display:block !important; text-align:center; margin: 1em auto; }*/
/*unecessary rule - see #sidebar*/
form p {
    height: auto;
}
/*common procedures styles*/
p#procedures-nav {
    font-size: 12px;
    color: #1467ae;
    /*padding-bottom:1em;
  margin-bottom:3em;
  border-bottom:1px solid @tri-grey;*/
}

    p#procedures-nav a {
        color: #1467ae;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        p#procedures-nav a:hover {
            text-decoration: none;
            color: #fed700;
        }
/*********************************************************************/
/*embedded videos*/
/*********************************************************************/
/*keeps videos from getting too hooj*/
.embed-container {
    width: 100%;
}

    .embed-container.ratio16x9,
    .embed-container.docvid {
        padding-bottom: 46%;
    }

.clarity-sl .embed-container {
    padding: 0 0 10% 0;
    width: 60%;
}

    .clarity-sl .embed-container a {
        line-height: 7;
    }
/*exceptions - there are exceptions to every rule!!!*/
.acceledent .embed-container:nth-of-type(1) {
    float: right;
    height: auto;
    padding-bottom: 0;
    width: auto;
}
/*office-location*/
.map-directions .embed-container,
.address-hours .embed-container,
.address-and-hours .embed-container,
body[class*="office"] .embed-container,
body[class*="location"] .embed-container {
    width: auto;
    margin-top: 2em;
    padding-bottom: 55%;
    /*default 55%*/
}

.location-page,
table.office-hours {
    margin-bottom: 1em;
}

table.office-hours {
    font-size: 18px;
}

p.office-hours {
    margin-bottom: 0;
}

.office-info,
.office-location table {
    margin-bottom: 2em;
}
/*padding-bottom adjusts height of google map*/
h3.hours {
    margin-top: 2em;
}
/*********************************************************************
  invisalign overrides
  *********************************************************************/
body[class*='invisalign'] span[style="font-size:10px;"] {
    line-height: 2;
    display: inline-block;
}

.invisalign-testimonials #pro-pack > p {
    display: inline-block;
}

.invisalign-testimonials ul#testimonials {
    margin: 0 0 100px 0;
}

.invisalign-videos h1 {
    text-align: center;
}

.invisalign-videos .img-left {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
/*invisalign videos*/
.invisalign-videos h3 {
    text-align: center;
}

.invisalign-videos .embed-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*hides p tag under slideshow*/
.invisalign-testimonials ul#testimonials {
    background: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

    .invisalign-testimonials ul#testimonials p {
        line-height: 18px;
        font-size: 17px;
        text-shadow: none;
        font-weight: 400;
        color: #333333;
    }
/*invisalign footer*/
#invisalign-footer,
#suresmile-footer {
    max-width: 100%;
    width: auto;
}

    #invisalign-footer a:hover img,
    #suresmile-footer a:hover img {
        opacity: 0.5;
    }

#pro-pack #invisalign-footer {
    width: 90%;
    float: none;
    margin: 1em auto;
}

    #pro-pack #invisalign-footer a:hover img {
        opacity: 0.5;
    }

    #invisalign-footer li,
    #suresmile-footer li,
    #pro-pack #invisalign-footer li {
        width: auto;
    }
/*other stuff*/
.braces-diagram #content p {
    float: none;
    margin: 0 auto !important;
    padding: 0;
}

.braces-diagram #content .img-left {
    float: none;
    margin: 0 auto;
    clear: none;
    display: block;
}
/************************************************************************************************************************************************/
/* end superlatives */
/* ===============================================
Small Tablet/Large Phone Stylings (Optional)
Supports 30em (480px) to 47.9375em (767px)
------
Useful for making minor adjustments between
awkward sizes.
=============================================== */
@media only screen and (min-width: 30em) and (max-width: 47.9375em) {
    h1 {
        font-size: 3.3em;
    }

    #callouts {
        font-size: 2.5vw;
    }

    .spotlight .spot_01,
    .spotlight .spot_02,
    .spotlight .spot_04 {
        font-size: inherit;
    }
    /*END*/
}
/* ===============================================
Tablet / Desktop Stylings
Supports 48em (768px) and up
=============================================== */
@media only screen and (min-width: 48em) {
    /**/
    .row > .col {
        border: 0px solid rgba(0, 0, 0, 0);
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-background-clip: padding-box !important;
        -webkit-background-clip: padding-box !important;
        background-clip: padding-box !important;
        margin-left: 5%;
    }

        .row > .col:first-child {
            margin-left: 0%;
        }

    #staff-array .row > .col {
        margin-left: 0;
    }

        #staff-array .row > .col:first-child {
            margin-left: 5%;
        }
    /* 12 Column Grid */
    .row > .col.span1 {
        width: 3.75%;
    }

    .row > .col.span2 {
        width: 12.5%;
    }

    .row > .col.span3,
    .row > .col.quarter {
        width: 21.25%;
    }

    .row > .col.span4,
    .row > .col.third {
        width: 30%;
    }

    .row > .col.span5 {
        width: 38.75%;
    }

    .row > .col.span6,
    .row > .col.half {
        width: 47.5%;
    }

    .row > .col.span7 {
        width: 56.25%;
    }

    .row > .col.span8 {
        width: 65%;
    }

    .row > .col.span9 {
        width: 73.75%;
    }

    .row > .col.span10 {
        width: 82.5%;
    }

    .row > .col.span11 {
        width: 91.25%;
    }

    .row > .col.span12,
    .row > .col.full {
        width: 100%;
    }

    .row > .col.offset1 {
        margin-left: 8.75%;
    }

    .row > .col.offset2 {
        margin-left: 17.5%;
    }

    .row > .col.offset3 {
        margin-left: 26.25%;
    }

    .row > .col.offset4 {
        margin-left: 35%;
    }

    .row > .col.offset5 {
        margin-left: 43.75%;
    }

    .row > .col.offset6 {
        margin-left: 52.5%;
    }

    .row > .col.offset7 {
        margin-left: 61.25%;
    }

    .row > .col.offset8 {
        margin-left: 70%;
    }

    .row > .col.offset9 {
        margin-left: 78.75%;
    }

    .row > .col.offset10 {
        margin-left: 87.5%;
    }

    .row > .col.offset11 {
        margin-left: 96.25%;
    }
    /**/
    /* ===============================================
          super 
          =============================================== */
    /*keeps videos from getting too hooj*/
    /*.embed-container{ width: 60%;padding-bottom:30%;.show;.center; }
  .embed-container.ratio16x9, .embed-container.docvid{ padding-bottom:30%; }*/
    /*.slideshow-pagination{ .show; }*/
    .damon-smile-testimonials .embed-container.ratio16x9 {
        margin-left: auto;
        margin-right: auto;
    }
    /* in-ovation pages */
    .in-ovation div.img-left {
        float: right;
        margin: 0 0 2.5% 2.5%;
    }

    .which-is-right-for-me #content p {
        display: inline-block;
        float: left;
    }

    .which-is-right-for-me #content a[href^="/sesame_media/docs/"] {
        text-align: center;
        display: block;
        width: 100%;
        clear: both;
    }

        .which-is-right-for-me #content a[href^="/sesame_media/docs/"] img {
            display: inline-block;
        }

    .in-ovation-testimonials .embed-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    [class^="inovation-chart-"] {
        display: inline-block;
        float: left;
    }
    /*damon pages*/
    .damon-smile-info img[src$='damon-3.png'] {
        float: right;
        margin: 0 0 0.8em 0.8em;
    }

        .damon-smile-info img[src$='damon-3.png'] + p {
            display: block;
            width: 100%;
            clear: both;
        }
    /*invisalign footer*/
    #pro-pack #invisalign-footer {
        width: 100%;
        float: left;
    }

        #pro-pack #invisalign-footer ul {
            float: left;
            width: auto;
            margin: 0;
            min-width: 120px;
        }

        #pro-pack #invisalign-footer a.external,
        #pro-pack #invisalign-footer p.cf {
            float: right;
            clear: right;
        }

        #pro-pack #invisalign-footer p.cf {
            text-align: center;
        }

    #invisalign-footer p.cf {
        text-align: center;
    }
    /*suremsile pages*/
    [class*="suresmile"] iframe,
    [class*="suresmile"] .embed-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .suresmile-before-and-after #content img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .how-suresmile-works .embed-container {
        display: none;
    }

    .suresmile-info .embed-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #suresmile-footer {
        width: 100%;
        float: left;
    }

        #suresmile-footer > .external {
            display: block;
            margin: 1em auto;
            float: none;
            clear: both;
        }

        #suresmile-footer p.cf {
            text-align: center;
        }

        #suresmile-footer ul.cf li a:nth-child(2) {
            display: none;
        }
    /* opalescence */
    #video-opalescence {
        float: right;
        margin: 0 0 1em 1em;
    }
    /**/
    .video-sleeve {
        width: 100%;
    }

    .video-sleeve-60 {
        width: 100%;
        max-width: 60%;
    }
    /*hfam*/
    h1 {
        font-size: 3.3em;
        text-align: left;
    }
    /* ===============================================
          header 
          =============================================== */
    #contact-info a {
        margin: 0;
    }

    #contact-info .phone {
        margin-right: 1em;
    }
    /* ===============================================
          slideshow 
          =============================================== */
    /* ===============================================
          torso 
          =============================================== */
    .torso {
        position: relative;
        z-index: 420;
    }
    /* ===============================================
          callouts 
          =============================================== */
    #callouts {
        font-size: inherit;
        height: 41.6em;
        width: auto;
        padding: 1.7em 0 0 2.1em;
        margin: 0 0 0 9.15em;
        background-color: rgba(0, 179, 221, 0.9);
        background-image: url(../images/bg-fan-blue-r.png);
        background-position: left top;
        background-repeat: repeat;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        /*&:after{ content:'';
    width:50em;.hall;margin-left:4em;
    background:fade(@color1, 90%);
    .show;position:absolute;top:0;left:-4em;
   }*/
    }

        #callouts:before {
            content: '';
            width: auto;
            height: 0;
            border-bottom: 41.6em solid transparent;
            border-left: 4em solid rgba(255, 255, 255, 1);
            position: absolute;
            top: 0;
            left: 0;
        }

        #callouts a {
            margin: 0 auto 0.65em 3em;
            display: block;
        }
    /* ===============================================
          ip-sub 
          =============================================== */
    #ip-sub {
        text-align: left;
    }

        #ip-sub p {
            margin: 0;
        }

        #ip-sub a {
            margin-left: 0;
        }
    /* ===============================================
        content / sidebar 
        =============================================== */
    #bd {
        padding: 4.025em 0 1.8em;
    }

        #bd .container {
            max-width: 50em;
        }

    .home #bd {
        padding: 3.025em 0 3.65em;
    }

        .home #bd #content {
            width: 65%;
            max-width: 32.2em;
            float: left;
        }

    #content {
        /*float: left;*/
        /*width: 60%;*/
        /*max-width: 30em;*/
    }

        #content p {
            /*text-align: justify;*/
        }

    #sidebar {
        display: block;
        float: right;
        clear: right;
        width: 33%;
        margin: -4em 0 1em 1em;
    }
    /* blanket content width 100% and sidebar hide */
    .home #content,
    body[class^='before-'] #content,
    .patient-photos #content,
    .smile-gallery #content,
    body[class*='office-tour'] #content,
    .around-our-office #content,
    .tour-our-office #content,
    .brace-painter #content {
        width: 100%;
        max-width: none;
        /*default mw::none*/
    }

    .home #sidebar,
    body[class^='before-'] #sidebar,
    .patient-photos #sidebar,
    .smile-gallery #sidebar,
    body[class*='office-tour'] #sidebar,
    .around-our-office #sidebar,
    .tour-our-office #sidebar,
    .brace-painter #sidebar {
        display: none;
    }
    /* blanket content sidebar hide and slimmer-centered-content-area */
    /* in order to accommodate for better legibility */
    body[class*='acceledent'],
    .abo-certification,
    .all-on-4,
    .bonding,
    .braces-diagram,
    .bridges,
    body[class*='carriere'],
    .chao-pinhole-surgical-technique,
    .clarity-ceramic-brackets,
    .clarity-sl,
    .cerec,
    .safari-club,
    .clearcorrect,
    .color-my-braces,
    .contests,
    body[class^='common-'],
    .crowns,
    body[class^='damon-'],
    .dentures,
    .complete-dentures,
    .digital-x-rays,
    .digital-cad-cam-dentistry,
    body[class*='empower'],
    .e4d-dentist,
    .extractions,
    .fillings,
    .fluoride,
    body[class*='forsus'],
    .glo-teeth-whitening,
    .gum-disease,
    .gum-disease-in-children,
    body[class*='i-cat'],
    .incognito,
    body[class*='in-ovation'],
    .mtm-no-trace,
    .which-is-right-for-me,
    .implants,
    .insignia,
    body[class*='invisalign'],
    .itero-digital-impression-system,
    .itero-element,
    .itero,
    .juvederm-xc,
    .koer-whitening,
    .lumibrite,
    .lumineers,
    .lythos-digital-scan,
    body[class*="-team"],
    body[class*="-staff"],
    .meet-our-hygienists,
    .minimaster,
    .mouthguards,
    .nightguards,
    .palatal-expander,
    .patient-care-videos,
    .pay-it-forward-program,
    .philips-zoom,
    .pick-your-colors,
    .propel-orthodontics,
    .retainer-instructions,
    .retainers,
    .root-canals,
    .sealants,
    .simpli5,
    .sirona-galileos-cbct,
    .six-month-smiles,
    .slimline-palatal-expander,
    .smiles-change-lives,
    .smile-for-a-lifetime,
    .smartclip,
    .solea-dental-laser,
    .somnodent-sleep-apnea-appliance,
    .speed-system,
    .sponsorships,
    body[class*="straumann"],
    body[class^='suresmile'],
    .success-stories,
    .tap-appliance,
    body[class^='trudenta-'],
    .headache-symptoms-and-causes,
    body[class^='types-of'],
    .the-wand-sta,
    .veneers,
    .vizilite-plus,
    .wildsmiles,
    .wisdom-teeth,
    .my-life-my-smile-my-orthodontist,
    .your-child-s-first-orthodontic-checkup,
    .aao-testimonials,
    .opalescence,
    .ortho-tv,
    .velscope-oral-cancer-screening,
    .why-choose-us,
    .contests-events,
    .video-gallery,
    .abpd-certification,
    .patient-rewards-program,
    .instant-orthodontics {
        /* count out 90 characters per line to declare width */
    }

        body[class*='acceledent'] #bd .container,
        .abo-certification #bd .container,
        .all-on-4 #bd .container,
        .bonding #bd .container,
        .braces-diagram #bd .container,
        .bridges #bd .container,
        body[class*='carriere'] #bd .container,
        .chao-pinhole-surgical-technique #bd .container,
        .clarity-ceramic-brackets #bd .container,
        .clarity-sl #bd .container,
        .cerec #bd .container,
        .clearcorrect #bd .container,
        .color-my-braces #bd .container,
        .contests #bd .container,
        body[class^='common-'] #bd .container,
        .crowns #bd .container,
        body[class^='damon-'] #bd .container,
        .dentures #bd .container,
        .complete-dentures #bd .container,
        .digital-x-rays #bd .container,
        .digital-cad-cam-dentistry #bd .container,
        body[class*='empower'] #bd .container,
        .e4d-dentist #bd .container,
        .extractions #bd .container,
        .fillings #bd .container,
        .fluoride #bd .container,
        body[class*='forsus'] #bd .container,
        .glo-teeth-whitening #bd .container,
        .gum-disease #bd .container,
        .gum-disease-in-children #bd .container,
        body[class*='i-cat'] #bd .container,
        .incognito #bd .container,
        body[class*='in-ovation'] #bd .container,
        .mtm-no-trace #bd .container,
        .which-is-right-for-me #bd .container,
        .implants #bd .container,
        .insignia #bd .container,
        body[class*='invisalign'] #bd .container,
        .itero-digital-impression-system #bd .container,
        .itero-element #bd .container,
        .itero #bd .container,
        .juvederm-xc #bd .container,
        .koer-whitening #bd .container,
        .lumibrite #bd .container,
        .lumineers #bd .container,
        .lythos-digital-scan #bd .container,
        body[class*="-team"] #bd .container,
        body[class*="-staff"] #bd .container,
        .meet-our-hygienists #bd .container,
        .minimaster #bd .container,
        .mouthguards #bd .container,
        .nightguards #bd .container,
        .palatal-expander #bd .container,
        .patient-care-videos #bd .container,
        .pay-it-forward-program #bd .container,
        .philips-zoom #bd .container,
        .pick-your-colors #bd .container,
        .propel-orthodontics #bd .container,
        .retainer-instructions #bd .container,
        .retainers #bd .container,
        .root-canals #bd .container,
        .sealants #bd .container,
        .simpli5 #bd .container,
        .sirona-galileos-cbct #bd .container,
        .six-month-smiles #bd .container,
        .slimline-palatal-expander #bd .container,
        .smiles-change-lives #bd .container,
        .safari-club #bd .container,
        .smile-for-a-lifetime #bd .container,
        .smartclip #bd .container,
        .solea-dental-laser #bd .container,
        .somnodent-sleep-apnea-appliance #bd .container,
        .speed-system #bd .container,
        .sponsorships #bd .container,
        body[class*="straumann"] #bd .container,
        body[class^='suresmile'] #bd .container,
        .success-stories #bd .container,
        .tap-appliance #bd .container,
        body[class^='trudenta-'] #bd .container,
        .headache-symptoms-and-causes #bd .container,
        body[class^='types-of'] #bd .container,
        .the-wand-sta #bd .container,
        .veneers #bd .container,
        .vizilite-plus #bd .container,
        .wildsmiles #bd .container,
        .wisdom-teeth #bd .container,
        .my-life-my-smile-my-orthodontist #bd .container,
        .your-child-s-first-orthodontic-checkup #bd .container,
        .aao-testimonials #bd .container,
        .opalescence #bd .container,
        .ortho-tv #bd .container,
        .velscope-oral-cancer-screening #bd .container,
        .why-choose-us #bd .container,
        .contests-events #bd .container,
        .video-gallery #bd .container,
        .abpd-certification #bd .container,
        .patient-rewards-program #bd .container,
        .instant-orthodontics #bd .container {
            width: 80% !important;
            max-width: 40em;
            /*800px*/
        }

        body[class*='acceledent'] #content,
        .abo-certification #content,
        .all-on-4 #content,
        .bonding #content,
        .braces-diagram #content,
        .bridges #content,
        body[class*='carriere'] #content,
        .chao-pinhole-surgical-technique #content,
        .clarity-ceramic-brackets #content,
        .clarity-sl #content,
        .cerec #content,
        .clearcorrect #content,
        .color-my-braces #content,
        .contests #content,
        body[class^='common-'] #content,
        .crowns #content,
        body[class^='damon-'] #content,
        .dentures #content,
        .complete-dentures #content,
        .digital-x-rays #content,
        .digital-cad-cam-dentistry #content,
        body[class*='empower'] #content,
        .e4d-dentist #content,
        .extractions #content,
        .fillings #content,
        .fluoride #content,
        body[class*='forsus'] #content,
        .glo-teeth-whitening #content,
        .gum-disease #content,
        .gum-disease-in-children #content,
        body[class*='i-cat'] #content,
        .incognito #content,
        body[class*='in-ovation'] #content,
        .mtm-no-trace #content,
        .which-is-right-for-me #content,
        .implants #content,
        .insignia #content,
        body[class*='invisalign'] #content,
        .itero-digital-impression-system #content,
        .itero-element #content,
        .itero #content,
        .juvederm-xc #content,
        .koer-whitening #content,
        .lumibrite #content,
        .lumineers #content,
        .lythos-digital-scan #content,
        body[class*="-team"] #content,
        body[class*="-staff"] #content,
        .meet-our-hygienists #content,
        .minimaster #content,
        .mouthguards #content,
        .nightguards #content,
        .palatal-expander #content,
        .patient-care-videos #content,
        .pay-it-forward-program #content,
        .safari-club #content,
        .philips-zoom #content,
        .pick-your-colors #content,
        .propel-orthodontics #content,
        .retainer-instructions #content,
        .retainers #content,
        .root-canals #content,
        .sealants #content,
        .simpli5 #content,
        .sirona-galileos-cbct #content,
        .six-month-smiles #content,
        .slimline-palatal-expander #content,
        .smiles-change-lives #content,
        .smile-for-a-lifetime #content,
        .smartclip #content,
        .solea-dental-laser #content,
        .somnodent-sleep-apnea-appliance #content,
        .speed-system #content,
        .sponsorships #content,
        body[class*="straumann"] #content,
        body[class^='suresmile'] #content,
        .success-stories #content,
        .tap-appliance #content,
        body[class^='trudenta-'] #content,
        .headache-symptoms-and-causes #content,
        body[class^='types-of'] #content,
        .the-wand-sta #content,
        .veneers #content,
        .vizilite-plus #content,
        .wildsmiles #content,
        .wisdom-teeth #content,
        .my-life-my-smile-my-orthodontist #content,
        .your-child-s-first-orthodontic-checkup #content,
        .aao-testimonials #content,
        .opalescence #content,
        .ortho-tv #content,
        .velscope-oral-cancer-screening #content,
        .why-choose-us #content,
        .contests-events #content,
        .video-gallery #content,
        .abpd-certification #content,
        .patient-rewards-program #content,
        .instant-orthodontics #content {
            width: 100%;
            max-width: none;
        }

        body[class*='acceledent'] #sidebar,
        .abo-certification #sidebar,
        .all-on-4 #sidebar,
        .bonding #sidebar,
        .braces-diagram #sidebar,
        .bridges #sidebar,
        body[class*='carriere'] #sidebar,
        .chao-pinhole-surgical-technique #sidebar,
        .clarity-ceramic-brackets #sidebar,
        .clarity-sl #sidebar,
        .cerec #sidebar,
        .clearcorrect #sidebar,
        .color-my-braces #sidebar,
        .contests #sidebar,
        body[class^='common-'] #sidebar,
        .crowns #sidebar,
        body[class^='damon-'] #sidebar,
        .dentures #sidebar,
        .complete-dentures #sidebar,
        .digital-x-rays #sidebar,
        .digital-cad-cam-dentistry #sidebar,
        body[class*='empower'] #sidebar,
        .e4d-dentist #sidebar,
        .extractions #sidebar,
        .fillings #sidebar,
        .fluoride #sidebar,
        body[class*='forsus'] #sidebar,
        .glo-teeth-whitening #sidebar,
        .gum-disease #sidebar,
        .gum-disease-in-children #sidebar,
        body[class*='i-cat'] #sidebar,
        .incognito #sidebar,
        body[class*='in-ovation'] #sidebar,
        .mtm-no-trace #sidebar,
        .which-is-right-for-me #sidebar,
        .implants #sidebar,
        .insignia #sidebar,
        body[class*='invisalign'] #sidebar,
        .itero-digital-impression-system #sidebar,
        .itero-element #sidebar,
        .itero #sidebar,
        .juvederm-xc #sidebar,
        .koer-whitening #sidebar,
        .lumibrite #sidebar,
        .lumineers #sidebar,
        .lythos-digital-scan #sidebar,
        body[class*="-team"] #sidebar,
        body[class*="-staff"] #sidebar,
        .meet-our-hygienists #sidebar,
        .minimaster #sidebar,
        .mouthguards #sidebar,
        .nightguards #sidebar,
        .palatal-expander #sidebar,
        .patient-care-videos #sidebar,
        .pay-it-forward-program #sidebar,
        .philips-zoom #sidebar,
        .pick-your-colors #sidebar,
        .propel-orthodontics #sidebar,
        .safari-club #sidebar,
        .retainer-instructions #sidebar,
        .retainers #sidebar,
        .root-canals #sidebar,
        .sealants #sidebar,
        .simpli5 #sidebar,
        .sirona-galileos-cbct #sidebar,
        .six-month-smiles #sidebar,
        .slimline-palatal-expander #sidebar,
        .smiles-change-lives #sidebar,
        .smile-for-a-lifetime #sidebar,
        .smartclip #sidebar,
        .solea-dental-laser #sidebar,
        .somnodent-sleep-apnea-appliance #sidebar,
        .speed-system #sidebar,
        .sponsorships #sidebar,
        body[class*="straumann"] #sidebar,
        body[class^='suresmile'] #sidebar,
        .success-stories #sidebar,
        .tap-appliance #sidebar,
        body[class^='trudenta-'] #sidebar,
        .headache-symptoms-and-causes #sidebar,
        body[class^='types-of'] #sidebar,
        .the-wand-sta #sidebar,
        .veneers #sidebar,
        .vizilite-plus #sidebar,
        .wildsmiles #sidebar,
        .wisdom-teeth #sidebar,
        .my-life-my-smile-my-orthodontist #sidebar,
        .your-child-s-first-orthodontic-checkup #sidebar,
        .aao-testimonials #sidebar,
        .opalescence #sidebar,
        .ortho-tv #sidebar,
        .velscope-oral-cancer-screening #sidebar,
        .why-choose-us #sidebar,
        .contests-events #sidebar,
        .video-gallery #sidebar,
        .abpd-certification #sidebar,
        .patient-rewards-program #sidebar,
        .instant-orthodontics #sidebar {
            display: none;
        }
        /* custom content */
        /*.success{ width:66%; }*/
        /*table.office-hours{ max-width:50%; }*/
        /*p.before-after-text, .before-after-box{ .wall; }*/
        .speed-system img[alt="Speed Braces"] {
            display: block;
        }
        /*.office_tour{
  .controls{
    > div{ 
      &[id^="prev"]{ margin-left:-50px; }
      &[id^="next"]{ margin-right:-50px; }
    }
  }
  }*/
        /*PAGE SPECIFIC*/
        .which-is-right-for-me #content p {
            display: inline-block;
            float: left;
        }

        .which-is-right-for-me #content a[href^="/sesame_media/docs/"] {
            text-align: center;
            display: block;
            width: 100%;
            clear: both;
        }

            .which-is-right-for-me #content a[href^="/sesame_media/docs/"] img {
                display: inline-block;
            }

    .in-ovation-testimonials .embed-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    [class^="inovation-chart-"] {
        display: inline-block;
        float: left;
    }

    .in-ovation-before-after #content p {
        text-align: center;
    }

    .in-ovation-before-after .content-text h3 {
        text-align: center;
    }

    .in-ovation-before-after .content-text .img-left,
    .in-ovation-before-after .content-text .border {
        float: none;
        display: inline-block;
        margin: 2%;
    }

    .in-ovation-videos .content-text h2 {
        text-align: center;
    }

    .in-ovation-videos .content-text .embed-container {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /* ===============================================
          sitemap 
          =============================================== */
    body.sitemap .width1 {
        width: 50%;
    }
    /* ===============================================
      spotlight 
      =============================================== */
    .spotlight .spot_01 {
        font-size: 1.3vw;
        height: 30.5em;
        padding: 0;
    }

        .spotlight .spot_01 .info {
            height: 27.2em;
            margin: 0 -5.9em 0 0;
            padding-right: 6.3em;
            position: absolute;
            top: 1.65em;
            right: 50%;
            z-index: 400;
        }

            .spotlight .spot_01 .info:before {
                content: '';
                width: 0;
                height: 0;
                /*border-left: 3em solid #4f3b81;*/
                /*border-bottom: 27.2em solid transparent;*/
                /*position: absolute;*/
                /*top: 0;*/
                /*left: 100%;*/
                border-right: 3em solid #ffffff;
                border-top: 27.35em solid transparent;
                position: absolute;
                right: 0;
                bottom: 0;
            }



        .spotlight .spot_01 .module {
            margin: 0 0 0 -4.8em;
            position: absolute;
            top: 7.4em;
            left: 100%;
        }

        .spotlight .spot_01 .cycle-slideshow {
            text-align: left;
            margin-right: 0;
        }

        .spotlight .spot_01 .decoration {
            width: 44em;
            max-width: none;
            margin: 0 0 0 -2.9em;
            position: absolute;
            top: 3.4em;
            left: 50%;
        }

    .spotlight .spot_02 {
        font-size: 1.3vw;
        height: 30.5em;
        padding: 0;
    }

        .spotlight .spot_02 .info {
            text-align: left;
            height: 27.2em;
            margin: 0 0 0 -5.3em;
            padding-left: 5.4em;
            position: absolute;
            top: 1.65em;
            left: 50%;
            z-index: 400;
        }

            .spotlight .spot_02 .info:before {
                content: '';
                width: 0;
                height: 0;
                /*border-right: 3em solid #00b4dc;*/
                /*border-bottom: 27.2em solid transparent;*/
                /*position: absolute;*/
                /*top: 0;*/
                /*right: 100%;*/
                border-left: 3em solid #ffffff;
                border-top: 27.35em solid transparent;
                position: absolute;
                left: 0;
                top: 0;
            }

        .spotlight .spot_02 h2.topic {
            text-align: left;
            margin-left: 0;
        }

        .spotlight .spot_02 .voluble {
            width: 23.7em;
            display: block;
            margin-left: 0;
        }

        .spotlight .spot_02 .spotBtn {
            font-size: 1em;
            margin-left: 0;
        }

        .spotlight .spot_02 .decoration {
            width: 44.7em;
            max-width: none;
            margin: 0 -3.6em 0 0;
            position: absolute;
            top: 3.4em;
            right: 50%;
        }

    .spotlight .spot_03 {
        font-size: inherit;
    }

    .spotlight .spot_04 {
        font-size: 1.3vw;
        height: 30.5em;
        padding: 0;
    }

        .spotlight .spot_04 .info {
            height: 27.2em;
            margin: 0 -5.9em 0 0;
            padding-right: 6.3em;
            position: absolute;
            top: 1.65em;
            right: 50%;
            z-index: 400;
        }

            .spotlight .spot_04 .info:before {
                content: '';
                width: 0;
                height: 0;
                /*border-left: 3em solid #ffd700;*/
                /*border-bottom: 27.2em solid transparent;*/
                /*position: absolute;*/
                /*top: 0;*/
                /*left: 100%;*/
                border-right: 3em solid #ffffff;
                border-top: 27.35em solid transparent;
                position: absolute;
                right: 0;
                bottom: 0;
            }

        .spotlight .spot_04 .module {
            margin: 0 0 0 -4.8em;
            position: absolute;
            top: 7.4em;
            left: 100%;
        }

        .spotlight .spot_04 .cycle-slideshow {
            text-align: left;
            margin-right: 0;
        }

        .spotlight .spot_04 .decoration {
            width: 44em;
            max-width: none;
            margin: 0 0 0 -2.9em;
            position: absolute;
            top: 3.4em;
            left: 50%;
        }

        .spotlight .spot_04 .spotBtn {
            margin-right: 0;
        }

        .spotlight .spot_04 h2.topic {
            text-align: right;
            margin-right: 0;
        }

        .spotlight .spot_04 .voluble {
            width: 23.7em;
            text-align: right;
            display: block;
            margin-right: 0;
        }


    /* ===============================================
          footer 
          =============================================== */
    /*location*/
    /*links*/
    #links {
        height: 55px;
        padding: 12.5px 0 0;
    }

        #links .info {
            display: inline-block;
            width: 37em;
        }

        #links .util {
            width: auto;
            margin: 0;
            float: left;
        }
    /*back to top*/
    #btt {
        width: auto;
        margin: 0;
        float: right;
    }
    /*END*/
}
/* ===============================================
Desktop Only Stylings
Supports 64em (1024px) and up
=============================================== */
@media only screen and (min-width: 64em) {
    /*body*/
    body {
        font-size: 20px;
    }

        body.Our.Team {
            margin-top: 100px;
            background: #ffffff url(../images/header1.jpg) no-repeat center 113px;
            background-size: contain;
        }

        body.New.Patients {
            margin-top: 210px;
            background: #ffffff url(../images/header2.jpg) no-repeat center 113px;
            background-size: contain;
        }

        body.Braces.Info {
            margin-top: 210px;
            background: #ffffff url(../images/header3.jpg) no-repeat center 113px;
            background-size: contain;
        }

        body.Treatments {
            margin-top: 210px;
            background: #ffffff url(../images/header4.jpg) no-repeat center 113px;
            background-size: contain;
        }

        body[class*='invisalign'] {
            margin-top: 210px;
            background: #ffffff url(../images/header5.jpg) no-repeat center 113px;
            background-size: contain;
        }

        body.Contact {
            margin-top: 210px;
            background: #ffffff url(../images/header6.jpg) no-repeat center 113px;
            background-size: contain;
        }

            body.Our.Team #ip-sub .container, body.New.Patients #ip-sub .container, body.Braces.Info #ip-sub .container,
            body.Treatments #ip-sub .container, body[class*='invisalign'] #ip-sub .container, body.Contact #ip-sub .container {
                margin-top: 0px;
            }

    /*hfam*/
    /* vertex */
    #vertex {
        width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 3000;
        box-shadow: none;
    }

        #vertex .coco {
            margin: 0;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            position: fixed;
            top: auto;
            right: 10px;
            bottom: 10px;
            left: auto;
            z-index: 3000;
        }

    .home #vertex .coco {
        margin: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        position: fixed;
        top: auto;
        right: 10px;
        bottom: 10px;
        left: auto;
        z-index: 3000;
    }
    /*HD*/
    #hd {
        padding: 0;
        z-index: 3000;
        overflow: visible;
    }

    #logo {
        margin: 28px 0 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #contact-info {
        width: auto;
        margin: 6px 0 0;
        float: right;
        clear: right;
    }

    .social-media {
        width: 42px;
        margin: 8px 0 0;
        padding: 0;
        position: fixed;
        right: 63px;
        top: 200px;
    }

        .social-media a {
            margin: 0 0 5px 0;
        }
    /* ==================================================================
  main-nav
  =================================================================== */
    #main-nav {
        width: 100%;
        height: 73px;
        margin: 4px 0 0;
        position: relative;
        top: auto;
        z-index: 2900;
        box-shadow: none;
    }

        #main-nav .container {
            background: none;
            padding: 0;
        }

        #main-nav div.collapsible {
            margin: 0 auto;
        }

        #main-nav ul {
            height: 73px;
            width: auto;
            float: right;
            padding: 0;
            margin: 0 -12px 0 0;
            border: none;
            background: none;
            position: static;
        }

            #main-nav ul:before {
                display: none;
            }

            #main-nav ul li {
                height: 78px;
                float: none;
                clear: none;
                margin: 0 2px 0 0;
                background: none;
                position: relative;
                vertical-align: top;
            }

                #main-nav ul li.contact,
                #main-nav ul li.contact-us {
                    margin-right: 0;
                    padding-right: 0;
                }

                #main-nav ul li a[id] {
                    line-height: 78px;
                    text-align: center;
                    color: #4f4f4f;
                    text-decoration: none;
                    height: 100%;
                    width: auto;
                    padding: 0 10px;
                    margin: 0;
                    position: relative;
                    z-index: 3000;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    -o-transition-duration: 0.3s;
                    -ms-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                }

                    #main-nav ul li a[id]:before {
                        content: '';
                        width: 0;
                        height: 42px;
                        border-radius: 4px;
                        margin: 0;
                        background: #1467ae;
                        position: absolute;
                        left: 50%;
                        bottom: 18px;
                        -webkit-transition-duration: 0.3s;
                        -moz-transition-duration: 0.3s;
                        -o-transition-duration: 0.3s;
                        -ms-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                        z-index: -1;
                    }

                #main-nav ul li.active > a[id],
                #main-nav ul li:hover > a[id] {
                    color: #fff;
                    text-decoration: none;
                }

                    #main-nav ul li.active > a[id]:before,
                    #main-nav ul li:hover > a[id]:before {
                        width: 100%;
                        left: 0;
                    }

            #main-nav ul ul {
                width: auto;
                height: auto;
                padding: 18px 0 25px;
                margin: 0;
                z-index: 2800;
                position: absolute;
                display: none;
            }

                #main-nav ul ul li {
                    float: left;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                    height: 30px;
                    background: none;
                    opacity: 1;
                }

                    #main-nav ul ul li a {
                        line-height: 30px;
                        text-align: left;
                        white-space: nowrap;
                        height: 30px;
                        width: 100%;
                        padding: 0 22px;
                        margin: 0;
                        float: left;
                        box-shadow: none;
                        border-right: none;
                        position: relative;
                        -webkit-transition-duration: 0;
                        -moz-transition-duration: 0;
                        -o-transition-duration: 0;
                        -ms-transition-duration: 0;
                        transition-duration: 0;
                    }
            /* reverses text-align for flyout on last nav item */
            #main-nav ul li.contact-us ul li a,
            #main-nav ul li.contact ul li a {
                text-align: right;
                float: right;
            }
            /* ===============================================
      special drop locations 
      =============================================== */
            #main-nav ul li:hover ul,
            #main-nav ul li.sfhover ul {
                left: 0;
                /*top:37px;*/
                display: block;
            }

            #main-nav ul li.contact-us:hover ul,
            #main-nav ul li.contact-us.sfhover ul,
            #main-nav ul li.contact:hover ul,
            #main-nav ul li.contact.sfhover ul {
                left: auto;
                right: 0;
                margin: 0;
            }
    /* ==================================================================
  slideshow
  =================================================================== */
    #slideshow {
        font-size: inherit;
        width: 100%;
        margin-top: 113PX;
        /*position:fixed;*/
        top: 0;
    }
    /*callouts*/
    #callouts {
        font-size: inherit;
    }
    /* ==================================================================
  bd || content || sidebar
  =================================================================== */
    /* ==================================================================
ip-sub 
=================================================================== */
    #ip-sub {
        margin-top: 18.2em;
    }

        #ip-sub p {
            margin: 0;
        }

        #ip-sub a {
            margin: 0;
        }

        #ip-sub .divider {
            display: inline-block;
            margin: 0 0.15em;
        }
    /* ft */
    #ft {
        height: 33.2em;
    }

        #ft .map {
            width: 56em;
            height: auto;
            margin: 0 -6em 0 0;
            position: absolute;
            top: 0;
            right: 50%;
            left: auto;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            z-index: 410;
        }
    /* locations */
    #location {
        height: 26.35em;
        width: auto;
        margin-left: 2.8em;
        position: absolute;
        top: 1.35em;
        left: 50%;
        right: 0;
    }

        #location:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 4em solid #fff;
            border-bottom: 26.35em solid transparent;
            position: absolute;
            left: 0;
            top: 0;
        }

        #location > .info {
            width: 100%;
            max-width: 25em;
            margin-left: 0;
        }
    /*links*/
    #links .info {
        display: block;
    }

    #links .util {
        margin-left: 1.4em;
    }
    /*END*/
}
/* ===============================================
Desktop Only Excluding large tablets
Supports 81.25em (1300px) and up
=============================================== */
@media only screen and (min-width: 81.25em) {
    .spotlight .spot_01 {
        font-size: inherit;
    }

    .spotlight .spot_02 {
        font-size: inherit;
    }

    .spotlight .spot_03 a .cycle-slideshow {
        width: 1956px;
        margin: 0 -978px;
        left: 50%;
    }
    /*END*/
}
/* ===============================================
Desktop Only Large Screen Only
Supports 125em (2000px) and up
=============================================== */
@media only screen and (min-width: 125em) {
    body {
        background-size: 100% auto;
    }

    .spotlight a .spot_03 .cycle-slideshow {
        width: 100%;
        margin: 0;
        left: 0;
    }
    /*END*/
}
/* ie nonsense */
/***********************************************
target ie11: html[data-useragent*='Trident/7.0']
***********************************************/
html[data-useragent*='Trident/7.0'] {
    /* END */
}
/* custom animations */
/* mymove looted from Peter B. || credit due where credit is deserved [= */
@-webkit-keyframes peters_move {
    from {
        left: 300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@-moz-keyframes peters_move {
    from {
        left: 300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@-o-keyframes peters_move {
    from {
        left: 300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes peters_move {
    from {
        left: 300px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}
/* PULSE STUFF */
/* pulse_custom */
@keyframes pulse_custom {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.44, 1.44, 1.44);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse_custom {
    animation-name: pulse_custom;
}
/* pulse_rev */
@keyframes pulse_rev {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0.88, 0.88, 0.88);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse_rev {
    animation-name: pulse_rev;
}