/*
Theme Name: DentalCMO Child
Template: DentalCMO-Badger
Author: Child Theme Configurator
Version: 1.0.1458343915
Updated: 2016-03-18 23:31:55
*/

.mobile, .mobile * { background-attachment: scroll !important; }

html {
    min-height:100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
}

body,
html {
    overflow-x: hidden
}

body { width:100%; }

/* #page {
    width:100%;
    min-height:100vh;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
} */

.blog #page {
    display: block;
}

body,
h1 {
    line-height: 2
}

.alignleft,
.author-bio .avatar {
    float: left
}

.paging-navigation a:hover,
.paging-navigation a:focus,
.post-navigation a:hover,
.post-navigation focus,
a,
a:focus,
a:hover {
    text-decoration: none
}

.comment-content a,
body,
pre {
    word-wrap: break-word
}

#click-to-call,
.scroll-to-top {
    cursor: pointer
}

body {
    color: #696969;
    background-color: #FFF;
    font-family: Helvetica, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    font-size: 14px
}

div {
    box-sizing: border-box
}

a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

#infinite-handle span,
.page-links a span {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.container {
    max-width: 1090px
}

p {
    margin-bottom: 20px
}

*>p:first-child {
    margin-top: 0
}

*>p:last-child {
    margin-bottom: 0
}

blockquote {
    border: 0;
    padding: 0 50px;
    font-style: italic;
    line-height: 1.5
}

blockquote p {
    margin: 0
}

img {
    height: auto;
    max-width: 100%
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

.alignleft,
.alignright {
    display: inline;
    margin-bottom: 20px
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    width: auto!important;
    vertical-align: middle
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=search],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
textarea {
    color: #666
}

input[type=search]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
    color: #111
}

textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 100%
}

.alignleft {
    margin-right: 20px
}

.alignright {
    float: right;
    margin-left: 20px
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important
}

.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.gallery:after,
.gallery:before,
.home-widget-area:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: '';
    display: table
}

.clear:after,
.comment-content:after,
.entry-content:after,
.gallery:after,
.home-widget-area:before,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

.hentry {
    margin: 0
}

.byline,
.updated {
    display: none
}

.group-blog .byline,
.single .byline {
    display: inline;
    margin-right: 0
}

.single article.post {
    margin-bottom: 50px
}

.entry-content,
.entry-summary,
.page-content {
    margin: 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.main-content-area {
    margin-top: 50px;
    margin-bottom: 50px
}

.entry-content p {
    text-align: justify
}

.entry-meta a {
    font-size: 13px;
    color: #6B6B6B
}

.entry-meta {
    text-align: left;
    margin-bottom: 20px
}

footer.entry-meta {
    margin-bottom: 0
}

.page-header {
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 0
}

.entry-meta .fa {
    font-size: 14px;
    margin-right: 3px
}

.entry-meta span {
    margin-right: 10px
}

.entry-title {
    line-height: 1em;
    margin-bottom: 0;
    text-align: left
}

.bottom-pagination,
.cat-title,
.entry-footer,
.entry-header,
.read-more,
.wp-caption-text {
    text-align: center
}

h3.entry-title,
h3.entry-title a {
    font-size: 24px
}

.page-title {
    line-height: 1;
    margin-bottom: 15px
}

hr.section-divider {
    border-color: #E8E8E8;
    margin-top: 50px;
    margin-bottom: 50px
}

.author-bio {
    clear: both;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px
}

.author-bio-content h4 {
    font-size: 14px;
    margin-top: 0
}

.author-bio .author-bio-content {
    margin-left: 74px
}

.secondary-content-box {
    padding-top: 0;
    padding-bottom: 0
}

.post-inner-content {
    padding: 20px 0
}

.archive .post-inner-content {
    margin-bottom: 20px
}

.page .post-inner-content {
    border: 0;
    padding: 0
}

article.post:first-child .post-inner-content {
    padding-top: 0
}

.entry-footer {
    margin-top: 20px;
    display:none;
}

.entry-footer a,
.entry-footer>* {
    color: #696969;
    margin: 0 6px
}

.more-link,
.says {
    display: none
}

.read-more a {
    border-left: 2px solid #696969;
    border-right: 2px solid #696969;
    color: #696969;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase
}

.author-bio h4,
.comment-author .fn,
.comment-reply-title {
    text-transform: uppercase;
    font-weight: 700
}

.comment-author .fn {
    letter-spacing: 2px;
    font-style: normal
}

.cat-title {
    border-bottom: 1px solid #dedede;
    margin: -30px 0 50px;
    padding-bottom: 20px
}

.cat-title ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.cat-title ul li {
    display: inline
}

.cat-title a {
    color: #8e6193;
    text-transform: uppercase
}

.post-inner-content .cat-item,
article.post .post-categories {
    position: relative;
    font-size: 12px;
    margin: 0 0 15px;
    padding: 0 0 8px;
    list-style: none
}

.post-inner-content .cat-item:after,
article.post .post-categories:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 40px;
    margin-left: -20px;
    background: #a161bf
}

.post-inner-content .cat-item a,
article.post .post-categories a {
    color: #696969;
    letter-spacing: 1px;
    text-transform: uppercase
}

article.post {
    width: 100%;
    margin: 0;
    padding-right: 10px
}

article.grid {
    padding: 0;
    width: 325px
}

article.grid .post-inner-content {
    border: 0;
    padding-bottom: 0
}

article.grid iframe {
    max-width: 325px;
    max-height: 164px;
    width: 100%
}

.gallery-columns-1 .gallery-item,
.site-main,
.widget select,
.wp-caption,
embed,
iframe,
object {
    max-width: 100%
}

@media screen and (min-width:769px) {
    .article-container {
        overflow: hidden
    }
    .blog.home article.post {
        width: 50%;
        margin: 0;
        padding-right: 10px;
        display: inline-block;
        float: left
    }
    .blog.home article.post .entry-footer,
    .blog.home article.post .read-more {
        display: none
    }
    .blog.home article.post .post-inner-content {
        border: 0;
        padding: 0 0 30px
    }
    .blog.home .page-1 article.post:first-child,
    .blog.home .page-1 article.post:nth-child(2) {
        width: 100%;
        padding: 0!important
    }
    .blog.home .page-1 article.post:first-child .post-inner-content,
    .blog.home .page-1 article.post:nth-child(2) .post-inner-content {
        border-bottom: 1px solid #dedede
    }
    .blog.home .page-1 article.post:first-child .post-inner-content {
        padding: 0 0 50px
    }
    .blog.home .page-1 article.post:nth-child(2) .post-inner-content {
        padding: 50px 0;
        margin-bottom: 30px
    }
    .blog.home .page-1 article.post:first-child .entry-footer,
    .blog.home .page-1 article.post:first-child .read-more,
    .blog.home .page-1 article.post:nth-child(2) .entry-footer,
    .blog.home .page-1 article.post:nth-child(2) .read-more {
        display: block
    }
    .blog.home article.post:nth-child(odd) {
        clear: left;
        padding-right: 25px
    }
    .blog.home article.post:nth-child(even) {
        padding-left: 25px
    }
}

@media screen and (max-width:768px) {
    .site-main {
        width: 100%!important
    }
    .post-inner-content {
        padding-left: 0!important;
        padding-right: 0!important
    }
    #secondary {
        padding: 30px 15px 0!important;
        clear: both
    }
}

.page-links span {
    display: inline-block;
    color: #fff;
    background-color: #a161bf;
    border-radius: 4px;
    padding: 2px 10px;
    margin-left: 2px
}

.page-links a span {
    background-color: #f2f2f2;
    border: none;
    color: #696962;
    -o-transition: all .5s;
    transition: all .5s
}

.page-links a:hover span,
.page-links a:focus span {
    background-color: #a161bf;
    border: none;
    color: #fff
}

.pagination .fa-chevron-left,
.pagination .fa-chevron-right {
    font-size: 12px
}

.pagination li a,
.pagination li:hover a,
.pagination li:focus a {
    color: #a161bf
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #FFF;
    background-color: #a161bf;
    border-color: #a161bf
}

.pagination>li>a,
.pagination>li>span {
    padding: 9px 14px;
    border-color: #dadada
}

.archive .format-aside .entry-title,
.blog .format-aside .entry-title {
    display: none
}

.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.single-featured {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    display: block;
    margin: auto
}

.single-featured:hover,
.single-featured:focus {
    opacity: .8
}

.wp-caption {
    border: 1px solid #ddd;
    margin-bottom: 1.5em
}

.thumbnail .caption {
    color: #696969
}

.wp-caption img[class*=wp-image-] {
    display: block
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.widget_search .search-submit {
    display: none
}

.widget ul li {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left
}

.widget ul {
    padding: 0;
    line-height: 18px;
    font-size: 14px
}

.widget ul.nav.nav-tabs {
    padding: 0
}

#secondary .widget {
    margin-bottom: 20px;
    overflow: hidden
}

#secondary .widget .social-icons,
#secondary .widget:last-child,
ul#menu-social-items {
    margin-bottom: 0
}

.tab-content ul li {
    list-style: none
}

#secondary .widget>h4 {
    margin: 0;
    padding: 0
}

.smw_center,
.textwidget,
.widget_categories ul {
    padding: 20px;
    margin: 0
}

.widget ul ul {
    padding: 10px
}

.widget #social ul li {
    border-bottom: 0
}

.not-found-widget {
    margin-top: 30px
}

.cats-widget ul li span {
    float: right
}

.recent-posts-wrapper .post {
    float: left;
    clear: both;
    margin-bottom: 20px
}

.recent-posts-wrapper .post .post-image {
    width: 80px;
    height: 80px;
    float: left;
    display: block;
    background-color: #DADADA;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden
}

.recent-posts-wrapper .post .post-image img:hover,
.recent-posts-wrapper .post .post-image img:focus {
    opacity: .6!important
}

.recent-posts-wrapper .post .post-content {
    margin-left: 100px
}

.widget .post-content>span {
    display: block
}

#secondary .widget .post-content a {
    font-style: italic;
    font-size: 16px
}

.widget .post-content span {
    font-size: 12px
}

li.widget {
    list-style-type: none
}

.btn-default,
.btn.btn-default,
.input-group-btn:last-child>.btn,
.label-default,
button,
input[type=submit] {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear
}

.input-group-btn:last-child>.btn {
    font-size: 12px;
    opacity: 1
}

#subscription-toggle {
    float: right
}

input[type=submit] {
    padding: 0 80px;
    text-align: center;
    line-height: 35px
}

.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

#infinite-handle span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid #DADADA;
    background: #fff;
    color: #a161bf;
    -o-transition: all .5s;
    transition: all .5s
}

#infinite-handle span:hover,
#infinite-handle span:focus {
    background-color: #a161bf;
    color: #fff
}

#logo {
    line-height: 0;
    padding: 25px 0;
    text-align: center
}

#line {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.tagline {
    color: #1c202a;
    margin-top: 10px;
    letter-spacing: 1px
}

.site-branding {
    margin-top: 20px;
    margin-bottom: 20px
}

.site-description {
    color: #777;
    font-weight: 200;
    font-size: 16px
}

.page-template-page-homepage-php .carousel {
    margin-top: -20px;
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    .pull-left,
    .pull-right {
        float: none!important
    }
    .flex-caption {
        display: none
    }
}

.comment-form #submit,
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.comment-form #submit:hover,
.comment-form #submit:focus,
button,
html input[type=button]:hover,
html input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus {
    background: #a161bf;
    color: #fff
}

.paging-navigation a,
.post-navigation a {
    font-size: 12px;
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase
}

.navbar-brand,
.site-name {
    display: inline-block
}

.paging-navigation {
    margin-top: 1.5em;
    text-transform: uppercase
}

.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left
}

.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right
}

.more-link {
    float: right;
    margin: 10px 0
}

.nav>li>a {
    text-transform: uppercase
}

.navbar.navbar-default {
    margin-bottom: 0;
    font-weight: 400;
    min-height: auto;
    padding: 0
}

.navbar-brand {
    float: none;
    color: #DADADA;
    font-size: 30px;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 0
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    border-right: none;
    border-left: none
}

.navbar {
    border-radius: 0
}

.navbar-default {
    border: none
}

.navbar-collapse {
    float: left;
    padding: 0
}

.nav-search {
    float: right;
    padding: 18px 0
}

.nav-search button,
.nav-search input {
    padding: 0 5px;
    height: 28px;
    line-height: 28px
}

.nav-search button {
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    margin-left: -5px;
    width: 28px
}

.dropdown .dropdown>a {
    padding-right: 30px!important
}

@media screen and (max-width:768px) {
    .navbar-collapse {
        background: #fff;
        float: none;
        position: absolute;
        top: 70px;
        left: 0;
        padding: 0 15px;
        width: 100%!important;
        z-index: 999
    }
    .navbar-nav {
        margin: 0
    }
    .navbar-nav .open>.dropdown-menu {
        display: block
    }
}

.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    font-size: 13px
}

@media screen and (min-width:769px) {
    ul.nav li.dropdown:hover>ul.dropdown-menu { display: block }
    ul.nav li.dropdown:focus>ul.dropdown-menu { display: block }
    ul.nav li.dropdown:active>ul.dropdown-menu { display: block }
    ul.nav li.dropdown:focus-within>ul.dropdown-menu { display: block }
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.dropdown-menu>li>a {
    padding: 10px 15px
}

.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, .1)
}

.navbar-nav>li>.dropdown-menu {
    padding: 0;
    border: none;
    min-width: 100%
}

.navbar-nav>li>a {
    padding-top: 18px;
    padding-bottom: 18px
}

.navbar-nav li li a {
    text-align: left
}

.navbar-default .navbar-toggle {
    float: left;
    margin-top: 18px
}

@media screen and (max-width:768px) {
    .navbar>.container .navbar-brand {
        margin: 0
    }
    .navbar-default .navbar-nav>li>a {
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-header {
        float: left
    }
    .navbar-toggle {
        border: 0;
        border-radius: 0;
        margin: 0
    }
}

.flexslider {
    background-color: #f5f5f5
}

.flexslider ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-caption h2 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.comment-content {
    margin-top: 10px
}

#respond {
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 0!important
}

#respond p.comment-notes,
#respond>p,
p.logged-in-as {
    margin-bottom: 10px
}

p.logged-in-as {
    padding-bottom: 0
}

.comment-list {
    margin-bottom: 40px!important;
    margin-left: 0!important;
    padding-left: 0
}

.comment-list li .comment-body {
    position: relative
}

.comment-list li .comment-body:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 40px;
    background: #a161bf;
    margin-left: -20px
}

.comment-list>li:last-child .comment-body:after {
    content: none
}

.comment-list,
.comment-list .children {
    list-style: none
}

.comment .comment-body {
    background-color: #fff;
    margin: 2em 0 0;
    overflow: hidden;
    padding-left: 100px;
    position: relative;
    min-height: 100px
}

.comment-list .children {
    margin-left: 0!important;
    padding-left: 55px;
    background-repeat: no-repeat;
    background-position: left 20px
}

.comment-form #submit,
.comment-reply-link {
    background: #f2f2f2;
    text-transform: uppercase
}

.comment-reply-title,
.comments-title {
    font-size: 12px;
    margin: 0 0 50px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center
}

.comment-author.vcard {
    font-size: 12px;
    margin-bottom: 10px
}

.vcard .avatar {
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.comment-metadata {
    display: none;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px
}

.comment-reply-link {
    border-radius: 2px;
    color: #000;
    font-size: 10px;
    margin-left: 20px;
    display: inline-block;
    padding: 4px 10px
}

.form-allowed-tags code {
    word-wrap: break-word;
    white-space: inherit
}

.comment-respond label {
    display: block;
    font-weight: 400
}

.comment-respond .required {
    color: #C7254E
}

#submit {
    font-size: 12px
}

.comment-navigation,
.single .nav-links {
    overflow: hidden;
    margin-top: 30px
}

.comment-form input[type=text] {
    border: 1px solid #eee;
    border-radius: 0;
    height: 35px;
    margin-bottom: 30px;
    padding: 0 10px;
    width: 100%
}

.comment-form textarea {
    border: 1px solid #eee;
    border-radius: 0;
    padding: 10px;
    margin-bottom: 30px;
    min-height: 100px
}

.comment-form #submit {
    height: 35px;
    border: 0;
    border-radius: 0;
    padding: 0 80px
}

.comment-form .form-submit {
    margin: 0
}

.comment-meta.commentmetadata a {
    color: #999;
    font-style: italic
}

@media(max-width:768px) {
    .post-inner-content {
        padding: 20px 25px
    }
    .comment-list .children {
        padding-left: 10px
    }
}

#image-navigation .nav-next a,
#image-navigation .nav-previous a {
    padding: 5px 20px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    display: block
}

#image-navigation .nav-next a:hover,
#image-navigation .nav-next a:focus,
#image-navigation .nav-previous a:hover,
#image-navigation .nav-previous a:focus {
    background-color: #a161bf;
    color: #fff
}

#image-navigation .nav-next,
#image-navigation .nav-previous {
    margin: 10px 0
}

#image-navigation .nav-previous a {
    float: left
}

#image-navigation .nav-next a {
    float: right
}

.gallery {
    margin-bottom: 20px
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative
}

.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px)
}

.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width: calc(33.3% - 4px)
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px)
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px)
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px)
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px)
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px)
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px)
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left
}

.gallery-caption {
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption {
    opacity: 1
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}

#footer-area .footer-widget-area {
    padding: 26px 0 20px;
    overflow: hidden
}

.widgettitle {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 0;
    color: inherit
}

footer li {
    list-style: none;
    padding: 0 10px;
    position: relative;
    display: inline-block
}

.footer-widget {
    overflow: hidden
}

.scroll-to-top {
    bottom: 4%;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 99999;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear
}

.scroll-to-top:hover,
.scroll-to-top:focus {
    opacity: .8
}

body.home h1 {
    text-align: center
}

.header-search-icon {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: 0 0;
    color: #696969
}

.header-search-icon:hover,
.header-search-icon:focus {
    background: 0 0;
    color: #a161bf
}

#social li a span,
.postform,
.widget_rss ul,
table#wp-calendar {
    display: none
}

#footer-area #social a {
    margin: 0 15px
}

@media screen and (max-width:992px) {
    .site-branding {
        text-align: center
    }
    .main-content-inner {
        margin-bottom: 30px
    }
}

.no-js .postform,
.no-js .widget_rss ul,
.no-js table#wp-calendar {
    display: block
}

.has-sidebar-left #secondary {
    padding-right: 40px
}

.no-sidebar {
    float: none;
    margin: 0 auto
}

.has-no-sidebar .col-sm-8 {
    width: 100%;
}

.full-width {
    width: 100% !important;
}

.entry-content .shortWideBack div,
.entry-content .shortWideBack ol,
.entry-content .shortWideBack p,
.entry-content .shortWideBack ul,
pre {
    color: inherit
}

@keyframes errorflash {
    0%,
    100% {
        opacity: 0
    }
    45%,
    55% {
        opacity: 1
    }
}

@keyframes borderflash {
    0%,
    100% {
        border-color: inherit
    }
    45%,
    55% {
        border-color: red
    }
}

.navbar>.container,
pre {
    padding: 0
}

.referer-page { display: none; }

button:focus,
input:focus,
textarea:focus {
    outline: 0
}


.flex>* {
    display: block
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

@media all and (min-width:769px) {
    .flex>.fifth {
        width: calc(20% - 40px / 5)
    }
    .flex>.twofifth {
        width: calc(40% - 6px) /* calc((20% - 40px / 5) * 2 + 10px) */
    }
    .flex>.threefifth {
        width: calc(60% - 4px) /* calc((20% - 40px / 5) * 3 + 20px) */
    }
    .flex>.fourfifth {
        width: calc(80% - 2px) /* calc((20% - 40px / 5) * 4 + 30px) */
    }
    .flex>.quarter {
        width: calc(25% - 30px / 4)
    }
    .flex>.threequarter {
        width: calc(75% - 22.5px) /* calc((25% - 30px / 4) * 3 + 20px) */
    }
    .flex>.third {
        width: calc(100% / 3 - 20px / 3)
    }
    .flex>.twothird {
        width: calc(66.666% - 3.33333px) /* calc((100% / 3 - 20px / 3) * 2 + 10px) */
    }
    .flex>.half {
        width: calc(50% - 10px / 2)
    }
    .flex.extraspace>.fifth {
        width: calc(20% - 100px / 5)
    }
    .flex.extraspace>.twofifth {
        width: calc((20% - 100px / 5) * 2 + 25px)
    }
    .flex.extraspace>.threefifth {
        width: calc(60% - 10px) /* calc((20% - 100px / 5) * 3 + 50px) */
    }
    .flex.extraspace>.fourfifth {
        width: calc(80% - 5px) /* calc((20% - 100px / 5) * 4 + 75px) */
    }
    .flex.extraspace>.quarter {
        width: calc(25% - 75px / 4)
    }
    .flex.extraspace>.threequarter {
        width: calc(75% - 6.25px) /* calc((25% - 75px / 4) * 3 + 50px) */
    }
    .flex.extraspace>.third {
        width: calc(100% / 3 - 50px / 3)
    }
    .flex.extraspace>.twothird {
        width: calc(200%/3 - 8.33333px) /* calc((100% / 3 - 50px / 3) * 2 + 25px) */
    }
    .flex.extraspace>.half {
        width: calc(50% - (25px / 2))
    }
    .flex.nospace>.fifth {
        width: 20%
    }
    .flex.nospace>.twofifth {
        width: 40%
    }
    .flex.nospace>.threefifth {
        width: 60%
    }
    .flex.nospace>.fourfifth {
        width: 80%
    }
    .flex.nospace>.quarter {
        width: 25%
    }
    .flex.nospace>.threequarter {
        width: 75%
    }
    .flex.nospace>.third {
        width: calc(100% * (1 / 3))
    }
    .flex.nospace>.twothird {
        width: calc(100% * (2 / 3))
    }
    .flex.nospace>.half {
        width: 50%
    }
}

@media all and (max-width:768px) {
    .flex {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column
    }
    .flex>:last-child {
        margin: auto
    }
    .flex>:not(:last-child) {
        margin: 0 auto 20px
    }
    .flex>.fifth {
        max-width: 280px;
        width: 100%
    }
    .flex>.quarter {
        max-width: 320px;
        width: 100%
    }
    .flex>.third {
        max-width: 420px;
        width: 100%
    }
    .flex>.twofifth {
        max-width: 480px;
        width: 100%
    }
    .flex>.half {
        max-width: 540px;
        width: 100%
    }
    .flex>.threefifth {
        max-width: 600px;
        width: 100%
    }
    .flex>.twothird {
        max-width: 640px;
        width: 100%
    }
    .flex>.threequarter {
        max-width: 767px;
        width: 100%
    }
    .flex>.fourfifth {
        max-width: 767px;
        width: 100%
    }
    .flex.full >.fifth,
    .flex.full >.quarter,
    .flex.full >.twofifth,
    .flex.full >.third,
    .flex.full >.half,
    .flex.full >.threefifth,
    .flex.full >.twothird,
    .flex.full >.threequarter,
    .flex.full >.fourfifth {
        max-width:100%;
        width:100%;
    }
    .flex.nomargin >:last-child,
    .flex.nomargin >:not(:last-child) {
        margin-bottom:0;
    }
}

h1 em,
h1 span {
    text-transform: none
}

#breadcrumbs {
    text-align: left
}

body.home .entry-content,
body.home .main-content-area {
    margin-top: 0;
    margin-bottom: 0
}

.ajax-loader {
    position: absolute;
    margin-top: 17px
}

.footer-menu {
    padding-left: 0
}

.navbar>.container>.row {
    margin: 0
}

pre {
    margin: auto;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: transparent;
    border: none;
    overflow: visible!important
}

.video-container {
    clear:both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media all and (min-width:520px) {
    .entry-content img.alignleft,
    .entry-content img.alignright {
        max-width:50%;
    }
}

@media all and (max-width:519px) {
    .alignleft,
    .alignright {
        clear: both;
        display: block;
        margin: 0 auto 20px;
        float: none
    }
}

#responsiveheader {
    max-width: 770px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

#responsiveheader a {
    display: inline-block;
    width: 135px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align:top;
}

#responsiveheader a:last-child {
    margin-bottom: 25px
}

#responsiveheader.sticky > a {
    letter-spacing: -.5em;
    overflow: hidden;
    width: 50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
}
#responsiveheader i {
    font-size:inherit;
    line-height:inherit;
}
#responsiveheader.sticky i {
    background-color: inherit;
    letter-spacing: 0;
    position: relative;
    font-size: 1.5em;
    line-height: 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#responsiveheader.sticky i:before {
    position:relative;
    z-index:10;
}
#responsiveheader.sticky i:after {
    content:' ';
    display:block;
    position:absolute;
    width:50px;
    height:100%;
    top:0;
    left: 50%;
    transform: translatex(-50%);
    background-color:inherit;
    z-index:5;
}

@media screen and (max-width:630px) {
    #responsiveheader { max-width: 400px; }
}

#ext {
    float: right
}

.maxWidth,
.newMaxWidth {
    padding: 25px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

#ext::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400
}

#ext:-moz-placeholder {
    font-size: 16px;
    font-weight: 400
}

#ext::-moz-placeholder {
    font-size: 16px;
    font-weight: 400
}

#ext:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400
}

#breadcrumbs {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 20px
}

h1 {
    margin-top: 0;
    margin-bottom: 0
}

.clear {
    clear: both
}

.maxWidth {
    max-width: 1010px;
    margin: auto
}

.maxWidth>:last-child,
.newMaxWidth>:last-child {
    margin-bottom: 0
}

.newMaxWidth {
    max-width: 1110px;
    margin: auto
}

.page-template-page-maxwidth-php .main-content-area,
.page-template-page-maxwidth-php .main-content-area>div.row,
.page-template-page-maxwidth-php .main-content-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

.widget_search form {
    max-width: 300px;
    width: 100%;
    margin: auto
}

.widget.widget_search form {
    margin-top: 20px
}

.widget_search input {
    height: 30px;
    box-sizing: border-box;
    vertical-align: top
}

.widget_search button {
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    padding: 0;
    width: 90px
}

@media all and (min-width:769px) {
    #responsiveheader {
        display: none
    }
    .dropdown-menu .dropdown-menu {
        left: calc(100% - 1px);
        top: 0;
        padding: 0;
        margin: 0;
        border: none
    }
    .dropdown .dropdown>a::after {
        content: "\f054";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 40px;
        right: 6px;
        font-size: 20px;
        line-height: 42px
    }
    .dropdown .dropdown>a.leftArrow::after {
        left: 6px;
        right: auto;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2)
    }
    #masthead>.container {
        width: 100%;
        max-width: 1120px
    }
    #content>.container {
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width:768px) {
    .dropdown-menu .dropdown-menu {
        padding: 0
    }
    .dropdown .dropdown>a:after {
        content: "\f054";
        font-family: FontAwesome;
        position: absolute;
        right: 6px;
        font-size: 1.3em;
        line-height: inherit;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1)
    }
    #secondary.widget-area {
        max-width: 420px;
        margin: auto
    }
}

.page-id-79 .entry-content>hr:first-child {
    margin-top: 0
}

.scrolloff {
    pointer-events: none
}

.widget form {
    max-width: 250px;
    margin: auto
}

.twentytwenty-wrapper {
    margin-bottom: 20px
}

.twentytwenty-container {
    margin: auto
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 0
}

.textwidget span#contactus {
    display: block;
    margin-top: -65px;
    margin-bottom: 65px;
}

.embed-pdf {
    max-width: 720px;
    width: 100%;
    margin: 0 auto 20px;
    position: relative
}

.embed-pdf:before {
    content: " ";
    display: block;
    padding-top: 128.3%
}

.embed-pdf iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media all and (min-width:769px) {
    .page-template-default #content .container.main-content-area {
        max-width: 1130px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
    .page-template-default .main-content-area>.row>.side-right, .single .main-content-area>.row>.side-right, .blog .main-content-area>.row>.side-right, .archive .main-content-area>.row>.side-right {
        width: calc(100% - 360px);
        margin-right:60px;
    }
    .page-template-default .main-content-area>.row>.side-right+#secondary, .single .main-content-area>.row>.side-right+#secondary, .blog .main-content-area>.row>.side-right+#secondary, .archive .main-content-area>.row>.side-right+#secondary {
        width: 300px
    }
}

.no-sidebar {
    width: 100%
}

.vertAlign {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center
}

.shortWideBack>div {
    max-width: 1140px;
    width: 100%;
    padding: 50px 25px;
    margin: auto;
    overflow: hidden
}

.entry-content .shortWideBack p {
    margin-bottom: 20px
}

.entry-content .shortWideBack>div>:last-child,
.entry-content .shortWideBack>div p:last-child {
    margin-bottom: 0
}

.crp-list-title { clear:both }

.parallax { 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax.shadow,
.scrollingParallax.shadow {
    -moz-box-shadow:    inset  0  8px 8px -8px rgba(0,0,0,.25), 
                        inset  0 -8px 8px -8px rgba(0,0,0,.25);
    -webkit-box-shadow: inset  0  8px 8px -8px rgba(0,0,0,.25), 
                        inset  0 -8px 8px -8px rgba(0,0,0,.25);
    box-shadow:        inset  0  8px 8px -8px rgba(0,0,0,.25), 
                        inset  0 -8px 8px -8px rgba(0,0,0,.25);
}
.unhighlightable, .no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
 -khtml-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.newArrows .testimonial_rotator_nav i {
    opacity:0;
}
.newArrows .testimonial_rotator_prev, .newArrows  .testimonial_rotator_next {
    top:0;
    bottom:0;
    margin:auto;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
input.referer-page { display:none; } /* Keep for Contact Form 7 custom referrer field */

.blog_date_side .entry-meta {
    float:left;
    width:100px;
    height:100px;
    padding:20px;
    font-size: 28px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 1;
    background-color: #393939;
    color: #fff !important;
    font-weight:300;
}
.blog_date_side .entry-meta span {
    display:block;
    margin-right:0;
}
.blog article.post:not(:last-child) .blog_date_side {
    border-bottom:1px solid #f7f7f7;
}
.blog_date_side .categoryList,
.blog_date_side .tagList {
    text-align:left;
}

.blog_date_side .featured-image img {
    float: none;
    display: block;
    max-height: 150px;
    width: auto !important;
    margin: 0 auto !important;
}

@media all and (min-width:769px) {
    .blog_date_side .featured-image {
        float: right;
        width: 25%;
        margin-left: 15px;
        max-height: 150px;
    }
}
@media all and (max-width:768px) {
    .blog_date_side .post-has-featured-image {
        overflow:hidden;
    }
    .blog_date_side .featured-image {
        margin:auto;
        max-height:100px;
        width:auto;
        height:100%;
    }
    body h1, body h1 a, .entry-content h1, .entry-content h1 a {
        font-size: 26px;
    }
    body h2, body h2 a, .entry-content h2, .entry-content h2 a {
        font-size: 24px;
    }
    body h3, body h3 a, .entry-content h3, .entry-content h3 a {
        font-size: 22px;
    }
    body h4, body h4 a, .entry-content h4, .entry-content h4 a {
        font-size: 20px;
    }
    body h5, body h5 a, .entry-content h5, .entry-content h5 a {
        font-size: 16px;
    }
    body h6, body h6 a, .entry-content h6, .entry-content h6 a {
        font-size: 14px;
    }
}
.scrollingParallax {
    background-size:cover;
    background-repeat:no-repeat;
}
.parallax.scrollingParallax {
    background-attachment:scroll !important;
}

body.remove-extra-page-stuff header.entry-header.page-header,
body.remove-extra-page-stuff footer.entry-footer {
    display:none;
}

@media all and (min-width:769px) {
    body.align-menu-left ul.nav {
        justify-content: flex-start;
    }
    body.align-menu-center ul.nav {
        justify-content: center;
    }
    body.align-menu-right ul.nav {
        justify-content: flex-end;
    }
    body.align-menu-left ul.nav > li,
    body.align-menu-center ul.nav > li,
    body.align-menu-right ul.nav > li {
        flex: 0 0 auto;
    }
    body.align-menu-left ul.nav > li > a,
    body.align-menu-center ul.nav > li > a,
    body.align-menu-right ul.nav > li > a {
        padding:0 12px;
    }
}

ul#breadcrumbs.DentalCMOBreadcrumbs {
    margin:0 0 20px;
    padding:0;
}
#breadcrumbs.DentalCMOBreadcrumbs li a {
    text-decoration:underline;
}
#breadcrumbs.DentalCMOBreadcrumbs li {
    display:inline-block;
    list-style-type: none;
}
#breadcrumbs.DentalCMOBreadcrumbs li:not(:last-child):after {
    padding: 0 5px;
}
.video-shortcode {
    padding-top:0;
    margin-bottom:0;
}
.video-shortcode:not(:last-child) {
    margin-bottom:10px;
}

body:not(.home) .entry-content .video-container {
    margin-bottom:25px;
}
body:not(.home) .entry-content p + h2,
body:not(.home) .entry-content a + h2,
body:not(.home) .entry-content ol + h2,
body:not(.home) .entry-content ul + h2,
body:not(.home) .entry-content div + h2,
body:not(.home) .entry-content pre + h2,
body:not(.home) .entry-content table + h2 {
    margin-top:50px;
}

body:not(.home) .entry-content p + h3,
body:not(.home) .entry-content a + h3,
body:not(.home) .entry-content ol + h3,
body:not(.home) .entry-content ul + h3,
body:not(.home) .entry-content div + h3,
body:not(.home) .entry-content pre + h3,
body:not(.home) .entry-content table + h3 {
    margin-top:35px;
}

body:not(.home) .entry-content p + h4,
body:not(.home) .entry-content a + h4,
body:not(.home) .entry-content ol + h4,
body:not(.home) .entry-content ul + h4,
body:not(.home) .entry-content div + h4,
body:not(.home) .entry-content pre + h4,
body:not(.home) .entry-content table + h4,
body:not(.home) .entry-content p + .video-container,
body:not(.home) .entry-content a + .video-container,
body:not(.home) .entry-content ol + .video-container,
body:not(.home) .entry-content ul + .video-container,
body:not(.home) .entry-content div + .video-container,
body:not(.home) .entry-content pre + .video-container,
body:not(.home) .entry-content table + .video-container {
    margin-top:25px;
}

.practiceHours tr > td:first-of-type {
    font-weight:700;
}

.mfp-iframe-scaler { position:relative; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); }
.mfp-iframe-scaler iframe { box-shadow:none !important; }

@keyframes animate_Line{100%{stroke-dashoffset:0}}
@-webkit-keyframes animate_Line{100%{stroke-dashoffset:0}}
.animateLine {
    display:none;
    animation: animate_Line 2000ms linear 1s forwards;
    -webkit-animation: animate_Line 2000ms linear 1s forwards;
}
.widget_custom_html {
    display: none;
}

@media screen and (min-width: 768px) {
    header#masthead .dropdown .dropdown>a.leftArrow {
        padding-right: 15px !important;
        padding-left: 30px !important;
    }   
}

ul.nav li:focus {
    outline:0;
}

#Copyright-logo-SVG {
    height: 1.1em;
    width: auto;
    overflow: visible;
    opacity: .75;
    vertical-align: text-top;
}

.dcmoBA {
    display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-row-gap: 10px;
    min-height:100%;
}

.dcmoBA.wDesc {
    grid-template-rows: repeat(3,1fr);
}

.dcmoBA.poster {
    grid-template-rows: 1fr;
}

.dcmoBA.side {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    grid-template-rows: 100%;
}

.dcmoBA .before, .dcmoBA .after, .dcmoBA .poster {
    position: relative;
    overflow:hidden;
}

.dcmoBA .before::before, .dcmoBA .after::before, .dcmoBA.posterText .poster::before {
    content: '';
    position: absolute;
    bottom: -1.8em;
    right: -1.7em;
    z-index: 1;
    width: 10em;
    height: 4em;
    background-color: rgba(1, 159, 226, 0.5);
    transform: rotate(-25deg);
}
.dcmoBA .before::after, .dcmoBA .after::after, .dcmoBA.posterText .poster::after {
    position: absolute;
    bottom: .3em;
    right: 0.8em;
    z-index: 2;
    color: #fff;
}

.dcmoBA .before::after { content: 'Before'; }
.dcmoBA .after::after { content: 'After'; }
.dcmoBA .poster::after { content: attr(data-poster-text); }

.dcmoBA .before img, .dcmoBA .after img, .dcmoBA .poster img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

@media screen and (max-width:768px) {
    .dcmoBA .before:before, .dcmoBA .after:before, .dcmoBA.posterText .poster:before {
        bottom: -2.3em;
        right: -2.7em;
    }
    .dcmoBA .before:after, .dcmoBA .after:after, .dcmoBA.posterText .poster:after {
        bottom: -.15em;
        right: .2em;
    }
}

.mfp-title { display: none; }

.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot {
    background-color: #48686e75;
}

body.home .entry-content h1,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    text-align: left;
    line-height: 1;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v34/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}

body {
    font-family:Montserrat;
}
#callusCopy,
#header-info-cont .headerInfo address {
    font-family:Montserrat,Open Sans,Arial;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
    font-style:normal;
    letter-spacing:0px;
    color:#393939;
}
#phonenumberCopy a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:16px;
    font-weight:700;
    color:#393939;
}
#phonenumberCopy a:hover {
    color:#393939;
}

h1, h1 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:32px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#a5814c;
}
h2, h2 a, .entry-content h2 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:26px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#48686e;
}
h3, h3 a, .entry-content h3 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:19px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#48686e;
}
h4, h4 a, .entry-content h4 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#a5814c;
}
h5, h5 a, .entry-content h5 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#a5814c;
}
h6, h6 a, .entry-content h6 a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#393939;
}
#breadcrumbs,
.entry-content,
.entry-content p, 
.entry-content div, 
.entry-content center,
.post .entry-meta,
.blog_date_side .tagList,
.blog_date_side .categoryList {
    font-family:Montserrat;
    font-weight:400;
    text-transform:none;
    color:#000000;
}
#breadcrumbs,
.entry-content,
.entry-content p, 
.entry-content div {
    text-align:justify;
}
.entry-content,
.entry-content p, 
.entry-content div, 
.entry-content center {
    font-size:16px;
    line-height:1.75;
}
.entry-content pre {
    font-family:Montserrat,Open Sans,Arial;
    font-size:16px;
    font-weight:400;
    text-transform:none;
    color:#000000;
    line-height:1.75;
}
.entry-content ul, 
.entry-content ol {
    font-family:Montserrat,Open Sans,Arial;
    font-size:16px;
    font-weight:400;
    text-transform:none;
    color:#000000;
    line-height:1.75;
    text-align:justify;
}
a,
#breadcrumbs a,
.entry-content a,
article.post a,
.widget a,
.post-navigation a,
.paging-navigation a {
    font-family:Montserrat,Open Sans,Arial;
    font-weight:400;
    text-transform:none;
    color:#a5814c;
}
a:hover,
#breadcrumbs a:hover,
.entry-content a:hover,
article.post a:hover,
.widget a:hover,
.post-navigation a:hover,
.paging-navigation a:hover {
    color:#51676c;
}
.entry-content b,
.entry-content strong,
.widget b,
.widget strong {
    font-family:Montserrat,Open Sans,Arial;
    font-weight:700;
    text-transform:none;
    color:#000000;
}
.widget-title {
    background-color:#a5814c;
    min-height:45px;
    line-height:45px;
    border:0px solid ;
    font-family:Montserrat,Open Sans,Arial;
    font-size:24px;
    font-weight:100;
    text-transform:lowercase;
    letter-spacing:1px;
    color:#eeeeee;
    text-align:center;
}
#secondary .textwidget,
.smw_center,
.widget_categories ul {
    background-color:;
    border:1px solid #a5814c;
}
#secondary .textwidget,
#secondary .textwidget pre,
.smw_center,
.widget_categories ul {
    text-align:center;
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:none;
    color:#393939;
}
#footer-area {
    background-color:#ffffff;
    border-top:0px solid ;
}
.footer-menu a {
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:lowercase;
    color:#393939;
}
.footer-menu a:hover {
    color:#393939;
}
footer li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -3px;
    font-size:15px;
    color:#ffffff;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}

.geography-served {
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:none;
    color:#393939;
}
.navbar {
    background-color:;
}
ul.nav > li > a {
    background-color:transparent;
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#48686e;
}
ul.nav > li.active > a {
    background-color:;
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#d1b158;
}
ul.nav > li > a:hover {
    background-color:#eeeeee;
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#d1b158;
}
.dropdown-menu > li:first-child > a {
    border-top:0px solid #393939;
}
.dropdown-menu > li > a {
    border-left:0px solid #393939;
    border-right:0px solid #393939;
    border-bottom:0px solid #393939;
    background-color:rgba(48,48,48,0.8);
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#ffffff;
}
.dropdown-menu > li.active > a {
    background-color:rgba(48,48,48,0.8);
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#ffffff;
}
.dropdown-menu > li > a:hover {
    background-color:rgba(57,57,57,0.75);
    font-family:Montserrat,Open Sans,Arial;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#ffffff;
}
.dropdown-menu .dropdown-menu > li > a {
    color:rgba(48,48,48,0.8);
    background-color:#ffffff;
}
.dropdown-menu .dropdown-menu > li.active > a {
    color:rgba(48,48,48,0.8);
    background-color:#ffffff;
}
.dropdown-menu .dropdown-menu > li > a:hover {
    color:rgba(57,57,57,0.75);
    background-color:#ffffff;
}
.widget_search input {
    border:1px solid #393939;
}
.widget_search button {
    border:1px solid #393939;
    background-color:#393939;
    color:#ffffff;
}
.widget_search button:hover {
    background-color:#ffffff;
    color:#393939;
}
@media all and (max-width:768px) {

    .navbar-header:hover,
    .navbar-header:focus {
        background-color:;
    }
    .navbar-default .navbar-collapse {
        border-top:none;
        border-right:none;
        border-bottom:1px solid #48686e;
        border-left:none;
    }
}
button.navbar-toggle * {
    color:#ffffff;
}
.navbar-toggle .icon-bar {
    background-color:#ffffff;
}
.scroll-to-top {
    background-color:rgba(57,57,57,0.75);
    color:#eeeeee;
}
.scroll-to-top:hover {
    background-color:rgba(238,238,238,0.75);
    color:#393939;
}
#responsiveheader a {
    background-color:#a5814c;
    height:35px;
    line-height:35px;
    border-radius: 17.5px;
    border:1px solid #a5814c;
    font-family:Montserrat,Open Sans,Arial;
    font-size:18px;
    font-weight:400;
    text-transform:none;
    letter-spacing:0px;
    color:#ffffff;
}
#responsiveheader a:hover {
    background-color:#48686e;
    border:1px solid #48686e;
    color:#ffffff;
}
@supports(-webkit-backdrop-filter: blur(5px)) {
    @media all and (min-width:768px) {
        .nav ul {
            -webkit-backdrop-filter: blur(5px);
        }
    }
}
@supports(backdrop-filter: blur(5px)) {
    @media all and (min-width:768px) {
        .nav ul {
            backdrop-filter: blur(5px);
        }
    }
}
#clickToCallForm label {
    color:#000000;
}
#clickToCallForm input[type=submit] {
    background-color:#48686e;
    border:1px solid #48686e;
    color:#fff;
}
#clickToCallForm input[type=submit]:hover {
    background-color:#fff;
    color:#48686e;
}

@media screen and (max-width: 768px){
    button.navbar-toggle * {
        font-family:Montserrat,Open Sans,Arial;
        font-size:14px;
        font-weight:400;
        text-transform:uppercase;
        letter-spacing:0px;
        color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    button.navbar-toggle:hover * {
        color: #d1b158;
    }
    .navbar-toggle:hover .icon-bar {
        background-color: #d1b158;
    }
}
#breadcrumbs li:not(:last-child):after {
    content:" | ";
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/** Youtube Video **/
#youtubeVideo {
    max-height: 780px;
    height: 56.25vw;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

#youtubeVideo:after {
    content: ' ';
    display: block;
    position: absolute;
    background-color: rgba(72, 104, 110, 1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    transition: 0.7s background-color 1s linear;
}

#youtubeVideo.loaded:after {
    background-color: rgba(72, 104, 110, 0);
}

#youtubeVideo .video-container {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    padding-top: 0;
}

#youtubeVideo.fullScreen {
    max-height: 100vh;
    height: 100vh;
}

#playWithSound {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -6px;
    cursor: pointer;
    line-height: 0;
    display: flex;
    justify-content: center;
    z-index: 200;
}

#playWithSound svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    fill: rgba(204, 24, 30, .8);
    transition: fill .2s linear;
}

#playWithSound:hover svg {
    fill: rgba(204, 24, 30, 1);
}

#playWithSound svg #layer1 {
    transition: 0.7s all 2s;
    opacity: 0;
    transform: translatex(1300.3px) translatey(-118.07px);
}

.waypointEffect #playWithSound svg #layer1 {
    transform: translatex(1300.3px) translatey(-218.07px);
    opacity: 1;
}

#playWithSound span {
    opacity: 0;
    transition: opacity .2s linear;
    color: #fff;
    position: absolute;
    top: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
}

#playWithSound:hover span {
    opacity: 1;
}

#playWithSound {
    opacity: 1;
    transition: opacity .2s linear;
}


#youtubeVideo.playedWithSound #playWithSound {
    opacity: 0;
    pointer-events: none;
}

/** Hiding the Play With Sound words for now **/
/*#playWithSound #path160,
#playWithSound #path1508,
#playWithSound #path1524,
#playWithSound #text1482 {
    display: none;
}*/

@media all and (max-width: 768px) {
    #playWithSound {
        bottom: 0;
    }
}

#controls {
    width: 100%;
    background-color: rgba(0, 0, 0, .25);
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22;
    opacity: 0;
    transition: opacity .2s linear;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#youtubeVideo.playedWithSound:hover #controls {
    opacity: 1;
}

#progress-bar {
    width: 100%;
    margin: 4px 0 6px;
    cursor: pointer;
}

#controls input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*fix for FF unable to apply focus style bug */
    border: none;
    background: transparent;

    /*required for proper track sizing in FF*/
}

#controls input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

#controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
    margin-top: -4px;
}

#controls input[type=range]:focus {
    outline: none;
}

#controls input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

#controls input[type=range]::-moz-range-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

#controls input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
}

/*hide the outline behind the border*/
#controls input[type=range]:-moz-focusring {
    outline: none;
    outline-offset: -1px;
}

#controls input[type=range]::-ms-track {
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}

#controls input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

#controls input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

#controls input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
}

#controls input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

#controls input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

#qualityWrapper {
    position: relative;
    cursor: pointer;
    height: 24px;
}

#quality {
    width: 24px;
    height: 24px;
    opacity: 0;
    position: relative;
    z-index: 3;
}

#qualityWrapper i {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

#controls .material-icons {
    cursor: pointer;
}

#controlsLeft>*,
#controlsRight>*,
#volumeControls>*,
#qualityWrapper>* {
    display: inline-block;
    vertical-align: middle;
}


#controlsLeft>*:not(:last-child),
#controlsRight>*:not(:last-child) {
    margin-right: 5px;
}

#controlsLeft {
    float: left;
    padding-left: 20px;
}

#controlsRight {
    float: right;
    padding-right: 20px;
}

#volumeControls {
    width: 24px;
    transition: width .2s linear;
    position: relative;
    overflow: hidden;
}

#volumeControls:hover {
    width: 107px;
}

#volume-input {
    width: 75px;
    height: 20px;
    position: absolute;
    left: 25px;
}

#time {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 20px;
}

#youtubeLink {
    font-family: Montserrat;
    font-weight: 400;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
}

@media all and (max-width:768px) {
    #youtubeVideo:not(fullScreen) {
        background-image: url('/wp-content/uploads/2018/09/michelsen-mainx769.png');
        background-size: cover;
        background-position: center;
    }

    #youtubeVideo:not(fullScreen) .video-container {
        /*      display:none; */
    }

    #controls {
        /*      display:none !important; */
    }
}

.youtube-page-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 50px;
}

.youtube-page-embed-container iframe,
.youtube-page-embed-container object,
.youtube-page-embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** End Youtube Video **/

#contactButton {
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 99;
}

#contactButton svg {
    width: 250px;
    fill: #48686e;
}

#contactButton svg #path1112 {
    fill: #48686e !important;
}

@media all and (min-width:769px) {
    .home #logo {
        margin-top: -80px;
    }

    #logo {
        margin-top: -100px;
        position: relative;
        z-index: 9999;
    }

    #logo img {
        height: 200px;
        height: 180px;
        /* margin-bottom: -105px; */
        background: rgba(255, 255, 255, .6);
        padding: 10px;
    }

    body:not(.home) #logo img {
        height: 130px;
        margin-bottom: -17px;
    }

    #logo:before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 125px;
        height: 125px;
        background-color: #fff;
        left: calc(50% - 125px);
        right: 0;
        margin: auto;
        border-radius: 50%;
    }

    .home #logo::after {
        content: '';
        width: 100%;
        height: 50px;
        display: block;
        position: absolute;
        /* top: calc(100% - -80px); */
        top: calc(100% + -1px);
        background-image: url(/wp-content/uploads/2018/07/logo-line-pattern.png), linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6));
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        border: 10px solid rgba(255, 255, 255, .6);
        border-radius: 0 0 8px 8px;
        border-top: 0;
        z-index: 999999999;
        -webkit-transition: all .7s;
        -moz-transition: all .7s;
        -ms-transition: all .7s;
        -o-transition: all .7s;
        transition: all .7s;
    }

    body:not(.home) .smaller #logo img {
        height: 100px;
    }

    ul.nav {
        margin: 20px auto;
        align-items: flex-end;
    }

    ul.nav>li>a:hover {
        background-color: transparent !important;
    }

    ul.nav>li:hover>a:before,
    ul.nav>li.active>a:before {
        content: '';
        height: 250%;
        width: 105%;
        position: absolute;
        top: 50%;
        left: -2.5%;
        background-image: url(/wp-content/uploads/2018/07/menu-shape.svg);
        background-color: transparent;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        transform: translateY(-50%);
    }

    #belowSliderLinks {
        display: none;
    }
}

#masthead {
    background-image: url('/wp-content/uploads/2018/07/header-bg.svg');
    background-size: cover;
    background-position: center center;
    background-color: #ffffff;
}

#temp-top-bar {
    display: block;
    padding: 38px 20px 15px;
    background: #a5814c;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.home #temp-top-bar {
    padding: 15px 20px 15px;
}

.top-bar {
    background-color: transparent;
    height: auto;
    overflow: visible;
    padding-top: 3px;
}

.top-bar>.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-bar #callus {
    order: 1;
    padding-right: 0;
    margin: 0;
    position: relative;
    display: grid;
    gap: 0;
    justify-content: center;
    text-align: center;
}

.site-header.smaller .top-bar #callus {
    gap: 5px;
    padding: 25px 25px 0 0;
}

.site-header.smaller .top-bar #callus>div,
.site-header.smaller .top-bar #phonenumberCopy a {
    font-size: 20px;
}

@media all and (max-width: 1024px) {

    .site-header.smaller .top-bar #callus {
        padding: 50px 275px 0 0;
        gap: 0;
    }
}

@media all and (max-width: 1229px) {

    .top-bar #callus {
        padding: 22px 275px 0 0;
    }

    #phonenumberCopy a, #callus>div {
        font-size: 20px !important;
    }

    #logo img {
        height: 100px !important;
    }
}

.top-bar #click-to-call {
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
}

.top-bar #click-to-call img {
    height: 70px;
    margin-top: 0px;
    transition-delay: 0.7s;
}

.top-bar #click-to-call:before {
    display: block;
    content: " ";
    background-image: url('/wp-content/uploads/2020/03/newcttSmall.svg');
    background-size: contain;
    height: 40px;
    width: 136px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    margin-top: -100px;
    margin-bottom: 60px;
}

#callus>div {
    display: block;
    line-height: 1.2em;
}

#phonenumberCopy a,
#callus>div {
    font-size: 30px;
}

@media all and (min-width:769px) {
    #masthead * {
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -ms-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;
    }

    #page {
        margin-top: 145px !important;
    }

    #masthead {
        position: fixed !important;
        z-index: 999999;
        width: 100%;
        top: 0;
        box-shadow: 0 0 30px -20px;
    }

    .smaller .top-bar {
        height: 40px;
        padding-top: 0;
    }

    .smaller .top-bar>.container {
        height: 40px;
    }

    .smaller #logo {
        margin-top: -50px;
    }

    .smaller #logo img {
        height: 100px;
        margin-bottom: -17px;
    }

    .smaller #logo:before {
        width: 105px;
        height: 105px;
        left: calc(50% - 115px);
    }

    .home .smaller #logo::after {
        top: 90%;
    }

    .smaller .top-bar #click-to-call img {
        margin-top: -180px;
        height: 0px;
        transition-delay: 0s;
    }

    .home .smaller #logo::after {
        height: 0;
    }

    .smaller .top-bar #click-to-call:before {
        margin-top: 30px;
        margin-bottom: 0px;
        padding-top: 10px;
        transition-delay: 0.7s;
    }
}

/** Treatments Dropdown **/
@media screen and (min-width: 769px) {
    .navbar-nav>li>a {
        line-height: 1.2em;
        height: auto;
        width: auto;
    }

    ul.nav li.treatments {
        z-index: 1000000001;
    }

    ul.nav li.treatments li.dropdown:hover>ul.dropdown-menu,
    ul.nav li.treatments>a:hover+ul li.dropdown:first-child>ul.dropdown-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }

    /* Submenu at 3rd level */
    ul.nav .dropdown-menu .dropdown-menu .dropdown-menu {
        left: calc(300px - -1px) !important;
    }

    ul.nav li.treatments li:first-child:before {
        content: ' ';
        display: block;
        position: absolute;
        width: 100%;
        height: 25px;
        left: 0;
        top: -10px;
    }

    ul.nav li.treatments li:last-child:before {
        content: ' ';
        display: block;
        position: absolute;
        width: 100%;
        height: 15px;
        left: 0;
        bottom: 0;
    }

    ul.nav>li.treatments>.dropdown-menu .subServices {
        position: relative;
    }

    ul.nav>li>.dropdown-menu .subServices:hover>.dropdown-menu {
        position: absolute;
        top: auto;
        display: block !important;
        min-height: auto;
        margin-top: -32px;
    }
}

ul.nav>li li>a {
    position: relative;
}

ul.nav>li li>a:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    right: 20px;
    top: calc(100% - 3px);
    background-color: #a5814c;
    -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}

ul.nav li li.current_page_item>a:before,
ul.nav>li li:hover>a:before {
    width: calc(100% - 40px);
}

.navbar-nav li li a,
.dropdown .dropdown>a,
.dropdown-menu>li>a {
    padding: 5px 20px;
    padding-right: 20px !important;
    text-align: right;
}

.navbar-nav>li {
    padding: 0 5px;
}

ul.nav>li>.dropdown-menu {
    border-top: 10px solid transparent;
    border-radius: 0;
}

ul.nav>li.treatments.dropdown .dropdown {
    position: unset;
    text-align: right;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 100%;
    max-width: 28vw;
    border-radius: 0;
    margin: 0 1px;
    background-color: rgba(48, 48, 48, 0.8);
    border-left: 5px solid transparent;
}

ul.nav>li.treatments>.dropdown-menu .subServices .dropdown-menu {
    max-width: 100%;
}

.dropdown-menu>li>a.leftArrow+.dropdown-menu:before {
    right: 1px;
}

.dropdown-menu>li>a:not(.leftArrow)+.dropdown-menu:before {
    left: 1px;
}

ul.nav>li.treatments.dropdown .dropdown>a::after {
    display: none;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu li {
    max-width: 100%;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex {
    width: 540px;
    max-width: 100%;
    padding: 30px;
    font-family: Montserrat;
    font-weight: 300;
    color: #fff;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex h5 {
    margin: 0;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: 20px;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex p {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: 20px;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex a.more {
    font-family: inherit;
    font-weight: inherit;
    color: #a5814c;
    font-size: 20px;
    background-color: #ffffff;
    display: block;
    max-width: 125px;
    padding: 7px 3px;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center;
    margin: auto;
    height: auto;
    line-height: 1.2em;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu a.videoLink {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu a.videoLink svg {
    position: absolute;
    width: 25%;
    height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 5%;
    fill: #fff;
}

li.treatments a.videoLink {
    background-image: url('/wp-content/uploads/2017/11/Placeholder.svg');
}

li.treatments #cosmeticMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/cosmetic-menu.jpg');
}

li.treatments #lumineersMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/12/lumineers.jpg');
}

li.treatments #veneersMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/veneers-menu.jpg');
}

li.treatments #invisalignMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/invisalign-menu.jpg');
}

li.treatments #whiteningMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/whitening-menu.jpg');
}

li.treatments #crownsMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/crowns-menu.jpg');
}

li.treatments #implantMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/implants-menu.jpg');
}

li.treatments #emergencyMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/emergency-menu.jpg');
}

li.treatments #generalMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/general-menu.jpg');
}

li.treatments #gumDiseaseMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/gum-disease-menu.jpg');
}

li.treatments #laserMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/laser-menu.jpg');
}

li.treatments #restorativeMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/restorative-menu.jpg');
}

li.treatments #rootMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/root-canals-menu.jpg');
}

li.treatments #snoringMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/snoring-menu.jpg');
}

li.treatments #extractionsMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/extractions-menu.jpg');
}

li.treatments #sedationMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/stock-21.jpg');
}

li.treatments #orthodonticsMenu a.videoLink {
    background-image: url('/wp-content/uploads/2018/08/invisalign-menu.jpg');
}

.nav>li.menu-item-object-gs_sim {
    width: 100%;
    height: 34px;
}

.navbar.navbar-default {
    z-index: 10000;
}

@media all and (min-width:769px) {
    .nav>li.menu-item-object-gs_sim {
        width: 120px;
        height: 19px;
    }

    .nav>li.menu-item-object-gs_sim form {
        position: absolute;
        left: 0;
        top: -9px;
    }
}

@media screen and (max-width:1200px) and (min-width:769px) {
    .navbar.navbar-default {
        z-index: 10000;
    }

    .dropdown-menu .dropdown-menu {
        left: auto !important;
        right: calc(100% - -5px) !important;
    }
}


@media all and (max-width:900px) and (min-width:769px) {
    .nav>li.menu-item-object-gs_sim {
        position: absolute;
    }

    .nav>li.menu-item-object-gs_sim form {
        top: 30px;
    }
}

.input-group {
    display: -webkit-flex;
    display: flex;
    background-color: #cbcbcb;
}

.nav>li .input-group {
    margin-left: 20px;
}

.input-group .form-control {
    order: 1;
    float: none;
    position: static;
    width: 100vw;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.input-group-btn {
    -webkit-order: 0;
    -moz-order: 0;
    order: 0;
    background-color: transparent;
    border: 0;
    width: 35px;
}

.input-group-btn::before {
    content: '\f002';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 1000000000;
    font-size: 20px;
    font-family: FontAwesome;
    text-align: center;
    line-height: 34px;
    pointer-events: none;
}

.input-group-btn:last-child>.btn {
    opacity: 0;
}

@media all and (max-width:1079px) and (min-width:769px) {
    ul.nav>li.treatments>.dropdown-menu .dropdown-menu a.videoLink {
        display: none;
    }

    ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex {
        flex-direction: column;
    }

    ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex .half {
        max-width: 100%;
        width: 100%;
    }
}

@media all and (max-width:768px) {
    ul.nav>li.treatments>.dropdown-menu .dropdown-menu .flex {
        display: none;
    }

    ul.nav>li.treatments>.dropdown-menu .dropdown-menu {
        border-left: none;
        border-right: none;
    }
}

/*-----------------------------------------*/
/*--------------- HOME PAGE ---------------*/
/*-----------------------------------------*/

#freeConsult {
    height: 55px;
}

#homepage-banner-container {}

#index-banner {
    z-index: 100;
    position: relative
}

#play-banner-video {
    background: #48686e;
    margin: 0;
    overflow: hidden;
    display: grid;
    position: relative;
}

#play-banner-video .su-lightbox {
    display: contents;
}

#play-banner-video svg {
    display: block;
    transition: all 0.3s;
    cursor: pointer;
    margin: -5px auto 0;
    max-width: 400px;
    width: 100%;
}

#play-banner-video svg:hover {
    transform: scale(1.025);
    transition: all 0.3s;
}

@media screen and (max-width: 1024px) {

    #play-banner-video svg {
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {

    #play-banner-video svg {
        max-width: 200px;
    }
}

@media screen and (max-width: 480px) {

    #play-banner-video svg {
        max-width: 150px;
    }
}

#where-smiles-are-made {
    position: relative;
    overflow: hidden;
    margin: 0;
	padding: 0 0 10px;
}

#where-smiles-are-made .bottom-border {
    height: 10%;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#index-banner img {
    height: 500px;
    object-fit: cover;
    width: 100%;
    object-position: center;
    margin: -60px 0 0;
}

@media screen and (max-width: 1024px) {

    #index-banner img {
        object-position: right;
    }

.smaller #logo {
    max-width: 100px;
    padding: 10px 0 55px;
    left: -4.5% !important;
}
}

@media screen and (max-width: 768px) {

    #index-banner img {
        height: 300px;
        margin: 0;
    }
}

#welcomeSection {
    margin: 0 auto 40px;
}

#welcomeSection h1 {
    max-width: 1200px;
    margin: 0 auto 30px;
    text-align: left;
    line-height: 1.25;
    letter-spacing: 15px;
    word-spacing: 5px;
}

#welcomeSection h2 {
    text-align: left;
    padding-right: 60px;
}

#welcomeSection .intro-h2 {
    margin: 25px 0 15px;
}

#welcomeSection .threequarter {
    padding: 5vw 0;
}

#welcomeSection .threequarter>div {
    max-width: 1080px;
    padding: 30px;
    border: 1px solid #888B91;
    margin: 0 auto;
}

#welcomeSection .threequarter-x {
    padding: 40px 20px 0;
    margin: 0 auto 50px;
}

#welcomeSection .threequarter-x>*:not(h1) {
    max-width: 1080px;
    margin: auto;
}

#welcomeSection img {
    padding: 60px 30px 30px 60px;
    border: 1px solid #888B91;
    width: 400px;
    max-width: 100%;
    height: auto;
    max-height: 164px;
    margin-left: -60px;
    margin-top: -60px;
    margin-bottom: 20px;
    box-sizing: content-box;
}

#welcomeSection #mni-membership-637647090975564517 img {
    width: auto !important;
    padding: 50px 100px 20px;
}

#welcomeSection .npo {
    min-width: 200px;
}

#welcomeSection .npo h4 {
    background-color: #48686e;
    padding: 15px;
    color: #fff;
    font-family: Crimson Text;
    text-transform: none;
    font-weight: 400;
    font-size: 50px;
    line-height: 0.6em;
    letter-spacing: 0.3vw;
    margin-bottom: 10px;
}

#welcomeSection .npo h4 span {
    font-family: Montserrat;
    font-size: 28px;
    display: inline-block;
    text-indent: 4vw;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.3vw;
}

#welcomeSection .npo div {
    border: 1px solid #888B91;
    padding: 15px;
    color: #48686e;
    text-align: left;
}

#welcomeSection .npo div>span {
    font-size: 24px;
    display: block;
    line-height: 1.2em;
    background-color: #f5f5f5;
    padding: 8px 12px;
}

#welcomeSection .npo div>span.or {
    padding: 10px 0;
    text-align: center;
    background-color: transparent;
}

@media screen and (max-width: 900px) {

    .entry-content .highlight h4 span {
        display: block;
    }
}

@media screen and (max-width: 768px) {

    #welcomeSection h1 {
        text-align: center;
    }

    #welcomeSection h2 {
        text-align: center;
        padding: 0;
    }

    #welcomeSection .intro-h2 {
        margin: 25px auto 15px;
    }

    #welcomeSection img {
        margin-left: 0;
        margin-right: 0;
        width: stretch;
        max-width: 100%;
    }
}

#offers-home-page {
    margin: 0 auto 70px;
}

#home-accordion-container {
    margin: 0 auto 50px;
    padding: 50px 20px;
    max-width: 1140px;
}

@media screen and (max-width: 768px) {

    #home-accordion-container > h2 {
        text-align: center;
    }

    #home-accordion-container > p {
        text-align: center;
    }
}

/*---------------------------------------------*/
/*--------------- Miscellaneous ---------------*/
/*---------------------------------------------*/

.npo-cta {
    margin-top: 7px;
}

.npo-cta span:first-of-type {
    padding: 5px 10px;
    background-color: #ddd;
    margin-right: 2px;
}

.npo-cta span:last-of-type {
    padding: 5px 10px;
    color: #fff;
    background-color: #48686e;
    margin-left: -6px;
}

/*** Better Highlights Option 2 ***/
#sectionHighlights {
    position: relative;
    z-index: 1;
    margin: 0 auto 5px;
}

#sectionHighlights.lazyloaded {
    background-image: url('/wp-content/uploads/2018/08/highlight.jpg');
}

#sectionHighlights:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image:url('/wp-content/uploads/2018/07/Background.svg');*/
    background-position: center;
    z-index: 2;
    opacity: .3;
}

#sectionHighlights .highlightSlider a h4 {
    transition: all 0.3s;
}

#sectionHighlights .highlightSlider a:hover h4 {
    transition: all 0.3s;
    transform: scale(1.25);
    /* transform: scale(1.25) translateY(-40%); */
}

.highlight {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    border-bottom: 10px solid #fff;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    z-index: 3;
}

.highlightSlider {
    width: 100%;
}

.highlightCopyCont {
    overflow: hidden;
    padding-bottom: 0;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.highlightCopy {
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/*
.entry-content .highlight h4 {
    display: block;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 54px;
    font-style: italic;
    letter-spacing: 0.5vw;
    padding: 25px 5px;
    text-transform: uppercase;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    transform: translateY(-50%);
}
*/

.entry-content .highlight h4 {
    display: block;
    line-height: 1;
    margin-bottom: 0;
    text-align: center;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 54px;
    font-style: italic;
    letter-spacing: 0.5vw;
    padding: 50px 5px;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
}

.entry-content .highlight h4 span {
    padding: 0 25px;
    font-family: Italianno;
    font-size: 220%;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 0.7em;
}

.entry-content .highlight h4 b {
    font-family: Montserrat;
    font-style: normal;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.highlightCopy {
    position: relative;
}

.highlightCopy>div {
    max-width: 1010px;
    padding: 0 25px 40px;
    margin: auto;
}

.entry-content .highlightCopy p {
    font-family: Myriad Pro, Montserrat;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 25px;
}

.entry-content .highlightCopy p strong {
    color: inherit;
}

.entry-content a.learnMore {
    display: block;
    margin: auto;
    width: 150px;
    text-align: center;
    height: 40px;
    font-family: Montserrat;
    line-height: 40px;
    text-transform: uppercase;
    color: #598892;
    background-color: #cfae5f;
    font-size: 22px;
}

.entry-content a.learnMore:hover {
    background-color: #48686e;
    color: #cfae5f;
}

.entry-content .highlight h4 {
    color: #0A4349
}

.highlight {
    background-color: rgba(165, 129, 76, 0.7);
}

@media all and (min-width:769px) {
    .highlight.active {
        background-color: rgba(72, 104, 110, 0.7);
    }

    .highlight.active .highlightCopyCont {
        padding-bottom: 0;
    }

    .highlight.active .highlightCopy {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        padding-top: 135px;
    }

    .entry-content .highlight.active h4 {
        top: 0;
        color: #fff;
        transform: translateY(0);
    }
}

@media all and (max-width:768px) {
    .highlight.waypointEffect {
        background-color: rgba(142, 201, 199, .7);
    }

    .highlight.waypointEffect .highlightCopyCont {
        padding-bottom: 0;
    }

    .highlight.waypointEffect .highlightCopy {
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        padding-top: 104px;
    }

    .entry-content .highlight.waypointEffect h4 {
        top: 0;
        color: #fff;
        transform: translateY(0);
    }
}

/*** End Better Highlights Option 2 ***/

/*** What Patients Say ***/

#sectionTestimonials {
    margin: 0 auto 100px;
}

#sectionTestimonials .flex {
    justify-content: center;
    gap: 20px 40px;
}

#sectionTestimonials h2 {
    font-family: Montserrat;
    font-weight: 400;
    color: #a5814c;
    text-transform: uppercase;
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding: .2em;
    letter-spacing: .5vw;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    z-index: 1;
}

#sectionTestimonials h2 span {
    margin: auto;
}

#sectionTestimonials h2 b {
    display: block;
    color: #888B91;
    opacity: .75;
    padding: .15em .25em;
    margin-right: .3em;
    font-weight: 400;
    text-transform: uppercase;
}

#sectionTestimonials .third {
    position: relative;
    background-size: cover;
    background-position: center;
    height: calc((100vw * (1 / 3)) * .5225);
    margin-bottom: 25px;
    min-height: 250px;
}

#sectionTestimonials .flex .third:before {
    content: '';
    position: absolute;
    width: calc(100% - -80px);
    height: calc(100% - -80px);
    z-index: -1;
    border: 1px solid #888B91;
    left: -40px;
    top: -40px;
}

#sectionTestimonials .flex .su-lightbox:hover img {
    transform: scale(1.025);
    transition: all 0.3s;
}

#sectionTestimonials .flex .su-lightbox img {
    transition: all 0.3s;
}


#sectionTestimonials .flex>div img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    object-fit: cover;
}

#path490 {
    fill: rgba(72, 104, 110, .7) !important;
}

@media all and (max-width:768px) {

    #sectionTestimonials {
        margin: 0 auto 100px;
    }

    #welcomeSection * {
        text-align: center;
    }

    #sectionTestimonials h2 {
        padding-bottom: 0;
    }

    #sectionTestimonials .third {
        height: 52.25vw;
    }
}

#sectionTestimonials .lazyloaded #Cynthia.third .su-lightbox {
    background-image: url('/wp-content/uploads/2018/10/cynthias-story-background.png');
}

#sectionTestimonials .lazyloaded #Eugenia.third .su-lightbox {
    background-image: url('/wp-content/uploads/2018/10/eugenies-story-background.png');
}

#sectionTestimonials .lazyloaded #Greg.third .su-lightbox {
    background-image: url('/wp-content/uploads/2018/10/gregs-story-background.png');
}

#sectionTestimonials span.su-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.entry-content #sectionTestimonials .testimonial p {
    font-family: Montserrat;
    color: #888B91;
    background-color: #ffffff;
    font-weight: 400;
    font-size: 38px;
    line-height: 1;
    padding: 10px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 0;
    width: 100%;
    z-index: 15;
    pointer-events: none;
}

.entry-content #sectionTestimonials p span {
    font-size: 80%;
}

#sectionTestimonials span.su-lightbox svg {
    opacity: 0;
    position: absolute;
    max-height: 45%;
    max-width: 45%;
    top: 15%;
    left: 5%;
    transition: all 0.5s;
    opacity: 1;
}

@media all and (min-width:769px) {
    #sectionTestimonials .flex .third {
        max-width: calc(100% * (1 / 3));
        width: 100%;
        transform: scale(.9);
        -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    }

    #sectionTestimonials .flex .third {
        max-width: 30%;
        margin: 0;
    }

    #sectionTestimonials .flex>.third:nth-of-type(2):hover:before {
        /* height: calc(100% - -80px); */
        /* top: -40px; */
    }

    #sectionTestimonials .flex:not(:hover)>.third.waypointEffect:nth-of-type(2):before {
        height: calc(100% - -80px);
        top: -40px;
    }

    #sectionTestimonials .flex:hover>.third:hover,
    #sectionTestimonials .flex:not(:hover)>.third.waypointEffect:nth-of-type(2) {
        /* max-width:35%; */
        /* transform: scale(1.1); */
        /* margin: 0; */
    }

    #sectionTestimonials .flex:hover>.third:hover svg,
    #sectionTestimonials .flex:not(:hover)>.third.waypointEffect:nth-of-type(2) svg {
        opacity: 1;
    }

    #sectionTestimonials .flex:not(:hover)>.third.waypointEffect:nth-of-type(2) p {
        background-color: rgba(72, 104, 110, 0.7);
        color: #fff;
    }

}

.entry-content #sectionTestimonials p {
    -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}

.entry-content #sectionTestimonials .third:hover p {
    background-color: rgba(72, 104, 110, 0.7);
    color: #fff;
}

@media all and (max-width: 768px) {
    div.testimonial_rotator_quote {
        font-size: 12px !important;
    }
}

/*---------- Page: Home | Section: Patient Video Testimony ----------*/

#sectionPatientTestimonials {
    margin: 0;
    padding: 30px 10px 60px;
}

#sectionPatientTestimonials .testimonial-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

#sectionPatientTestimonials .testimonial {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 375px;
    max-width: 375px;
    margin: 0 auto;
    height: 515px;
    max-height: 100%;
    width: 100%;
    transform: scale(.9);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}

#sectionPatientTestimonials .testimonial:not(:hover) {
    /* max-width: 375px; */
    /* margin: 0 auto; */
    /* height: 515px; */
    /* max-height: 100%; */
}

#sectionPatientTestimonials .testimonial:before {
    content: '';
    position: absolute;
    width: calc(100% - -80px);
    height: calc(100% - -80px);
    z-index: -1;
    border: 1px solid #888B91;
    left: -40px;
    top: -40px;
}

#sectionPatientTestimonials .testimonial:hover {
    /* min-height: 400px; */
}

#sectionPatientTestimonials h2 {
    font-family: Montserrat;
    font-weight: 400;
    color: #a5814c;
    text-transform: uppercase;
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding: .2em;
    letter-spacing: .5vw;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    z-index: 1;
}

#sectionPatientTestimonials h2 span {
    margin: auto;
    justify-content: center;
    flex-wrap: wrap;
}

#sectionPatientTestimonials h2 b {
    display: block;
    color: #888B91;
    opacity: .75;
    padding: .15em .25em;
    margin-right: .3em;
    font-weight: 400;
    text-transform: uppercase;
}

#sectionPatientTestimonials p {
    font-size: 25px;
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}

#sectionPatientTestimonials .testimonial p {
    font-family: Montserrat;
    color: #888B91;
    background-color: #ffffff;
    font-weight: 400;
    font-size: 38px;
    line-height: 1;
    padding: 10px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    text-align: left;
    left: 0;
    width: 100%;
    z-index: 15;
    pointer-events: none;
}

#sectionPatientTestimonials p span {
    font-size: 80%;
}

#sectionPatientTestimonials .testimonial img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    object-fit: cover;
}

#sectionPatientTestimonials #path490 {
    fill: rgba(72, 104, 110, .7) !important;
}

#sectionPatientTestimonials span.su-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: all .3s linear;
}

#sectionPatientTestimonials span.su-lightbox svg {
    opacity: 0;
    position: absolute;
    max-height: 45%;
    max-width: 45%;
    top: 50%;
    left: 5%;
    transition: all 0.5s;
    transform: translateY(-50%);
}

#sectionPatientTestimonials .testimonial:hover p {
    background-color: rgba(72, 104, 110, 0.7);
    color: #fff;
}

#sectionPatientTestimonials .testimonial_rotator_wrap {
    border: 1px solid #666;
    padding: 80px;
    margin-top: -45px;
    overflow: visible;
    position: relative;
}

#sectionPatientTestimonials .testimonial .patient-name {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
}

#sectionPatientTestimonials .testimonial:not(:hover) svg {
    opacity: 1;
}

#sectionPatientTestimonials .testimonial:hover svg {
    opacity: 1 !important;
    /* use 0 to hide Play button on hover */
}

#sectionPatientTestimonials .testimonial-container:hover>.testimonial:hover {
    transform: scale(0.95);
    margin: 0;
}

#sectionPatientTestimonials .testimonial-container:hover>.testimonial:hover svg {
    opacity: 1;
}

@media all and (max-width: 768px) {

    #sectionPatientTestimonials .testimonial {
        max-width: 300px !important;
    }
}

#sectionDifferent,
#sectionCallToday {
    margin-bottom: calc(4vw - -50px);
}

#sectionDifferent h2 {
    position: relative;
    z-index: 1;
    font-family: Montserrat;
    font-weight: 400;
    font-style: italic;
    font-size: 46px;
    text-align: center;
    background-color: #fff;
    padding: 0 20px;
    max-width: 750px;
    margin: 0 auto 10px;
}

#sectionDifferent h2 span {
    font-family: Italianno;
    font-size: 220%;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 0.7em;
    color: #a5814c;
}

@media all and (max-width: 375px) {
    #sectionDifferent h2 span {
        font-size: 200%;
    }
}

#sectionDifferent .testimonial_rotator_wrap,
#sectionTestimonials .testimonial_rotator_wrap {
    border: 1px solid #666;
    padding: 80px;
    margin-top: -45px;
    overflow: visible;
    position: relative;
}

.testimonial_rotator_nav {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    overflow: visible;
    max-width: 300px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 20px;
    height: 100px;
}

.testimonial_rotator_next,
.testimonial_rotator_prev {
    width: 70px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.testimonial_rotator_next {
    right: 20px;
    background-image: url('/wp-content/uploads/2018/07/right-arrow.svg');
}

.testimonial_rotator_prev {
    left: 20px;
    background-image: url('/wp-content/uploads/2018/07/left-arrow.svg');
}

.testimonial_rotator_nav .fa {
    display: none;
}

/** Footer **/

#footer-area {

    #colophon {
        text-align: center;
        max-width: 1010px;
        width: 100%;
        margin: auto;
        padding: 0 25px 25px;
        overflow: hidden;
    }

    .geography-served {
        font-family: Montserrat, Open Sans, Arial;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        color: #393939;
        max-width: 960px;
        margin: 30px auto 5px;
        text-align: center;
        padding: 0 20px;
    }

    .footer-logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 25px 25px;
        margin: 50px auto;
        max-width: 700px;
        width: 100%;

        img {

            &:first-child {
                max-height: 50px;
            }
        }
    }

    .footer-menu-and-hours {
        display: flex;
        justify-content: center;
        margin: 25px auto 20px;

        a[href="#"],
        .heading {
            border-bottom: 2px solid #000;
            text-align: left;
            min-width: unset;
            font-size: 14px;
            text-transform: capitalize;
            margin: 0 0 10px;
            padding: 0 0 5px;
            color: #393939;
            font-weight: 700;
        }

        .footer-menu {

            #menu-footer-menu {
                display: flex;
                gap: 10px;
                justify-content: center;
                margin: 0 auto;

                & > li {
                    display: grid;
                    justify-content: start;
                    align-content: start;
                    margin: 0;
                    padding: 8px 10px;
                }

                .sub-menu {
                    display: grid;
                    max-width: max-content;
                    margin: 0 auto;
                    align-content: start;
                    gap: 5px;
                    min-width: unset;
                    width: unset;

                    li {
                        display: block;
                        padding: 0;
                        margin: 0;
                        line-height: 1.25;

                        &:after {
                            display: none;
                        }
                    }
                }
            }
        }

        .hours-of-opertion {
            display: grid;
            max-width: 240px;
            width: 100%;
            gap: 5px;
            align-content: baseline;
            border-radius: 6px;
            padding: 8px 10px;
            margin: 0;

            .line {
                display: flex;
                justify-content: space-between;
                gap: 5px;
                font-size: 13px;
                line-height: 1.5;
                color: #000;

                .day {
                    font-weight: 500;

                    &:after {
                        content: ':';
                        font-weight: 700;
                        padding: 0;
                    }
                }

                .hours {
                    text-align: right;

                    small {
                        display: block;
                    }
                }
            }
        }
    }

    .site-info {
        overflow: hidden;

        .copyright {
            font-family: Montserrat,Open Sans,Arial;
            font-size: 14px;
            font-weight: 400;
            color: #393939;

            a {
                color:#393939;

                &:hover {
                    color:#393939;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {

    #footer-area {

        .footer-menu-and-hours {
            flex-wrap: wrap;

            .footer-menu {

                #menu-footer-menu {
                    display: grid;
                    margin: 0 auto 10px;
                }
            }
        }
    }

    .copyright,
    .site-info {
        text-align: center
    }

    .copyright {
        display: grid;
        float: none;
    }

    .footer-nav.nav {
        float: none;
    }
}

#footer {
    margin: 50px auto 0;

    .flex {

        &:first-of-type {
            justify-content: center;
            align-items: flex-end;
            position: relative;
            padding: 0 40px;

            &:after {
                content: '' / 'Michelsen Dental in Orange';
                position: absolute;
                width: 100%;
                background-image: url(/wp-content/uploads/2018/07/footer-logo.svg);
                background-position: center center;
                background-size: auto 100%;
                background-repeat: no-repeat;
                pointer-events: none;
                max-height: 295px;
                height: 295px;
                top: unset;
                bottom: -65px;
            }
        }

        .footerinfo {
            color: #a5814c;
            font-family: inherit;
            text-align: center;
            font-size: 26px;
            width: calc((100% - 100px) / 2);
            margin: 0 auto 30px;
            padding: 0 5px;

            a {
                color: #a5814c;
                font-family: inherit;
                text-align: center;
                font-size: 26px;

                &[href^=tel] {
                    letter-spacing: 0.5vw;
                    margin-left: 10px;
                }
            }

            pre {
                color: #a5814c;
                font-family: inherit;
                text-align: center;
                font-size: 26px;
                white-space: normal;
            }
        }

        #footerNameCont {
            width: 500px;
        }
    }
}

.contactFormInfo>div,
.contactFormMessage>div {
    margin-bottom: 20px;
}

svg#footerName {
    display: block;
    max-width: 600px;
    width: 100%;
    padding: 0 15px;
    height: auto;
    overflow: visible;
    margin: 10px auto;
}

#footer.lazyloaded .flex.full {
    background-image: url('/wp-content/uploads/2018/07/michelsen-footer.png');
}

#footer .third.vertAlign>div {
    margin: auto;
    padding: 15px;
}

#footer .third img {
    display: block;
    height: 65px;
    width: auto;
    margin: 0 auto 10px;
}

.footerInfo a,
.footerInfo pre {
    font-family: Myriad Pro, Montserrat;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
}

#contactus {
    max-width: 430px;
    margin: auto;
    background-color: rgba(72, 104, 110, 0.7);
    padding-top: 60px;
    width: 100%;
}

#formCont {
    padding: 25px;
    margin-bottom: 15px;
}

#contactus h2 {
    padding-left: 75px;
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 0.3vw;
    text-align: center;
}

#socialMedia {
    text-align: center;
}

#socialMedia a {
    display: inline-block;
    padding: 10px 5px;
    vertical-align: top;
    line-height: 1;
    margin: 8px;
}

#socialMedia svg {
    height: 25px;
    width: auto;
}

#socialMedia a svg path {
    fill: #ffffff;
    fill-opacity: 0.5;
    transition: fill-opacity .3s;
    -webkit-transition: fill-opacity .3s;
}

#socialMedia a:hover svg path {
    fill-opacity: 1;
}

/** End Footer **/


.footer-menu li.bold {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 10px;
    text-align: left;
}

.footer-menu li.bold>ul {
    min-width: 270px;
    width: calc(100% - 130px);
    padding: 0;
    text-align: left;
}

.footer-menu .lastLi:after,
.footer-menu li.bold:after {
    display: none;
}

.footer-menu li.bold>a {
    font-weight: bold;
    cursor: text;
    font-size: 110%;
    min-width: 130px;
}


#secondary .widget>h4 {
    margin-bottom: 10px;
}

#secondary .npo h4 {
    background-color: #48686e;
}

#secondary .npo h4 {
    font-size: 38px;
    line-height: 1em;
    padding: 10px;
    font-family: Crimson Text;
    text-transform: capitalize;
}

#secondary .npo .textwidget {
    border-color: #48686e;
}

#secondary .npo div>span {
    font-size: 18px;
    display: block;
    line-height: 1.2em;
}

#secondary .npo small {
    font-size: 20px;
    display: block;
}

.npo-cta span {
    display: inline-block;
    min-width: 140px;
}

.npo-cta span:first-of-type {
    margin-bottom: 5px;
}

.promo-flexbox {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.promo-flexbox>.textwidget {
    flex-shrink: 0;
    text-align: center;
    border: 5px dashed #48686e;
    border-top: 0;
    margin: 20px 20px 0 0;
    padding: 0;
    width: calc(50% - 20px);
}

.promo-flexbox h3 {
    background: #48686e;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 35px;
    margin-left: -5px;
    margin-right: -5px;
}

.promo-flexbox .textwidget>*:not(h3) {
    padding: 0 20px 20px 20px;
    text-align: center;
}

.promo-flexbox .textwidget>.npo-cta {
    padding: 0;
}

.promo-flexbox .textwidget .npo-cta span,
.promo-flexbox .textwidget .npo-cta em {
    margin: 0;
    padding: 10px;
    display: inline-block;
}

@media all and (min-width:769px) {
    #logo {
        margin-right: -70px;
    }
}

.dentalPlan a {
    display: block;
    text-align: center;
    background-color: #48686e;
    color: #fff;
    padding: 1em;
    font-size: 20px;
    text-transform: uppercase;
}

.dentalPlan .half:last-of-type a {
    background-color: #a5814c;
}

/* .dropdown-menu .dropdown-menu {display:block!important;width:100%;left:0!important;position:relative} */
li.treatments .dropdown-menu .dropdown-menu .dropdown-menu,
li.treatments:hover .dropdown-menu .dropdown-menu {
    display: none !important
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
    display: block !important
}

/**** Responsive ****/
@media all and (max-width:1400px) and (min-width:769px) {
    .entry-content #sectionTestimonials p {
        font-size: 25px;
    }
}

@media all and (max-width:1050px) and (min-width:769px) {
    ul.nav>li>a {
        text-transform: capitalize !important;
        font-size: 15px;
        letter-spacing: -0.5px !important;
        padding: 0 7px !important;
    }

    /*
    ul.nav>li.active>a,
    ul.nav>li:hover>a {
        font-size: 16px !important;
    }
    */
}

@media all and (max-width:768px) {

    #logo img {
        height: 165px;
    }

    #belowSliderLinks a {
        display: block;
        text-align: center;
        padding: 5px 8px;
        margin: 3px 5px;
        color: #fff;
        background-color: #48686e;
        border-radius: 20px;
        width: 300px;
        margin: auto;
        margin-top: 15px;
    }

    #sectionTestimonials h2 span {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
    }

    #sectionTestimonials .flex .testimonial {
        max-width: 90%;
    }

    #sectionTestimonials .flex .third:before {
        display: none;
    }

    #sectionTestimonials .flex>.third {
        -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    #sectionTestimonials .flex>.third:not(.waypointEffect) {
        transform: scale(0.9);
    }

    #sectionTestimonials .flex>.third.waypointEffect {
        transform: scale(1);
    }

    #sectionTestimonials .flex>.third.waypointEffect svg {
        opacity: 1;
    }

    #sectionTestimonials .flex>.third.waypointEffect p {
        background-color: rgba(72, 104, 110, 0.7);
        color: #fff;
    }

    #sectionDifferent .testimonial_rotator_wrap {
        padding: 80px 20px;
    }

    #footer .flex .footerinfo {
        margin: 0 auto 10px;
        width: 100%;
        padding: 0 20px;
    }

    #contactButton,
    #footerNameCont,
    #footer .flex:first-of-type::after {
        display: none;
    }

    #contactus {
        padding-top: 0;
    }
}

#IEfoot {
    display: none;
}

@media all and (max-width: 469px) {
    #responsiveheader a {
        width: 125px;
    }
}

.textwidget iframe .be-v3-container .body.strip {
    background-color: #48686e !important;
}

#testimonial_rotator_wrap_1669 {
    overflow: visible;
    margin-bottom: 60px;
    border: 1px solid #666;
    padding: 60px;
}

#scheduleOnline a svg {
    width: 270px;
    height: auto;
}

@media all and (max-width:768px) {

    #sectionDifferent .testimonial_rotator_wrap,
    #sectionTestimonials .testimonial_rotator_wrap {
        padding: 10px 10px 50px;
    }

    #sectionDifferent .testimonial_rotator_wrap {
        padding-top: 40px;
    }
}

@media screen and (min-width: 769px) {
    .navbar-nav li li>a {
        line-height: 15px !important;
        height: 32px !important;
    }
}

@media screen and (max-height:800px) and (min-width:769px) {
    .navbar-nav li li>a {
        padding: 0 20px !important;
        line-height: 20px !important;
        height: 20px !important;
    }
}

a,
#breadcrumbs a,
.entry-content a,
article.post a,
.widget a,
.post-navigation a,
.paging-navigation a {
    color: #a5814c;
    font-weight: 600;
}

.searchButton li {
    max-width: 300px;
}

@media all and (max-width: 768px) {
    .video-container.desktop {
        display: none;
    }
}

@media all and (min-width: 769px) {
    .video-container.mobile {
        display: none;
    }
}

#covid-19 {
    position: fixed;
    bottom: 100px;
    right: 0;
    left: 0;
    margin: auto;
    width: 600px;
    z-index: 99999;
    max-width: 100%;
    background-color: #fff;
    padding: 10px;
    height: auto;
    max-height: 90vh;
    display: none;
    justify-content: center;
}

#closeAd {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -30px;
    padding: 5px 10px;
    background-color: #fff;
    z-index: 9;
}

.subServices .dropdown-menu a {
    width: 300px;
}

#freeConsult a:before {
    display: block;
    position: absolute;
    content: ' ';
    border-left: 25vw solid #a5814c;
    top: -50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-top: 24px solid transparent;
    z-index: -1;
    border-bottom: 24px solid transparent;
}

#freeConsult a:after {
    display: block;
    position: absolute;
    content: ' ';
    border-right: 25vw solid #a5814c;
    top: -50%;
    right: 50%;
    width: 100%;
    height: 100%;
    border-top: 24px solid transparent;
    z-index: -1;
    border-bottom: 24px solid transparent;
}

#freeConsult {
    width: 100%;
    height: 48px;
    font-size: 20px;
    text-align: center;
    background-color: #48686e;
    padding: 10px;
    top: 20px;
    position: relative;
}

body.home #freeConsult {
    top: 3px;
}

#freeConsult a {
    color: #fff;
    position: relative;
    z-index: 0;
}

#freeConsult a:hover {
    color: #001f3f;
}

#headerMedia {
    display: flex;
    align-items: center;
    position: fixed;
    top: 16px;
    right: 20px;
    z-index: 99999999;
}

#headerMedia #socialMedia a svg path {
    fill: #48686e;
}

@media all and (max-width: 1639px) {
    #headerMedia #socialMedia a {
        padding: 10px 0;
    }
}

@media all and (max-width: 1429px) {
    #headerMedia {
        right: 0;
    }
}

@media all and (max-width: 1299px) {
    #headerMedia #socialMedia a {
        margin: 8px 4px;
    }
}

@media all and (max-width: 768px) {
    #headerMedia {
        position: relative;
    }
}


body {
    position: relative;
}

#fixed-tabs {
    position: fixed;
    right: 0;
    text-align: center;
    line-height: 1;
    font-size: 0;
    text-transform: uppercase;
    z-index: 101;
}

#fixed-tabs a {
    font-size: 13px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

#fixed-tabs i {
    font-size: 18px
}

#fixed-tabs i,
#fixed-tabs i:before {
    display: block;
    margin: 0 auto !important
}

#fixed-tabs em {
    font-size: 10px;
    letter-spacing: -0.05em;
    margin-top: 7px;
    font-style: normal;
    display: none;
}

#fixed-tabs a span:last-child {
    padding-top: 5px
}

#fixed-tabs .ra {
    background-color: #111;
    color: #fff;
}

#fixed-tabs .sp {
    background-color: #b49767;
}

#fixed-tabs .fb {
    background-color: #4d70a8;
}

#fixed-tabs .gp {
    background-color: #51676c;
}

#fixed-tabs .call {
    background-color: #1e3050;
    color: #fff
}

#fixed-tabs .map {
    background-color: #8e96a7;
    color: #fff
}

@media screen and (min-width:731px) {

    #fixed-tabs a.call,
    #fixed-tabs a.map {
        display: none
    }
}

#fixed-tabs .fi {
    display: inline-flex;
    font-style: normal;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 18px;
}

#fixed-tabs .fi i {
    margin-left: 3px !important;
}

@media screen and (min-width:1001px) {

    #fixed-tabs {
        position: fixed;
        top: 295px;
    }

    .fix-nav #fixed-tabs {
        visibility: visible;
        opacity: 1
    }

    #fixed-tabs a+a {
        margin-top: 7px
    }

    #fixed-tabs a {
        display: block;
        text-align: left;
        margin-left: auto;
    }

    #fixed-tabs a,
    #fixed-tabs a span:first-child,
    #fixed-tabs .ra:hover {
        width: 55px
    }

    #fixed-tabs a span {
        display: block;
    }

    #fixed-tabs a span:first-child {
        text-align: center;
        padding: 7px 0
    }

    #fixed-tabs a span:last-child {
        position: absolute;
        left: 65px;
        top: 50%;
        width: 240px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    #fixed-tabs a:hover {
        width: 230px;
    }

    #fixed-tabs em {
        display: block;
    }

    #fixed-tabs .ra i {
        padding-top: 10px
    }

    #fixed-tabs .ra span:first-child {
        padding: 10px 0
    }

    #fixed-tabs .ra em,
    #fixed-tabs .ra span:last-child {
        display: none
    }

    #fixed-tabs .ra:hover {
        background-color: #1e3050;
        color: #fff
    }

    #fixed-tabs a.fb {
        display: none
    }
}

@media screen and (max-width:1000px) {
    #footer-area {
        padding-bottom: 40px;
    }

    #fixed-tabs {
        display: block;
        bottom: 0;
        width: 100%;
        box-shadow: 1.5px 2.6px 10px rgba(0, 0, 0, 0.4);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    #fixed-tabs a {
        padding: 11px 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #fixed-tabs a span {
        display: inline-block;
        vertical-align: middle;
    }

    #fixed-tabs a span:last-child {
        margin-left: 5px;
    }

    #fixed-tabs a strong {
        display: none
    }

    #fixed-tabs .ra img {
        display: none
    }

    #fixed-tabs .fi {
        font-size: 15px;
    }
}

/* FORMS */

.forms input,
.forms textarea {
    border: 1px solid #a4814c;
    display: table;
    background-color: #ffffff6b;
    width: 100%;
    margin: 5px auto;
    padding: 5px;
}

.forms textarea {
    height: 90px;
}

.forms input:focus,
.forms textarea:focus {
    box-shadow: inset 0 -2px 0 0 #51676c
}

.forms ::-webkit-input-placeholder {
    /* Edge */
    color: #000;
}

.forms :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000
}

.forms ::placeholder {
    color: #000;
}

#footer .forms input,
#footer .forms textarea {
    border: none;
}

#formCont h3 {
    color: #fff;
}

.btn,
.btn-alt {
    border: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    min-width: 180px;
    background-color: #a5814c;
    display: table;
    margin: 10px auto;
    text-transform: uppercase;
}

.btn:hover,
.btn-alt:hover {
    background-color: #51676c;
}


/* Safety Page */
#safety-link {
    background-color: #a4814c;
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
}

#safety-link:hover {
    background-color: #48686eb8;
    color: #fff;
    text-decoration: none;
}

#safety .flex-ed {
    display: flex;
    margin: 0 auto 40px;
}

#safety {
    max-width: 1030px;
    margin: 40px auto 0;
    padding: 20px 10px;
    position: relative;
}

#safety article {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 800px;
    flex: 0 1 800px;
    padding: 0 10px;
}

#safety h3 {
    font-size: 24px;
    margin: 5px auto;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    letter-spacing: 0;
}

#safety h3:after {
    background-color: #b49767;
    content: '';
    display: block;
    height: 2px;
    width: 57px;
    margin: 10px 0;
}

.covid-icon {
    box-shadow: 0 0 0 10px #fff;
    border: 3px solid #b49767;
    margin: 10px;
    height: 140px;
    width: 140px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}

.cls-1,
cls-1.per {
    stroke: #252525;
    stroke-miterlimit: 10;
    stroke-width: .75px !important;
    fill: #fff;
}

.cls-2,
.cls-3 {
    fill: #fff;
}

.cls-2,
.cls-3,
.cls-4 {
    stroke: #b49767;
}

.filler.cls-2,
.filler.cls-1 {
    fill: #fff !important;
}

.thinner .cls-1 {
    stroke-width: .1px !important;
    fill: #252525;
}

.thinner .cls-2 {
    stroke-width: .1px !important;
    fill: #b49767;
}

.thinner .cls-2,
.thinner .cls-3 {
    stroke-width: .5px;
}

.stroker .cls-2,
.stroker .cls-3 {
    stroke-width: .4px !important;
}

@media(max-width: 750px) {
    .safe-page {
        letter-spacing: 0;
    }

    #safety .flex-ed {
        display: block;
        text-align: center;
    }

    .covid-icon {
        margin: 20px auto;
    }

    #safety h3 {
        text-align: center
    }

    #safety h3:after {
        margin: 10px auto;
    }
}

@media(max-width: 590px) {
    #safety h3 {
        font-size: 28px;
    }
}


.beer-slider {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.beer-slider *,
.beer-slider:after,
.beer-slider :after,
.beer-slider:before,
.beer-slider :before {
    box-sizing: border-box
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom
}

.beer-slider>* {
    height: 100%
}

.beer-slider>img {
    height: auto;
    max-width: 100%
}

.beer-reveal {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 50%;
    top: 0;
    transition: opacity .35s;
    z-index: 1
}

.beer-reveal>:first-child {
    height: 100%;
    max-width: none;
    width: 200%
}

.beer-reveal>img:first-child {
    height: auto
}

.beer-range {
    -moz-appearance: none;
    -ms-touch-action: auto;
    -webkit-appearance: slider-horizontal !important;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: -1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    touch-action: auto;
    width: calc(100% + 2px);
    z-index: 2
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh
}

.beer-range::-ms-tooltip {
    display: none
}

.beer-handle {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    box-shadow: 0 0 6px transparent;
    color: #000;
    height: 48px;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: background .3s, box-shadow .3s, opacity .5s .25s;
    width: 48px;
    z-index: 2
}

.beer-handle:after,
.beer-handle:before {
    border-left: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    top: 50%;
    transform-origin: 0 0;
    width: 10px
}

.beer-handle:before {
    left: 10px;
    transform: rotate(-45deg)
}

.beer-handle:after {
    right: 0;
    transform: rotate(135deg)
}

.beer-range:focus~.beer-handle {
    box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
    background: hsla(0, 0%, 100%, .75);
    border-radius: .125rem;
    content: attr(data-beer-label);
    line-height: 1;
    padding: .5rem;
    position: absolute;
    top: 1.5rem
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem
}

.beer-reveal[data-beer-label=""]:after,
.beer-slider[data-beer-label=""]:after {
    content: none
}

.beer-ready .beer-handle,
.beer-ready .beer-reveal {
    opacity: 1
}

.beer-slider {
    overflow: visible !important;
}

.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
    top: auto;
    bottom: -5px;
    text-transform: uppercase;
    font-size: .9em;
}

.beer-handle {
    transform: translate3d(-50%, 0, 0);
    top: auto;
    bottom: 0;
    background-color: #112950;
    box-shadow: 3px 2px 3px 2px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 30px 30px;
    height: 30px;
    opacity: 1 !important;
}

.beer-handle:after,
.beer-handle:before {
    top: 50%;
    color: #fff;
}

.beer-reveal {
    border-right: 2px solid #000;
}

.beer-slider {
    padding-bottom: 30px;
}

/*---------- SECTION TOGGLE & SECTION NON-TOGGLE ----------*/

.section-toggle h3 {
    padding: 25px 0 0;
}

.section-toggle h3:first-child {
    padding: 45px 0 0;
}

.section-non-toggle h3 {
    padding: 25px 0 0;
}

@media screen and (max-width: 520px) {

    .section-toggle h3 {
        text-align: center;
    }

    .section-non-toggle h3 {
        text-align: center;
    }

}

/*---------- To-Organize ----------*/

#playWithSound svg {
    bottom: -1px !important;
}

#playWithSound svg path {
    opacity: 1 !important;
}

.btn,
.btn-alt {
    color: #fff !important;
    margin: 0;
}

#wpadminbar {
    z-index: 999999 !important;
}

/*
* Membership Page
* --------------- 
* https://michelsendental.com/michelsen-membership-plan/
*
* */

.page-id-3939 h1.entry-title {
    font-size: 18px;
    margin: 50px 0 0;
}

@media(max-width: 600px) {
    #video-placeholder {
        display: none;
    }

    .playedWithSound #video-placeholder {
        display: block;
    }
}

.mfp-wrap,
.mfp-bg {
    z-index: 9999999 !important;
}

#emergency-icons {
    display: flex;
    max-width: 1100px;
    padding: 10px;
    justify-content: center;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

#emergency-icons img {
    margin: 5px;
}

#hear label,
#communication label {
    font-weight: 300
}

#hear label {
    margin-top: 10px
}

#hear select,
#communication select {
    margin-bottom: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #a5814c;
    padding: 5px;
}

/* --- REQUEST AN APPOINTMENT FORM --- */
#appointment-form {
    padding: 20px;
    border: 2px solid #a5814c;
    max-width: 900px;
    margin: auto;
    margin-top: 20px
}

#appointment-form #section-one,
#appointment-form #section-two,
#appointment-form #section-three {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#appointment-form #section-one input {
    border: 2px solid #a5814c;
    box-shadow: none;
    padding: 3px 5px;
}

#appointment-form .type-1 span {
    display: flex;
}

#appointment-form .type-1 span input {
    width: 20px !important;
    height: 20px;
    margin-right: 5px
}

#appointment-form #section-two {
    padding: 10px 0;
}

#appointment-form #section-three .type-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#appointment-form #section-three .type-2 select {
    margin-left: 20px;
    background-color: #fff;
    border: 2px solid #a5814c;
    padding: 10px;
    min-width: 250px;
}

#sectionCallToday {
    margin: 50px 0 0 !important
}

@media screen and (max-width: 768px) {

    #sectionCallToday * {
        text-align: center;
    }
}

@media screen and (max-width: 850px) {

    #hours,
    #address {
        margin: 20px 0 !important
    }
}

#scheduleHeader a {
    margin-bottom: 0;
}

/* --- FOOTER FORMS --- */
#footer .forms label {
    color: #fff;
    width: 100%
}

#footer .forms select {
    width: 100%;
    padding: 10px;
    background-color: #ffffff6b;
    border: none;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu {
    min-height: auto !important;
}

ul.nav>li.treatments.dropdown .dropdown {
    position: relative;
}

/* --- SMILE GALLERY --- */
.smile-gallery .entry-content ul,
.entry-content ol {
    line-height: 0.6;
}

.smile-gallery .su-image-carousel button.flickity-prev-next-button {
    opacity: 0.8;
    top: unset;
    bottom: -70px;
    background-color: #a5814c;
}

.smile-gallery .su-image-carousel>ol.flickity-page-dots {
    opacity: 0.5;
    top: unset;
    bottom: -68px;
    width: 100%;
    right: 0;
    left: 50%;
    text-align: center;
}

.smile-gallery {
    margin-top: 30px !important;
    margin-bottom: 50px !important;
    padding: 2px !important;
    border-radius: 0 !important;
    background: #a5814c !important;
}

.smile-gallery .su-tabs-pane {
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.smile-gallery .su-tabs-nav span {
    font-size: 18px;
    border-radius: 0 !important;
    color: #fff;
}

.smile-gallery .su-tabs-nav span:hover {
    color: #a5814c;
}

.smile-gallery .su-tabs-nav span.su-tabs-current {
    color: #a5814c;
}

.smile-gallery .su-image-carousel>ol.flickity-page-dots>li.dot {
    width: 10px;
    height: 10px;
    margin: 3px;
}

.smile-gallery .su-image-carousel>ol.flickity-page-dots>li.dot:before {
    width: 5px;
    height: 5px;
}

.smile-gallery .su-image-carousel button.flickity-prev-next-button {
    width: 35px;
    height: 35px;
}

@media(max-width: 1024px) {
    .smile-gallery {
        max-width: 500px;
        margin: 30px auto 50px !important;
    }
}

@media(max-width: 700px) {
    .su-image-carousel button.flickity-prev-next-button.previous {
        left: -10px !important;
    }

    .su-image-carousel button.flickity-prev-next-button.next {
        right: -10px !important;
    }
}

.page-id-1332 .su-image-carousel-mfp.mfp-bg {
    z-index: 9999102000 !important;
}

.page-id-1332 .su-image-carousel-mfp.mfp-wrap {
    z-index: 9999102005 !important;
}

h3,
h2 {
    clear: both;
}

#fixed-tabs {
    z-index: 1100;
}

@media screen and (max-width: 768px) {
    #logo img {
        height: 135px !important;
    }

    #safety-link,
    #scheduleHeader {
        display: none;
    }

    #headerMedia #socialMedia a {
        margin-top: 0;
        margin-bottom: 0;
    }

    #headerMedia {
        display: none;
    }

    .navbar-default .navbar-toggle {
        margin-bottom: 0;
        min-width: 100vw;
    }

    body.home #freeConsult {
        top: 0;
    }
}

@media screen and (max-width: 470px) {

    #responsiveheader {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #responsiveheader a {
        width: auto !important;
        flex: 0 1 110px;
        padding: 0 10px;
    }
}

#sunbit-logo {
    max-width: 500px;
    margin: auto;
    display: block;
}

#menu-item-1349 {
    position: relative;
}

ul.nav>li.treatments>.dropdown-menu .dropdown-menu {
    min-height: 0;
}

#career-form input,
#career-form textarea {
    width: 100%;
    margin: 10px auto;
    padding: 5px 10px;
}

@media screen and (min-width: 1000px) {
    body .uwy.userway_p1 .uai {
        bottom: 20px !important;
        top: auto !important;
    }

    #userwayAccessibilityIcon,
    #userwayAccessibilityIcon>*,
    .uwy.utb .uai img:not(.check_on),
    body .uwy.utb .uai img:not(.check_on) {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
    }
}

#doctors {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#doctors>div {
    padding: 10px;
    max-width: 230px;
}

@media screen and (min-width: 769px) {
    .smaller .navbar {
        align-self: center;
    }

    .smaller>.container:nth-of-type(2) {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .smaller .navbar>.container {
        height: 100%;
    }

    .smaller #logo {
        left: -7%;
    }
}

#sectionDifferent {
    margin: 0;
}

#sectionDifferent>div {
    padding: 0;
}

@media screen and (max-width: 768px) {
    #sectionDifferent h2 {
        font-size: 36px;
        line-height: 1.5;
    }

    #sectionDifferent h2 span {
        font-size: 190%;
    }

    #sectionCallToday {
        margin-top: 10px !important;
    }
}

.scroll-to-top {
    bottom: 200px !important;
    right: 14px !important;
}

body .uwy.userway_p1 .userway_buttons_wrapper {
    top: unset !important;
    bottom: 80px !important;
    right: -30px !important;
    left: unset !important;
}

body .uwy.userway_p1 .userway_buttons_wrapper #userwayAccessibilityIcon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    bottom: 55px !important;
}

.grecaptcha-badge {
    z-index: 999;
    bottom: 50px !important;
}