.s3grid .feat6 {
    width: calc((100% - (6 - 1)*1%)/6);
    margin-right: 1%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat6:nth-child(6n) {
    margin-right: 0
}

.s3grid .feat6:nth-child(6n):after {
    clear: both
}

.s3grid .feat6:nth-child(6n+1):before {
    clear: both
}

@media only screen and (max-width: 64em) {
    .s3grid .feat6 {
        width: calc((100% - (3 - 1)*2%)/3);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat6:nth-child(3n) {
        margin-right: 0
    }
    .s3grid .feat6:nth-child(3n):after {
        clear: both
    }
    .s3grid .feat6:nth-child(3n+1):before {
        clear: both
    }
}

.s3grid .feat5 {
    width: calc((100% - (5 - 1)*1%)/5);
    margin-right: 1%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat5:nth-child(5n) {
    margin-right: 0
}

.s3grid .feat5:nth-child(5n):after {
    clear: both
}

.s3grid .feat5:nth-child(5n+1):before {
    clear: both
}

@media only screen and (max-width: 40em) {
    .s3grid .feat5 {
        width: calc((100% - (2 - 1)*2%)/2);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat5:nth-child(2n) {
        margin-right: 0
    }
    .s3grid .feat5:nth-child(2n):after {
        clear: both
    }
    .s3grid .feat5:nth-child(2n+1):before {
        clear: both
    }
}

.s3grid .feat4 {
    width: calc((100% - (4 - 1)*2%)/4);
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat4:nth-child(4n) {
    margin-right: 0
}

.s3grid .feat4:nth-child(4n):after {
    clear: both
}

.s3grid .feat4:nth-child(4n+1):before {
    clear: both
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .s3grid .feat4 {
        width: calc((100% - (2 - 1)*2%)/2);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat4:nth-child(2n) {
        margin-right: 0
    }
    .s3grid .feat4:nth-child(2n):after {
        clear: both
    }
    .s3grid .feat4:nth-child(2n+1):before {
        clear: both
    }
}

@media only screen and (max-width: 40em) {
    .s3grid .feat4 {
        width: calc((100% - (1 - 1)*2%)/1);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat4:nth-child(1n) {
        margin-right: 0
    }
    .s3grid .feat4:nth-child(1n):after {
        clear: both
    }
    .s3grid .feat4:nth-child(1n+1):before {
        clear: both
    }
}

.s3grid .feat3 {
    width: calc((100% - (3 - 1)*3%)/3);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat3:nth-child(3n) {
    margin-right: 0
}

.s3grid .feat3:nth-child(3n):after {
    clear: both
}

.s3grid .feat3:nth-child(3n+1):before {
    clear: both
}

@media only screen and (max-width: 800px) {
    .s3grid .feat3 {
        width: calc((100% - (1 - 1)*2%)/1);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat3:nth-child(1n) {
        margin-right: 0
    }
    .s3grid .feat3:nth-child(1n):after {
        clear: both
    }
    .s3grid .feat3:nth-child(1n+1):before {
        clear: both
    }
}

.s3grid .feat2 {
    width: calc((100% - (2 - 1)*3%)/2);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat2:nth-child(2n) {
    margin-right: 0
}

.s3grid .feat2:nth-child(2n):after {
    clear: both
}

.s3grid .feat2:nth-child(2n+1):before {
    clear: both
}

@media only screen and (max-width: 800px) {
    .s3grid .feat2 {
        width: calc((100% - (1 - 1)*2%)/1);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .s3grid .feat2:nth-child(1n) {
        margin-right: 0
    }
    .s3grid .feat2:nth-child(1n):after {
        clear: both
    }
    .s3grid .feat2:nth-child(1n+1):before {
        clear: both
    }
}

.sub .s3grid .feat2 {
    width: calc((100% - (2 - 1)*5%)/2);
    margin-right: 5%;
    margin-bottom: 30px;
    float: left
}

.sub .s3grid .feat2:nth-child(2n) {
    margin-right: 0
}

.sub .s3grid .feat2:nth-child(2n):after {
    clear: both
}

.sub .s3grid .feat2:nth-child(2n+1):before {
    clear: both
}

@media only screen and (max-width: 800px) {
    .sub .s3grid .feat2 {
        width: calc((100% - (1 - 1)*2%)/1);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    .sub .s3grid .feat2:nth-child(1n) {
        margin-right: 0
    }
    .sub .s3grid .feat2:nth-child(1n):after {
        clear: both
    }
    .sub .s3grid .feat2:nth-child(1n+1):before {
        clear: both
    }
}

.s3grid .feat1 {
    width: calc((100% - (1 - 1)*2%)/1);
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

.s3grid .feat1:nth-child(1n) {
    margin-right: 0
}

.s3grid .feat1:nth-child(1n):after {
    clear: both
}

.s3grid .feat1:nth-child(1n+1):before {
    clear: both
}

.s3grid .thirds {
    float: left;
    margin-bottom: 30px
}

@media only screen and (min-width: 40.1em) {
    .s3grid .thirds {
        width: 33%
    }
    .s3grid .thirds:first-child {
        margin-right: 3%
    }
}

@media only screen and (max-width: 40em) {
    .s3grid .thirds:last-child {
        margin-bottom: 0px
    }
}

.s3grid .thirds {
    width: 100%
}

.s3grid .twos {
    float: left;
    margin-bottom: 30px
}

@media only screen and (min-width: 40.1em) {
    .s3grid .twos {
        width: 64%
    }
    .s3grid .twos:first-child {
        margin-right: 3%
    }
}

@media only screen and (max-width: 40em) {
    .s3grid .twos:last-child {
        margin-bottom: 0px
    }
}

.s3grid .twos {
    width: 100%
}

.grid .sm-1-up {
    width: calc((100% - (1 - 1)*0%)/1);
    margin-right: 0%;
    margin-bottom: 30px;
    float: left
}

.grid .sm-1-up:nth-child(1n) {
    margin-right: 0
}

.grid .sm-1-up:nth-child(1n):after {
    clear: both
}

.grid .sm-1-up:nth-child(1n+1):before {
    clear: both
}

.grid .sm-2-up {
    width: calc((100% - (2 - 1)*3%)/2);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.grid .sm-2-up:nth-child(2n) {
    margin-right: 0
}

.grid .sm-2-up:nth-child(2n):after {
    clear: both
}

.grid .sm-2-up:nth-child(2n+1):before {
    clear: both
}

.grid .sm-3-up {
    width: calc((100% - (3 - 1)*3%)/3);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.grid .sm-3-up:nth-child(3n) {
    margin-right: 0
}

.grid .sm-3-up:nth-child(3n):after {
    clear: both
}

.grid .sm-3-up:nth-child(3n+1):before {
    clear: both
}

.grid .sm-4-up {
    width: calc((100% - (4 - 1)*3%)/4);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.grid .sm-4-up:nth-child(4n) {
    margin-right: 0
}

.grid .sm-4-up:nth-child(4n):after {
    clear: both
}

.grid .sm-4-up:nth-child(4n+1):before {
    clear: both
}

@media only screen and (max-width: 40em) {
    .grid .sm-1 {
        width: calc((100% - (1 - 1)*0%)/1);
        margin-right: 0%;
        margin-bottom: 30px;
        float: left
    }
    .grid .sm-1:nth-child(1n) {
        margin-right: 0
    }
    .grid .sm-1:nth-child(1n):after {
        clear: both
    }
    .grid .sm-1:nth-child(1n+1):before {
        clear: both
    }
    .grid .sm-2 {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .sm-2:nth-child(2n) {
        margin-right: 0
    }
    .grid .sm-2:nth-child(2n):after {
        clear: both
    }
    .grid .sm-2:nth-child(2n+1):before {
        clear: both
    }
    .grid .sm-3 {
        width: calc((100% - (3 - 1)*3%)/3);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .sm-3:nth-child(3n) {
        margin-right: 0
    }
    .grid .sm-3:nth-child(3n):after {
        clear: both
    }
    .grid .sm-3:nth-child(3n+1):before {
        clear: both
    }
    .grid .sm-4 {
        width: calc((100% - (4 - 1)*3%)/4);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .sm-4:nth-child(4n) {
        margin-right: 0
    }
    .grid .sm-4:nth-child(4n):after {
        clear: both
    }
    .grid .sm-4:nth-child(4n+1):before {
        clear: both
    }
}

@media only screen and (max-width: 64em) {
    .grid .md-1-down {
        width: calc((100% - (1 - 1)*0%)/1);
        margin-right: 0%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-1-down:nth-child(1n) {
        margin-right: 0
    }
    .grid .md-1-down:nth-child(1n):after {
        clear: both
    }
    .grid .md-1-down:nth-child(1n+1):before {
        clear: both
    }
    .grid .md-2-down {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-2-down:nth-child(2n) {
        margin-right: 0
    }
    .grid .md-2-down:nth-child(2n):after {
        clear: both
    }
    .grid .md-2-down:nth-child(2n+1):before {
        clear: both
    }
    .grid .md-3-down {
        width: calc((100% - (3 - 1)*3%)/3);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-3-down:nth-child(3n) {
        margin-right: 0
    }
    .grid .md-3-down:nth-child(3n):after {
        clear: both
    }
    .grid .md-3-down:nth-child(3n+1):before {
        clear: both
    }
    .grid .md-4-down {
        width: calc((100% - (4 - 1)*3%)/4);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-4-down:nth-child(4n) {
        margin-right: 0
    }
    .grid .md-4-down:nth-child(4n):after {
        clear: both
    }
    .grid .md-4-down:nth-child(4n+1):before {
        clear: both
    }
}

@media only screen and (min-width: 40.1em) {
    .grid .md-1-up {
        width: calc((100% - (1 - 1)*0%)/1);
        margin-right: 0%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-1-up:nth-child(1n) {
        margin-right: 0
    }
    .grid .md-1-up:nth-child(1n):after {
        clear: both
    }
    .grid .md-1-up:nth-child(1n+1):before {
        clear: both
    }
    .grid .md-2-up {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-2-up:nth-child(2n) {
        margin-right: 0
    }
    .grid .md-2-up:nth-child(2n):after {
        clear: both
    }
    .grid .md-2-up:nth-child(2n+1):before {
        clear: both
    }
    .grid .md-3-up {
        width: calc((100% - (3 - 1)*3%)/3);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-3-up:nth-child(3n) {
        margin-right: 0
    }
    .grid .md-3-up:nth-child(3n):after {
        clear: both
    }
    .grid .md-3-up:nth-child(3n+1):before {
        clear: both
    }
    .grid .md-4-up {
        width: calc((100% - (4 - 1)*3%)/4);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-4-up:nth-child(4n) {
        margin-right: 0
    }
    .grid .md-4-up:nth-child(4n):after {
        clear: both
    }
    .grid .md-4-up:nth-child(4n+1):before {
        clear: both
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .grid .md-1 {
        width: calc((100% - (1 - 1)*0%)/1);
        margin-right: 0%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-1:nth-child(1n) {
        margin-right: 0
    }
    .grid .md-1:nth-child(1n):after {
        clear: both
    }
    .grid .md-1:nth-child(1n+1):before {
        clear: both
    }
    .grid .md-2 {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-2:nth-child(2n) {
        margin-right: 0
    }
    .grid .md-2:nth-child(2n):after {
        clear: both
    }
    .grid .md-2:nth-child(2n+1):before {
        clear: both
    }
    .grid .md-3 {
        width: calc((100% - (3 - 1)*3%)/3);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-3:nth-child(3n) {
        margin-right: 0
    }
    .grid .md-3:nth-child(3n):after {
        clear: both
    }
    .grid .md-3:nth-child(3n+1):before {
        clear: both
    }
    .grid .md-4 {
        width: calc((100% - (4 - 1)*3%)/4);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .md-4:nth-child(4n) {
        margin-right: 0
    }
    .grid .md-4:nth-child(4n):after {
        clear: both
    }
    .grid .md-4:nth-child(4n+1):before {
        clear: both
    }
}

@media only screen and (min-width: 64.1em) {
    .grid .lg-1 {
        width: calc((100% - (1 - 1)*0%)/1);
        margin-right: 0%;
        margin-bottom: 30px;
        float: left
    }
    .grid .lg-1:nth-child(1n) {
        margin-right: 0
    }
    .grid .lg-1:nth-child(1n):after {
        clear: both
    }
    .grid .lg-1:nth-child(1n+1):before {
        clear: both
    }
    .grid .lg-2 {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .lg-2:nth-child(2n) {
        margin-right: 0
    }
    .grid .lg-2:nth-child(2n):after {
        clear: both
    }
    .grid .lg-2:nth-child(2n+1):before {
        clear: both
    }
    .grid .lg-3 {
        width: calc((100% - (3 - 1)*3%)/3);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .lg-3:nth-child(3n) {
        margin-right: 0
    }
    .grid .lg-3:nth-child(3n):after {
        clear: both
    }
    .grid .lg-3:nth-child(3n+1):before {
        clear: both
    }
    .grid .lg-4 {
        width: calc((100% - (4 - 1)*3%)/4);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    .grid .lg-4:nth-child(4n) {
        margin-right: 0
    }
    .grid .lg-4:nth-child(4n):after {
        clear: both
    }
    .grid .lg-4:nth-child(4n+1):before {
        clear: both
    }
}

.vertical-align {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 64em) {
    .vertical-align {
        flex-wrap: wrap;
        flex: 1 1 100%
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

body.scrolled .wow {
    visibility: hidden
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    from {
        transform: none
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    from,
    11.1%,
    to {
        transform: none
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 10%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -10%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(10%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        transform: translate3d(10%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

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

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

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

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-10%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    from {
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 10%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 10%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-10%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(10%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -10%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.note {
    color: #e00 !important
}

.clearfix,
.divider.no-media,
.banner .row .inner .banner-links,
.unique-items.cta-ba.single-ba .row .items .item,
.s3grid,
.grid {
    zoom: 1
}

.clearfix:before,
.divider.no-media:before,
.banner .row .inner .banner-links:before,
.unique-items.cta-ba.single-ba .row .items .item:before,
.s3grid:before,
.grid:before,
.clearfix:after,
.divider.no-media:after,
.banner .row .inner .banner-links:after,
.unique-items.cta-ba.single-ba .row .items .item:after,
.s3grid:after,
.grid:after {
    content: " ";
    display: table
}

.clearfix:after,
.divider.no-media:after,
.banner .row .inner .banner-links:after,
.unique-items.cta-ba.single-ba .row .items .item:after,
.s3grid:after,
.grid:after {
    clear: both
}

.hide {
    display: none
}

@media only screen and (max-width: 40em) {
    .hide-phone {
        display: none !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .hide-tablet {
        display: none !important
    }
}

@media only screen and (min-width: 40.1em) {
    .hide-tablet-up {
        display: none !important
    }
}

@media only screen and (max-width: 64em) {
    .hide-tablet-down {
        display: none !important
    }
}

@media only screen and (max-width: 800px) {
    .hide-phablet {
        display: none !important
    }
}

@media only screen and (min-width: 64.1em) {
    .hide-desktop {
        display: none !important
    }
}

@media only screen and (max-width: 40em) {
    .block-phone {
        display: block !important
    }
}

.block {
    display: block !important
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .block-tablet {
        display: block !important
    }
}

@media only screen and (max-width: 64em) {
    .block-tablet-down {
        display: block !important
    }
}

@media only screen and (min-width: 40.1em) {
    .block-tablet-up {
        display: block !important
    }
}

@media only screen and (max-width: 800px) {
    .block-phablet {
        display: block !important
    }
}

@media only screen and (min-width: 64.1em) {
    .block-desktop {
        display: block !important
    }
}

.bold {
    font-weight: 600 !important
}

.mt-0 {
    margin-top: 0px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.pt-0 {
    padding-top: 0px !important
}

.pb-0 {
    padding-bottom: 0px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pr-0 {
    padding-right: 0px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-0-desktop {
        margin-top: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-0-desktop {
        margin-bottom: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-0-desktop {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-0-desktop {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-0-desktop {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-0-desktop {
        padding-right: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-0-tablet-up {
        margin-top: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-0-tablet-up {
        margin-bottom: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-0-tablet-up {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-0-tablet-up {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-0-tablet-up {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-0-tablet-up {
        padding-right: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-0-tablet-down {
        margin-top: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-0-tablet-down {
        margin-bottom: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-0-tablet-down {
        padding-top: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-0-tablet-down {
        padding-bottom: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-0-tablet-down {
        padding-left: 0px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-0-tablet-down {
        padding-right: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-0-tablet {
        margin-top: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-0-tablet {
        margin-bottom: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-0-tablet {
        padding-top: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-0-tablet {
        padding-bottom: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-0-tablet {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-0-tablet {
        padding-right: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-0-phablet {
        margin-top: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-0-phablet {
        margin-bottom: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-0-phablet {
        padding-top: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-0-phablet {
        padding-bottom: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-0-phablet {
        padding-left: 0px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-0-phablet {
        padding-right: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-0-phone {
        margin-top: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-0-phone {
        margin-bottom: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-0-phone {
        padding-top: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-0-phone {
        padding-bottom: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-0-phone {
        padding-left: 0px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-0-phone {
        padding-right: 0px !important
    }
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-10-desktop {
        margin-top: 10px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-10-desktop {
        margin-bottom: 10px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-10-desktop {
        padding-top: 10px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-10-desktop {
        padding-bottom: 10px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-10-desktop {
        padding-left: 10px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-10-desktop {
        padding-right: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-10-tablet-up {
        margin-top: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-10-tablet-up {
        margin-bottom: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-10-tablet-up {
        padding-top: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-10-tablet-up {
        padding-bottom: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-10-tablet-up {
        padding-left: 10px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-10-tablet-up {
        padding-right: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-10-tablet-down {
        margin-top: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-10-tablet-down {
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-10-tablet-down {
        padding-top: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-10-tablet-down {
        padding-bottom: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-10-tablet-down {
        padding-left: 10px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-10-tablet-down {
        padding-right: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-10-tablet {
        margin-top: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-10-tablet {
        margin-bottom: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-10-tablet {
        padding-top: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-10-tablet {
        padding-bottom: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-10-tablet {
        padding-left: 10px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-10-tablet {
        padding-right: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-10-phablet {
        margin-top: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-10-phablet {
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-10-phablet {
        padding-top: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-10-phablet {
        padding-bottom: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-10-phablet {
        padding-left: 10px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-10-phablet {
        padding-right: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-10-phone {
        margin-top: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-10-phone {
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-10-phone {
        padding-top: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-10-phone {
        padding-bottom: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-10-phone {
        padding-left: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-10-phone {
        padding-right: 10px !important
    }
}

.mt-20 {
    margin-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-20-desktop {
        margin-top: 20px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-20-desktop {
        margin-bottom: 20px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-20-desktop {
        padding-top: 20px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-20-desktop {
        padding-bottom: 20px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-20-desktop {
        padding-left: 20px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-20-desktop {
        padding-right: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-20-tablet-up {
        margin-top: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-20-tablet-up {
        margin-bottom: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-20-tablet-up {
        padding-top: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-20-tablet-up {
        padding-bottom: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-20-tablet-up {
        padding-left: 20px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-20-tablet-up {
        padding-right: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-20-tablet-down {
        margin-top: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-20-tablet-down {
        margin-bottom: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-20-tablet-down {
        padding-top: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-20-tablet-down {
        padding-bottom: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-20-tablet-down {
        padding-left: 20px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-20-tablet-down {
        padding-right: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-20-tablet {
        margin-top: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-20-tablet {
        margin-bottom: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-20-tablet {
        padding-top: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-20-tablet {
        padding-bottom: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-20-tablet {
        padding-left: 20px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-20-tablet {
        padding-right: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-20-phablet {
        margin-top: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-20-phablet {
        margin-bottom: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-20-phablet {
        padding-top: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-20-phablet {
        padding-bottom: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-20-phablet {
        padding-left: 20px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-20-phablet {
        padding-right: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-20-phone {
        margin-top: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-20-phone {
        margin-bottom: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-20-phone {
        padding-top: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-20-phone {
        padding-bottom: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-20-phone {
        padding-left: 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-20-phone {
        padding-right: 20px !important
    }
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-30-desktop {
        margin-top: 30px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-30-desktop {
        margin-bottom: 30px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-30-desktop {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-30-desktop {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-30-desktop {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-30-desktop {
        padding-right: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-30-tablet-up {
        margin-top: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-30-tablet-up {
        margin-bottom: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-30-tablet-up {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-30-tablet-up {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-30-tablet-up {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-30-tablet-up {
        padding-right: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-30-tablet-down {
        margin-top: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-30-tablet-down {
        margin-bottom: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-30-tablet-down {
        padding-top: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-30-tablet-down {
        padding-bottom: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-30-tablet-down {
        padding-left: 30px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-30-tablet-down {
        padding-right: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-30-tablet {
        margin-top: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-30-tablet {
        margin-bottom: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-30-tablet {
        padding-top: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-30-tablet {
        padding-bottom: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-30-tablet {
        padding-left: 30px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-30-tablet {
        padding-right: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-30-phablet {
        margin-top: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-30-phablet {
        margin-bottom: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-30-phablet {
        padding-top: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-30-phablet {
        padding-bottom: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-30-phablet {
        padding-left: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-30-phablet {
        padding-right: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-30-phone {
        margin-top: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-30-phone {
        margin-bottom: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-30-phone {
        padding-top: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-30-phone {
        padding-bottom: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-30-phone {
        padding-left: 30px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-30-phone {
        padding-right: 30px !important
    }
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-40-desktop {
        margin-top: 40px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-40-desktop {
        margin-bottom: 40px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-40-desktop {
        padding-top: 40px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-40-desktop {
        padding-bottom: 40px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-40-desktop {
        padding-left: 40px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-40-desktop {
        padding-right: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-40-tablet-up {
        margin-top: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-40-tablet-up {
        margin-bottom: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-40-tablet-up {
        padding-top: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-40-tablet-up {
        padding-bottom: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-40-tablet-up {
        padding-left: 40px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-40-tablet-up {
        padding-right: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-40-tablet-down {
        margin-top: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-40-tablet-down {
        margin-bottom: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-40-tablet-down {
        padding-top: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-40-tablet-down {
        padding-bottom: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-40-tablet-down {
        padding-left: 40px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-40-tablet-down {
        padding-right: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-40-tablet {
        margin-top: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-40-tablet {
        margin-bottom: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-40-tablet {
        padding-top: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-40-tablet {
        padding-bottom: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-40-tablet {
        padding-left: 40px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-40-tablet {
        padding-right: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-40-phablet {
        margin-top: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-40-phablet {
        margin-bottom: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-40-phablet {
        padding-top: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-40-phablet {
        padding-bottom: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-40-phablet {
        padding-left: 40px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-40-phablet {
        padding-right: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-40-phone {
        margin-top: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-40-phone {
        margin-bottom: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-40-phone {
        padding-top: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-40-phone {
        padding-bottom: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-40-phone {
        padding-left: 40px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-40-phone {
        padding-right: 40px !important
    }
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-50-desktop {
        margin-top: 50px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-50-desktop {
        margin-bottom: 50px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-50-desktop {
        padding-top: 50px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-50-desktop {
        padding-bottom: 50px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-50-desktop {
        padding-left: 50px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-50-desktop {
        padding-right: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-50-tablet-up {
        margin-top: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-50-tablet-up {
        margin-bottom: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-50-tablet-up {
        padding-top: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-50-tablet-up {
        padding-bottom: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-50-tablet-up {
        padding-left: 50px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-50-tablet-up {
        padding-right: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-50-tablet-down {
        margin-top: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-50-tablet-down {
        margin-bottom: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-50-tablet-down {
        padding-top: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-50-tablet-down {
        padding-bottom: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-50-tablet-down {
        padding-left: 50px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-50-tablet-down {
        padding-right: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-50-tablet {
        margin-top: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-50-tablet {
        margin-bottom: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-50-tablet {
        padding-top: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-50-tablet {
        padding-bottom: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-50-tablet {
        padding-left: 50px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-50-tablet {
        padding-right: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-50-phablet {
        margin-top: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-50-phablet {
        margin-bottom: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-50-phablet {
        padding-top: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-50-phablet {
        padding-bottom: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-50-phablet {
        padding-left: 50px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-50-phablet {
        padding-right: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-50-phone {
        margin-top: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-50-phone {
        margin-bottom: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-50-phone {
        padding-top: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-50-phone {
        padding-bottom: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-50-phone {
        padding-left: 50px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-50-phone {
        padding-right: 50px !important
    }
}

.mt-60 {
    margin-top: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-60-desktop {
        margin-top: 60px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-60-desktop {
        margin-bottom: 60px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-60-desktop {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-60-desktop {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-60-desktop {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-60-desktop {
        padding-right: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-60-tablet-up {
        margin-top: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-60-tablet-up {
        margin-bottom: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-60-tablet-up {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-60-tablet-up {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-60-tablet-up {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-60-tablet-up {
        padding-right: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-60-tablet-down {
        margin-top: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-60-tablet-down {
        margin-bottom: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-60-tablet-down {
        padding-top: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-60-tablet-down {
        padding-bottom: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-60-tablet-down {
        padding-left: 60px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-60-tablet-down {
        padding-right: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-60-tablet {
        margin-top: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-60-tablet {
        margin-bottom: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-60-tablet {
        padding-top: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-60-tablet {
        padding-bottom: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-60-tablet {
        padding-left: 60px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-60-tablet {
        padding-right: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-60-phablet {
        margin-top: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-60-phablet {
        margin-bottom: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-60-phablet {
        padding-top: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-60-phablet {
        padding-bottom: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-60-phablet {
        padding-left: 60px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-60-phablet {
        padding-right: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-60-phone {
        margin-top: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-60-phone {
        margin-bottom: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-60-phone {
        padding-top: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-60-phone {
        padding-bottom: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-60-phone {
        padding-left: 60px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-60-phone {
        padding-right: 60px !important
    }
}

.mt-70 {
    margin-top: 70px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-70-desktop {
        margin-top: 70px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-70-desktop {
        margin-bottom: 70px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-70-desktop {
        padding-top: 70px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-70-desktop {
        padding-bottom: 70px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-70-desktop {
        padding-left: 70px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-70-desktop {
        padding-right: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-70-tablet-up {
        margin-top: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-70-tablet-up {
        margin-bottom: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-70-tablet-up {
        padding-top: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-70-tablet-up {
        padding-bottom: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-70-tablet-up {
        padding-left: 70px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-70-tablet-up {
        padding-right: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-70-tablet-down {
        margin-top: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-70-tablet-down {
        margin-bottom: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-70-tablet-down {
        padding-top: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-70-tablet-down {
        padding-bottom: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-70-tablet-down {
        padding-left: 70px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-70-tablet-down {
        padding-right: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-70-tablet {
        margin-top: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-70-tablet {
        margin-bottom: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-70-tablet {
        padding-top: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-70-tablet {
        padding-bottom: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-70-tablet {
        padding-left: 70px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-70-tablet {
        padding-right: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-70-phablet {
        margin-top: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-70-phablet {
        margin-bottom: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-70-phablet {
        padding-top: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-70-phablet {
        padding-bottom: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-70-phablet {
        padding-left: 70px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-70-phablet {
        padding-right: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-70-phone {
        margin-top: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-70-phone {
        margin-bottom: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-70-phone {
        padding-top: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-70-phone {
        padding-bottom: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-70-phone {
        padding-left: 70px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-70-phone {
        padding-right: 70px !important
    }
}

.mt-80 {
    margin-top: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-80-desktop {
        margin-top: 80px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-80-desktop {
        margin-bottom: 80px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-80-desktop {
        padding-top: 80px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-80-desktop {
        padding-bottom: 80px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-80-desktop {
        padding-left: 80px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-80-desktop {
        padding-right: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-80-tablet-up {
        margin-top: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-80-tablet-up {
        margin-bottom: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-80-tablet-up {
        padding-top: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-80-tablet-up {
        padding-bottom: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-80-tablet-up {
        padding-left: 80px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-80-tablet-up {
        padding-right: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-80-tablet-down {
        margin-top: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-80-tablet-down {
        margin-bottom: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-80-tablet-down {
        padding-top: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-80-tablet-down {
        padding-bottom: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-80-tablet-down {
        padding-left: 80px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-80-tablet-down {
        padding-right: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-80-tablet {
        margin-top: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-80-tablet {
        margin-bottom: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-80-tablet {
        padding-top: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-80-tablet {
        padding-bottom: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-80-tablet {
        padding-left: 80px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-80-tablet {
        padding-right: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-80-phablet {
        margin-top: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-80-phablet {
        margin-bottom: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-80-phablet {
        padding-top: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-80-phablet {
        padding-bottom: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-80-phablet {
        padding-left: 80px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-80-phablet {
        padding-right: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-80-phone {
        margin-top: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-80-phone {
        margin-bottom: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-80-phone {
        padding-top: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-80-phone {
        padding-bottom: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-80-phone {
        padding-left: 80px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-80-phone {
        padding-right: 80px !important
    }
}

.mt-100 {
    margin-top: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-100-desktop {
        margin-top: 100px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-100-desktop {
        margin-bottom: 100px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-100-desktop {
        padding-top: 100px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-100-desktop {
        padding-bottom: 100px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-100-desktop {
        padding-left: 100px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-100-desktop {
        padding-right: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-100-tablet-up {
        margin-top: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-100-tablet-up {
        margin-bottom: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-100-tablet-up {
        padding-top: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-100-tablet-up {
        padding-bottom: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-100-tablet-up {
        padding-left: 100px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-100-tablet-up {
        padding-right: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-100-tablet-down {
        margin-top: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-100-tablet-down {
        margin-bottom: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-100-tablet-down {
        padding-top: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-100-tablet-down {
        padding-bottom: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-100-tablet-down {
        padding-left: 100px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-100-tablet-down {
        padding-right: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-100-tablet {
        margin-top: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-100-tablet {
        margin-bottom: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-100-tablet {
        padding-top: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-100-tablet {
        padding-bottom: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-100-tablet {
        padding-left: 100px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-100-tablet {
        padding-right: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-100-phablet {
        margin-top: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-100-phablet {
        margin-bottom: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-100-phablet {
        padding-top: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-100-phablet {
        padding-bottom: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-100-phablet {
        padding-left: 100px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-100-phablet {
        padding-right: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-100-phone {
        margin-top: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-100-phone {
        margin-bottom: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-100-phone {
        padding-top: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-100-phone {
        padding-bottom: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-100-phone {
        padding-left: 100px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-100-phone {
        padding-right: 100px !important
    }
}

.mt-110 {
    margin-top: 110px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.pt-110 {
    padding-top: 110px !important
}

.pb-110 {
    padding-bottom: 110px !important
}

.pl-110 {
    padding-left: 110px !important
}

.pr-110 {
    padding-right: 110px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-110-desktop {
        margin-top: 110px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-110-desktop {
        margin-bottom: 110px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-110-desktop {
        padding-top: 110px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-110-desktop {
        padding-bottom: 110px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-110-desktop {
        padding-left: 110px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-110-desktop {
        padding-right: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-110-tablet-up {
        margin-top: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-110-tablet-up {
        margin-bottom: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-110-tablet-up {
        padding-top: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-110-tablet-up {
        padding-bottom: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-110-tablet-up {
        padding-left: 110px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-110-tablet-up {
        padding-right: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-110-tablet-down {
        margin-top: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-110-tablet-down {
        margin-bottom: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-110-tablet-down {
        padding-top: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-110-tablet-down {
        padding-bottom: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-110-tablet-down {
        padding-left: 110px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-110-tablet-down {
        padding-right: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-110-tablet {
        margin-top: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-110-tablet {
        margin-bottom: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-110-tablet {
        padding-top: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-110-tablet {
        padding-bottom: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-110-tablet {
        padding-left: 110px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-110-tablet {
        padding-right: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-110-phablet {
        margin-top: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-110-phablet {
        margin-bottom: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-110-phablet {
        padding-top: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-110-phablet {
        padding-bottom: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-110-phablet {
        padding-left: 110px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-110-phablet {
        padding-right: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-110-phone {
        margin-top: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-110-phone {
        margin-bottom: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-110-phone {
        padding-top: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-110-phone {
        padding-bottom: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-110-phone {
        padding-left: 110px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-110-phone {
        padding-right: 110px !important
    }
}

.mt-120 {
    margin-top: 120px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.pt-120 {
    padding-top: 120px !important
}

.pb-120 {
    padding-bottom: 120px !important
}

.pl-120 {
    padding-left: 120px !important
}

.pr-120 {
    padding-right: 120px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-120-desktop {
        margin-top: 120px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-120-desktop {
        margin-bottom: 120px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-120-desktop {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-120-desktop {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-120-desktop {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-120-desktop {
        padding-right: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-120-tablet-up {
        margin-top: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-120-tablet-up {
        margin-bottom: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-120-tablet-up {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-120-tablet-up {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-120-tablet-up {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-120-tablet-up {
        padding-right: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-120-tablet-down {
        margin-top: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-120-tablet-down {
        margin-bottom: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-120-tablet-down {
        padding-top: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-120-tablet-down {
        padding-bottom: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-120-tablet-down {
        padding-left: 120px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-120-tablet-down {
        padding-right: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-120-tablet {
        margin-top: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-120-tablet {
        margin-bottom: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-120-tablet {
        padding-top: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-120-tablet {
        padding-bottom: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-120-tablet {
        padding-left: 120px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-120-tablet {
        padding-right: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-120-phablet {
        margin-top: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-120-phablet {
        margin-bottom: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-120-phablet {
        padding-top: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-120-phablet {
        padding-bottom: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-120-phablet {
        padding-left: 120px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-120-phablet {
        padding-right: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-120-phone {
        margin-top: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-120-phone {
        margin-bottom: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-120-phone {
        padding-top: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-120-phone {
        padding-bottom: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-120-phone {
        padding-left: 120px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-120-phone {
        padding-right: 120px !important
    }
}

.mt-160 {
    margin-top: 160px !important
}

.mb-160 {
    margin-bottom: 160px !important
}

.pt-160 {
    padding-top: 160px !important
}

.pb-160 {
    padding-bottom: 160px !important
}

.pl-160 {
    padding-left: 160px !important
}

.pr-160 {
    padding-right: 160px !important
}

@media only screen and (min-width: 64.1em) {
    .mt-160-desktop {
        margin-top: 160px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .mb-160-desktop {
        margin-bottom: 160px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pt-160-desktop {
        padding-top: 160px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pb-160-desktop {
        padding-bottom: 160px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pl-160-desktop {
        padding-left: 160px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .pr-160-desktop {
        padding-right: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mt-160-tablet-up {
        margin-top: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .mb-160-tablet-up {
        margin-bottom: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pt-160-tablet-up {
        padding-top: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pb-160-tablet-up {
        padding-bottom: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pl-160-tablet-up {
        padding-left: 160px !important
    }
}

@media only screen and (min-width: 40.1em) {
    .pr-160-tablet-up {
        padding-right: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .mt-160-tablet-down {
        margin-top: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .mb-160-tablet-down {
        margin-bottom: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .pt-160-tablet-down {
        padding-top: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .pb-160-tablet-down {
        padding-bottom: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .pl-160-tablet-down {
        padding-left: 160px !important
    }
}

@media only screen and (max-width: 64em) {
    .pr-160-tablet-down {
        padding-right: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mt-160-tablet {
        margin-top: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .mb-160-tablet {
        margin-bottom: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pt-160-tablet {
        padding-top: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pb-160-tablet {
        padding-bottom: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pl-160-tablet {
        padding-left: 160px !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .pr-160-tablet {
        padding-right: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .mt-160-phablet {
        margin-top: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .mb-160-phablet {
        margin-bottom: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .pt-160-phablet {
        padding-top: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .pb-160-phablet {
        padding-bottom: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .pl-160-phablet {
        padding-left: 160px !important
    }
}

@media only screen and (max-width: 800px) {
    .pr-160-phablet {
        padding-right: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .mt-160-phone {
        margin-top: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .mb-160-phone {
        margin-bottom: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .pt-160-phone {
        padding-top: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .pb-160-phone {
        padding-bottom: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .pl-160-phone {
        padding-left: 160px !important
    }
}

@media only screen and (max-width: 40em) {
    .pr-160-phone {
        padding-right: 160px !important
    }
}

.nomargbtm {
    margin-bottom: 0px !important
}

@media only screen and (min-width: 40.1em) {
    .nomargbtm-tablet-up {
        margin-bottom: 0px !important
    }
}

@media only screen and (min-width: 64.1em) {
    .nomargbtm-desktop {
        margin-bottom: 0px !important
    }
}

.row {
    max-width: 1200px
}

.container {
    width: 100%
}

header .container .row,
footer .container .row {
    padding: 0
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.flex-video iframe {
    max-width: 100%
}

.flex-video {
    margin-bottom: 0px
}

.bkg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.object-fit-cover {
    width: 100%;
    height: 100%
}

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

.main>.row {
    padding-left: 10px;
    padding-right: 10px
}

.uppercase {
    text-transform: uppercase
}

span.block {
    display: block
}

.row .columns .medium-6:last-child,
.row .columns .large-6:last-child,
.row .column .medium-6:last-child,
.row .column .large-6:last-child {
    padding-right: .9375rem
}

blockquote {
    border: none !important;
    padding: 0;
    margin: 0
}

.row .columns .medium-6:last-child,
.row .columns .large-6:last-child,
.row .column .medium-6:last-child,
.row .column .large-6:last-child,
.row .columns .medium-5:last-child {
    padding-right: .9375rem
}

a img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

img {
    transform: translateZ(0px)
}

.spacheck {
    display: none
}

@media only screen and (min-width: 64.1em) {
    .background-image,
    .bkg-image {
        background-image: var(--background-image-desktop)
    }
}

@media only screen and (max-width: 64em) {
    .background-image,
    .bkg-image {
        background-image: var(--background-image-tablet)
    }
}

@media only screen and (max-width: 40em) {
    .background-image,
    .bkg-image {
        background-image: var(--background-image-phone)
    }
}

@media only screen and (max-width: 40em) {
    .columns,
    .column {
        margin-bottom: .9375rem
    }
}

@media only screen and (max-width: 64.063em) {
    .container .row {
        padding-left: 20px;
        padding-right: 20px
    }
}

html,
body {
    height: auto
}

body {
    -webkit-font-smoothing: subpixel-antialiased
}

.container>.row {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (max-width: 64em) {
    .container>.row {
        padding-top: 45px;
        padding-bottom: 45px;
        padding-right: 60px;
        padding-left: 60px
    }
}

@media only screen and (max-width: 800px) {
    .container>.row {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 40em) {
    .container>.row {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width: 64.1em) {
    .container>.row {
        padding-right: 20px;
        padding-left: 20px;
        padding-right: 60px;
        padding-left: 60px
    }
}

.container {
    background-color: #fff
}

.container.grey {
    background-color: #fafafa
}

.container.grey h2,
.container.grey h3,
.container.grey h4,
.container.grey p {
    color: #2a2a2a
}

.container.dark {
    background-color: #1a1a1a
}

.container.dark h2,
.container.dark h3,
.container.dark h4,
.container.dark p,
.container.dark a,
.container.dark li {
    color: #fff
}

.container.dark ul li:before {
    background: #fff !important
}

.content-wrap {
    position: relative
}

@media(max-width: 64em) {
    .content-wrap.menu-is-open {
        opacity: 1
    }
}

.content-wrap.menu-is-open:before {
    content: " ";
    display: block;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden
}

.content-wrap .container:not(footer) ul {
    margin: 0
}

.content-wrap .container:not(footer) ul:not(.no-style) {
    margin-bottom: 20px
}

.content-wrap .container:not(footer) ul:not(.no-style) li {
    list-style: none;
    position: relative;
    padding-left: 13px;
    font-size: 15px;
    color: #9a8951;
    letter-spacing: 1px
}

.content-wrap .container:not(footer) ul:not(.no-style) li:before {
    content: "";
    display: inline-block;
    padding: 1.5px;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    background: #9a8951
}

.content-wrap .container:not(footer) ul:not(.no-style) li+li {
    margin-top: 10px
}

.content-wrap .container:not(footer) ul.s3grid li+li {
    margin-top: 0
}

.content-wrap .container:not(footer) ul.columns {
    padding-left: 0;
    padding-right: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

@media only screen and (max-width: 800px) {
    .content-wrap .container:not(footer) ul.columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.content-wrap .container:not(footer) ul li a {
    text-decoration: underline
}

.content-wrap .container:not(footer) ul li a.no-style {
    color: inherit !important;
    text-decoration: none !important
}

.sidebar .links>ul>li.has-sub>a,
.mobile-navigation .links>ul>li.has-sub>a {
    position: relative;
    padding-left: 33px
}

.sidebar .links>ul>li.has-sub>a.here+ul,
.mobile-navigation .links>ul>li.has-sub>a.here+ul {
    display: block
}

.sidebar .links>ul>li.has-sub>a:after,
.mobile-navigation .links>ul>li.has-sub>a:after {
    content: "";
    display: block;
    width: 5px;
    height: 9px;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 21px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("https://static.tresiocms.com/images/arrow.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.sidebar .links>ul>li.has-sub>a.submenu-open:after,
.mobile-navigation .links>ul>li.has-sub>a.submenu-open:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

body,
p {
    font-weight: 400;
    font-size: 15px;
    font-family: "proxima-nova";
    color: #4c4c4c
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0 0 15px 0;
    font-weight: 400;
    color: #000;
    letter-spacing: 3px;
    font-family: "imperial-urw";
    line-height: 1;
    text-transform: uppercase
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    font-weight: inherit;
    color: inherit !important
}

h1 span.small,
h2 span.small,
h3 span.small,
h4 span.small,
h5 span.small {
    font-size: 20px;
    font-size: 15px;
    letter-spacing: 2px;
    display: block;
    margin: 25px 0;
    opacity: .8
}

@media screen and (max-width: 1200px) {
    h1 span.small,
    h2 span.small,
    h3 span.small,
    h4 span.small,
    h5 span.small {
        font-size: 18px;
        letter-spacing: 1px;
        opacity: 1
    }
}

@media only screen and (max-width: 64em) {
    h1 span.small,
    h2 span.small,
    h3 span.small,
    h4 span.small,
    h5 span.small {
        margin: 15px 0
    }
}

@media only screen and (max-width: 40em) {
    h1 span.small,
    h2 span.small,
    h3 span.small,
    h4 span.small,
    h5 span.small {
        font-size: 14px;
        letter-spacing: 0
    }
}

@media only screen and (max-width: 800px) {
    h1,
    h2,
    h3,
    h4,
    h5 {
        letter-spacing: 1px
    }
}

h2 {
    font-size: 30px
}

@media only screen and (max-width: 40em) {
    h2 {
        font-size: 28px
    }
}

h2 a {
    color: inherit
}

h3 {
    color: #000;
    font-size: 26px;
    margin-bottom: 15px
}

@media only screen and (max-width: 40em) {
    h3 {
        font-size: 24px
    }
}

h3 a {
    color: inherit
}

h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    font-weight: 400
}

@media only screen and (max-width: 64em) {
    h4 {
        font-size: 23px
    }
}

@media only screen and (max-width: 40em) {
    h4 {
        font-size: 22px
    }
}

h2+h4 {
    color: #000;
    margin-top: -10px
}

h5 {
    font-size: 24px;
    margin-bottom: 15px
}

@media only screen and (max-width: 64em) {
    h5 {
        font-size: 22px
    }
}

@media only screen and (max-width: 40em) {
    h5 {
        font-size: 20px
    }
}

p {
    margin-bottom: 20px;
    line-height: 1.7
}

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

li a:not(.btn),
p a:not(.btn) {
    color: #9a8951
}

a {
    color: #000;
    font-weight: 300
}

a:hover {
    color: inherit;
    opacity: .6
}

.intro,
.intro p {
    font-size: 18px;
    font-weight: 300;
    font-family: "proxima-nova";
    line-height: 28px
}

ul li {
    list-style-type: none
}

picture.background {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 100%;
    display: flex
}

picture.background img {
    object-fit: cover;
    width: 100%
}

.top-aligned picture.background img {
    object-position: center 20% !important
}

.left-aligned picture.background img {
    background-position: 25% center !important
}

.right-aligned picture.background img {
    background-position: 75% center !important
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.shadow-up {
    -webkit-box-shadow: 1px -10px 27px -20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px -10px 27px -20px rgba(0, 0, 0, .3);
    box-shadow: 1px -10px 27px -20px rgba(0, 0, 0, .3);
    position: relative
}

.shadow-down {
    -webkit-box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
    box-shadow: 1px 18px 27px -20px rgba(0, 0, 0, .3);
    position: relative
}

.shadow-side {
    -webkit-box-shadow: -1px 3px 43px 0px rgba(0, 0, 0, .41);
    -moz-box-shadow: -1px 3px 43px 0px rgba(0, 0, 0, .41);
    box-shadow: -1px 3px 43px 0px rgba(0, 0, 0, .41)
}

img.center {
    display: block;
    margin: auto
}

img.full {
    width: 100%
}

img.circle {
    border-radius: 100%;
    box-shadow: 0px 0px 14px -6px #000;
    padding: 10px
}

img.xsmall {
    max-width: 80px;
    width: 100%
}

img.small {
    max-width: 180px;
    width: 100%
}

img.medium {
    max-width: 240px;
    width: 100%
}

img.large {
    max-width: 400px;
    width: 100%
}

img.large.pull-up {
    margin-top: -15px
}

img.xlarge2 {
    max-width: 480px;
    width: 100%
}

img.xlarge {
    max-width: 540px;
    width: 100%
}

.img-wide {
    max-height: 220px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px
}

.transition,
body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder img,
body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder:before,
body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder,
.sub-content.full .entry-content a,
.mod-office_module_new .row .copy .inner .logoHolder img,
.mod-office_module_new .row .copy .inner .logoHolder:before,
.mod-office_module_new .row .copy .inner .logoHolder,
.mod-office_module .row .inner .office-module-slider .owl-dots .owl-dot,
.mod-office_module .row .inner .office-module-slider .owl-item .item .content,
.mod-page_faq .row.faq-style .sticky-side .list p,
.mod-image_slider .owl-nav .owl-prev,
.mod-image_slider .owl-nav .owl-next,
.mod-image_slider_with_content .owl-nav .owl-prev,
.mod-image_slider_with_content .owl-nav .owl-next,
.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-prev,
.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-next,
.mod-page_video_grid .row .vid-grid .vid a.media:after,
.mod-reviews_slider .owl-nav .owl-prev,
.mod-reviews_slider .owl-nav .owl-next,
main.content-wrap ul.gallery-dropdown li ul li a,
main.content-wrap ul.gallery-dropdown li.selector:after,
body.gallery.gallery-row .grid-row .patient .patient-media .icon,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon,
body.gallery.gallery-popup .gallery-preview>div a:after,
body.before-and-after.gallery-popup .gallery-preview>div a:after,
body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item,
body.gallery.gallery-default .index-gallery .gallery-grid .item,
body.before-and-after.gallery-default .index-gallery .gallery-grid .item,
body.gallery .owl-carousel.patients .owl-nav .owl-prev,
body.gallery .owl-carousel.patients .owl-nav .owl-next,
body.before-and-after .owl-carousel.patients .owl-nav .owl-prev,
body.before-and-after .owl-carousel.patients .owl-nav .owl-next,
.rate-us .tab,
footer .fixed-cta a.btn,
footer .fixed-cta .rate-us a.tab,
.rate-us footer .fixed-cta a.tab,
footer .fixed-cta .sticky-bar .btns a.btn,
.sticky-bar .btns footer .fixed-cta a.btn,
.sticky-bar-popup,
body.home .mod-home_block_simple .row .inner ul li .contentHolder .text,
body.home .mod-home_block_simple .row .inner ul li .contentHolder,
body.home .mod-home_block_simple .row .inner ul li .titleHolder,
body.home .mod-home_block_simple .row .inner ul li:after,
body.home .mod-home_block_simple .row .inner ul li:before,
body.home .mod-home_block .row .inner .content .text,
body.home .mod-home_block .row .inner .content:before,
body.home .mod-home_block .row .inner .content,
body.hamburgerMenu header .menu-holder,
nav.tresio-nav[data-type=horizontal] ul.list li,
.hamburgerMenu header .logo-holder .logo img,
header *,
.socials li,
button.btn,
.sticky-bar .btns .rate-us button.tab,
.rate-us .sticky-bar .btns button.tab,
.sticky-bar .btns button.btn,
.popup-video:after,
a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.transition2 {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.bg-trans {
    -webkit-transition: background .5s ease, all .5s ease;
    -moz-transition: background .5s ease, all .5s ease;
    -ms-transition: background .5s ease, all .5s ease;
    -o-transition: background .5s ease, all .5s ease;
    transition: background .5s ease, all .5s ease
}

.bkg-image {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

.primary {
    color: #9a8951 !important
}

@media only screen and (min-width: 40.1em) {
    .text-center-tablet-up {
        text-align: center !important
    }
}

.mw-60 {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 64em) {
    .mw-60 {
        max-width: 100%
    }
}

.mw-70 {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 64em) {
    .mw-70 {
        max-width: 100%
    }
}

.mw-80,
.row.box-bg .inner {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 64em) {
    .mw-80,
    .row.box-bg .inner {
        max-width: 100%
    }
}

.italic {
    font-style: italic !important
}

.bold {
    font-weight: 600
}

.headType {
    font-family: "imperial-urw"
}

.hidden {
    display: none
}

.popup,
.popup-video {
    outline: none
}

.link {
    color: #9a8951 !important;
    text-decoration: underline
}

.no-underline {
    color: #9a8951 !important;
    text-decoration: none
}

.overflow-hidden {
    overflow: hidden !important
}

.text-justify {
    text-align: justify !important
}

.popup-video {
    outline: none;
    position: relative
}

.popup-video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url("https://static.tresiocms.com/images/play.png") no-repeat center center;
    background-size: 100% auto;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    .popup-video:after {
        width: 54px;
        height: 54px
    }
}

@media only screen and (max-width: 40em) {
    .popup-video:after {
        width: 44px;
        height: 44px
    }
}

.popup-video.no-icon:after {
    display: none
}

.btn,
.rate-us .tab,
.sticky-bar .btns .rate-us .tab,
.rate-us .sticky-bar .btns .tab,
.sticky-bar .btns .btn,
button.btn {
    font-family: "proxima-nova";
    display: inline-block;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0);
    color: #9a8951;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 14px 30px 12px;
    width: 100%;
    font-weight: 400;
    max-width: 225px;
    border: 2px solid #9a8951
}

.btn:hover,
.rate-us .tab:hover,
.sticky-bar .btns .btn:hover,
button.btn:hover {
    color: #fff !important;
    background: #9a8951;
    opacity: 1
}

.btn.btn-light,
.rate-us .btn-light.tab,
.sticky-bar .btns .btn-light.btn,
button.btn.btn-light {
    color: #fff;
    border: 2px solid #fff
}

@media only screen and (max-width: 800px) {
    .btn,
    .rate-us .tab,
    .sticky-bar .btns .rate-us .tab,
    .rate-us .sticky-bar .btns .tab,
    .sticky-bar .btns .btn,
    button.btn {
        display: block;
        max-width: 100%
    }
}

button.btn,
.rate-us button.tab,
.sticky-bar .btns .rate-us button.tab,
.rate-us .sticky-bar .btns button.tab,
.sticky-bar .btns button.btn {
    outline: none !important;
    cursor: pointer;
    border: none;
    margin-bottom: 0px !important
}

@media only screen and (max-width: 40em) {
    button.btn,
    .rate-us button.tab,
    .sticky-bar .btns .rate-us button.tab,
    .rate-us .sticky-bar .btns button.tab,
    .sticky-bar .btns button.btn {
        width: 100%;
        display: block
    }
}

button.btn:focus,
.rate-us button.tab:focus,
.sticky-bar .btns button.btn:focus {
    box-shadow: inset 0px 0px 10px -1px rgba(0, 0, 0, .4) !important;
    outline: none
}

button.btn.is-disabled,
.rate-us button.is-disabled.tab,
.sticky-bar .btns button.is-disabled.btn {
    opacity: .6 !important
}

a.arrow {
    color: #000
}

a.arrow:after {
    content: " »"
}

.fancybox-inner iframe {
    max-width: 100%
}

ul.media {
    background: none;
    padding: 0px;
    text-align: center;
    margin: 0px
}

ul.media li {
    display: inline
}

@media only screen and (max-width: 40em) {
    ul.media li {
        display: inline-block;
        margin-bottom: 10px
    }
}

ul.media li img {
    height: 30px;
    margin-bottom: 40px
}

@media only screen and (max-width: 40em) {
    ul.media li img {
        height: 20px
    }
}

ul.media li+li {
    margin-left: 27px
}

@media only screen and (max-width: 40em) {
    ul.media li+li {
        margin-left: 10px
    }
}

.socials li,
.socials a {
    display: inline-block
}

.socials li {
    height: 18px;
    width: 18px;
    padding: 5.625px;
    position: relative;
    box-sizing: content-box
}

@media only screen and (max-width: 40em) {
    .socials li {
        height: 18px;
        width: 18px
    }
}

.socials li:hover {
    opacity: .4
}

.socials li:before {
    display: none !important
}

.socials li a {
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.socials li a span {
    background: url("https://static.tresiocms.com/images/social-icons2.svg") no-repeat;
    display: block;
    height: 18px !important;
    width: 18px !important;
    background-size: 416.25px 18px !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

@media only screen and (max-width: 40em) {
    .socials li a span {
        height: 18px;
        width: 18px;
        background-size: 416.25px 18px
    }
}

.socials li a span:hover {
    opacity: 1
}

.socials li a span.facebook-icon {
    background-position: 5.0625px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.facebook-icon {
        background-position: 5.0625px 0 !important
    }
}

.socials li a span.twitter-icon {
    background-position: -23.0625px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.twitter-icon {
        background-position: -23.0625px 0 !important
    }
}

.socials li a span.google-icon {
    background-position: -52.875px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.google-icon {
        background-position: -52.875px 0 !important
    }
}

.socials li a span.youtube-icon {
    background-position: -82.125px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.youtube-icon {
        background-position: -82.125px 0 !important
    }
}

.socials li a span.linkedin-icon {
    background-position: -111.375px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.linkedin-icon {
        background-position: -111.375px 0 !important
    }
}

.socials li a span.yelp-icon {
    background-position: -140.625px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.yelp-icon {
        background-position: -140.625px 0 !important
    }
}

.socials li a span.instagram-icon {
    background-position: -255.9375px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.instagram-icon {
        background-position: -255.9375px 0 !important
    }
}

.socials li a span.healthgrades-icon {
    background-position: -169.3125px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.healthgrades-icon {
        background-position: -169.3125px 0 !important
    }
}

.socials li a span.vitals-icon {
    background-position: -198px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.vitals-icon {
        background-position: -198px 0 !important
    }
}

.socials li a span.realself-icon {
    background-position: -225.5625px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.realself-icon {
        background-position: -225.5625px 0 !important
    }
}

.socials li a span.wordpress-icon {
    background-position: -285.75px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.wordpress-icon {
        background-position: -285.75px 0 !important
    }
}

.socials li a span.snapchat-icon {
    background-position: -314.4375px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.snapchat-icon {
        background-position: -314.4375px 0 !important
    }
}

.socials li a span.birdeye-icon {
    background-position: -343.125px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.birdeye-icon {
        background-position: -343.125px 0 !important
    }
}

.socials li a span.pinterest-icon {
    background-position: -371.25px 0 !important
}

@media only screen and (max-width: 40em) {
    .socials li a span.pinterest-icon {
        background-position: -371.25px 0 !important
    }
}

.socials li a span.tiktok-icon {
    background-position: -399.375px 0
}

@media only screen and (max-width: 40em) {
    .socials li a span.tiktok-icon {
        background-position: -399.375px 0 !important
    }
}

.socials.light li,
.mod-social .row.light ul.socials li {
    background: #000
}

.socials.light li a,
.mod-social .row.light ul.socials li a {
    background: #000
}

.socials.light li a span,
.mod-social .row.light ul.socials li a span {
    background: url("https://static.tresiocms.com/images/social-icons2-white.svg") no-repeat
}

header {
    z-index: 1042 !important;
    position: fixed !important;
    width: 100%;
    top: 0px;
    left: 0px;
    box-shadow: 0px 0px 15px -4px rgba(20, 20, 20, .4) !important;
    background: #fff;
    transition: .5s all ease-in-out !important
}

@media only screen and (min-width: 64.1em) {
    .home:not(.hamburgerMenu) header {
        box-shadow: none !important
    }
}

@media only screen and (max-width: 64em) {
    .home:not(.hamburgerMenu) header {
        background: #fff
    }
}

.home:not(.hamburgerMenu) header.scrolled {
    background: #fff;
    box-shadow: 0px 0px 15px -4px rgba(20, 20, 20, .4) !important
}

header.scrolled .top {
    padding: 10px 20px
}

header.scrolled .top .logo-holder img {
    max-height: 50px
}

.lp header.scrolled .top .logo-holder img {
    max-height: 50px
}

header h1 {
    margin-bottom: 0px
}

header .top {
    padding: 20px
}

.lp header .top {
    padding: 8px
}

header .top {
    padding-right: 0;
    position: relative;
    max-width: 1400px
}

@media screen and (max-width: 1100px) {
    header .top {
        padding-left: 10px
    }
}

@media only screen and (max-width: 64em) {
    header .top {
        background: #000;
        padding: 14px 20px;
        display: flex
    }
}

header .top .inner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 64em) {
    header .top .inner {
        margin: 0;
        display: block
    }
    .lp header .top .inner {
        display: grid;
        grid-template-columns: auto 200px
    }
}

@media only screen and (max-width: 64em)and (max-width: 64em) {
    .lp header .top .inner {
        grid-template-columns: auto 125px
    }
}

header .top .logo-holder {
    margin-right: 20px
}

header .top .logo-holder a {
    display: block
}

header .top .logo-holder a img {
    max-width: 200px;
    max-height: 75px
}

@media screen and (max-width: 1200px) {
    header .top .logo-holder a img {
        max-height: 60px
    }
}

@media only screen and (max-width: 40em) {
    header .top .logo-holder a img {
        max-width: 180px
    }
}

header .top .logo-holder a img.retina {
    display: none
}

@media(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    header .top .logo-holder a img.retina {
        display: block
    }
}

.lp header .top .logo-holder span img {
    max-width: 200px;
    max-height: 75px
}

@media screen and (max-width: 1200px) {
    .lp header .top .logo-holder span img {
        max-height: 60px
    }
}

@media only screen and (max-width: 40em) {
    .lp header .top .logo-holder span img {
        max-width: 60px
    }
}

.lp header .top .logo-holder span img.retina {
    display: none
}

@media(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .lp header .top .logo-holder span img.retina {
        display: block
    }
}

header .top .nav-links {
    max-width: 500px;
    width: 100%;
    top: 50%;
    left: 20%
}

@media only screen and (max-width: 64em) {
    header .top .nav-links {
        position: absolute;
        max-width: min-content;
        top: calc(50% + 2px);
        left: auto;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        order: 5
    }
    header .top .nav-links a.tresio-nav__hamburger {
        transform: scale(0.8);
        width: 26px;
        height: 20px
    }
    header .top .nav-links a.tresio-nav__hamburger span:before {
        content: "Menu";
        color: #fff;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: calc(100% + 10px);
        font-size: 20px;
        text-transform: uppercase
    }
    header .top .nav-links ul.tresio-nav__main {
        position: absolute;
        top: 32px;
        width: 100vw;
        height: 100vh;
        right: -35px;
        padding-top: 30px;
        padding-bottom: 160px;
        background: #222
    }
    header .top .nav-links ul.tresio-nav__main li.tresio-nav__list-item a.tresio-nav__dropdown {
        top: 4px;
        right: -10px;
        padding: 0 10px
    }
    header .top .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 {
        padding: 0 20px 0 10px
    }
    header .top .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 ul.tresio-nav__list {
        padding-left: 20px
    }
    header .top .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1>a.tresio-nav__dropdown {
        right: 10px
    }
}

header .top .phone-holder {
    position: absolute;
    right: 0;
    display: flex;
    width: 100%;
    max-width: 440px
}

.lp header .top .phone-holder {
    justify-content: end
}

@media only screen and (min-width: 64.1em) {
    .lp header .top .phone-holder {
        padding-right: 20px
    }
}

@media only screen and (max-width: 64em) {
    .lp header .top .phone-holder {
        padding-right: 0px
    }
}

.lp header .top .phone-holder a.tel {
    font-size: 16px
}

@media only screen and (max-width: 64em) {
    .lp header .top .phone-holder a.tel.btn,
    .lp header .top .phone-holder .rate-us a.tel.tab,
    .rate-us .lp header .top .phone-holder a.tel.tab {
        background: rgba(0, 0, 0, 0);
        color: #9a8951;
        font-size: 16px;
        font-weight: 400;
        max-width: 225px;
        text-align: center
    }
}

@media screen and (max-width: 1200px) {
    header .top .phone-holder {
        max-width: 220px
    }
    .lp header .top .phone-holder {
        max-width: 400px
    }
}

@media only screen and (max-width: 64em) {
    header .top .phone-holder {
        position: relative
    }
}

header .top .phone-holder .contact.btn,
header .top .phone-holder .rate-us .contact.tab,
.rate-us header .top .phone-holder .contact.tab {
    border-right: none;
    letter-spacing: 1.5px;
    max-width: none
}

@media screen and (max-width: 1200px) {
    header .top .phone-holder .contact.btn,
    header .top .phone-holder .rate-us .contact.tab,
    .rate-us header .top .phone-holder .contact.tab {
        letter-spacing: 0
    }
}

@media only screen and (max-width: 64em) {
    header .top .phone-holder .contact.btn,
    header .top .phone-holder .rate-us .contact.tab,
    .rate-us header .top .phone-holder .contact.tab {
        display: none
    }
}

header .top .phone-holder .tel.btn,
header .top .phone-holder .rate-us .tel.tab,
.rate-us header .top .phone-holder .tel.tab {
    letter-spacing: .5px;
    max-width: 160px
}

@media screen and (max-width: 1200px) {
    header .top .phone-holder .tel.btn,
    header .top .phone-holder .rate-us .tel.tab,
    .rate-us header .top .phone-holder .tel.tab {
        display: none
    }
    .lp header .top .phone-holder .tel.btn,
    .lp header .top .phone-holder .rate-us .tel.tab,
    .rate-us .lp header .top .phone-holder .tel.tab {
        display: block
    }
}

@media only screen and (max-width: 64em) {
    header .top .phone-holder .tel.btn,
    header .top .phone-holder .rate-us .tel.tab,
    .rate-us header .top .phone-holder .tel.tab {
        display: block;
        text-align: left
    }
}

header .top .phone-holder a.btn,
header .top .phone-holder .rate-us a.tab,
.rate-us header .top .phone-holder a.tab {
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 13px
}

@media screen and (max-width: 1200px) {
    header .top .phone-holder a.btn,
    header .top .phone-holder .rate-us a.tab,
    .rate-us header .top .phone-holder a.tab {
        padding: 10px
    }
}

@media only screen and (max-width: 64em) {
    header .top .phone-holder a.btn,
    header .top .phone-holder .rate-us a.tab,
    .rate-us header .top .phone-holder a.tab {
        border: none;
        color: #000
    }
}

@media only screen and (max-width: 64em) {
    header .text-left {
        text-align: center !important;
        margin-bottom: 0px
    }
    .hamburgerMenu header {
        margin-top: 0;
        position: fixed !important
    }
}

header .bottom {
    background: #fafafa
}

header .bottom .row {
    max-width: 1424px
}

.hamburgerMenu header {
    background: #fff;
    transition: none;
    -webkit-transition: .35s all ease-in-out !important;
    -moz-transition: .35s all ease-in-out !important;
    -ms-transition: .35s all ease-in-out !important;
    -o-transition: .35s all ease-in-out !important;
    transition: .35s all ease-in-out !important
}

.hamburgerMenu header .row {
    position: relative
}

.hamburgerMenu header .row.top {
    padding: 16px;
    background: none
}

.hamburgerMenu header .row.top .inner {
    display: flex;
    align-items: center;
    width: 100%
}

.hamburgerMenu header .logo-holder .logo:hover {
    cursor: pointer;
    opacity: .6
}

.hamburgerMenu header .phone-holder {
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 40em) {
    .hamburgerMenu header .phone-holder {
        display: none
    }
}

.hamburgerMenu header .phone-holder a {
    color: #fff;
    font-size: 18px
}

.hamburgerMenu header .menu-holder {
    margin-left: auto;
    display: inline-block;
    cursor: pointer
}

.hamburgerMenu header .menu-holder:before {
    content: "Menu";
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "imperial-urw";
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    display: none
}

@media only screen and (max-width: 64em) {
    .hamburgerMenu header .menu-holder:before {
        font-size: 10px
    }
}

@media only screen and (max-width: 800px) {
    .hamburgerMenu header .menu-holder:before {
        bottom: 1px
    }
}

@media only screen and (max-width: 64em) {
    body.home:not(.hamburgerMenu) .content-wrap {
        margin-top: 45px
    }
}

@media only screen and (min-width: 64.1em) {
    body.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 115px
    }
}

@media screen and (max-width: 1200px) {
    body.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 100px
    }
}

@media only screen and (max-width: 64em) {
    body.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 60px
    }
}

body.sub.hamburgerMenu .content-wrap {
    margin-top: 0
}

@media only screen and (min-width: 64.1em) {
    body.lp.smile-makeover.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 90px
    }
}

@media screen and (max-width: 1200px) {
    body.lp.smile-makeover.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 70px
    }
}

@media only screen and (max-width: 64em) {
    body.lp.smile-makeover.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 70px
    }
}

@media only screen and (max-width: 40em) {
    body.lp.smile-makeover.sub:not(.hamburgerMenu) .content-wrap {
        margin-top: 67px
    }
}

body.lp.smile-makeover.sub.hamburgerMenu .content-wrap {
    margin-top: 0
}

body.sticky-bar-on .content-wrap {
    margin-top: 126px !important
}

@media only screen and (max-width: 64em) {
    body.sticky-bar-on .content-wrap {
        margin-top: 98px !important
    }
}

body.sticky-bar-on.hamburgerMenu .content-wrap {
    margin-top: 52px !important
}

@media only screen and (max-width: 40em) {
    body.sticky-bar-on.hamburgerMenu .content-wrap {
        margin-top: 64px !important
    }
}

body.gallery:not(.index) header .icon-holder .icon .bar {
    background: #000
}

body.gallery:not(.index) header.scrolled .icon-holder .icon .bar {
    background: #fff
}

.mobile-logo {
    padding: 22px 0px
}

.mobile-logo img {
    padding: 0px 10px;
    margin-bottom: 0px !important
}

header .nav-wrap {
    background: #000 !important
}

nav.tresio-nav[data-type=horizontal] ul.list {
    margin-left: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between
}

nav.tresio-nav[data-type=horizontal] ul.list li {
    display: inline-block;
    height: 100%;
    letter-spacing: .5px
}

nav.tresio-nav[data-type=horizontal] ul.list li.mega-menu ul.tresio-nav__list {
    position: fixed;
    left: 0;
    transform: translate3d(0, 0, 0);
    width: 100vw;
    width: 100%;
    border: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    background: #fff;
    justify-content: center;
    box-shadow: none;
    padding: 40px
}

nav.tresio-nav[data-type=horizontal] ul.list li.mega-menu ul.tresio-nav__list li {
    width: 33.33%;
    padding-right: 10px
}

nav.tresio-nav[data-type=horizontal] ul.list li.mega-menu ul.tresio-nav__list li+li {
    border-top: none
}

nav.tresio-nav[data-type=horizontal] ul.list li.mega-menu ul.tresio-nav__list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #fff;
    opacity: 1;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    box-shadow: 0 5px 12px rgba(20, 20, 20, .15)
}

nav.tresio-nav[data-type=horizontal] ul.list li.mega-menu:hover ul.tresio-nav__list {
    display: flex
}

nav.tresio-nav[data-type=horizontal] ul.list li.home {
    display: none
}

nav.tresio-nav[data-type=horizontal] ul.list li.tresio-nav__list_item--has-children {
    position: relative
}

nav.tresio-nav[data-type=horizontal] ul.list li.tresio-nav__list_item--has-children a {
    color: #000;
    padding: 5px 10px
}

nav.tresio-nav[data-type=horizontal] ul.list li.tresio-nav__list_item--has-children:hover>ul {
    display: block
}

nav.tresio-nav[data-type=horizontal] ul.list li.tresio-nav__list_item--has-children.sub-open>a {
    color: #9a8951 !important
}

nav.tresio-nav[data-type=horizontal] ul.list li.tresio-nav__list_item--has-children.sub-open ul li a {
    color: #000
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list {
    text-align: left;
    height: auto;
    z-index: 110;
    margin: 0px;
    background: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: none;
    min-width: 180px;
    box-shadow: 0 5px 12px rgba(20, 20, 20, .15);
    border: 1px solid #fafafa;
    border-top: none
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li {
    display: block;
    line-height: 1.6
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li a {
    font-size: 15px;
    padding: 13px 16px;
    line-height: 1;
    color: #000;
    text-shadow: none;
    text-transform: none;
    -webkit-transition: .3s background ease-in-out !important;
    -moz-transition: .3s background ease-in-out !important;
    -ms-transition: .3s background ease-in-out !important;
    -o-transition: .3s background ease-in-out !important;
    transition: .3s background ease-in-out !important
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li a.is-active {
    background: #fafafa
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li a:hover {
    opacity: 1;
    background: #fafafa;
    color: #4c4c4c
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li+li {
    border-top: 1px solid #fafafa
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li:hover>a {
    background: #646464;
    color: #fff
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li.tresio-nav__list-item--has-children {
    position: relative
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li.tresio-nav__list-item--has-children a.tresio-nav__link {
    padding-right: 26px !important
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list li.tresio-nav__list-item--has-children a.tresio-nav__dropdown {
    right: 5px;
    padding: 0 !important;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

nav.tresio-nav[data-type=horizontal] ul.list li ul.tresio-nav__list:after {
    display: inline
}

nav.tresio-nav[data-type=horizontal] ul.list li a {
    color: #000
}

nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__link {
    font-size: 15px;
    font-size: 14px;
    font-size: 13px;
    font-weight: 500 !important;
    letter-spacing: 1.5px;
    display: block;
    height: 100%;
    line-height: 2;
    text-transform: uppercase;
    position: relative;
    transition: none !important
}

@media screen and (max-width: 1200px) {
    nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__link {
        letter-spacing: 0
    }
}

nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__link.is-active {
    color: #9a8951 !important
}

nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__link:hover {
    opacity: 1
}

nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__dropdown.level-1 {
    position: absolute;
    top: 50%;
    right: -5px;
    height: 11px;
    width: 10px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    color: #fff
}

nav.tresio-nav[data-type=horizontal] ul.list li a.tresio-nav__dropdown.level-1:before {
    content: "";
    background: #9a8951;
    height: 11px;
    width: 11px;
    position: absolute;
    z-index: -1;
    left: -0.5px;
    bottom: .5px
}

nav.tresio-nav[data-type=horizontal] ul.list li.ignore {
    display: none
}

nav.tresio-nav[data-type=horizontal] ul.list li.is-active {
    background: #7b7b7b
}

nav.tresio-nav[data-type=horizontal] ul.list li.is-active>a {
    color: #fff !important
}

nav.tresio-nav[data-type=hamburger] li.ignore {
    margin-top: 20px;
    text-align: center
}

nav.tresio-nav[data-type=hamburger] li.ignore .socials {
    padding: 20px 15px 0;
    margin: 0
}

nav.tresio-nav[data-type=hamburger] li.ignore .socials li {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8)
}

nav.tresio-nav[data-type=hamburger] li.ignore .socials li a {
    border-radius: 2px
}

nav.tresio-nav[data-type=hamburger] li.ignore p,
nav.tresio-nav[data-type=hamburger] li.ignore a {
    font-family: "imperial-urw";
    color: #fff !important
}

nav.tresio-nav[data-type=hamburger] li.ignore p:hover,
nav.tresio-nav[data-type=hamburger] li.ignore a:hover {
    color: #000
}

nav.tresio-nav[data-type=hamburger] li.ignore p {
    margin-bottom: 5px
}

nav.tresio-nav[data-type=hamburger] li.ignore a {
    font-weight: 300
}

.nav .links>ul>li>a.has-drop:after {
    content: "";
    border-style: solid;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    top: 12px;
    position: relative;
    left: 10px
}

.sticky-nav {
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    display: none;
    -webkit-box-shadow: 0px 2px 39px -3px rgba(0, 0, 0, .33);
    -moz-box-shadow: 0px 2px 39px -3px rgba(0, 0, 0, .33);
    box-shadow: 0px 2px 39px -3px rgba(0, 0, 0, .33)
}

.sticky-nav .row {
    padding: 0px;
    position: relative
}

.mobile-logo img {
    border-radius: 0px
}

.right-off-canvas-menu {
    background: #212121;
    box-sizing: border-box
}

.mobile-nav-wrap a {
    font-weight: 400
}

.mobile-nav-wrap {
    width: 100%;
    position: fixed;
    padding: 0px;
    z-index: 9999 !important;
    top: 0px;
    background: #000
}

.mobile-nav-wrap .phone {
    font-size: 16px;
    float: left;
    padding: 16px 20px;
    background: #4c4c4c;
    height: 46px;
    color: #fff
}

.mobile-nav-wrap .phone .phone-icon {
    margin-right: 15px;
    background: url(/assets/img/icons.svg) no-repeat center center;
    background-size: 100% auto
}

.mobile-nav-wrap .js-menu-toggle {
    display: inline-block;
    float: right;
    padding: 16px 20px;
    color: #fff;
    height: 46px;
    font-family: "proxima-nova";
    text-transform: uppercase;
    position: relative;
    left: 0;
    font-size: 16px
}

.mobile-nav-wrap .js-menu-toggle .title {
    padding-right: 30px
}

.mobile-nav-wrap .js-menu-toggle .icon {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    top: 50%;
    margin-top: -1px;
    right: 20px;
    margin-left: -10px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s
}

.mobile-nav-wrap .js-menu-toggle .icon:before,
.mobile-nav-wrap .js-menu-toggle .icon:after {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .6s, background 0s;
    -moz-transition: -moz-transform .6s, background 0s;
    transition: transform .6s, background 0s
}

.mobile-nav-wrap .js-menu-toggle .icon:before {
    top: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.mobile-nav-wrap .js-menu-toggle .icon:after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon {
    background: rgba(232, 74, 100, 0)
}

.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before,
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after {
    background: #fff
}

.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.hamburgerMenu .mobile-nav-wrap {
    display: none !important
}

.off-canvas-click {
    display: none
}

.off-canvas-click.active {
    width: 100%;
    height: 100%;
    display: block;
    right: 220px;
    position: fixed;
    z-index: 9999;
    top: 0
}

body:not(.hamburgerMenu) header nav.tresio-nav ul li.level-1>a {
    font-weight: 500 !important
}

body:not(.hamburgerMenu) header.light.scrolled {
    background: #fff
}

body:not(.hamburgerMenu) header.dark nav.tresio-nav ul li.level-1>a {
    color: #fff
}

body:not(.hamburgerMenu) header.dark .phone-holder a.tel {
    color: #fff !important
}

body:not(.hamburgerMenu) header.dark.scrolled {
    background: #000
}

body.hamburgerMenu header {
    background: none !important;
    box-shadow: none !important;
    overflow: hidden;
    display: block
}

body.hamburgerMenu header.scrolled {
    box-shadow: 0px 0px 15px -4px rgba(20, 20, 20, .4) !important
}

body.hamburgerMenu header .menu-holder {
    cursor: pointer;
    display: block;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fff;
    line-height: 1
}

body.hamburgerMenu header .menu-holder .menu {
    background-color: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: space-between
}

body.hamburgerMenu header .menu-holder .menu .menu-btn {
    position: relative;
    padding: 19px;
    left: 3px;
    color: #fff
}

body.hamburgerMenu header .menu-holder .menu nav.tresio-nav {
    padding-right: 15px
}

@media only screen and (max-width: 40em) {
    body.hamburgerMenu header .menu-holder .menu nav.tresio-nav {
        padding: 10px 10px 5px
    }
}

body.hamburgerMenu header .menu-holder .menu a.tel {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    color: #fff;
    letter-spacing: 1.1px;
    font-size: 16px;
    line-height: 18px;
    z-index: 5
}

@media only screen and (max-width: 800px) {
    body.hamburgerMenu header .menu-holder .menu a.tel {
        padding: 16px 5px 16px 16px
    }
}

@media only screen and (max-width: 40em) {
    body.hamburgerMenu header .menu-holder .menu a.tel {
        display: none
    }
}

body.hamburgerMenu header.light .menu-holder .menu {
    background: hsla(0, 0%, 100%, .7)
}

body.hamburgerMenu header.light .menu-holder .menu a.tel {
    color: #000 !important
}

body.hamburgerMenu header.light .menu-holder nav.tresio-nav ul.tresio-nav__main {
    background: #fafafa
}

body.hamburgerMenu header.light.scrolled {
    background: #fff !important
}

body.hamburgerMenu header.dark .menu-holder .menu {
    background: rgba(0, 0, 0, .7)
}

body.hamburgerMenu header.dark .menu-holder .menu a.tel {
    color: #fff
}

body.hamburgerMenu header.dark .menu-holder nav.tresio-nav ul.tresio-nav__main a.tresio-nav__link,
body.hamburgerMenu header.dark .menu-holder nav.tresio-nav ul.tresio-nav__main a.tresio-nav__dropdown {
    color: #fff !important
}

body.hamburgerMenu header.dark.scrolled {
    background: #000 !important
}

body.hamburgerMenu .socials li {
    background: #fff
}

body.hamburgerMenu:not(sticky-bar-on) header .row.top {
    padding: 20px !important
}

@media only screen and (max-width: 800px) {
    body.hamburgerMenu:not(sticky-bar-on) header .row.top {
        padding: 16px 20px !important
    }
}

@media only screen and (max-width: 40em) {
    body.hamburgerMenu:not(sticky-bar-on) header .row.top {
        padding: 14px 20px !important
    }
}

body.hamburgerMenu:not(sticky-bar-on) header.scrolled .row.top {
    padding: 5px 20px !important
}

body.hamburgerMenu.sticky-bar-on header .top {
    padding: 32px 20px !important
}

@media only screen and (max-width: 800px) {
    body.hamburgerMenu.sticky-bar-on header .top {
        padding: 28px 20px !important
    }
    body.hamburgerMenu.sticky-bar-on header .top .pure-toggle-label {
        top: -16px
    }
}

@media only screen and (max-width: 800px)and (max-width: 800px) {
    body.hamburgerMenu.sticky-bar-on header .top .tresio-nav__main {
        padding-top: 125px
    }
}

@media only screen and (max-width: 40em) {
    body.hamburgerMenu.sticky-bar-on header .top {
        padding: 25px 20px !important
    }
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] {
    display: inline-block;
    padding: 10px
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] a.tresio-nav__hamburger {
    transform: scale(0.8)
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true] span {
    background: rgba(0, 0, 0, 0)
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__main {
    position: fixed;
    top: 0;
    right: 0;
    background: #000;
    padding: 140px 40px 30px 28px;
    height: 100vh;
    width: 430px
}

@media only screen and (max-width: 800px) {
    body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__main {
        width: 100vw;
        padding-top: 85px;
        padding-bottom: 125px
    }
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__link {
    color: #000;
    background: rgba(0, 0, 0, 0);
    display: block;
    padding: 2px 10px;
    font-size: 15px
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__link.level-1 {
    padding: 7px 10px;
    font-size: 16px;
    font-weight: 500
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__dropdown {
    color: #000;
    transition: all 250ms ease-in-out
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] {
    transform: rotate(-180deg)
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__dropdown {
    font-size: 15px;
    padding: 0 10px;
    right: -10px;
    top: 3px
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__dropdown.level-1 {
    font-size: 17px;
    top: 7px
}

body.hamburgerMenu .tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) {
    padding-left: 20px
}

body:not(.hamburgerMenu) header.light .top {
    background: #fff
}

body:not(.hamburgerMenu) header.light .top a.tresio-nav__hamburger span:before {
    color: #000 !important
}

@media only screen and (max-width: 64em) {
    body:not(.hamburgerMenu) header.light .nav-links ul.tresio-nav__main {
        background: #ccc
    }
    body:not(.hamburgerMenu) header.light .nav-links ul.tresio-nav__main a.tresio-nav__link,
    body:not(.hamburgerMenu) header.light .nav-links ul.tresio-nav__main a.tresio-nav__dropdown {
        color: #000
    }
    body:not(.hamburgerMenu) header.light .nav-links ul.tresio-nav__main li.ignore a.tel {
        color: #000 !important
    }
}

body:not(.hamburgerMenu) header.dark .top {
    background: #000
}

body:not(.hamburgerMenu) header.dark .top .phone-holder a {
    color: #fff !important
}

body:not(.hamburgerMenu) header.dark .top a.tresio-nav__hamburger span:before {
    color: #fff !important
}

@media only screen and (max-width: 64em) {
    body:not(.hamburgerMenu) header.dark .nav-links ul.tresio-nav__main {
        background: #222
    }
    body:not(.hamburgerMenu) header.dark .nav-links a.tresio-nav__link,
    body:not(.hamburgerMenu) header.dark .nav-links a.tresio-nav__dropdown {
        color: #fff
    }
    body:not(.hamburgerMenu) header.dark .nav-links li.ignore a.tel {
        color: #fff !important
    }
}

body.home {
    margin-top: 115px
}

@media screen and (max-width: 1200px) {
    body.home {
        margin-top: 100px
    }
}

@media only screen and (max-width: 64em) {
    body.home {
        margin-top: 60px
    }
}

body.home .mod-home_hero {
    border-bottom: 4px solid #9a8951;
    background-position: top !important;
    opacity: 1;
    visibility: visible;
    position: relative;
    -webkit-animation: fade ease-in-out 1.8s;
    -o-animation: fade ease-in-out 1.8s;
    animation: fade ease-in-out 1.8s
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

body.home .mod-home_hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #000;
    opacity: .2
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        background: #000;
        opacity: .1
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero {
        background-position: 20% !important
    }
}

body.home .mod-home_hero .row {
    padding: calc(100px + 8%) 20px;
    text-align: center
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_hero .row {
        padding: calc(60px + 8%) 20px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_hero .row {
        padding: 120px 20px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_hero .row {
        padding: 80px 20px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero .row {
        padding: 220px 20px 40px
    }
}

body.home .mod-home_hero .row .title {
    margin-bottom: 80px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_hero .row .title {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero .row .title {
        margin-bottom: 40px
    }
}

body.home .mod-home_hero .row .title img {
    object-fit: contain;
    height: 100%;
    max-height: 200px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_hero .row .title img {
        max-height: 180px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_hero .row .title img {
        max-height: 140px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero .row .title img {
        max-height: 120px
    }
}

body.home .mod-home_hero .row .popup-video {
    border: 2px solid #fff;
    padding: 10px 25px 10px 63px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 100;
    text-shadow: .3px .3px 0 #fff;
    position: relative
}

body.home .mod-home_hero .row .popup-video:before {
    content: "";
    background: url(/assets/img/export/1619736965-play.png) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    max-width: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 13px
}

body.home .mod-home_hero .row .popup-video:after {
    content: "";
    background: none;
    border-right: 2px solid #fff;
    transform: none;
    top: 0;
    left: 35px;
    width: 0;
    height: 100%
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero .row .popup-video {
        font-size: 12px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_hero picture.background img {
        object-position: 10% top
    }
}

@media only screen and (max-width: 64em) {
    .hamburgerMenu body.home .mod-home_hero {
        margin-top: 60px
    }
}

body.home .mod-home_intro .row {
    padding-bottom: 20px
}

body.home .mod-home_intro .row .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_intro .row .inner {
        flex-direction: column
    }
}

body.home .mod-home_intro .row .inner .holder {
    width: 100%;
    max-width: 100%
}

body.home .mod-home_intro .row .inner .logoHolder {
    max-width: 140px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_intro .row .inner .logoHolder {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_intro .row .inner .logoHolder {
        left: 13px;
        position: relative
    }
}

body.home .mod-home_intro .row .inner .logoHolder img {
    height: 100%;
    max-height: 120px;
    object-fit: contain
}

body.home .mod-home_intro .row .inner .titleHolder {
    max-width: 240px;
    margin-left: 20px;
    margin-right: 40px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_intro .row .inner .titleHolder {
        margin: 0 auto 20px
    }
}

body.home .mod-home_intro .row .inner .titleHolder .title {
    font-size: 25px;
    margin-bottom: 0
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_intro .row .inner .titleHolder .title {
        text-align: center
    }
}

body.home .mod-home_intro .row .inner .contentHolder {
    max-width: 350px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_intro .row .inner .contentHolder {
        max-width: 500px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_intro .row .inner .contentHolder {
        max-width: 100%
    }
}

body.home .mod-home_intro .row .inner .contentHolder p {
    font-size: 16px
}

body.home .mod-home_block {
    margin-bottom: 80px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_block {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block {
        margin-bottom: 20px
    }
}

body.home .mod-home_block .row {
    max-width: 1600px;
    max-width: 100%
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_block .row {
        padding-top: 20px
    }
}

body.home .mod-home_block .row .inner {
    display: grid;
    grid-template-areas: "contentOne contentTwo contentFour contentFive" "contentOne contentThree contentFour contentFive";
    grid-gap: 35px 40px;
    grid-template-columns: .5fr .5fr .25fr .25fr
}

@media screen and (max-width: 1400px) {
    body.home .mod-home_block .row .inner {
        grid-gap: 20px 20px;
        grid-template-columns: .4fr .5fr .33fr .33fr
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_block .row .inner {
        grid-template-areas: "contentOne contentOne contentFour contentFive" "contentTwo contentTwo contentThree contentThree";
        grid-template-columns: .25fr .25fr .25fr .25fr;
        grid-gap: 20px
    }
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner {
        grid-template-areas: "contentOne contentOne contentOne contentOne" "contentFour contentFour contentFive contentFive" "contentTwo contentTwo contentThree contentThree"
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block .row .inner {
        grid-template-areas: "contentOne contentOne contentOne contentOne" "contentFour contentFour contentFive contentFive" "contentTwo contentTwo contentThree contentThree"
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block .row .inner {
        display: block
    }
}

body.home .mod-home_block .row .inner .content {
    position: relative;
    background-position: top !important;
    padding-top: 50%;
    width: 100%
}

@media screen and (max-width: 1400px) {
    body.home .mod-home_block .row .inner .content {
        padding-top: 55%
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_block .row .inner .content {
        padding-top: 400px
    }
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner .content {
        background-size: contain !important;
        overflow: hidden
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block .row .inner .content {
        padding-top: 300px
    }
}

body.home .mod-home_block .row .inner .content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    top: 13px;
    left: 13px;
    max-width: calc(100% - 26px);
    max-height: calc(100% - 26px);
    opacity: 0
}

@media screen and (max-width: 1400px) {
    body.home .mod-home_block .row .inner .content:before {
        max-height: calc(100% - 86px)
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block .row .inner .content:before {
        display: none
    }
}

body.home .mod-home_block .row .inner .content .text {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: -14px;
    width: 100%;
    height: 100%;
    max-width: 240px;
    max-height: 60px;
    padding: 13px;
    z-index: 9
}

@media screen and (max-width: 1400px) {
    body.home .mod-home_block .row .inner .content .text {
        max-width: 100%;
        left: auto !important;
        right: auto !important
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block .row .inner .content .text {
        max-width: 100%;
        right: auto;
        left: auto
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block .row .inner .content .text {
        padding: 0
    }
}

body.home .mod-home_block .row .inner .content .text a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 2px solid #9a8951;
    color: #9a8951;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 8px;
    letter-spacing: 2px;
    font-weight: 400
}

@media screen and (max-width: 1400px) {
    body.home .mod-home_block .row .inner .content .text a {
        letter-spacing: 0
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block .row .inner .content .text a {
        letter-spacing: 0
    }
}

body.home .mod-home_block .row .inner .content picture.background img {
    object-position: top
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block .row .inner .content picture.background img {
        object-fit: contain
    }
}

body.home .mod-home_block .row .inner .content.contentOne {
    grid-area: contentOne
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner .content.contentOne {
        background-size: 400px !important
    }
    body.home .mod-home_block .row .inner .content.contentOne:before {
        display: none
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block .row .inner .content.contentOne {
        background-size: contain !important
    }
}

body.home .mod-home_block .row .inner .content.contentOne .text {
    left: auto;
    right: -14px
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner .content.contentOne .text {
        right: auto;
        max-width: 100%
    }
}

body.home .mod-home_block .row .inner .content.contentTwo {
    grid-area: contentTwo
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_block .row .inner .content.contentTwo,
    body.home .mod-home_block .row .inner .content.contentThree {
        padding-top: 300px
    }
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner .content.contentTwo,
    body.home .mod-home_block .row .inner .content.contentThree {
        padding-top: calc(160px + 8vw)
    }
}

body.home .mod-home_block .row .inner .content.contentThree {
    grid-area: contentThree
}

@media screen and (max-width: 900px) {
    body.home .mod-home_block .row .inner .content.contentFour,
    body.home .mod-home_block .row .inner .content.contentFive {
        padding-top: 341px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block .row .inner .content.contentFour,
    body.home .mod-home_block .row .inner .content.contentFive {
        background-position: center 0 !important
    }
}

body.home .mod-home_block .row .inner .content.contentFour {
    grid-area: contentFour
}

body.home .mod-home_block .row .inner .content.contentFive {
    grid-area: contentFive;
    overflow: hidden
}

body.home .mod-home_block .row .inner .content:hover:before {
    opacity: 1
}

body.home .mod-home_block .row .inner .content:hover .text a {
    color: #fff;
    background: #9a8951;
    opacity: 1
}

body.home .mod-home_banner {
    position: relative;
    overflow: hidden;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto
}

body.home .mod-home_banner .media {
    background-position: top !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 4px solid #9a8951
}

body.home .mod-home_banner picture.background img {
    object-position: top
}

body.home .mod-home_banner .row {
    padding: calc(160px + 5vw) 20px;
    z-index: 999;
    max-width: 1500px;
    position: relative
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner .row {
        padding: calc(40px + 5vw) 20px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row {
        padding: calc(120px + 4vw) 20px 40px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner .row {
        padding: 40px 20px !important
    }
}

body.home .mod-home_banner .row:before {
    content: "";
    background: rgba(76, 76, 76, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row:before {
        display: block
    }
}

body.home .mod-home_banner .row .inner {
    display: flex;
    justify-content: flex-end;
    margin-right: 220px;
    position: relative;
    z-index: 9
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner {
        margin-right: 120px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner {
        margin: 0 auto
    }
}

body.home .mod-home_banner .row .inner .content {
    width: 100%;
    max-width: 380px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content {
        max-width: 100%;
        margin: 0 auto
    }
}

body.home .mod-home_banner .row .inner .content h2 {
    font-size: 55px;
    letter-spacing: 4px;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
    left: -5px
}

body.home .mod-home_banner .row .inner .content h2 .small {
    margin: 0 0 20px;
    left: 5px;
    position: relative
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner .content h2 {
        font-size: 45px;
        margin-bottom: 20px
    }
    body.home .mod-home_banner .row .inner .content h2 .small {
        margin: 0 0 10px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content h2 {
        font-size: 32px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner .row .inner .content h2 {
        font-size: 28px;
        letter-spacing: 1px
    }
}

body.home .mod-home_banner .row .inner .content p {
    color: #fff
}

body.home .mod-home_banner .row .inner .content .linksHolder {
    margin-top: 50px;
    background: #fff;
    padding: 20px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner .content .linksHolder {
        padding: 10px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content .linksHolder {
        width: 100% !important;
        margin-top: 40px;
        background: hsla(0, 0%, 100%, .9)
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder:after {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    right: -200%;
    width: 200%;
    height: 100%;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner .content .linksHolder:after {
        display: none
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul {
        flex-direction: column
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul:after {
    content: "";
    border-top: 2px solid #9a8951;
    border-bottom: 2px solid #9a8951;
    position: absolute;
    top: 0;
    width: 300%;
    height: 100%;
    z-index: 1
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul:after {
        display: none
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li {
    padding-left: 0;
    width: 100%
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul li {
        width: 100%
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li a {
    max-width: none;
    letter-spacing: 2px;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    z-index: 99
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li a.popup-video:after {
    display: none
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li a:hover {
    color: #fff !important
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul li a {
        letter-spacing: 1px
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li:before {
    display: none
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li+li {
    margin-top: 0
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul li+li {
        margin-top: 10px
    }
}

body.home .mod-home_banner .row .inner .content .linksHolder ul li+li a {
    border-left: none
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner .row .inner .content .linksHolder ul li+li a {
        border-left: 2px solid #9a8951
    }
}

body.home .mod-home_banner.flipped .row .inner {
    justify-content: flex-start;
    margin: 0;
    margin-left: 210px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.flipped .row .inner {
        margin-left: 40px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.flipped .row .inner {
        margin-left: 0
    }
}

body.home .mod-home_banner.flipped .row .inner .content .linksHolder {
    left: auto;
    right: 20px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.flipped .row .inner .content .linksHolder {
        right: auto !important
    }
}

body.home .mod-home_banner.flipped .row .inner .content .linksHolder ul {
    justify-content: flex-end
}

body.home .mod-home_banner.flipped .row .inner .content .linksHolder ul:after {
    left: auto;
    right: 0
}

@media screen and (min-width: 1400px) {
    body.home .mod-home_banner.flipped .row .inner .content .linksHolder ul:after {
        right: 30px
    }
}

body.home .mod-home_banner.flipped .row .inner .content .linksHolder:after {
    right: auto;
    left: -150%
}

body.home .mod-home_banner.alt .media {
    max-width: 100%
}

body.home .mod-home_banner.alt .row .logoHolder {
    position: absolute;
    top: 0;
    left: 45px;
    width: 100%;
    max-width: 120px;
    display: inline-block;
    z-index: 99
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .logoHolder {
        display: none
    }
}

body.home .mod-home_banner.alt .row .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 105px
}

body.home .mod-home_banner.alt .row .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 130px;
    max-height: 130px;
    object-fit: contain;
    left: 8px;
    position: relative
}

body.home .mod-home_banner.alt .row .inner .content {
    position: relative
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .inner .content {
        max-width: 400px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content {
        margin: 0 auto;
        max-width: 100%
    }
}

body.home .mod-home_banner.alt .row .inner .content:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -200px;
    left: -80px;
    width: calc(100% + 140px);
    height: 300%
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .inner .content:before {
        left: -50px;
        max-width: 500px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content:before {
        display: none
    }
}

body.home .mod-home_banner.alt .row .inner .content h2 {
    color: #000
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content h2 {
        color: #fff
    }
}

body.home .mod-home_banner.alt .row .inner .content p {
    color: #000;
    position: relative;
    z-index: 9
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content p {
        color: #fff
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .inner .content .linksHolder {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .inner .content .linksHolder ul {
        flex-direction: row;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content .linksHolder ul {
        flex-direction: column
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.alt .row .inner .content .linksHolder ul li {
        width: 100%
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.alt .row .inner .content .linksHolder ul li+li a {
        border-top: 2px solid #9a8951 !important
    }
}

body.home .mod-home_banner.one {
    margin-bottom: 150px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.one {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.one {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.one {
        margin-bottom: 40px
    }
}

body.home .mod-home_banner.one .media {
    max-width: calc(100% - 100px)
}

@media screen and (min-width: 1300px) {
    body.home .mod-home_banner.one .media {
        max-width: 100%
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.one .media {
        max-width: 100%
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.one .media {
        background-position-x: 25% !important
    }
}

body.home .mod-home_banner.one .row {
    padding: calc(100px + 4vw) 20px
}

body.home .mod-home_banner.one .row .inner .content .linksHolder {
    left: -20px;
    width: 450px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.one .row .inner .content .linksHolder {
        left: 0
    }
}

body.home .mod-home_banner.one .row .inner .content .linksHolder ul {
    width: 100%
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.one .row .inner .content .linksHolder ul {
        flex-direction: row
    }
    body.home .mod-home_banner.one .row .inner .content .linksHolder ul li+li {
        margin-top: 0;
        margin-left: 10px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner.one .row .inner .content .linksHolder ul {
        flex-direction: column
    }
    body.home .mod-home_banner.one .row .inner .content .linksHolder ul li+li {
        margin-top: 10px;
        margin-left: 0
    }
}

body.home .mod-home_banner.one picture.background img {
    object-position: top left
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.one picture.background img {
        object-position: 20% top
    }
}

body.home .mod-home_banner.one .accentBox.center {
    bottom: -100px
}

body.home .mod-home_banner.two {
    margin-bottom: 20px
}

body.home .mod-home_banner.two .media {
    background-position: 75% top !important
}

body.home .mod-home_banner.two .row {
    padding: calc(70px + 4vw) 20px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.two .row {
        padding: calc(40px + 2vw) 20px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.two .row {
        padding-top: calc(120px + 4vw);
        padding-bottom: 20px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.two .row .inner .content {
        max-width: 500px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.two .row .inner .content {
        max-width: 100%
    }
}

body.home .mod-home_banner.two .row .inner .content .linksHolder {
    max-width: 330px
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner.two .row .inner .content .linksHolder {
        max-width: 100%
    }
}

body.home .mod-home_banner.two picture.background img {
    object-position: top right
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.two picture.background img {
        object-position: 70% top
    }
}

body.home .mod-home_banner.three {
    margin-bottom: 140px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.three {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.three {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner.three {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.three {
        margin-bottom: 70px
    }
}

body.home .mod-home_banner.three .media {
    border: none
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.three .media {
        background-position: 100% top !important
    }
}

body.home .mod-home_banner.three .row {
    padding: calc(70px + 4vw) 20px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.three .row {
        padding: calc(40px + 2vw) 20px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.three .row {
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.three .row {
        padding-top: calc(110px + 6vw);
        padding-bottom: 20px
    }
}

body.home .mod-home_banner.three .row .inner .content .linksHolder {
    margin-top: 30px;
    width: 840px;
    right: auto;
    left: -20px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.three .row .inner .content .linksHolder {
        left: -10px;
        width: 820px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.three .row .inner .content .linksHolder {
        left: 0
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.three picture.background img {
        object-position: right top
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.three picture.background img {
        object-position: 60% top
    }
}

body.home .mod-home_banner.four {
    margin-bottom: 80px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.four {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.four {
        margin-bottom: 20px
    }
}

body.home .mod-home_banner.four .media {
    border-bottom: none
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.four .media {
        background-position: 20% !important
    }
}

body.home .mod-home_banner.four .row {
    padding: calc(50px + 3vw) 20px 110px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.four .row {
        padding-top: calc(150px + 8vw)
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner.four .row {
        padding-bottom: 20px
    }
}

body.home .mod-home_banner.four .row .logoHolder {
    right: calc(50% - 95px);
    left: auto
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .logoHolder {
        right: 565px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner.four .row .logoHolder {
        display: none
    }
}

body.home .mod-home_banner.four .row .inner {
    margin: 0;
    right: 190px
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner {
        right: 100px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner {
        right: 50px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.four .row .inner {
        right: 0
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content {
        max-width: 500px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.four .row .inner .content {
        max-width: 100%
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content:before {
        max-width: 600px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content .logoHolder {
        left: -150px
    }
}

body.home .mod-home_banner.four .row .inner .content .linksHolder {
    margin-top: 30px;
    width: 1520px;
    right: 900px;
    left: auto
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder {
        width: 800px;
        right: 360px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder {
        width: 100%;
        right: 0
    }
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul {
        flex-wrap: wrap
    }
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul:after {
        display: none
    }
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li {
        max-width: 50%
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li {
        max-width: 100%
    }
}

body.home .mod-home_banner.four .row .inner .content .linksHolder ul li a {
    padding: 12px 20px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li a {
        border-left: 2px solid #9a8951
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li+li a {
        border-top: none
    }
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li:last-child a,
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li:nth-last-child(2) a {
        border-top: none
    }
}

@media screen and (max-width: 1500px) {
    body.home .mod-home_banner.four .row .inner .content .linksHolder ul li:nth-last-child(2) a {
        border-left: 2px solid #9a8951
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.four picture.background img {
        object-position: 10% top
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.four picture.background img {
        object-position: 20% top
    }
}

body.home .mod-home_banner.five {
    margin-bottom: 60px
}

body.home .mod-home_banner.five .row {
    padding: calc(80px + 3vw) 20px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.five .row {
        padding-bottom: 20px
    }
}

body.home .mod-home_banner.five .row .logoHolder {
    display: none
}

body.home .mod-home_banner.five .row .inner {
    margin-left: 170px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.five .row .inner {
        margin-left: 40px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.five .row .inner {
        margin-left: auto
    }
}

body.home .mod-home_banner.five .row .inner .content:before {
    top: -300px
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.five picture.background img {
        object-position: 80% top
    }
}

body.home .mod-home_banner.six {
    margin-bottom: 90px;
    overflow: visible
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.six {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner.six {
        margin-bottom: 0;
        overflow: hidden
    }
}

body.home .mod-home_banner.six .row {
    padding: calc(80px + 3vw) 20px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.six .row {
        padding-bottom: 20px
    }
}

body.home .mod-home_banner.six .row .logoHolder {
    left: calc(50% - 70px);
    top: -90px;
    max-width: 180px
}

body.home .mod-home_banner.six .row .logoHolder:before {
    width: 125px;
    height: 125px
}

body.home .mod-home_banner.six .row .logoHolder img {
    top: 7px
}

body.home .mod-home_banner.six .row .inner {
    margin-right: 170px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner.six .row .inner {
        margin-right: 40px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner.six .row .inner {
        margin-right: auto
    }
}

body.home .mod-home_banner.six .row .inner .content:before {
    top: -150px;
    height: calc(100% + 300px)
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner.six picture.background img {
        object-position: 20% top
    }
}

body.home .mod-quote .quote.row {
    max-width: 780px
}

body.home .mod-quote .quote.row .inner .content h3 {
    font-size: 32px;
    margin-bottom: 20px
}

body.home .mod-quote .quote.row .inner .content .authorHolder p.author {
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2.5px
}

body.home .mod-cta_gallery {
    z-index: 999;
    margin-bottom: 150px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-cta_gallery {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-cta_gallery {
        margin-bottom: 50px
    }
}

body.home .mod-home_block_simple .row {
    max-width: 1800px;
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

body.home .mod-home_block_simple .row .inner ul {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul {
        flex-direction: row;
        flex-wrap: wrap
    }
}

body.home .mod-home_block_simple .row .inner ul li {
    padding-left: 0;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li {
        margin: 10px !important;
        max-width: calc(50% - 20px) !important;
        padding: 0
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
}

body.home .mod-home_block_simple .row .inner ul li:before {
    content: "";
    border: 1px solid #fff;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
    position: absolute;
    opacity: 0;
    z-index: 9;
    background: none;
    border-radius: 0;
    pointer-events: none
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li:before {
        display: none
    }
}

body.home .mod-home_block_simple .row .inner ul li:after {
    content: "";
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li:after {
        opacity: 1;
        display: none
    }
}

body.home .mod-home_block_simple .row .inner ul li .background {
    width: 100% !important;
    height: 350px !important;
    top: 0;
    position: relative;
    left: 0;
    transform: none;
    display: block;
    padding-top: 0 !important
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li .background {
        background-position: -10% center !important;
        top: 0;
        left: 0;
        width: 100%
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .background {
        background-position: center top !important
    }
}

body.home .mod-home_block_simple .row .inner ul li .background img {
    height: 100%
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .background img {
        max-height: 350px;
        object-fit: contain
    }
}

body.home .mod-home_block_simple .row .inner ul li .holder {
    position: relative;
    z-index: 9
}

body.home .mod-home_block_simple .row .inner ul li .titleHolder {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center
}

body.home .mod-home_block_simple .row .inner ul li .titleHolder h2 {
    color: #fff;
    font-size: 22px;
    line-height: 1.1
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li .titleHolder h2 {
        font-size: 28px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .titleHolder {
        display: none
    }
}

body.home .mod-home_block_simple .row .inner ul li .contentHolder {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 30px;
    border: 2px solid #fff;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder {
        padding: 100px 60px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder {
        position: relative;
        padding: 20px 0 !important;
        opacity: 1;
        border: none
    }
}

body.home .mod-home_block_simple .row .inner ul li .contentHolder .title h2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    text-align: left
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .title h2 {
        color: #000
    }
}

body.home .mod-home_block_simple .row .inner ul li .contentHolder .text p {
    color: #fff;
    text-transform: none
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .text p {
        color: #000
    }
}

body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder {
    background: #fff;
    padding: 15px;
    width: 100%;
    max-width: 200px;
    position: absolute;
    bottom: -1px;
    left: -17px
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder {
        left: 0;
        bottom: 0 !important
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder {
        position: relative;
        max-width: 100%;
        padding: 0
    }
}

body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder a.btn,
body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder .rate-us a.tab,
.rate-us body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder a.tab {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 2px solid #9a8951;
    color: #9a8951;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 8px;
    font-size: 11px;
    letter-spacing: 1.5px
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder a.btn,
    body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder .rate-us a.tab,
    .rate-us body.home .mod-home_block_simple .row .inner ul li .contentHolder .text .btnHolder a.tab {
        padding: 12px 30px;
        font-size: 15px;
        letter-spacing: 1px;
        font-weight: 400
    }
}

body.home .mod-home_block_simple .row .inner ul li:hover:before {
    opacity: 1
}

body.home .mod-home_block_simple .row .inner ul li+li {
    margin-top: 0;
    margin-left: 30px;
    padding: 0
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_block_simple .row .inner ul li+li {
        margin-left: 20px
    }
}

@media screen and (max-width: 1100px) {
    body.home .mod-home_block_simple .row .inner ul li+li {
        margin-left: 0
    }
}

body.home .mod-home_block_simple .row .inner ul li:hover .titleHolder {
    opacity: 0
}

body.home .mod-home_block_simple .row .inner ul li:hover .contentHolder {
    opacity: 1
}

body.home .mod-home_block_simple .row .inner ul li:hover:after {
    opacity: 1
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block_simple.two .row {
        padding-bottom: 20px
    }
}

body.home .mod-home_block_simple.two .row .inner ul {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

body.home .mod-home_block_simple.two .row .inner ul li {
    max-width: 600px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block_simple.two .row .inner ul li {
        max-width: 100%
    }
}

body.home .mod-home_block_simple.two .row .inner ul li .contentHolder {
    padding: 150px 80px 120px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block_simple.two .row .inner ul li .contentHolder {
        padding: 110px 40px 80px
    }
}

body.home .mod-home_block_simple.two .row .inner ul li .contentHolder .title h2 {
    margin-bottom: 50px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_block_simple.two .row .inner ul li .contentHolder .title h2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_block_simple.two .row .inner ul li .contentHolder .title h2 {
        margin-bottom: 20px
    }
}

body.home .mod-home_block_simple.two .row .inner ul li .background {
    height: 500px !important
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_block_simple.two .row .inner ul li .background {
        height: auto !important
    }
}

body.home .mod-home_banner_simple {
    position: relative;
    background-position: top left !important;
    border-bottom: 4px solid #9a8951;
    overflow: hidden;
    margin-bottom: 120px;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner_simple {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner_simple {
        margin-bottom: 70px
    }
}

body.home .mod-home_banner_simple .row {
    padding-top: calc(400px + 15vw);
    position: relative;
    display: flex;
    justify-content: flex-end
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_banner_simple .row {
        padding: calc(200px + 8vw) 20px
    }
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner_simple .row {
        padding-top: calc(350px + 10vw)
    }
}

body.home .mod-home_banner_simple .row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #4c4c4c;
    opacity: .4;
    display: none
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_banner_simple .row:before {
        display: block
    }
}

body.home .mod-home_banner_simple .row .inner {
    position: absolute;
    top: 48%;
    transform: translate3d(0, -48%, 0);
    display: flex;
    width: 100%;
    max-width: 700px;
    z-index: 9
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner_simple .row .inner {
        max-width: 600px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner_simple .row .inner {
        flex-direction: column;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        left: 0;
        top: auto;
        transform: none;
        bottom: 40px
    }
}

body.home .mod-home_banner_simple .row .inner .logoHolder {
    width: 100%;
    max-width: 150px;
    margin-right: 15px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner_simple .row .inner .logoHolder {
        margin: 0 auto 20px;
        max-width: 120px
    }
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner_simple .row .inner .logoHolder {
        display: none
    }
}

body.home .mod-home_banner_simple .row .inner .logoHolder img {
    object-fit: contain
}

body.home .mod-home_banner_simple .row .inner .content {
    width: 100%;
    max-width: 600px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_banner_simple .row .inner .content {
        max-width: 100%;
        text-align: center
    }
}

body.home .mod-home_banner_simple .row .inner .content h2 {
    color: #fff;
    line-height: 1.4;
    font-size: 28px;
    margin-bottom: 20px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_banner_simple .row .inner .content h2 {
        font-size: 24px
    }
}

body.home .mod-home_banner_simple .row .inner .content p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 40em) {
    body.home .mod-home_banner_simple picture.background img {
        object-position: 10% top
    }
}

body.home .mod-home_video {
    overflow: hidden;
    padding-top: 100px
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_video {
        padding-top: 0
    }
}

body.home .mod-home_video .row {
    position: relative;
    max-width: 100%;
    padding-top: 160px;
    padding-bottom: 120px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-home_video .row {
        padding-top: 50px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_video .row {
        padding-bottom: 70px
    }
}

body.home .mod-home_video .row .inner .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 270px;
    border-bottom: 4px solid #9a8951
}

body.home .mod-home_video .row .inner .background .media img {
    width: 100%;
    height: 100%
}

body.home .mod-home_video .row .inner .background .logoHolder {
    position: relative;
    top: -320px;
    left: calc(50% - 60px);
    width: 100%;
    max-width: 120px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_video .row .inner .background .logoHolder {
        display: none
    }
}

body.home .mod-home_video .row .inner .background .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 7.5px;
    width: 105px;
    height: 105px
}

body.home .mod-home_video .row .inner .background .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    left: 14px;
    position: relative
}

body.home .mod-home_video .row .inner .contentHolder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
    z-index: 1
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_video .row .inner .contentHolder {
        flex-direction: column
    }
}

body.home .mod-home_video .row .inner .contentHolder .content {
    width: 100%;
    max-width: calc(100% - 10px)
}

body.home .mod-home_video .row .inner .contentHolder .content .popup-video {
    display: block;
    border: 8px solid #fff;
    margin-bottom: 20px;
    opacity: 1 !important
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_video .row .inner .contentHolder .content .popup-video {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

body.home .mod-home_video .row .inner .contentHolder .content .popup-video:after {
    background: url(/assets/img/export/1619812896-play.png) no-repeat center center;
    background-size: 14px;
    width: 50px;
    height: 50px;
    border: 2.5px solid #fff
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_video .row .inner .contentHolder .content .popup-video:after {
        background-size: 20px;
        width: 70px;
        height: 70px
    }
}

body.home .mod-home_video .row .inner .contentHolder .content .popup-video:hover:after {
    opacity: .6
}

body.home .mod-home_video .row .inner .contentHolder .content .text {
    padding: 0 10px
}

body.home .mod-home_video .row .inner .contentHolder .content .text h2 {
    font-size: 18px;
    margin-bottom: 10px
}

body.home .mod-home_video .row .inner .contentHolder .content .text p {
    font-size: 15px
}

body.home .mod-home_video .row .inner .contentHolder .content+.content {
    margin-left: 50px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_video .row .inner .contentHolder .content+.content {
        margin-left: 30px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-home_video .row .inner .contentHolder .content+.content {
        margin-left: 20px
    }
}

@media only screen and (max-width: 800px) {
    body.home .mod-home_video .row .inner .contentHolder .content+.content {
        margin-left: 0;
        margin-top: 40px
    }
}

body.home .mod-home_video .row .inner .btnHolder {
    text-align: center
}

body.home .mod-home_video.two {
    margin-bottom: 50px
}

@media screen and (max-width: 1200px) {
    body.home .mod-home_video.two {
        margin-bottom: 0
    }
}

body.home .mod-office_module {
    margin-bottom: 140px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-office_module {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 64em) {
    body.home .mod-office_module {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.home .mod-office_module .row {
        padding-top: 0
    }
}

.main-slider {
    position: relative;
    overflow-y: hidden;
    opacity: 1;
    visibility: visible;
    -webkit-animation: fade ease-in-out 1s;
    -o-animation: fade ease-in-out 1s;
    animation: fade ease-in-out 1s
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.main-slider .prev-arrow,
.main-slider .next-arrow {
    width: 50px;
    height: 51px;
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 999;
    padding: 15px
}

@media only screen and (max-width: 40em) {
    .main-slider .prev-arrow,
    .main-slider .next-arrow {
        display: none
    }
}

.main-slider .slide {
    background: #fafafa;
    background-size: cover !important;
    position: relative;
    display: none
}

.main-slider .slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #222;
    opacity: .55
}

.main-slider .slide .row {
    position: relative;
    z-index: 3;
    padding-top: calc(200px + 8%);
    padding-bottom: calc(160px + 8%)
}

@media only screen and (max-width: 64em) {
    .main-slider .slide .row {
        padding-top: 240px;
        padding-bottom: 200px
    }
}

.main-slider .slide img {
    margin-bottom: -20px
}

.main-slider .slide .text h1 {
    color: #fff;
    margin-bottom: 0
}

.main-slider .slide .text small {
    display: block;
    color: #fff;
    line-height: inherit
}

.main-slider .slide .text .btn,
.main-slider .slide .text .rate-us .tab,
.rate-us .main-slider .slide .text .tab {
    text-shadow: none
}

.main-slider .slide .text p {
    text-transform: uppercase;
    font-size: 24px;
    color: #000;
    font-family: "imperial-urw";
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4
}

@media only screen and (max-width: 64em) {
    .main-slider .slide .text p {
        color: #000;
        font-size: 20px
    }
}

.main-slider .slide.one {
    display: block
}

body.gallery .banner .row,
body.before-and-after .banner .row {
    padding: 50px 20px !important
}

body.gallery .banner .row ul.s3breadcrumb,
body.before-and-after .banner .row ul.s3breadcrumb {
    margin-bottom: 0
}

body.gallery .banner:before,
body.before-and-after .banner:before {
    display: none
}

body.gallery .banner+.container,
body.before-and-after .banner+.container {
    background: none
}

body.gallery .banner+.container .row:first-child,
body.before-and-after .banner+.container .row:first-child {
    padding-top: 40px
}

body.gallery .banner+.container.main .row:first-child,
body.before-and-after .banner+.container.main .row:first-child {
    padding: 40px 20px 60px
}

.row.box-bg {
    background: #000;
    padding: 80px 80px 70px
}

@media only screen and (max-width: 64em) {
    .row.box-bg {
        padding: 60px 40px 50px
    }
}

@media only screen and (max-width: 800px) {
    .row.box-bg {
        padding: 50px 20px 40px
    }
}

.row.box-bg .inner {
    margin: 0 auto
}

.row.box-bg .inner h2 {
    color: #fff;
    letter-spacing: .5px;
    font-size: 42px
}

@media only screen and (max-width: 64em) {
    .row.box-bg .inner h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 40em) {
    .row.box-bg .inner h2 {
        font-size: 30px
    }
}

.row.box-bg .inner ul li,
.row.box-bg .inner p,
.row.box-bg .inner a {
    color: #fff
}

.cta-gallery {
    background: url(/assets/img/cta-gallery.jpg) no-repeat center center;
    background: #fafafa;
    background-size: cover !important;
    padding: calc(120px + 8%) 20px;
    position: relative
}

.cta-gallery span.text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-size: calc(60px + 3vw);
    letter-spacing: 2px;
    font-weight: 600;
    font-family: "imperial-urw";
    z-index: 9
}

.cta-gallery span.small {
    text-align: center;
    font-size: 25px
}

.unique-items {
    margin: 40px auto 50px;
    background: #333
}

.unique-items .row {
    padding: calc(40px + 3%) 20px
}

.unique-items .row h2,
.unique-items .row a {
    color: #fff
}

.unique-items .row .items .item {
    position: relative;
    width: calc((100% - (3 - 1)*6%)/3);
    margin-right: 6%;
    margin-bottom: 30px;
    float: left
}

.unique-items .row .items .item:nth-child(3n) {
    margin-right: 0
}

.unique-items .row .items .item:nth-child(3n):after {
    clear: both
}

.unique-items .row .items .item:nth-child(3n+1):before {
    clear: both
}

.unique-items .row .items .item {
    border: 6px solid #fff
}

@media only screen and (max-width: 40em) {
    .unique-items .row .items .item {
        width: calc((100% - (1 - 1)*0)/1);
        margin-right: 0;
        margin-bottom: 30px;
        float: left
    }
    .unique-items .row .items .item:nth-child(1n) {
        margin-right: 0
    }
    .unique-items .row .items .item:nth-child(1n):after {
        clear: both
    }
    .unique-items .row .items .item:nth-child(1n+1):before {
        clear: both
    }
    .unique-items .row .items .item {
        text-align: center
    }
}

.unique-items .row .items .item+.item:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 110%;
    height: 130%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.unique-items.cta-ba {
    margin: 0 auto
}

.unique-items.cta-ba .row .items .item {
    width: calc((100% - (2 - 1)*4%)/2);
    margin-right: 4%;
    margin-bottom: 30px;
    float: left
}

.unique-items.cta-ba .row .items .item:nth-child(2n) {
    margin-right: 0
}

.unique-items.cta-ba .row .items .item:nth-child(2n):after {
    clear: both
}

.unique-items.cta-ba .row .items .item:nth-child(2n+1):before {
    clear: both
}

@media only screen and (max-width: 40em) {
    .unique-items.cta-ba .row .items .item {
        width: calc((100% - (1 - 1)*0)/1);
        margin-right: 0;
        margin-bottom: 30px;
        float: left
    }
    .unique-items.cta-ba .row .items .item:nth-child(1n) {
        margin-right: 0
    }
    .unique-items.cta-ba .row .items .item:nth-child(1n):after {
        clear: both
    }
    .unique-items.cta-ba .row .items .item:nth-child(1n+1):before {
        clear: both
    }
    .unique-items.cta-ba .row .items .item {
        text-align: center
    }
}

.unique-items.cta-ba .row .items .item img {
    max-width: 50%;
    float: left
}

.unique-items.cta-ba.single-ba .row .items .item {
    float: none;
    margin: 0 auto 30px
}

.unique-items.cta-ba.single-ba .row .items .item:nth-child(2) {
    display: none
}

.not-found .banner .row {
    padding: 120px 20px
}

.not-found .banner .row .inner {
    max-width: 100%;
    width: 100%;
    text-align: center
}

main.content-wrap [class*=column]+[class*=column]:last-child {
    float: none !important
}

@media only screen and (max-width: 800px) {
    #tresio-widget-button {
        width: 40px !important;
        height: 40px !important
    }
}

.sticky-bar {
    background: #222;
    padding: 12px 10px;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 999;
    display: none !important
}

@media only screen and (max-width: 40em) {
    .sticky-bar {
        padding: 10px 10px 12px
    }
}

.sticky-bar p {
    color: #fff;
    margin: 0 !important;
    display: inline-block;
    line-height: 1;
    font-weight: 500
}

@media only screen and (max-width: 40em) {
    .sticky-bar p {
        display: block
    }
}

.sticky-bar p.copy {
    font-size: 14px;
    text-transform: uppercase
}

@media only screen and (max-width: 40em) {
    .sticky-bar p.copy {
        font-size: 12px;
        font-weight: normal
    }
}

.sticky-bar .btns {
    margin-left: 20px;
    display: inline-block
}

@media only screen and (max-width: 40em) {
    .sticky-bar .btns {
        display: block;
        margin-left: 0;
        margin-top: 8px
    }
}

.sticky-bar .btns .btn,
.sticky-bar .btns .rate-us .tab,
.rate-us .sticky-bar .btns .tab {
    color: #fff;
    background: #9a8951;
    padding: 8px 15px 7px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
    letter-spacing: .6px;
    text-transform: uppercase
}

.sticky-bar .btns .btn+.btn,
.sticky-bar .btns .rate-us .tab+.btn,
.rate-us .sticky-bar .btns .tab+.btn,
.sticky-bar .btns .rate-us .btn+.tab,
.rate-us .sticky-bar .btns .btn+.tab,
.sticky-bar .btns .rate-us .tab+.tab,
.rate-us .sticky-bar .btns .tab+.tab {
    margin-left: 10px
}

.sticky-bar .btns .btn:hover,
.sticky-bar .btns .rate-us .tab:hover,
.rate-us .sticky-bar .btns .tab:hover {
    opacity: .8
}

@media only screen and (max-width: 40em) {
    .sticky-bar .btns .btn,
    .sticky-bar .btns .rate-us .tab,
    .rate-us .sticky-bar .btns .tab {
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 6px 10px
    }
    .sticky-bar .btns .btn+.btn,
    .sticky-bar .btns .rate-us .tab+.btn,
    .rate-us .sticky-bar .btns .tab+.btn,
    .sticky-bar .btns .rate-us .btn+.tab,
    .rate-us .sticky-bar .btns .btn+.tab,
    .sticky-bar .btns .rate-us .tab+.tab,
    .rate-us .sticky-bar .btns .tab+.tab {
        margin-left: 5px
    }
}

.sticky-bar-on .sticky-bar {
    display: block !important
}

.sticky-bar-popup {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden
}

.sticky-bar-popup.visible {
    opacity: 1;
    visibility: visible
}

.sticky-bar-popup a.close {
    background: #fff url("https://static.tresiocms.com/images/close.svg") center center no-repeat;
    background-size: auto 100%;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 20px;
    top: 20px
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .sticky-bar-popup a.close {
        top: -26px
    }
}

@media only screen and (max-width: 40em) {
    .sticky-bar-popup a.close {
        height: 34px;
        width: 34px
    }
}

.sticky-bar-popup .content {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f7f7f7
}

.sticky-bar-popup .content>div {
    box-shadow: 0 0 23px -4px rgba(0, 0, 0, .4) !important;
    background: #fff;
    padding: 25px 15px;
    margin-bottom: 0;
    position: relative
}

@media only screen and (min-width: 40.1em) {
    .sticky-bar-popup .content>div {
        max-height: 90vh;
        overflow: scroll;
        padding: 50px 50px 0 50px
    }
    .sticky-bar-popup .content>div:after {
        background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        bottom: 0;
        left: 0;
        content: "";
        display: block;
        height: 100px;
        position: sticky;
        width: 100%;
        z-index: 1
    }
}

@media only screen and (max-width: 40em) {
    .sticky-bar-popup .content>div {
        overflow: scroll;
        padding-top: 100px
    }
}

.sticky-bar-popup .content>div h2 {
    color: #9a8951 !important;
    font-size: 40px
}

.sticky-bar-popup .content>div p.disclaimer {
    font-size: 80%
}

.sticky-bar-popup .content>div ul li {
    list-style: circle;
    margin-bottom: 10px
}

.banner {
    position: relative;
    overflow: hidden;
    color: #000;
    background-color: #f1f1f1
}

@media only screen and (max-width: 64em) {
    .banner:after {
        width: 100%
    }
    .banner:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: block;
        background: #fff;
        opacity: .8
    }
}

.banner .row {
    padding: calc(40px + 3%) 20px;
    position: relative;
    z-index: 3;
    max-width: 1200px
}

@media only screen and (max-width: 64em) {
    .banner .row {
        max-width: 100%;
        padding: calc(30px + 2.5%) 20px
    }
}

.banner .row .inner {
    width: 50%;
    max-width: 50%;
    padding-right: 40px
}

@media only screen and (max-width: 64em) {
    .banner .row .inner {
        max-width: 100%;
        padding-right: 0
    }
}

.banner .row .inner h1 {
    font-size: 35px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    font-weight: 400;
    position: relative;
    display: block
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .banner .row .inner h1 {
        font-size: 42px
    }
}

@media only screen and (max-width: 64em) {
    .banner .row .inner h1 {
        padding-left: 0;
        font-size: 44px
    }
}

@media only screen and (max-width: 800px) {
    .banner .row .inner h1 {
        font-size: 32px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 40em) {
    .banner .row .inner h1 {
        line-height: 1.2
    }
}

.banner .row .inner h1 span.small {
    display: block;
    font-size: 50%
}

.banner .row .inner h1.long-title {
    font-size: 28px;
    letter-spacing: 0px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .banner .row .inner h1.long-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 64em) {
    .banner .row .inner h1.long-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 40em) {
    .banner .row .inner h1.long-title {
        font-size: 20px
    }
}

.banner .row .inner hr {
    opacity: .5
}

.banner .row .inner .banner-links {
    display: none;
    width: 50%;
    background: #fff;
    padding: 30px 40px 30px 20px;
    position: absolute;
    left: 0;
    bottom: 0
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .banner .row .inner .banner-links {
        padding-top: 30px
    }
}

@media only screen and (max-width: 64em) {
    .banner .row .inner .banner-links {
        display: none
    }
}

.banner .row .inner .banner-links:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 1000px;
    height: 100%;
    display: block;
    background: #fff
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .banner .row .inner .banner-links {
        margin-top: 40px
    }
}

@media only screen and (max-width: 64em) {
    .banner .row .inner .banner-links {
        margin-top: 40px
    }
}

@media only screen and (max-width: 40em) {
    .banner .row .inner .banner-links {
        max-width: 100%
    }
}

@media only screen and (max-width: 40em) {
    .banner .row .inner .banner-links {
        display: none
    }
}

.banner .row .inner .banner-links .main-links {
    display: none
}

.banner .row .inner .banner-links ul {
    margin: 0;
    position: relative
}

.banner .row .inner .banner-links ul li a {
    text-transform: uppercase;
    font-size: 11px;
    opacity: 1;
    letter-spacing: 1px
}

.banner .row .inner .banner-links ul li a.here {
    color: #9a8951
}

.banner .row .inner .banner-links ul li.overview {
    display: none
}

.banner .row .inner.long {
    max-width: 290px
}

.banner .row .inner.long h1 {
    font-size: 48px
}

@media only screen and (max-width: 64em) {
    .banner .row .inner.long h1 {
        font-size: 42px
    }
}

@media only screen and (max-width: 40em) {
    .banner .row .inner.long h1 {
        font-size: 36px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .banner .row .inner.long h1 {
        font-size: 42px
    }
}

.banner.sub-banner {
    position: relative;
    background: #fafafa;
    background-size: cover !important
}

.banner.sub-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #fff;
    opacity: .55
}

.banner.sub-banner .row {
    padding: 8% 20px !important;
    position: relative;
    z-index: 3;
    min-height: inherit
}

@media only screen and (max-width: 64em) {
    .banner.sub-banner .row {
        padding: 10% 20px !important
    }
}

@media only screen and (max-width: 40em) {
    .banner.sub-banner .row {
        padding: 70px 20px !important
    }
}

.banner.sub-banner.dark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #222;
    opacity: .55
}

.banner.sub-banner.dark h2,
.banner.sub-banner.dark h3,
.banner.sub-banner.dark h4,
.banner.sub-banner.dark ul li,
.banner.sub-banner.dark p,
.banner.sub-banner.dark a {
    color: #fff
}

.banner.sub-banner.dark ul li:before {
    background: #fff !important
}

.banner.sub-banner.dark .divider .media:before,
.banner.sub-banner.dark .divider .media:after {
    border-top: 1px solid #fff;
    opacity: .4
}

.banner .s3breadcrumb {
    color: #9a8951 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-left: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 9
}

.banner .s3breadcrumb li {
    display: inline
}

.banner .s3breadcrumb li a {
    font-size: 14px;
    font-family: "imperial-urw";
    color: #4c4c4c !important;
    font-weight: 500;
    margin-right: 8px;
    letter-spacing: .5px
}

.banner .s3breadcrumb li a:last-child {
    margin-right: 0
}

.banner .s3breadcrumb li a:hover {
    opacity: 1
}

.banner .s3breadcrumb li a span {
    color: #000 !important;
    opacity: .6
}

.banner .s3breadcrumb li a span.space {
    margin: 0 3px
}

.banner .s3breadcrumb li+li {
    position: relative
}

.banner .s3breadcrumb li+li:before {
    content: ".";
    display: inline-block;
    color: #000;
    margin-right: 5px;
    position: relative
}

.gallery.item .banner .s3breadcrumb li:nth-child(n+4) {
    display: none
}

.banner .s3breadcrumb+.text {
    margin-top: 25px
}

@media only screen and (max-width: 800px) {
    .banner .s3breadcrumb+.text {
        margin-top: 10px
    }
}

@media only screen and (max-width: 64em) {
    body.hamburgerMenu .banner .row {
        padding-top: calc(140px + 8%)
    }
}

.sidebar-wrap {
    height: 100%;
    position: relative;
    width: 22%;
    padding-right: 0px;
    float: left
}

.sidebar-wrap .item {
    border-radius: 5px;
    overflow: hidden !important;
    box-shadow: 2px 2px 2px -1px #dadada
}

.sidebar-wrap .item img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.sidebar-wrap .item.cta {
    border-radius: 5px;
    box-shadow: 2px 2px 2px -1px #dadada;
    background: #fff;
    padding: 20px;
    overflow: hidden !important
}

.sidebar-wrap .item.cta h4 {
    font-size: 26px;
    margin-bottom: 0px;
    color: #000
}

.sidebar-wrap .item.cta .btn,
.sidebar-wrap .item.cta .rate-us .tab,
.rate-us .sidebar-wrap .item.cta .tab {
    margin: 0px -20px -20px -20px;
    padding: 16px
}

.sidebar-wrap .item.cta .btn:hover,
.sidebar-wrap .item.cta .rate-us .tab:hover,
.rate-us .sidebar-wrap .item.cta .tab:hover {
    color: #fff !important
}

.sidebar-wrap .item.cta p {
    font-family: "imperial-urw";
    color: #000;
    font-size: 30px;
    line-height: 1;
    margin-top: 10px
}

.sidebar {
    margin: 0 0 30px 0;
    padding-left: 0px;
    padding-top: 0px
}

.sidebar .links>ul {
    margin: 0px;
    border-radius: 5px;
    overflow: hidden !important
}

.sidebar .links>ul li {
    color: #969696;
    text-transform: uppercase
}

.sidebar .links>ul>li.has-sub>ul {
    display: none;
    padding-left: 0px;
    padding-top: 0px;
    background: #f4f4f4
}

.sidebar .links>ul>li.has-sub>ul ul {
    margin: 0px
}

.sidebar .links>ul>li:first-child>a {
    border-top: none
}

.sidebar .links>ul>li:last-child>a {
    border-bottom: none
}

.sidebar .links>ul>li>ul {
    padding: 0px;
    margin: 0px
}

.sidebar .links>ul>li>ul li a {
    background: #fff;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 15px;
    text-transform: none;
    font-weight: 300;
    position: relative;
    overflow: hidden
}

.sidebar .links>ul>li>ul li a.here {
    z-index: 9;
    background: #f7f7f7;
    font-weight: 400;
    color: #000
}

.sidebar .links>ul>li>ul li a:hover {
    background: #fff
}

.sidebar .links>ul>li li:last-child {
    margin-bottom: 0px
}

.sidebar .links>ul>li>a {
    background: #000;
    color: #fff !important;
    border-bottom: 1px solid #4c4c4c
}

.sidebar .links>ul>li>a.here {
    background: #000
}

.sidebar .links>ul>li>a.submenu-open {
    background: #4c4c4c
}

.sidebar .links>ul>li>a.submenu-open+ul {
    padding-top: 0px
}

.sidebar .links>ul>li a {
    font-size: 16px;
    font-family: "imperial-urw";
    display: block;
    padding: 12px 15px;
    padding-right: 20px;
    color: #fff;
    font-weight: 500
}

.sidebar .links>ul>li a:hover {
    opacity: 1
}

.sidebar .links>ul>li.here>ul {
    display: block
}

footer {
    background: #fff !important;
    max-width: 100% !important;
    padding: 10px 0 40px
}

@media only screen and (max-width: 800px) {
    footer {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 40em) {
    footer .logos {
        display: none
    }
}

footer .logos {
    margin-bottom: 40px
}

footer .logos li {
    display: inline-block
}

footer .logos li+li {
    margin-left: 40px
}

footer>.row {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

@media only screen and (max-width: 800px) {
    footer>.row {
        padding-top: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    footer p {
        text-align: center !important
    }
}

footer nav.tresio-nav {
    padding-bottom: 0 !important
}

footer nav.tresio-nav ul.list>li.home {
    display: none
}

footer nav.tresio-nav ul.list>li>a.tresio-nav__link {
    background: none !important;
    position: relative;
    padding: 0 !important
}

footer nav.tresio-nav ul.list>li>a.tresio-nav__link:hover {
    background: none !important;
    opacity: 1 !important
}

footer nav.tresio-nav ul.list>li ul,
footer nav.tresio-nav ul.list>li a.tresio-nav__dropdown {
    display: none !important
}

.hamburgerMenu footer nav.tresio-nav .links ul {
    height: 32px
}

.hamburgerMenu footer nav.tresio-nav .links ul li a {
    padding: 0 0 5px
}

.hamburgerMenu footer nav.tresio-nav .links ul li a.here {
    color: #fff !important
}

footer .nav {
    padding-bottom: 0 !important
}

footer .nav .links ul>li>a {
    color: #fff !important;
    background: none !important;
    position: relative;
    padding: 0 !important
}

footer .nav .links ul>li>a.here {
    color: #fff !important;
    background: none !important;
    font-weight: 600
}

footer .nav .links ul>li>a:hover {
    background: none !important;
    opacity: 1 !important
}

footer .nav .links ul>li>a:after {
    display: none
}

footer .nav .links ul>li.has-sub:hover {
    background: none
}

footer .nav .links ul>li.has-sub.sub-open {
    background: none
}

footer .nav .links ul ul {
    display: none !important
}

.hamburgerMenu footer .nav .links ul {
    height: 32px
}

.hamburgerMenu footer .nav .links ul li a {
    padding: 0 0 5px
}

.hamburgerMenu footer .nav .links ul li a.here {
    color: #fff !important
}

footer .reviews-holder {
    display: flex
}

@media only screen and (max-width: 800px) {
    footer .reviews-holder {
        flex-direction: column-reverse
    }
}

footer .reviews-holder p {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px
}

@media only screen and (max-width: 800px) {
    footer .reviews-holder p {
        margin: 0
    }
}

footer .reviews-holder .stars {
    display: inline-block;
    position: relative;
    top: 3px
}

@media only screen and (max-width: 800px) {
    footer .reviews-holder .stars {
        top: 0;
        margin-bottom: 10px
    }
}

footer .reviews-holder .stars i {
    font-size: 12px;
    color: #9a8951
}

@media only screen and (max-width: 800px) {
    footer .reviews-holder .stars i {
        font-size: 15px
    }
}

footer .reviews-holder .stars i+i {
    margin-left: 2px
}

footer .reviews-holder .stars svg {
    width: 12px
}

footer .reviews-holder .stars svg g {
    fill: #9a8951
}

footer .reviews-holder .stars svg+svg {
    margin-left: 4px
}

footer .socials {
    margin: 0
}

@media only screen and (max-width: 40em) {
    footer .socials {
        width: 100%;
        float: none;
        text-align: center
    }
}

footer .socials li {
    display: inline-block;
    background: #9a8951;
    vertical-align: top;
    padding: 0;
    height: 22px;
    width: 22px
}

footer .socials li a {
    background: none;
    border-radius: 0
}

footer .socials li a span {
    filter: brightness(100);
    transform: scale(0.8)
}

footer .socials li+li {
    margin-left: 5px
}

footer .top {
    margin: 0 auto;
    padding: 10px 20px 20px !important
}

footer .top .row {
    max-width: 500px
}

footer .bottom {
    position: relative;
    margin-top: 20px;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 800px) {
    footer .bottom {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0;
        padding-bottom: 0 !important
    }
}

footer .bottom .inner {
    width: 100%;
    max-width: 1024px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 800px) {
    footer .bottom .inner {
        flex-direction: column
    }
}

footer .bottom .left-holder,
footer .bottom .middle-holder,
footer .bottom .right-holder {
    flex: 1 1 100%
}

@media only screen and (max-width: 800px) {
    footer .bottom .left-holder,
    footer .bottom .middle-holder,
    footer .bottom .right-holder {
        text-align: center;
        margin: 15px 0
    }
}

@media only screen and (max-width: 800px) {
    footer .bottom .middle-holder {
        order: 0
    }
    footer .bottom .left-holder {
        order: 3
    }
    footer .bottom .right-holder {
        order: 2
    }
}

footer .left-holder {
    width: 100%;
    max-width: 250px
}

footer .left-holder a.tel {
    position: relative;
    display: inline-block;
    font-weight: 400;
    letter-spacing: .5px;
    font-size: 14px
}

footer .left-holder a.tel:before,
footer .left-holder a.tel:after {
    content: "";
    width: 170px;
    border-top: .5px solid rgba(0, 0, 0, .4);
    display: block;
    margin: 18px 0
}

footer .middle-holder {
    flex-grow: 1;
    text-align: center
}

footer .middle-holder .logo {
    display: inline-block
}

footer .middle-holder .logo img {
    max-width: 160px;
    max-height: 140px;
    margin-bottom: 0
}

footer .right-holder {
    width: 100%;
    max-width: 250px;
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width: 800px) {
    footer .right-holder {
        justify-content: center
    }
}

footer .right-holder .content {
    display: inline-block
}

footer .right-holder .content .address {
    position: relative
}

footer .right-holder .content .address p,
footer .right-holder .content .address a {
    display: block;
    color: #000;
    font-weight: 400
}

footer .right-holder .content .address p {
    margin-bottom: 5px
}

footer .right-holder .content .address+.address {
    margin-top: 18px
}

footer .right-holder .content .address+.address:before {
    content: "";
    width: 90px;
    border-top: .5px solid rgba(0, 0, 0, .4);
    display: block;
    margin: 15px 0
}

@media only screen and (max-width: 800px) {
    footer .right-holder .content .address+.address:before {
        width: 170px;
        margin: 15px auto
    }
}

@media only screen and (max-width: 64em) {
    footer .columns {
        margin-bottom: 20px !important
    }
}

footer .scroll-down {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    background: rgba(20, 20, 20, .8);
    border: 1px solid hsla(0, 0%, 100%, .8);
    color: #fff;
    font-size: 11px;
    padding: 15px 12px 12px;
    font-family: "imperial-urw";
    font-weight: 500
}

footer .scroll-down img {
    margin-bottom: 0 !important;
    max-width: 22px
}

footer .fixed-cta {
    position: fixed;
    left: 0;
    bottom: -1px;
    width: 100%;
    text-align: center;
    display: block;
    display: none;
    z-index: 9999
}

@media only screen and (max-width: 800px) {
    footer .fixed-cta {
        display: block
    }
}

footer .fixed-cta a.btn,
footer .fixed-cta .rate-us a.tab,
.rate-us footer .fixed-cta a.tab,
footer .fixed-cta .sticky-bar .btns a.btn,
.sticky-bar .btns footer .fixed-cta a.btn {
    width: 50%;
    float: left;
    padding: 16px 10px 13px;
    background: #ddd;
    color: #000;
    display: block;
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    border: none
}

footer .fixed-cta a.btn+a.btn,
footer .fixed-cta .rate-us a.tab+a.btn,
.rate-us footer .fixed-cta a.tab+a.btn,
footer .fixed-cta .rate-us a.btn+a.tab,
.rate-us footer .fixed-cta a.btn+a.tab,
footer .fixed-cta .rate-us a.tab+a.tab,
.rate-us footer .fixed-cta a.tab+a.tab {
    background: #9a8951;
    color: #fff
}

footer .fixed-cta a.btn:hover,
footer .fixed-cta .rate-us a.tab:hover,
.rate-us footer .fixed-cta a.tab:hover {
    opacity: 1 !important
}

.trademark {
    background: #484848;
    margin-top: 25px;
    padding: 20px;
    max-width: 100%;
    margin-bottom: 80px
}

.trademark .inner {
    max-width: 1160px;
    display: flex;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .trademark .inner {
        flex-wrap: wrap;
        text-align: center
    }
}

.trademark .inner .item {
    flex: 1 1 100%
}

.trademark .inner .item+.item {
    max-width: 250px;
    text-align: right
}

@media only screen and (max-width: 800px) {
    .trademark .inner .item+.item {
        max-width: 100%;
        margin-top: 20px;
        text-align: center
    }
}

.trademark .inner p,
.trademark .inner a {
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff !important
}

@media only screen and (max-width: 64em) {
    .trademark .inner p,
    .trademark .inner a {
        font-size: 10px
    }
}

.trademark .inner p+a,
.trademark .inner a+a {
    margin-left: 10px
}

.rate-us {
    position: fixed;
    top: 50%;
    left: -140px;
    transform: translateY(-50%);
    z-index: 10;
    transition: left 300ms
}

@media only screen and (max-width: 800px) {
    .rate-us {
        display: none
    }
}

.rate-us.open {
    left: 0
}

.rate-us .tab {
    position: absolute;
    writing-mode: vertical-rl;
    border-radius: 0 3px 3px 0;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
    z-index: 2;
    background: #9a8951 !important;
    min-height: 100px;
    padding: 6px 10px
}

.rate-us .tab:hover {
    cursor: pointer
}

.rate-us .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 140px;
    flex-wrap: wrap;
    position: relative;
    background: #eee;
    padding: 20px;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    z-index: 1
}

.rate-us .inner a {
    display: inline-block
}

.rate-us .inner a img {
    max-height: 32px
}

.rate-us .inner a+a {
    margin-top: 25px
}

.cta-sub {
    margin-top: 50px;
    background: #ccc;
    background-position: center;
    background-size: cover !important;
    position: relative;
    border-bottom: 4px solid #9a8951
}

@media only screen and (max-width: 800px) {
    .cta-sub {
        padding-left: 0;
        padding-right: 0
    }
}

.cta-sub .row {
    position: relative;
    z-index: 4;
    padding: 200px 20px 180px
}

@media only screen and (max-width: 64em) {
    .cta-sub .row {
        padding: 100px 20px
    }
}

.cta-sub .row .logoHolder {
    position: absolute;
    top: -60px;
    left: calc(50% - 60px);
    width: 100%;
    max-width: 120px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    .cta-sub .row .logoHolder {
        display: none
    }
}

.cta-sub .row .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 105px
}

.cta-sub .row .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    left: 5px;
    position: relative
}

.cta-sub .row h3 {
    color: #fff;
    display: table;
    margin: auto;
    line-height: 1.3;
    margin-bottom: 50px !important;
    letter-spacing: 5px;
    font-size: 45px;
    font-weight: 100
}

@media only screen and (max-width: 64em) {
    .cta-sub .row h3 {
        margin-bottom: 30px !important;
        font-size: 32px
    }
}

@media only screen and (max-width: 40em) {
    .cta-sub .row h3 {
        font-size: 30px;
        letter-spacing: 3px
    }
}

.cta-sub .row p {
    color: #fff !important;
    max-width: 840px !important;
    margin: 0 auto 20px
}

.cta-sub .row .btn,
.cta-sub .row .rate-us .tab,
.rate-us .cta-sub .row .tab {
    max-width: 170px;
    font-size: 13px;
    margin: 0 auto
}

::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000
}

::-moz-placeholder {
    color: #000
}

:-ms-input-placeholder {
    color: #000
}

form {
    margin: 0px
}

form .s3grid>div {
    position: relative
}

form .s3grid>div div {
    position: relative
}

form small.error {
    position: absolute;
    top: 8px;
    right: 8px;
    margin-top: 0px !important;
    border-radius: 100% !important;
    background: #c04545 !important;
    font-family: "imperial-urw";
    font-style: normal !important;
    text-transform: uppercase;
    padding: 0 11px !important;
    transform: rotate(45deg);
    height: 26px;
    width: 26px;
    margin-bottom: 0px !important;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

form small.error:after {
    content: "+";
    font-size: 20px !important;
    position: absolute;
    top: 2px;
    right: 8px
}

form input[type=text],
form textarea,
form input[type=number],
form input[type=email],
form input[type=checkbox],
form select {
    border: none;
    background-color: hsla(0, 0%, 100%, .4);
    box-shadow: none;
    color: #fff;
    font-size: 15px;
    font-family: "imperial-urw";
    font-weight: 300 !important;
    height: auto;
    margin-bottom: 0px;
    padding: 10px 15px
}

form input[type=text] option,
form textarea option,
form input[type=number] option,
form input[type=email] option,
form input[type=checkbox] option,
form select option {
    color: #000 !important
}

form input[type=text]::placeholder,
form textarea::placeholder,
form input[type=number]::placeholder,
form input[type=email]::placeholder,
form input[type=checkbox]::placeholder,
form select::placeholder {
    color: #fff
}

form input[type=text]:focus,
form textarea:focus,
form input[type=number]:focus,
form input[type=email]:focus,
form input[type=checkbox]:focus,
form select:focus {
    border: 1px solid #dbdbdb;
    box-shadow: none !important
}

form input[type=text]:focus+small.error,
form textarea:focus+small.error,
form input[type=number]:focus+small.error,
form input[type=email]:focus+small.error,
form input[type=checkbox]:focus+small.error,
form select:focus+small.error {
    background: #a43e3e !important
}

form textarea {
    resize: none;
    line-height: 1.3
}

form .error select {
    outline: 0 !important;
    box-shadow: 0px 0px 0px 2px #c04545;
    border: none !important
}

form label {
    color: #fff
}

@media only screen and (max-width: 40em) {
    form .feat1.checkbox-2 {
        display: flex;
        align-items: flex-start
    }
}

@media only screen and (max-width: 40em) {
    form .feat1.checkbox-2 input {
        top: 5px
    }
}

form textarea+small {
    border-bottom-right-radius: 0px !important
}

form#form .alert-box.alert {
    background-color: #c33b3b;
    border-color: #c33b3b;
    margin-bottom: 2rem
}

form#form .alert-box.alert h3 {
    font-size: 26px
}

@media only screen and (max-width: 64em) {
    form#form .alert-box.alert h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 40em) {
    form#form .alert-box.alert h3 {
        font-size: 20px
    }
}

form#form .alert-box.alert h3,
form#form .alert-box.alert p {
    color: #fff;
    margin-bottom: 10px
}

form#form .alert-box.alert p,
form#form .alert-box.alert li {
    font-size: 16px;
    font-weight: 400
}

form#form .alert-box.alert ul {
    background: none;
    margin: 0 0 5px 17px;
    padding: 0
}

form#form .alert-box.alert ul li {
    color: #fff;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    text-indent: 0
}

form#form .no-right {
    margin-right: 0px
}

form#form .right {
    margin-right: 0px
}

.lp form#form .feat1 {
    margin-bottom: 20px
}

.lp form#form button {
    background: #9a8951;
    left: 50%;
    transform: translateX(-50%)
}

form#form label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: -1px;
    overflow: hidden
}

form#form label[for=Checkbox_1] {
    width: 100%;
    height: auto
}

form#form label[for=Checkbox_2] {
    width: 100%;
    height: auto
}

form#form .checkbox-label {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 0 -4px 5px
}

form#form input,
form#form textarea {
    position: relative
}

form #recaptcha1 {
    transition: height .2s, opacity .2s linear .4s;
    height: 0 !important;
    opacity: 0
}

form #recaptcha1.active {
    opacity: 1;
    height: 78px !important
}

form #recaptcha1 {
    margin: -10px 0
}

@media only screen and (max-width: 64em) {
    form #recaptcha1 {
        margin: -10px 0 -10px -31px
    }
}

form #recaptcha1>div {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7)
}

form .submit-holder {
    text-align: center
}

form .submit-holder button {
    width: 100%;
    max-width: 150px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    margin: 0 auto !important
}

.sticky-form-wrap {
    padding-bottom: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999;
    width: 340px;
    -webkit-transform: translateY(calc(100% - 41px));
    -moz-transform: translateY(calc(100% - 41px));
    -ms-transform: translateY(calc(100% - 41px));
    -o-transform: translateY(calc(100% - 41px));
    transform: translateY(calc(100% - 41px))
}

@media only screen and (max-width: 800px) {
    .sticky-form-wrap {
        display: none
    }
}

.sticky-form-wrap {
    -webkit-transition: all 400ms cubic-bezier(0.61, 0.24, 0.41, 0.87);
    -moz-transition: all 400ms cubic-bezier(0.61, 0.24, 0.41, 0.87);
    -o-transition: all 400ms cubic-bezier(0.61, 0.24, 0.41, 0.87);
    transition: all 400ms cubic-bezier(0.61, 0.24, 0.41, 0.87)
}

.sticky-form-wrap.is-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.sticky-form-wrap.is-active .sticky-form {
    box-shadow: 0px 0px 29px -4px rgba(0, 0, 0, .16)
}

.sticky-form-wrap.is-active .sticky-form-header:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.sticky-form-wrap .sticky-form-header {
    display: table;
    padding: 13px 16px 12px;
    font-size: 16px;
    background: #9a8951;
    color: #fff;
    font-weight: 500;
    margin-left: auto;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    position: relative;
    letter-spacing: .5px;
    opacity: 1 !important;
    cursor: pointer
}

.sticky-form-wrap .sticky-form-header:hover {
    background: rgb(120.5787234043, 107.2680851064, 63.4212765957)
}

.sticky-form-wrap .sticky-form {
    padding: 20px;
    background: #fff
}

.sticky-form-wrap .sticky-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin-top: -1px;
    overflow: hidden
}

.sticky-form-wrap .sticky-form input,
.sticky-form-wrap .sticky-form textarea {
    position: relative
}

.sticky-form-wrap .sticky-form .feat1 {
    width: 100% !important
}

.sticky-form-wrap .sticky-form .feat2 {
    width: calc(50% - 5px) !important;
    margin: 0
}

.sticky-form-wrap .sticky-form .feat2+.feat2 {
    margin-left: 10px
}

.sticky-form-wrap .sticky-form .btn,
.sticky-form-wrap .sticky-form .rate-us .tab,
.rate-us .sticky-form-wrap .sticky-form .tab {
    margin-top: 10px;
    width: 100%;
    background: #9a8951;
    color: #fff
}

.sticky-form-wrap .sticky-form .btn:before,
.sticky-form-wrap .sticky-form .rate-us .tab:before,
.rate-us .sticky-form-wrap .sticky-form .tab:before,
.sticky-form-wrap .sticky-form .btn:after,
.sticky-form-wrap .sticky-form .rate-us .tab:after,
.rate-us .sticky-form-wrap .sticky-form .tab:after {
    display: none
}

.sticky-form-wrap .sticky-form .btn:hover,
.sticky-form-wrap .sticky-form .rate-us .tab:hover,
.rate-us .sticky-form-wrap .sticky-form .tab:hover {
    background: rgb(120.5787234043, 107.2680851064, 63.4212765957)
}

.sticky-form-wrap .sticky-form p.title {
    font-size: 16px;
    letter-spacing: .5px;
    margin-bottom: 8px
}

.sticky-form-wrap .sticky-form ::-webkit-input-placeholder {
    color: #555
}

.sticky-form-wrap .sticky-form :-moz-placeholder {
    color: #555
}

.sticky-form-wrap .sticky-form ::-moz-placeholder {
    color: #555
}

.sticky-form-wrap .sticky-form :-ms-input-placeholder {
    color: #555
}

.sticky-form-wrap .sticky-form input,
.sticky-form-wrap .sticky-form textarea {
    line-height: 1.2;
    color: #000;
    border: none;
    font-size: 16px;
    background: #fafafa
}

.sticky-form-wrap .sticky-form input:focus,
.sticky-form-wrap .sticky-form textarea:focus {
    border: none
}

.alert-box h3,
.alert-box p,
.alert-box li {
    color: #fff !important
}

.alert-box ul {
    margin: 0
}

.alert-box ul li {
    list-style-type: disc !important;
    padding-left: 0 !important;
    margin-left: 20px !important
}

.alert-box ul li:before {
    display: none !important
}

body.gallery main.content-wrap .banner,
body.before-and-after main.content-wrap .banner {
    border-bottom: 6px solid #9a8951;
    background: #9a8951
}

body.gallery main.content-wrap .banner .row,
body.before-and-after main.content-wrap .banner .row {
    max-width: 960px;
    margin: 0 auto
}

body.gallery main.content-wrap .banner .row .copy,
body.before-and-after main.content-wrap .banner .row .copy {
    text-align: left
}

body.gallery main.content-wrap .banner .row ul.s3breadcrumb li a,
body.before-and-after main.content-wrap .banner .row ul.s3breadcrumb li a {
    color: #fff !important
}

body.gallery main.content-wrap .banner .row ul.s3breadcrumb li:before,
body.before-and-after main.content-wrap .banner .row ul.s3breadcrumb li:before {
    color: #fff
}

body.gallery main.content-wrap .banner .row ul.s3breadcrumb li:nth-child(n+4),
body.before-and-after main.content-wrap .banner .row ul.s3breadcrumb li:nth-child(n+4) {
    display: none
}

@media only screen and (max-width: 800px) {
    body.gallery main.content-wrap .banner .row .inner,
    body.before-and-after main.content-wrap .banner .row .inner {
        width: 100%;
        max-width: 100%
    }
}

body.gallery main.content-wrap .banner .row .inner h1,
body.before-and-after main.content-wrap .banner .row .inner h1 {
    font-size: 52px;
    color: #fff
}

@media only screen and (max-width: 64em) {
    body.gallery main.content-wrap .banner .row .inner h1,
    body.before-and-after main.content-wrap .banner .row .inner h1 {
        font-size: 44px
    }
}

@media only screen and (max-width: 40em) {
    body.gallery main.content-wrap .banner .row .inner h1,
    body.before-and-after main.content-wrap .banner .row .inner h1 {
        letter-spacing: 2px;
        font-size: 36px;
        line-height: 1.2
    }
}

body.gallery main.content-wrap .banner+.container,
body.before-and-after main.content-wrap .banner+.container {
    background: none
}

body.gallery main.content-wrap .banner+.container .row,
body.before-and-after main.content-wrap .banner+.container .row {
    max-width: 1240px;
    margin: 0 auto;
    padding-bottom: 40px
}

body.gallery .pagination,
body.before-and-after .pagination {
    text-align: center;
    margin-bottom: 60px
}

body.gallery .pagination .page-numbers,
body.before-and-after .pagination .page-numbers {
    font-size: 16px;
    font-weight: 500;
    font-family: "imperial-urw";
    padding: 7px 10px 5px;
    display: inline-block
}

body.gallery .pagination .page-numbers:not(.hide-phone),
body.gallery .pagination .page-numbers.current,
body.before-and-after .pagination .page-numbers:not(.hide-phone),
body.before-and-after .pagination .page-numbers.current {
    background: #9a8951;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .25px;
    border-radius: 2px
}

body.gallery .pagination .page-numbers.current,
body.before-and-after .pagination .page-numbers.current {
    background: rgba(20, 20, 20, .4)
}

body.gallery .sub-content ul,
body.before-and-after .sub-content ul {
    margin: 0 !important
}

body.gallery .gall-nav,
body.before-and-after .gall-nav {
    margin-top: 20px;
    margin-bottom: 30px
}

body.gallery .gall-nav span,
body.before-and-after .gall-nav span {
    position: relative;
    font-family: "imperial-urw";
    z-index: 3;
    display: inline-block;
    padding: 10px 17px;
    background: #9a8951;
    border-radius: 3px;
    color: #fff !important
}

@media only screen and (max-width: 64em) {
    body.gallery .gall-nav span,
    body.before-and-after .gall-nav span {
        font-size: 14px
    }
}

body.gallery .gall-nav span a,
body.before-and-after .gall-nav span a {
    color: #fff;
    display: inline-block
}

body.gallery .gall-nav span.null,
body.before-and-after .gall-nav span.null {
    border-radius: 3px;
    padding: 10px 17px;
    background: #999;
    color: #fff
}

@media only screen and (max-width: 64em) {
    body.gallery .gall-nav span.null,
    body.before-and-after .gall-nav span.null {
        font-size: 14px
    }
}

body.gallery .gall-nav p,
body.before-and-after .gall-nav p {
    font-family: "imperial-urw";
    position: relative;
    top: 5px;
    font-size: 21px !important;
    margin-bottom: 0
}

body.gallery .gallery-wrap .slides,
body.before-and-after .gallery-wrap .slides {
    width: 92%;
    margin-right: 2%;
    float: left
}

@media only screen and (max-width: 40em) {
    body.gallery .gallery-wrap .slides,
    body.before-and-after .gallery-wrap .slides {
        width: 100%
    }
}

body.gallery .gallery-wrap .slides .feat2,
body.before-and-after .gallery-wrap .slides .feat2 {
    width: calc((100% - (2 - 1)*3%)/2);
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

body.gallery .gallery-wrap .slides .feat2:nth-child(2n),
body.before-and-after .gallery-wrap .slides .feat2:nth-child(2n) {
    margin-right: 0
}

body.gallery .gallery-wrap .slides .feat2:nth-child(2n):after,
body.before-and-after .gallery-wrap .slides .feat2:nth-child(2n):after {
    clear: both
}

body.gallery .gallery-wrap .slides .feat2:nth-child(2n+1):before,
body.before-and-after .gallery-wrap .slides .feat2:nth-child(2n+1):before {
    clear: both
}

body.gallery .gallery-wrap .slides .feat2,
body.before-and-after .gallery-wrap .slides .feat2 {
    margin-bottom: 0px
}

@media only screen and (max-width: 40em) {
    body.gallery .gallery-wrap .slides .feat2,
    body.before-and-after .gallery-wrap .slides .feat2 {
        margin-bottom: 15px
    }
}

body.gallery .gallery-wrap .thumbnails,
body.before-and-after .gallery-wrap .thumbnails {
    float: left;
    width: 6%
}

@media only screen and (max-width: 800px) {
    body.gallery .gallery-wrap .thumbnails,
    body.before-and-after .gallery-wrap .thumbnails {
        margin-top: 20px
    }
}

@media only screen and (max-width: 40em) {
    body.gallery .gallery-wrap .thumbnails,
    body.before-and-after .gallery-wrap .thumbnails {
        width: 100%
    }
}

body.gallery .gallery-wrap .thumbnails .owl-stage,
body.before-and-after .gallery-wrap .thumbnails .owl-stage {
    width: 100% !important
}

body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item,
body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item {
    width: 100% !important;
    cursor: pointer;
    margin-bottom: 20px
}

@media only screen and (max-width: 40em) {
    body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item,
    body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item {
        width: 17% !important;
        margin-right: 2% !important;
        margin-bottom: 0px !important;
        float: left
    }
    body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item:nth-child(3n),
    body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item:nth-child(3n) {
        margin-right: 0px !important
    }
}

body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item .item,
body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item .item {
    width: 100%
}

body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item .item img,
body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item .item img {
    width: 100%;
    margin-bottom: 0px
}

body.gallery .gallery-wrap .thumbnails .owl-stage .owl-item.here,
body.before-and-after .gallery-wrap .thumbnails .owl-stage .owl-item.here {
    opacity: .4
}

body.gallery .copy,
body.before-and-after .copy {
    margin: 20px 0;
    text-align: center
}

body.gallery .owl-carousel .owl-dots,
body.before-and-after .owl-carousel .owl-dots {
    display: none
}

body.gallery .owl-carousel.patients,
body.before-and-after .owl-carousel.patients {
    position: relative
}

body.gallery .owl-carousel.patients .here,
body.before-and-after .owl-carousel.patients .here {
    opacity: .4
}

body.gallery .owl-carousel.patients .owl-stage-outer,
body.before-and-after .owl-carousel.patients .owl-stage-outer {
    position: relative;
    z-index: 9
}

body.gallery .owl-carousel.patients .owl-stage-outer .owl-item img,
body.before-and-after .owl-carousel.patients .owl-stage-outer .owl-item img {
    border-radius: 0px
}

body.gallery .owl-carousel.patients .owl-nav,
body.before-and-after .owl-carousel.patients .owl-nav {
    text-align: center;
    padding-top: 20px
}

body.gallery .owl-carousel.patients .owl-nav button,
body.before-and-after .owl-carousel.patients .owl-nav button {
    width: 27px;
    height: 12px;
    margin: 0 10px;
    outline: 0 !important
}

body.gallery .owl-carousel.patients .owl-nav button span,
body.before-and-after .owl-carousel.patients .owl-nav button span {
    opacity: 0
}

body.gallery .owl-carousel.patients .owl-nav .owl-prev,
body.gallery .owl-carousel.patients .owl-nav .owl-next,
body.before-and-after .owl-carousel.patients .owl-nav .owl-prev,
body.before-and-after .owl-carousel.patients .owl-nav .owl-next {
    text-indent: -9999px;
    background: url("https://static.tresiocms.com/images/arrow-prev.png") center center no-repeat !important;
    background-size: 100% auto !important;
    padding: 16px;
    display: inline-block;
    opacity: .8
}

body.gallery .owl-carousel.patients .owl-nav .owl-prev:hover,
body.gallery .owl-carousel.patients .owl-nav .owl-next:hover,
body.before-and-after .owl-carousel.patients .owl-nav .owl-prev:hover,
body.before-and-after .owl-carousel.patients .owl-nav .owl-next:hover {
    opacity: .4;
    cursor: pointer
}

body.gallery .owl-carousel.patients .owl-nav .owl-prev.disabled,
body.gallery .owl-carousel.patients .owl-nav .owl-next.disabled,
body.before-and-after .owl-carousel.patients .owl-nav .owl-prev.disabled,
body.before-and-after .owl-carousel.patients .owl-nav .owl-next.disabled {
    cursor: default;
    opacity: .3
}

body.gallery .owl-carousel.patients .owl-nav .owl-next,
body.before-and-after .owl-carousel.patients .owl-nav .owl-next {
    background: url("https://static.tresiocms.com/images/arrow-next.png") center center no-repeat !important;
    background-size: 100% auto !important;
    margin-left: 20px
}

body.gallery .owl-carousel.patients .owl-dots,
body.before-and-after .owl-carousel.patients .owl-dots {
    display: none
}

body.gallery.gallery-default .gall-button,
body.before-and-after.gallery-default .gall-button {
    outline: 0;
    margin-top: -43px;
    margin-bottom: 21px;
    background: #000;
    border-radius: 5px;
    font-family: "imperial-urw"
}

body.gallery.gallery-default .gall-button:hover,
body.before-and-after.gallery-default .gall-button:hover {
    background: #4c4c4c
}

body.gallery.gallery-default .gall-button:focus,
body.before-and-after.gallery-default .gall-button:focus {
    background: #4c4c4c
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-default .gall-button,
    body.before-and-after.gallery-default .gall-button {
        margin-top: 0px;
        display: block;
        float: none;
        width: 100%
    }
}

body.gallery.gallery-default .gall-dropdown,
body.before-and-after.gallery-default .gall-dropdown {
    outline: 0
}

body.gallery.gallery-default .gall-dropdown li,
body.before-and-after.gallery-default .gall-dropdown li {
    padding-bottom: 0px !important;
    list-style-type: none !important
}

body.gallery.gallery-default .gall-dropdown li a,
body.before-and-after.gallery-default .gall-dropdown li a {
    padding: 14px 10px;
    font-family: "imperial-urw";
    font-weight: 300
}

body.gallery.gallery-default .sub-content .text,
body.before-and-after.gallery-default .sub-content .text {
    margin-top: 40px;
    margin-bottom: 25px
}

@media only screen and (min-width: 40.1em) {
    body.gallery.gallery-default .sub-content .text,
    body.before-and-after.gallery-default .sub-content .text {
        text-align: center;
        padding: 0 50px
    }
}

body.gallery.gallery-default .sub-content .text p,
body.before-and-after.gallery-default .sub-content .text p {
    position: relative
}

body.gallery.gallery-default .index-gallery .gallery-grid .item,
body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
    padding-top: 18%;
    position: relative;
    background: #ddd;
    border-radius: 6px;
    overflow: hidden
}

@media only screen and (min-width: 64.1em) {
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        width: calc((100% - (3 - 1)*2%)/3);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(3n),
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(3n) {
        margin-right: 0
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(3n):after,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(3n):after {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(3n+1):before,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(3n+1):before {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        margin-bottom: 2% !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        padding-top: 25%;
        width: calc((100% - (2 - 1)*2.5%)/2);
        margin-right: 2.5%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(2n),
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(2n) {
        margin-right: 0
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(2n):after,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(2n):after {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(2n+1):before,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(2n+1):before {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        margin-bottom: 2.5% !important
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        padding-top: 40%;
        width: calc((100% - (1 - 1)*0)/1);
        margin-right: 0;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(1n),
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(1n) {
        margin-right: 0
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(1n):after,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(1n):after {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item:nth-child(1n+1):before,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item:nth-child(1n+1):before {
        clear: both
    }
    body.gallery.gallery-default .index-gallery .gallery-grid .item,
    body.before-and-after.gallery-default .index-gallery .gallery-grid .item {
        margin-bottom: 20px !important
    }
}

body.gallery.gallery-default .index-gallery .gallery-grid .item img.half,
body.before-and-after.gallery-default .index-gallery .gallery-grid .item img.half {
    width: calc(50% - 2px);
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.gallery.gallery-default .index-gallery .gallery-grid .item img.half+.half,
body.before-and-after.gallery-default .index-gallery .gallery-grid .item img.half+.half {
    left: 50%
}

body.gallery.gallery-default .index-gallery .gallery-grid .item:hover,
body.before-and-after.gallery-default .index-gallery .gallery-grid .item:hover {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.gallery.gallery-popup h3,
body.before-and-after.gallery-popup h3 {
    font-size: 25px
}

body.gallery.gallery-popup .grid-popup.single .patient-holder,
body.before-and-after.gallery-popup .grid-popup.single .patient-holder {
    width: 31.33%
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .grid-popup.single .patient-holder,
    body.before-and-after.gallery-popup .grid-popup.single .patient-holder {
        width: 48.5%;
        margin-right: 3%
    }
    body.gallery.gallery-popup .grid-popup.single .patient-holder:nth-child(even),
    body.before-and-after.gallery-popup .grid-popup.single .patient-holder:nth-child(even) {
        margin-right: 0
    }
}

body.gallery.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery,
body.before-and-after.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery {
    padding-top: 62.5%
}

body.gallery.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery img,
body.before-and-after.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery img {
    width: 100%
}

body.gallery.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery:after,
body.before-and-after.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery:after {
    padding-top: 50px;
    top: calc(50% + 15px)
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery:after,
    body.before-and-after.gallery-popup .grid-popup.single .patient-holder .patient-media .popup-gallery:after {
        top: 50%
    }
}

body.gallery.gallery-popup .popup-gallery,
body.before-and-after.gallery-popup .popup-gallery {
    outline: none;
    padding-top: 35%;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #ddd;
    border-radius: 6px
}

body.gallery.gallery-popup .popup-gallery img,
body.before-and-after.gallery-popup .popup-gallery img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

body.gallery.gallery-popup .mfp-content,
body.before-and-after.gallery-popup .mfp-content {
    max-width: 820px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap {
    padding: 30px;
    background: #fff;
    border-radius: 2px;
    margin: 0 auto;
    width: 100%;
    display: block !important
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view {
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .mfp-content .gallery-wrap .view,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view {
        width: 100%
    }
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2 {
    width: calc((100% - (2 - 1)*2%)/2);
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n),
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n) {
    margin-right: 0
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n):after,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n):after {
    clear: both
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n+1):before,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2:nth-child(2n+1):before {
    clear: both
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2 {
    margin-bottom: 0px
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .mfp-content .gallery-wrap .view .feat2,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .feat2 {
        margin-bottom: 15px
    }
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .item,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .item {
    display: none
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .item img,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .item img {
    margin-bottom: 0px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .view .item:first-child,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .view .item:first-child {
    display: block
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides {
    width: 100%;
    display: none
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .mfp-content .gallery-wrap .slides,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides {
        width: 100%
    }
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2 {
    width: calc((100% - (2 - 1)*2%)/2);
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n),
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n) {
    margin-right: 0
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n):after,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n):after {
    clear: both
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n+1):before,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2:nth-child(2n+1):before {
    clear: both
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2 {
    margin-bottom: 0px
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .feat2,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .feat2 {
        margin-bottom: 15px
    }
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .item,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .item {
    display: none
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .slides .item:first-child,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .slides .item:first-child {
    display: block
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails {
    float: left;
    width: 100%;
    display: flex;
    align-items: center
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item {
    margin-bottom: 0px !important;
    display: block;
    background: #fafafa;
    border-radius: 1px;
    width: calc((100% - (6 - 1)*2%)/6);
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n),
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n) {
    margin-right: 0
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n):after,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n):after {
    clear: both
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n+1):before,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(6n+1):before {
    clear: both
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item {
        width: calc((100% - (4 - 1)*2%)/4);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n),
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n) {
        margin-right: 0
    }
    body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n):after,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n):after {
        clear: both
    }
    body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n+1):before,
    body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:nth-child(4n+1):before {
        clear: both
    }
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item img,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item img {
    width: 100%;
    margin-bottom: 0px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item img:nth-child(n+2),
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item img:nth-child(n+2) {
    display: none
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item.active,
body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:hover,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item.active,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item:hover {
    opacity: .4
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a {
    padding-top: 80%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    background: #ddd
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a img,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a:hover,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .thumbnails .item a:hover {
    opacity: 1
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details {
    margin: 20px 0
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details p,
body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul.styled li,
body.gallery.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul li,
.sub-content.full .entry-content body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul li,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details p,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul.styled li,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul li,
.sub-content.full .entry-content body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul li {
    font-size: 15px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details p,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details p {
    margin: 0
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details p+p,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details p+p {
    margin-top: 10px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul.styled,
body.gallery.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul,
.sub-content.full .entry-content body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul.styled,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul,
.sub-content.full .entry-content body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul {
    margin-top: 8px
}

body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul.styled li+li,
body.gallery.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul li+li,
.sub-content.full .entry-content body.gallery.gallery-popup .mfp-content .gallery-wrap .details ul li+li,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul.styled li+li,
body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details .sub-content.full .entry-content ul li+li,
.sub-content.full .entry-content body.before-and-after.gallery-popup .mfp-content .gallery-wrap .details ul li+li {
    margin-top: 6px
}

@media only screen and (min-width: 64.1em) {
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        width: calc((100% - (2 - 1)*3%)/2);
        margin-right: 3%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n),
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n) {
        margin-right: 0
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n):after,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n):after {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n+1):before,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n+1):before {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        margin-bottom: 2% !important
    }
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        width: calc((100% - (2 - 1)*2%)/2);
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n),
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n) {
        margin-right: 0
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n):after,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n):after {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n+1):before,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n+1):before {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        margin-bottom: 2% !important
    }
}

@media only screen and (max-width: 800px) {
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        width: calc((100% - (2 - 1)*5%)/2);
        margin-right: 5%;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n),
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n) {
        margin-right: 0
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n):after,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n):after {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder:nth-child(2n+1):before,
    body.before-and-after.gallery-popup .patient-holder:nth-child(2n+1):before {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        margin-bottom: 5% !important
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-popup .patient-holder,
    body.before-and-after.gallery-popup .patient-holder {
        width: calc((100% - (1 - 1)*0)/1);
        margin-right: 0;
        margin-bottom: 30px;
        float: left
    }
    body.gallery.gallery-popup .patient-holder:nth-child(1n),
    body.before-and-after.gallery-popup .patient-holder:nth-child(1n) {
        margin-right: 0
    }
    body.gallery.gallery-popup .patient-holder:nth-child(1n):after,
    body.before-and-after.gallery-popup .patient-holder:nth-child(1n):after {
        clear: both
    }
    body.gallery.gallery-popup .patient-holder:nth-child(1n+1):before,
    body.before-and-after.gallery-popup .patient-holder:nth-child(1n+1):before {
        clear: both
    }
}

body.gallery.gallery-popup .gallery-preview,
body.before-and-after.gallery-popup .gallery-preview {
    position: relative;
    float: left;
    width: 100%
}

body.gallery.gallery-popup .gallery-preview>div img,
body.before-and-after.gallery-popup .gallery-preview>div img {
    width: 50%;
    margin-bottom: 0px;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.gallery.gallery-popup .gallery-preview>div img+img,
body.before-and-after.gallery-popup .gallery-preview>div img+img {
    left: 50%
}

body.gallery.gallery-popup .gallery-preview>div a,
body.before-and-after.gallery-popup .gallery-preview>div a {
    position: relative;
    display: block;
    opacity: 1 !important;
    overflow: hidden
}

body.gallery.gallery-popup .gallery-preview>div a:after,
body.before-and-after.gallery-popup .gallery-preview>div a:after {
    opacity: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(20, 20, 20, .5)
}

body.gallery.gallery-popup .gallery-preview>div a:hover,
body.before-and-after.gallery-popup .gallery-preview>div a:hover {
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.gallery.gallery-popup .gallery-preview>div a:hover img,
body.before-and-after.gallery-popup .gallery-preview>div a:hover img {
    opacity: .6
}

body.gallery.gallery-popup .gallery-preview>div a:hover:after,
body.before-and-after.gallery-popup .gallery-preview>div a:hover:after {
    opacity: 1;
    box-shadow: inset 0px 0px 20px 0px #000
}

body.gallery.gallery-popup .gallery-preview>div a.single img,
body.before-and-after.gallery-popup .gallery-preview>div a.single img {
    width: 100% !important
}

body.gallery.gallery-popup .gallery-preview .patient-info,
body.before-and-after.gallery-popup .gallery-preview .patient-info {
    margin-top: 20px
}

body.gallery.gallery-popup .gallery-preview .patient-info h2,
body.before-and-after.gallery-popup .gallery-preview .patient-info h2 {
    font-size: 24px
}

body.gallery.gallery-row .mfp-image-holder .mfp-content,
body.before-and-after.gallery-row .mfp-image-holder .mfp-content {
    padding: 0;
    background: none;
    max-width: 800px
}

body.gallery.gallery-row .grid-row,
body.before-and-after.gallery-row .grid-row {
    margin-bottom: 100px
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row,
    body.before-and-after.gallery-row .grid-row {
        padding: 0
    }
}

body.gallery.gallery-row .grid-row .patient,
body.before-and-after.gallery-row .grid-row .patient {
    border: 1px solid #ddd;
    padding: 0;
    display: flex;
    width: 100%
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient,
    body.before-and-after.gallery-row .grid-row .patient {
        display: block
    }
}

body.gallery.gallery-row .grid-row .patient .patient-info,
body.before-and-after.gallery-row .grid-row .patient .patient-info {
    padding: 20px;
    border-right: 1px solid #ddd;
    width: 50%;
    min-width: 50%;
    margin-right: 0
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient .patient-info,
    body.before-and-after.gallery-row .grid-row .patient .patient-info {
        width: 100%;
        min-width: 100%;
        border-right: none
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row .patient .patient-info,
    body.before-and-after.gallery-row .grid-row .patient .patient-info {
        display: block
    }
}

body.gallery.gallery-row .grid-row .patient .patient-info h3,
body.before-and-after.gallery-row .grid-row .patient .patient-info h3 {
    font-size: 18px !important;
    color: #9a8951;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: "imperial-urw"
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient .patient-info h3,
    body.before-and-after.gallery-row .grid-row .patient .patient-info h3 {
        font-size: 15px !important
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row .patient .patient-info h3,
    body.before-and-after.gallery-row .grid-row .patient .patient-info h3 {
        font-size: 14px !important
    }
}

body.gallery.gallery-row .grid-row .patient .patient-info h3 span,
body.before-and-after.gallery-row .grid-row .patient .patient-info h3 span {
    display: block;
    color: #000;
    font-size: 18px;
    margin: 10px 0 20px;
    font-weight: 600
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient .patient-info h3 span,
    body.before-and-after.gallery-row .grid-row .patient .patient-info h3 span {
        font-size: 16px
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row .patient .patient-info h3 span,
    body.before-and-after.gallery-row .grid-row .patient .patient-info h3 span {
        font-size: 15px
    }
}

body.gallery.gallery-row .grid-row .patient .patient-info p,
body.before-and-after.gallery-row .grid-row .patient .patient-info p {
    font-size: 15px;
    margin-bottom: 0
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row .patient .patient-info p,
    body.before-and-after.gallery-row .grid-row .patient .patient-info p {
        font-size: 14px
    }
}

body.gallery.gallery-row .grid-row .patient .patient-info p:last-child,
body.before-and-after.gallery-row .grid-row .patient .patient-info p:last-child {
    margin-bottom: 0 !important
}

body.gallery.gallery-row .grid-row .patient .patient-info p.category,
body.before-and-after.gallery-row .grid-row .patient .patient-info p.category {
    margin: -15px 0 10px
}

body.gallery.gallery-row .grid-row .patient .patient-info p.results-vary,
body.before-and-after.gallery-row .grid-row .patient .patient-info p.results-vary {
    font-style: italic;
    opacity: .8
}

body.gallery.gallery-row .grid-row .patient .patient-info p+p,
body.before-and-after.gallery-row .grid-row .patient .patient-info p+p {
    margin-top: 12px
}

body.gallery.gallery-row .grid-row .patient .popup-gallery:after,
body.before-and-after.gallery-row .grid-row .patient .popup-gallery:after {
    display: none
}

body.gallery.gallery-row .grid-row .patient .patient-media,
body.before-and-after.gallery-row .grid-row .patient .patient-media {
    padding: 20px;
    width: 50%;
    min-width: 50%;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient .patient-media,
    body.before-and-after.gallery-row .grid-row .patient .patient-media {
        width: 100%;
        max-width: 600px;
        padding: 0 20px 20px
    }
}

@media only screen and (max-width: 64em) {
    body.gallery.gallery-row .grid-row .patient .patient-media .fancybox,
    body.before-and-after.gallery-row .grid-row .patient .patient-media .fancybox {
        max-width: 360px;
        margin: 0 auto 20px
    }
}

@media only screen and (max-width: 40em) {
    body.gallery.gallery-row .grid-row .patient .patient-media .fancybox,
    body.before-and-after.gallery-row .grid-row .patient .patient-media .fancybox {
        margin-bottom: 0
    }
}

body.gallery.gallery-row .grid-row .patient .patient-media .inner,
body.before-and-after.gallery-row .grid-row .patient .patient-media .inner {
    display: table-cell;
    vertical-align: middle
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon {
    float: left;
    padding-top: 40%;
    width: calc(50% - 10px);
    border-radius: 2px;
    margin-top: 20px;
    position: relative;
    background: #ddd;
    overflow: hidden
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon img,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-height: 99%
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon:nth-child(even),
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon:nth-child(even) {
    margin-left: 20px
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon:first-child,
body.gallery.gallery-row .grid-row .patient .patient-media .icon:nth-child(2),
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon:first-child,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon:nth-child(2) {
    margin-top: 0
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon:hover,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon:hover {
    opacity: .6
}

body.gallery.gallery-row .grid-row .patient .patient-media .icon:hover img,
body.before-and-after.gallery-row .grid-row .patient .patient-media .icon:hover img {
    cursor: pointer;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.05);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.05);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.05);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.05);
    transform: translateX(-50%) translateY(-50%) scale(1.05)
}

body.gallery.gallery-row .grid-row .patient+.patient,
body.before-and-after.gallery-row .grid-row .patient+.patient {
    margin-top: 40px;
    padding-top: 0
}

body.gallery-default .grid.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

body.gallery-default .grid.flex-wrap:before,
body.gallery-default .grid.flex-wrap:after {
    content: "";
    display: inline-block
}

body.gallery-default .grid.flex-wrap .item {
    width: calc(33.33% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 3px;
    display: flex;
    padding-top: 15%;
    position: relative
}

body.gallery-default .grid.flex-wrap .item img {
    object-fit: cover;
    flex: 1 1 100%;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0
}

body.gallery-default .grid.flex-wrap .item img+img {
    right: 0
}

body.gallery-default .grid.flex-wrap .item:nth-child(3n) {
    margin-right: 0
}

body.gallery-default .grid.flex-wrap .item.single {
    padding-top: 18%
}

body.gallery-default .grid.flex-wrap .item.single img {
    width: 100%
}

.popup-gallery {
    outline: none;
    position: relative
}

.popup-gallery:after {
    content: "Click Here";
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    opacity: 0;
    padding-top: 30px;
    font-size: 14px;
    visibility: hidden !important;
    top: calc(50% + 20px);
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: inline-block;
    width: 50%;
    height: 50%;
    background: url(/assets/img/search-icon.png) no-repeat center center !important;
    background-size: 8% auto !important;
    box-shadow: none !important
}

@media only screen and (max-width: 64em) {
    .popup-gallery:after {
        top: calc(50% + 12px)
    }
}

@media only screen and (max-width: 40em) {
    .popup-gallery:after {
        content: "";
        top: 50%
    }
}

.popup-gallery:hover:after {
    opacity: 1 !important;
    visibility: visible !important
}

.mod-page_gallery-index .gallery-index {
    position: relative;
    max-width: 840px;
    margin: 0 auto 50px
}

.mod-page_gallery-index .gallery-index .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mod-page_gallery-index .gallery-index .inner .item {
    width: 50%;
    margin-top: 50px;
    padding-right: 20px;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 800px) {
    .mod-page_gallery-index .gallery-index .inner .item {
        margin-top: 30px
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_gallery-index .gallery-index .inner .item {
        padding-right: 0;
        width: 100%
    }
}

.mod-page_gallery-index .gallery-index .inner .item h3 {
    color: #9a8951;
    font-family: "imperial-urw";
    font-size: 28px;
    margin-bottom: 30px
}

@media only screen and (max-width: 64em) {
    .mod-page_gallery-index .gallery-index .inner .item h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_gallery-index .gallery-index .inner .item h3 {
        font-size: 22px;
        margin-bottom: 20px
    }
}

.mod-page_gallery-index .gallery-index .inner .item h3 a {
    text-decoration: none !important
}

.mod-page_gallery-index .gallery-index .inner .item p {
    margin-bottom: 10px
}

@media only screen and (max-width: 40em) {
    .mod-page_gallery-index .gallery-index .inner .item p:last-child {
        margin-bottom: 15px
    }
}

.mod-page_gallery-index .gallery-index .inner .item a.btn,
.mod-page_gallery-index .gallery-index .inner .item .rate-us a.tab,
.rate-us .mod-page_gallery-index .gallery-index .inner .item a.tab {
    display: inline-block;
    font-size: 14px;
    border-radius: 1px;
    padding: 10px 14px
}

.mod-page_gallery-index .gallery-index.list {
    background: #fafafa;
    max-width: 100%;
    margin-bottom: 0
}

.mod-page_gallery-index .gallery-index.list .inner {
    max-width: 520px;
    margin: 0 auto;
    padding: 40px 20px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner {
        padding: 20px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_gallery-index .gallery-index.list .inner {
        padding: 70px 20px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner {
        padding: 50px 20px
    }
}

.mod-page_gallery-index .gallery-index.list .inner .item {
    width: 100%;
    margin-top: 0;
    text-align: center
}

.mod-page_gallery-index .gallery-index.list .inner .item h3 {
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner .item h3 {
        font-size: 23px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_gallery-index .gallery-index.list .inner .item h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner .item h3 {
        font-size: 22px
    }
}

.mod-page_gallery-index .gallery-index.list .inner .item h3 a {
    text-decoration: none !important
}

.mod-page_gallery-index .gallery-index.list .inner .item p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0
}

.mod-page_gallery-index .gallery-index.list .inner .item p+p {
    margin-top: 12px
}

.mod-page_gallery-index .gallery-index.list .inner .item+.item {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(20, 20, 20, .8)
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner .item+.item {
        margin-top: 25px;
        padding-top: 25px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_gallery-index .gallery-index.list .inner .item+.item {
        margin-top: 26px;
        padding-top: 26px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_gallery-index .gallery-index.list .inner .item+.item {
        margin-top: 20px;
        padding-top: 20px
    }
}

.mod-page_gallery-index .gallery-index.list .inner .item a.btn,
.mod-page_gallery-index .gallery-index.list .inner .item .rate-us a.tab,
.rate-us .mod-page_gallery-index .gallery-index.list .inner .item a.tab {
    display: none
}

main.content-wrap ul.gallery-dropdown {
    margin: 0px !important;
    position: relative;
    display: inline-block;
    float: left
}

@media only screen and (max-width: 40em) {
    main.content-wrap ul.gallery-dropdown {
        margin-top: 5px;
        display: block;
        width: 100%
    }
}

main.content-wrap ul.gallery-dropdown li.selector {
    background: #9a8951;
    padding: 6px 35px 5px 10px !important;
    text-align: left;
    min-width: 180px;
    border-radius: 2px;
    color: #fff;
    position: relative;
    font-size: 18px
}

main.content-wrap ul.gallery-dropdown li.selector:after {
    content: "";
    display: inline-block;
    background: url("https://static.tresiocms.com/images/arrow.png") no-repeat center center;
    background-size: auto 100%;
    position: absolute;
    top: 15px;
    transform: rotate(90deg) translate3d(0, 0, 0);
    right: 10px;
    width: 12px;
    height: 10px
}

@media only screen and (min-width: 64.1em) {
    main.content-wrap ul.gallery-dropdown li.selector:hover {
        cursor: pointer;
        border-radius: 2px 2px 0 0
    }
    main.content-wrap ul.gallery-dropdown li.selector:hover:after {
        top: 15px;
        transform: rotate(-90deg) translate3d(0, 0, 0)
    }
}

@media only screen and (max-width: 64em) {
    main.content-wrap ul.gallery-dropdown li.selector.active {
        cursor: pointer;
        border-radius: 2px 2px 0 0
    }
    main.content-wrap ul.gallery-dropdown li.selector.active:after {
        transform: rotate(-90deg) translate3d(0, 0, 0)
    }
}

main.content-wrap ul.gallery-dropdown li ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    width: 180px;
    max-height: 305px;
    overflow: auto;
    border-radius: 2px;
    margin: 0;
    z-index: 99;
    transition: .15s all ease-in-out;
    background: #eef0f0
}

@media only screen and (max-width: 40em) {
    main.content-wrap ul.gallery-dropdown li ul {
        width: 100%
    }
}

main.content-wrap ul.gallery-dropdown li ul li {
    padding-left: 0 !important
}

main.content-wrap ul.gallery-dropdown li ul li:before {
    display: none !important
}

main.content-wrap ul.gallery-dropdown li ul li a {
    padding: 8px 10px;
    font-size: 13px;
    text-decoration: none !important;
    color: #000 !important;
    font-weight: 300;
    display: block
}

main.content-wrap ul.gallery-dropdown li ul li a:hover {
    background: #ddd;
    opacity: 1
}

main.content-wrap ul.gallery-dropdown li ul li+li {
    margin-top: 0 !important;
    border-top: 1px solid #ddd
}

@media only screen and (max-width: 40em) {
    main.content-wrap ul.gallery-dropdown li ul li+li {
        border-top: none
    }
}

@media only screen and (min-width: 64.1em) {
    main.content-wrap ul.gallery-dropdown li:hover ul {
        top: 39px;
        border-radius: 0 0 2px 2px;
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width: 64em) {
    main.content-wrap ul.gallery-dropdown li.active ul {
        border-radius: 0 0 2px 2px;
        top: 39px;
        opacity: 1;
        visibility: visible
    }
}

main.content-wrap ul.gallery-dropdown+a {
    margin-top: 10px
}

.patients-wrap {
    margin-top: 40px;
    text-align: center;
    overflow: hidden
}

.patients-wrap h3 {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: .2px;
    text-transform: uppercase;
    position: relative
}

.patients-wrap h3:before,
.patients-wrap h3:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    border-top: 1px solid #ddd;
    width: 1000px
}

.patients-wrap h3:before {
    left: auto;
    right: calc(100% + 20px)
}

.patients-wrap .slider.patients .item a {
    position: relative;
    padding-top: 80%;
    background: #fafafa;
    display: block;
    border-radius: 3px;
    overflow: hidden
}

.patients-wrap .slider.patients .item a img {
    object-fit: cover;
    flex: 1 1 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
    position: fixed;
    outline: none !important;
    padding: 0;
    -webkit-backface-visibility: hidden
}

.mfp-content {
    max-width: 920px;
    background: #fff;
    border-radius: 2px
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: 0;
    text-align: right;
    padding-right: 12px;
    background: #9a8951
}

.mfp-counter {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ccc;
    text-shadow: 1px 1px 0px rgba(20, 20, 20, .5);
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset rgba(0, 0, 0, 0)
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 65%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px)and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mod-hero {
    background: none;
    border-bottom: 4px solid #9a8951
}

.mod-hero:before {
    display: none
}

@media only screen and (max-width: 800px) {
    .mod-hero:before {
        display: block
    }
    .lp .mod-hero:before {
        display: none
    }
}

.mod-hero .row {
    padding: calc(220px + 20%) 20px 0;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-hero .row {
        padding: 0
    }
}

@media only screen and (max-width: 800px) {
    .mod-hero .row.slim {
        padding: calc(40px + 2.5%) 20px
    }
    .lp .mod-hero .row.slim {
        padding: calc(80px + 2.5%) 20px
    }
}

@media only screen and (max-width: 40em) {
    .mod-hero .row.slim {
        padding: calc(30px + 2.2%) 20px
    }
    .lp .mod-hero .row.slim {
        padding: calc(125px + 2.5%) 20px
    }
}

.mod-hero .row .inner {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px
}

@media only screen and (max-width: 64em) {
    .mod-hero .row .inner {
        padding: 0
    }
}

.mod-hero .row .inner:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 300%
}

.mod-hero .row .inner {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 64em) {
    .mod-hero .row .inner {
        position: relative;
        top: 0;
        transform: none
    }
}

@media only screen and (max-width: 800px) {
    .mod-hero .row .inner {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
    .mod-hero .row .inner:before {
        display: none
    }
    .lp .mod-hero .row .inner {
        top: 125px
    }
}

@media only screen and (max-width: 800px)and (max-width: 40em) {
    .lp .mod-hero .row .inner {
        margin-top: 60px
    }
}

.mod-hero .row .text {
    width: 100%;
    position: relative
}

@media only screen and (max-width: 800px) {
    .mod-hero .row .text {
        padding-right: 0
    }
}

.mod-hero .row .text p {
    line-height: 1.8
}

.mod-hero .row .copy {
    border: 2px solid #9a8951;
    padding: 0 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media screen and (max-width: 1200px) {
    .mod-hero .row .copy {
        padding: 0 40px
    }
}

@media only screen and (max-width: 64em) {
    .mod-hero .row .copy {
        border: none;
        padding: 70px 40px
    }
    .mod-hero .row .copy h1 {
        font-size: 32px;
        margin-bottom: 10px
    }
    .mod-hero .row .copy .text {
        margin-top: 15px
    }
}

@media only screen and (max-width: 800px) {
    .mod-hero .row .copy {
        padding: 60px 20px
    }
}

@media only screen and (max-width: 40em) {
    .mod-hero .row .copy {
        padding: 40px 20px
    }
    .mod-hero .row .copy h1 {
        font-size: 28px;
        margin-bottom: 5px
    }
}

.mod-hero .media {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: cover !important
}

@media only screen and (max-width: 800px) {
    .mod-hero .media {
        max-width: 100%;
        background-position: right !important
    }
}

.mod-hero picture.background-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: top center
}

@media only screen and (max-width: 800px) {
    .lp .mod-hero picture.background-image img {
        height: 45%;
        object-position: 70% top
    }
}

.mod-hero.top-aligned .media {
    background-position: center 20% !important
}

.mod-hero.left-aligned .media {
    background-position: 25% center !important
}

.mod-hero.right-aligned .media {
    background-position: 75% center !important
}

.mod-reviews_slider {
    overflow: hidden;
    padding-left: 15%;
    padding-right: 15%;
    margin: 30px auto;
    background: #fafafa
}

@media only screen and (max-width: 800px) {
    .mod-reviews_slider {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 30px
    }
}

@media only screen and (max-width: 40em) {
    .mod-reviews_slider {
        padding-left: 20px;
        padding-right: 20px
    }
}

.mod-reviews_slider .owl-stage-outer {
    overflow: visible
}

.mod-reviews_slider .row {
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 80px
}

.mod-reviews_slider .row h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 50px
}

.mod-reviews_slider .owl-nav {
    text-align: center;
    padding-top: 40px
}

.mod-reviews_slider .owl-nav button {
    width: 27px;
    height: 12px;
    margin: 0 10px;
    outline: 0 !important
}

.mod-reviews_slider .owl-nav button span {
    opacity: 0
}

.mod-reviews_slider .owl-nav .owl-prev,
.mod-reviews_slider .owl-nav .owl-next {
    text-indent: -9999px;
    background: url("/assets/img/export/1619464530-arrow.png") center center no-repeat !important;
    background-size: contain !important;
    height: 23px;
    display: inline-block
}

.mod-reviews_slider .owl-nav .owl-prev:hover,
.mod-reviews_slider .owl-nav .owl-next:hover {
    opacity: .4;
    cursor: pointer
}

.mod-reviews_slider .owl-nav .owl-next {
    margin-left: 5px;
    transform: rotate(180deg)
}

.mod-reviews_slider .owl-item {
    opacity: .3;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out
}

.mod-reviews_slider .owl-item.active {
    opacity: 1
}

.mod-reviews_slider .review-title {
    font-size: 18px
}

.mod-reviews_slider .review-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 15px
}

.mod-reviews_slider .review-footer a {
    font-family: "imperial-urw";
    font-size: 17px;
    border-bottom: 1px solid #000
}

.mod-reviews_slider .review-footer .review-stars {
    margin-left: -2px;
    display: none
}

.mod-reviews_slider .review-footer .review-stars .f-icon {
    font-size: 11px
}

.home .mod-reviews_slider {
    margin-bottom: 50px
}

.mod-logo_list {
    text-align: center
}

.lp.smile-makeover .mod-logo_list {
    background-color: #000
}

.lp.smile-makeover .mod-logo_list .row {
    padding-top: 30px;
    padding-bottom: 30px
}

.mod-logo_list .logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .mod-logo_list .logo-container {
        flex-wrap: wrap
    }
}

.mod-logo_list .logo-container .img {
    display: inline-block;
    padding: 0 20px
}

.lp.smile-makeover .mod-logo_list .logo-container .img {
    padding: 0 10px
}

@media only screen and (max-width: 64em) {
    .lp.smile-makeover .mod-logo_list .logo-container .img {
        max-width: 118px;
        padding: 0 10px;
        margin-bottom: 10px !important
    }
}

@media only screen and (max-width: 40em) {
    .lp.smile-makeover .mod-logo_list .logo-container .img {
        display: block;
        padding: 0;
        margin: 0 auto
    }
}

.mod-logo_list .logo-container .img {
    max-width: 115px
}

.mod-logo_list .logo-container .img img {
    max-height: 60px
}

@media only screen and (max-width: 64em) {
    .lp.smile-makeover .mod-logo_list .logo-container .img img {
        max-height: 26px
    }
}

@media only screen and (max-width: 64em) {
    .mod-logo_list .logo-container .img {
        max-width: 200px;
        padding: 0 30px;
        margin-bottom: 30px !important
    }
}

@media only screen and (max-width: 800px) {
    .mod-logo_list .logo-container .img {
        max-width: 150px;
        padding: 0 20px;
        width: 50%
    }
}

@media only screen and (max-width: 40em) {
    .mod-logo_list .logo-container .img {
        display: block;
        padding: 0;
        margin: 0 auto
    }
}

.mod-page_index .index-list {
    position: relative;
    max-width: 840px;
    margin: 0 auto 50px
}

.mod-page_index .index-list .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mod-page_index .index-list .inner .item {
    width: 50%;
    margin-top: 50px;
    padding-right: 20px;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 800px) {
    .mod-page_index .index-list .inner .item {
        margin-top: 30px
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_index .index-list .inner .item {
        padding-right: 0;
        width: 100%
    }
}

.mod-page_index .index-list .inner .item h3 {
    color: #9a8951;
    font-family: "imperial-urw";
    font-size: 28px;
    margin-bottom: 30px
}

@media only screen and (max-width: 64em) {
    .mod-page_index .index-list .inner .item h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_index .index-list .inner .item h3 {
        font-size: 22px;
        margin-bottom: 20px
    }
}

.mod-page_index .index-list .inner .item h3 a {
    text-decoration: none !important
}

.mod-page_index .index-list .inner .item p {
    margin-bottom: 10px
}

@media only screen and (max-width: 40em) {
    .mod-page_index .index-list .inner .item p:last-child {
        margin-bottom: 15px
    }
}

.mod-page_index .index-list .inner .item a.btn,
.mod-page_index .index-list .inner .item .rate-us a.tab,
.rate-us .mod-page_index .index-list .inner .item a.tab {
    display: inline-block;
    font-size: 14px;
    border-radius: 1px;
    padding: 10px 14px
}

.mod-page_index .index-list.list {
    background: #fafafa;
    max-width: 100%;
    margin-bottom: 0
}

.mod-page_index .index-list.list .inner {
    max-width: 520px;
    margin: 0 auto;
    padding: 40px 20px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_index .index-list.list .inner {
        padding: 20px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_index .index-list.list .inner {
        padding: 70px 20px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_index .index-list.list .inner {
        padding: 50px 20px
    }
}

.mod-page_index .index-list.list .inner .item {
    width: 100%;
    margin-top: 0;
    text-align: center
}

.mod-page_index .index-list.list .inner .item h3 {
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_index .index-list.list .inner .item h3 {
        font-size: 23px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_index .index-list.list .inner .item h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_index .index-list.list .inner .item h3 {
        font-size: 22px
    }
}

.mod-page_index .index-list.list .inner .item h3 a {
    text-decoration: none !important
}

.mod-page_index .index-list.list .inner .item p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0
}

.mod-page_index .index-list.list .inner .item p+p {
    margin-top: 12px
}

.mod-page_index .index-list.list .inner .item+.item {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(20, 20, 20, .8)
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_index .index-list.list .inner .item+.item {
        margin-top: 25px;
        padding-top: 25px
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_index .index-list.list .inner .item+.item {
        margin-top: 26px;
        padding-top: 26px
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_index .index-list.list .inner .item+.item {
        margin-top: 20px;
        padding-top: 20px
    }
}

.mod-page_index .index-list.list .inner .item a.btn,
.mod-page_index .index-list.list .inner .item .rate-us a.tab,
.rate-us .mod-page_index .index-list.list .inner .item a.tab {
    display: none
}

.mod-page_gallery .content h2 {
    color: #000;
    letter-spacing: 2px;
    font-size: 40px;
    line-height: 1.05
}

.mod-page_gallery .js-age-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .85);
    z-index: 99;
    display: flex;
    flex-direction: column;
    padding: 30px;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.mod-page_gallery .js-age-filter>* {
    max-width: 400px
}

.mod-page_gallery .js-age-filter.is-active {
    opacity: 1;
    visibility: visible
}

.mod-page_gallery .js-age-filter.is-active+.page-gallery-slider {
    filter: blur(12px);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

.mod-page_gallery .js-age-filter.is-active+.page-gallery-slider .item {
    background: #fff
}

.mod-page_gallery .page-gallery-slider {
    filter: blur(0);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding-top: 40px
}

.mod-page_gallery .page-gallery-slider .owl-dots {
    text-align: center;
    padding: 30px 0
}

.mod-page_gallery .page-gallery-slider .owl-dots button {
    margin: 0 5px;
    height: 10px;
    width: 10px;
    background: #000;
    outline: 0 !important;
    border: 1px solid #000
}

.mod-page_gallery .page-gallery-slider .owl-dots button.active {
    background: #fff
}

.mod-page_gallery .page-gallery-slider .item {
    flex-direction: row;
    display: flex;
    align-items: center;
    padding: 30px;
    flex-wrap: wrap;
    background: #f7f7f7
}

@media only screen and (max-width: 800px) {
    .mod-page_gallery .page-gallery-slider .item {
        padding: 20px 4px
    }
    .mod-page_gallery .page-gallery-slider .item .small-12 {
        flex: 0 0 100%
    }
}

.mod-page_video .row {
    max-width: 1400px;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.mod-page_video .row:after {
    content: "";
    border: 1px solid #9a8951;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 50%;
    height: 100%;
    z-index: 0;
    display: none
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row:after {
        display: none
    }
}

.mod-page_video .row .inner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner {
        flex-direction: column-reverse
    }
}

.mod-page_video .row .inner .holder {
    width: 100%;
    max-width: 50%
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .holder {
        max-width: 100%
    }
}

.mod-page_video .row .inner .contentHolder {
    padding-right: 40px
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .contentHolder {
        padding: 0
    }
}

.mod-page_video .row .inner .contentHolder .text {
    width: 100%;
    max-width: 450px;
    margin-left: calc(100% - 450px)
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .contentHolder .text {
        margin: 0 auto;
        max-width: 100%;
        padding: 40px 20px 0
    }
}

.mod-page_video .row .inner .contentHolder .text h2 {
    font-size: 20px;
    margin-bottom: 30px
}

.mod-page_video .row .inner .contentHolder .text p {
    width: 100%;
    max-width: 400px
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .contentHolder .text p {
        max-width: 100%
    }
}

.mod-page_video .row .inner .contentHolder .text a.btn,
.mod-page_video .row .inner .contentHolder .text .rate-us a.tab,
.rate-us .mod-page_video .row .inner .contentHolder .text a.tab {
    margin-top: 30px
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .contentHolder .text a.btn,
    .mod-page_video .row .inner .contentHolder .text .rate-us a.tab,
    .rate-us .mod-page_video .row .inner .contentHolder .text a.tab {
        margin-top: 10px
    }
}

.mod-page_video .row .inner .videoHolder a {
    display: block;
    width: 100%;
    height: 100%
}

.mod-page_video .row .inner .videoHolder a img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 450px;
    object-position: top;
    object-fit: contain;
    object-fit: cover;
    border: 2px solid #9a8951
}

@media only screen and (max-width: 64em) {
    .mod-page_video .row .inner .videoHolder a img {
        object-fit: contain
    }
}

.mod-page_video_grid {
    overflow: hidden
}

.mod-page_video_grid .row {
    max-width: 1440px !important
}

.mod-page_video_grid .row h2 {
    font-size: 20px;
    margin-bottom: 30px
}

.mod-page_video_grid .row .vid-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width: 40em) {
    .mod-page_video_grid .row .vid-grid {
        max-width: 320px;
        margin: 0 auto
    }
}

.mod-page_video_grid .row .vid-grid .vid {
    margin-bottom: 20px;
    width: calc(33.33% - 20px);
    margin-right: 30px;
    text-align: center
}

.mod-page_video_grid .row .vid-grid .vid:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    .mod-page_video_grid .row .vid-grid .vid {
        width: calc(50% - 15px);
        margin-right: 30px
    }
    .mod-page_video_grid .row .vid-grid .vid:nth-child(3n) {
        margin-right: 30px
    }
    .mod-page_video_grid .row .vid-grid .vid:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_video_grid .row .vid-grid .vid {
        width: 100%;
        margin-right: 0 !important
    }
}

.mod-page_video_grid .row .vid-grid .vid a.media img {
    width: 100%;
    height: auto
}

.mod-page_video_grid .row .vid-grid .vid a.media:after {
    width: 50px;
    height: 50px
}

.mod-page_video_grid .row .vid-grid .vid a.media:hover:after {
    width: 60px;
    height: 60px
}

.mod-page_video_grid .row .vid-grid .vid p.title {
    margin-top: 10px
}

.mod-page_video_grid .row .vid-grid .vid p.title a {
    font-size: 16px;
    color: #000 !important;
    letter-spacing: .2px;
    font-weight: 500
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-item .vid {
    width: 100%;
    margin-right: 0
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-item .vid a {
    display: inline-block;
    width: 100%
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav {
    width: 100%;
    text-align: center;
    padding-top: 20px
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav button {
    width: 27px;
    height: 12px;
    margin: 0 10px;
    outline: 0 !important
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav button span {
    opacity: 0
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-prev,
.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-next {
    text-indent: -9999px;
    background: url("/assets/img/export/1619464530-arrow.png") center center no-repeat !important;
    background-size: contain !important;
    height: 23px;
    display: inline-block
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-prev:hover,
.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-next:hover {
    opacity: .4;
    cursor: pointer
}

.mod-page_video_grid .row .vid-grid.video-grid-slider .owl-nav .owl-next {
    background: url("/assets/img/export/1619464530-arrow.png") center center no-repeat !important;
    background-size: contain !important;
    transform: rotate(180deg);
    margin-left: 20px
}

.mod-image_slider .row h2,
.mod-image_slider_with_content .row h2 {
    margin-bottom: 30px
}

.mod-image_slider .owl-nav,
.mod-image_slider_with_content .owl-nav {
    width: 100%;
    text-align: center;
    padding-top: 40px
}

.mod-image_slider .owl-nav button,
.mod-image_slider_with_content .owl-nav button {
    width: 27px;
    height: 12px;
    margin: 0 10px;
    outline: 0 !important
}

.mod-image_slider .owl-nav button span,
.mod-image_slider_with_content .owl-nav button span {
    opacity: 0
}

.mod-image_slider .owl-nav .owl-prev,
.mod-image_slider .owl-nav .owl-next,
.mod-image_slider_with_content .owl-nav .owl-prev,
.mod-image_slider_with_content .owl-nav .owl-next {
    text-indent: -9999px;
    background: url("https://static.tresiocms.com/images/arrow-prev.png") center center no-repeat !important;
    background-size: 100% auto !important;
    padding: 16px;
    display: inline-block;
    opacity: .8
}

.mod-image_slider .owl-nav .owl-prev:hover,
.mod-image_slider .owl-nav .owl-next:hover,
.mod-image_slider_with_content .owl-nav .owl-prev:hover,
.mod-image_slider_with_content .owl-nav .owl-next:hover {
    opacity: .4;
    cursor: pointer
}

.mod-image_slider .owl-nav .owl-next,
.mod-image_slider_with_content .owl-nav .owl-next {
    background: url("https://static.tresiocms.com/images/arrow-next.png") center center no-repeat !important;
    background-size: 100% auto !important;
    margin-left: 20px
}

.mod-image_slider_with_content .row .image-slider .owl-stage-outer .owl-stage .owl-item a {
    display: block
}

@media only screen and (max-width: 800px) {
    .mod-image_slider_with_content .row .image-slider .owl-stage-outer .owl-stage .owl-item a {
        text-align: center
    }
}

.mod-image_slider_with_content .row .image-slider .owl-stage-outer .owl-stage .owl-item a img {
    height: 100%;
    max-height: 200px;
    object-fit: contain;
    margin-bottom: 20px
}

.mod-two_column.dark {
    margin: 25px auto
}

.mod-two_column:not(.dark)+.mod-two_column .row {
    padding-top: 20px
}

.mod-page_faq {
    position: relative;
    margin: 0 auto
}

.mod-page_faq .row.faq-style {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto
}

.mod-page_faq .row.faq-style .sticky-side {
    float: left;
    width: 350px
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .sticky-side {
        width: 100%;
        padding: 0;
        border: none
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .sticky-side {
        width: 100%;
        padding: 0;
        border: none
    }
}

.mod-page_faq .row.faq-style .sticky-side h2 {
    margin-bottom: 40px
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .sticky-side h2 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .sticky-side h2 {
        margin-bottom: 20px
    }
}

.mod-page_faq .row.faq-style .sticky-side .list p {
    color: #9a8951;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
    letter-spacing: 3px;
    font-weight: 500;
    cursor: pointer
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .sticky-side .list p {
        display: none
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .sticky-side .list p {
        display: none
    }
}

.mod-page_faq .row.faq-style .sticky-side .list p+p {
    margin-top: 16px
}

.mod-page_faq .row.faq-style .sticky-side .list p.active {
    color: #9a8951
}

@media only screen and (min-width: 64.1em) {
    .mod-page_faq .row.faq-style .sticky-side.sticky {
        position: fixed;
        top: 176px
    }
}

.mod-page_faq .row.faq-style .sticky-side.bottom {
    position: absolute;
    bottom: 60px
}

.mod-page_faq .row.faq-style .content {
    float: right;
    width: calc(100% - 400px);
    padding-left: 50px;
    border-left: 1px solid #646464
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .content {
        border-left: none;
        width: 100%;
        background: none;
        padding: 0
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .content {
        width: 100%;
        background: none;
        padding: 0;
        border-left: none
    }
}

.mod-page_faq .row.faq-style .content .questions .question h3 {
    font-size: 15px;
    font-weight: 500;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .content .questions .question h3 {
        background: #fcfcfc;
        border-radius: 2px;
        font-size: 18px;
        padding: 15px 45px 15px 15px;
        border: 1px solid #ddd;
        -webkit-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -ms-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
        transition: all ease-in-out .5s
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:hover {
        background: #e8e8e8;
        cursor: pointer
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:after {
        content: "";
        position: absolute;
        top: 53%;
        transform: translateY(-50%) rotate(90deg);
        right: 18px;
        width: 8px;
        height: 14px;
        background: url("https://static.tresiocms.com/images/arrow2.png") no-repeat center center;
        background-size: auto 100% !important;
        transition: .3s all ease-in-out
    }
}

@media only screen and (max-width: 800px) {
    .mod-page_faq .row.faq-style .content .questions .question h3 {
        font-size: 16px;
        letter-spacing: 0
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:after {
        right: 14px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .content .questions .question h3 {
        background: #fcfcfc;
        border-radius: 2px;
        font-size: 20px;
        padding: 16px 55px 16px 20px;
        border: 1px solid #ddd;
        -webkit-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -ms-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
        transition: all ease-in-out .5s
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:hover {
        background: #e8e8e8;
        cursor: pointer
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:after {
        content: "";
        position: absolute;
        top: 51%;
        transform: translateY(-50%) rotate(90deg);
        right: 20px;
        width: 14px;
        height: 14px;
        background: url(/assets/img/nav-arrow.png) no-repeat center center;
        background-size: auto 100% !important;
        transition: .3s all ease-in-out
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_faq .row.faq-style .content .questions .question h3 {
        padding: 14px 45px 14px 14px
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_faq .row.faq-style .content .questions .question h3 {
        font-size: 18px
    }
    .mod-page_faq .row.faq-style .content .questions .question h3:after {
        width: 12px;
        height: 12px
    }
}

.mod-page_faq .row.faq-style .content .questions .question .answer {
    position: relative
}

@media only screen and (min-width: 64em)and (min-height: 800px) {
    .mod-page_faq .row.faq-style .content .questions .question .answer {
        display: block !important
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .content .questions .question .answer {
        display: none;
        padding: 0 15px;
        margin-top: 12px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .content .questions .question .answer {
        display: none;
        padding: 0 20px;
        margin-top: 12px;
        margin-bottom: 8px
    }
}

.mod-page_faq .row.faq-style .content .questions .question .answer p {
    line-height: 1.8;
    margin-bottom: 10px
}

.mod-page_faq .row.faq-style .content .questions .question+.question {
    margin-top: 15px;
    padding-top: 15px
}

@media only screen and (max-width: 64em) {
    .mod-page_faq .row.faq-style .content .questions .question+.question {
        border-top: none;
        margin-top: 6px;
        padding-top: 6px
    }
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-page_faq .row.faq-style .content .questions .question+.question {
        border-top: none;
        margin-top: 6px;
        padding-top: 6px
    }
}

.mod-page_faq .row.faq-style .content .questions .question.opened h3 {
    background: #e8e8e8
}

.mod-page_faq .row.faq-style .content .questions .question.opened h3:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

.mod-quote .quote {
    position: relative;
    max-width: 840px;
    margin: 0 auto
}

@media only screen and (max-width: 64em) {
    .mod-quote .quote {
        max-width: 820px
    }
}

.mod-quote .quote .inner {
    display: flex;
    align-items: center
}

.mod-quote .quote .inner img.logo {
    height: 100%;
    max-height: 120px;
    object-fit: contain;
    margin-right: 50px
}

@media only screen and (max-width: 64em) {
    .mod-quote .quote .inner img.logo {
        display: none
    }
}

.mod-quote .quote .inner h3 {
    line-height: 1.4;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media only screen and (max-width: 64em) {
    .mod-quote .quote .inner h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 800px) {
    .mod-quote .quote .inner h3 {
        font-size: 26px
    }
}

.mod-quote .quote .inner h3+.author {
    font-size: 16px;
    margin-top: 40px;
    text-align: center;
    color: #999
}

@media only screen and (max-width: 800px) {
    .mod-quote .quote .inner h3+.author {
        font-size: 15px
    }
}

.mod-quote .quote .link {
    margin-top: 60px;
    overflow: hidden
}

.mod-quote .quote .link a.realself {
    float: left;
    position: relative;
    background: #fff;
    z-index: 9;
    padding-right: 20px
}

.mod-quote .quote .link a.realself img {
    max-width: 100px
}

.mod-quote .quote .link a+a {
    float: right;
    font-family: "imperial-urw";
    font-weight: 600;
    display: inline-block;
    margin-top: 4px;
    position: relative
}

.mod-quote .quote .link a+a:before {
    content: "";
    right: calc(100% + 20px);
    border-top: 1px solid #ddd;
    width: 1000px;
    position: absolute;
    top: 50%
}

.mod-quote .quote.long {
    padding-bottom: 20px !important
}

@media only screen and (max-width: 64em) {
    .mod-quote .quote.long .inner h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 800px) {
    .mod-quote .quote.long .inner h3 {
        font-size: 20px
    }
}

@media only screen and (max-width: 40em) {
    .mod-quote .quote.long .inner h3 {
        font-size: 18px
    }
}

.mod-quote .quote.long .inner .content .authorHolder .author {
    font-size: 18px;
    margin-top: 20px
}

@media only screen and (max-width: 64em) {
    .mod-quote .quote.long .inner .content .authorHolder .author {
        font-size: 17px
    }
}

@media only screen and (max-width: 800px) {
    .mod-quote .quote.long .inner .content .authorHolder .author {
        font-size: 16px
    }
}

.mod-quote .quote .author:before {
    top: calc(50% - 24px)
}

.mod-half_image .logoHolder,
.mod-doctor_module .logoHolder {
    position: relative;
    top: 90px;
    left: calc(50% - 55px);
    width: 100%;
    max-width: 110px;
    display: inline-block;
    z-index: 99
}

.lp.smile-makeover .mod-half_image .logoHolder,
.lp.smile-makeover .mod-doctor_module .logoHolder {
    display: none
}

@media only screen and (max-width: 64em) {
    .mod-half_image .logoHolder,
    .mod-doctor_module .logoHolder {
        display: none
    }
}

.mod-half_image .logoHolder:before,
.mod-doctor_module .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px
}

.mod-half_image .logoHolder img,
.mod-doctor_module .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    left: 5px;
    position: relative
}

.mod-half_image .half-image,
.mod-doctor_module .half-image {
    background: #fafafa;
    max-width: 1100px;
    overflow: hidden;
    margin: 40px auto;
    position: relative;
    padding-top: 130px;
    padding-bottom: 90px
}

@media only screen and (max-width: 64em) {
    .mod-half_image .half-image,
    .mod-doctor_module .half-image {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image,
    .mod-doctor_module .half-image {
        margin: 0 auto
    }
}

.mod-half_image .half-image .media,
.mod-doctor_module .half-image .media {
    position: absolute;
    top: 0;
    width: 50%;
    right: 50%;
    height: 100%;
    display: block;
    background-color: #fafafa;
    z-index: 9
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .media,
    .mod-doctor_module .half-image .media {
        right: 0;
        position: relative;
        margin-bottom: 20px;
        width: 100%
    }
}

.mod-half_image .half-image .media img,
.mod-doctor_module .half-image .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .media img,
    .mod-doctor_module .half-image .media img {
        max-height: 300px;
        object-fit: contain
    }
}

.mod-half_image .half-image .copy,
.mod-doctor_module .half-image .copy {
    width: 50%;
    float: right;
    position: relative;
    z-index: 3
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .copy,
    .mod-doctor_module .half-image .copy {
        width: 100%
    }
}

@media only screen and (min-width: 64.1em) {
    .mod-half_image .half-image .copy.padded,
    .mod-doctor_module .half-image .copy.padded {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 64.1em) {
    .mod-half_image .half-image .copy.padded2,
    .mod-doctor_module .half-image .copy.padded2 {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.mod-half_image .half-image .copy .inner,
.mod-doctor_module .half-image .copy .inner {
    padding: 15px 0 15px 60px;
    max-width: 470px
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .copy .inner,
    .mod-doctor_module .half-image .copy .inner {
        padding: 0;
        position: relative;
        max-width: 100%
    }
}

.mod-half_image .half-image .copy .inner h2,
.mod-doctor_module .half-image .copy .inner h2 {
    font-size: 42px;
    line-height: 1.1;
    position: relative;
    left: -3px
}

.mod-half_image .half-image .copy .inner h2 span.small,
.mod-doctor_module .half-image .copy .inner h2 span.small {
    position: relative;
    left: 3px
}

@media only screen and (max-width: 64em) {
    .mod-half_image .half-image .copy .inner h2,
    .mod-doctor_module .half-image .copy .inner h2 {
        font-size: 28px;
        left: 0;
        letter-spacing: 1px
    }
}

.mod-half_image .half-image .copy .inner a.btn,
.mod-half_image .half-image .copy .inner .rate-us a.tab,
.rate-us .mod-half_image .half-image .copy .inner a.tab,
.mod-doctor_module .half-image .copy .inner a.btn,
.mod-doctor_module .half-image .copy .inner .rate-us a.tab,
.rate-us .mod-doctor_module .half-image .copy .inner a.tab {
    margin-top: 30px
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .copy .inner a.btn,
    .mod-half_image .half-image .copy .inner .rate-us a.tab,
    .rate-us .mod-half_image .half-image .copy .inner a.tab,
    .mod-doctor_module .half-image .copy .inner a.btn,
    .mod-doctor_module .half-image .copy .inner .rate-us a.tab,
    .rate-us .mod-doctor_module .half-image .copy .inner a.tab {
        margin-top: 10px
    }
}

.mod-half_image .half-image .copy img.img,
.mod-doctor_module .half-image .copy img.img {
    position: absolute;
    right: calc(100% + 40px);
    top: 0;
    max-width: 280px
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image .copy img.img,
    .mod-doctor_module .half-image .copy img.img {
        right: 0;
        top: auto;
        max-width: 200px;
        bottom: calc(100% + 40px)
    }
}

@media only screen and (max-width: 40em) {
    .mod-half_image .half-image .copy img.img,
    .mod-doctor_module .half-image .copy img.img {
        width: 120px
    }
}

.mod-half_image .half-image.flipped .media,
.mod-doctor_module .half-image.flipped .media {
    right: auto;
    left: 50%
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image.flipped .media,
    .mod-doctor_module .half-image.flipped .media {
        width: 100%;
        left: 0
    }
}

.mod-half_image .half-image.flipped .copy,
.mod-doctor_module .half-image.flipped .copy {
    float: left
}

.mod-half_image .half-image.flipped .copy .inner,
.mod-doctor_module .half-image.flipped .copy .inner {
    float: right;
    width: 100%;
    padding: 15px 60px 15px 0px
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image.flipped .copy .inner,
    .mod-doctor_module .half-image.flipped .copy .inner {
        padding-right: 0
    }
}

.mod-half_image .half-image.flipped .copy img.img,
.mod-doctor_module .half-image.flipped .copy img.img {
    right: auto;
    left: 100%
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image.flipped .copy img.img,
    .mod-doctor_module .half-image.flipped .copy img.img {
        left: 0
    }
}

.mod-half_image .half-image.top-aligned .media,
.mod-doctor_module .half-image.top-aligned .media {
    background-position: center 20% !important
}

.mod-half_image .half-image.left-aligned .media,
.mod-doctor_module .half-image.left-aligned .media {
    background-position: 25% center !important
}

.mod-half_image .half-image.right-aligned .media,
.mod-doctor_module .half-image.right-aligned .media {
    background-position: 75% center !important
}

.mod-half_image .half-image+.links-list,
.mod-doctor_module .half-image+.links-list {
    padding-top: 20px;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image+.links-list,
    .mod-doctor_module .half-image+.links-list {
        display: block;
        text-align: center
    }
}

.mod-half_image .half-image+.links-list a,
.mod-doctor_module .half-image+.links-list a {
    color: #9a8951;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 64em) {
    .mod-half_image .half-image+.links-list a,
    .mod-doctor_module .half-image+.links-list a {
        font-size: 16px
    }
}

@media only screen and (max-width: 800px) {
    .mod-half_image .half-image+.links-list a,
    .mod-doctor_module .half-image+.links-list a {
        font-size: 15px;
        display: inline-block;
        margin: 0 20px 15px
    }
}

@media only screen and (min-width: 64.1em) {
    .mod-half_image+.mod-half_image,
    .mod-doctor_module+.mod-half_image {
        margin-top: 80px
    }
}

.mod-doctor_module {
    position: relative
}

.mod-doctor_module .logoHolder {
    position: absolute;
    top: calc(50% - 50px);
    max-width: 120px
}

.mod-doctor_module .logoHolder:before {
    top: -6px;
    left: -3px;
    width: 108px;
    height: 115px
}

.mod-doctor_module .logoHolder img {
    max-width: 120px;
    max-height: 120px
}

.mod-doctor_module .row {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 64em) {
    .mod-doctor_module .row {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.mod-doctor_module .row .media {
    background-position: top !important
}

.mod-doctor_module .row .copy .inner {
    padding: 15px 0 15px 100px
}

@media only screen and (max-width: 64em) {
    .mod-doctor_module .row .copy .inner {
        padding-left: 60px
    }
}

@media only screen and (max-width: 800px) {
    .mod-doctor_module .row .copy .inner {
        padding-left: 0
    }
}

.mod-doctor_module .row .copy .inner h2 {
    font-size: 55px;
    font-size: 45px;
    margin-bottom: 20px
}

.mod-doctor_module .row .copy .inner h2 span.small {
    margin: 0 0 15px
}

@media only screen and (max-width: 64em) {
    .mod-doctor_module .row .copy .inner h2 {
        font-size: 28px
    }
}

.mod-doctor_module .row.flipped .copy .inner {
    padding: 15px 100px 15px 0
}

@media only screen and (max-width: 64em) {
    .mod-doctor_module .row.flipped .copy .inner {
        padding-right: 60px
    }
}

@media only screen and (max-width: 800px) {
    .mod-doctor_module .row.flipped .copy .inner {
        padding-right: 0
    }
}

.mod-office_module {
    overflow: hidden
}

@media only screen and (max-width: 64em) {
    .mod-office_module .row {
        padding-bottom: 130px
    }
}

@media only screen and (max-width: 40em) {
    .mod-office_module .row {
        padding-bottom: 160px
    }
}

.mod-office_module .row .inner .office-module-slider .owl-stage-outer {
    overflow: visible
}

.mod-office_module .row .inner .office-module-slider .owl-item {
    position: relative
}

.mod-office_module .row .inner .office-module-slider .owl-item .item:before {
    content: "";
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-office_module .row .inner .office-module-slider .owl-item .item .media {
    width: 100%;
    height: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none
}

.mod-office_module .row .inner .office-module-slider .owl-item .item .content {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-width: 500px;
    max-height: 100px;
    max-height: 120px;
    padding: 20px 20px 5px 20px;
    z-index: 9;
    opacity: 0
}

@media only screen and (max-width: 64em) {
    .mod-office_module .row .inner .office-module-slider .owl-item .item .content {
        max-width: 100%;
        bottom: -120px;
        padding: 20px 0
    }
}

@media only screen and (max-width: 40em) {
    .mod-office_module .row .inner .office-module-slider .owl-item .item .content {
        max-height: 140px;
        bottom: -140px
    }
}

.mod-office_module .row .inner .office-module-slider .owl-item .item .content h2 {
    font-size: 16px;
    letter-spacing: 1px
}

.mod-office_module .row .inner .office-module-slider .owl-item .item .content p {
    font-size: 15px
}

.mod-office_module .row .inner .office-module-slider .owl-item.active .item:before {
    background: none;
    border: 1px solid #fff;
    top: 17px;
    left: 17px;
    max-width: calc(100% - 34px);
    max-height: calc(100% - 34px)
}

.mod-office_module .row .inner .office-module-slider .owl-item.active .item .content {
    opacity: 1
}

.mod-office_module .row .inner .office-module-slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 80px;
    height: 100%;
    max-height: 60px;
    position: relative;
    right: 0;
    bottom: -10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.mod-office_module .row .inner .office-module-slider .owl-dots .owl-dot {
    padding: 5px !important;
    margin: 0;
    background: #fff;
    border: 1px solid #9a8951;
    outline: none
}

.mod-office_module .row .inner .office-module-slider .owl-dots .owl-dot.active {
    background: #9a8951
}

.mod-office_module .row .inner .office-module-slider .owl-dots .owl-dot:hover {
    background: #9a8951
}

@media only screen and (max-width: 64em) {
    .mod-office_module .row .inner .office-module-slider .owl-dots .owl-dot {
        border: 1px solid #9a8951
    }
}

@media only screen and (max-width: 64em) {
    .mod-office_module .row .inner .office-module-slider .owl-dots {
        position: relative;
        bottom: -120px;
        right: 0;
        margin: 0 auto
    }
}

@media only screen and (max-width: 40em) {
    .mod-office_module .row .inner .office-module-slider .owl-dots {
        bottom: -140px
    }
}

.mod-office_module_new .row {
    position: relative;
    border: 2px solid #9a8951;
    padding: 20px;
    width: 100%;
    max-width: 1200px
}

@media screen and (max-width: 1200px) {
    .mod-office_module_new .row {
        max-width: 1000px
    }
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row {
        padding: 0;
        border: none
    }
}

.mod-office_module_new .row .media {
    width: 100%;
    height: 650px
}

@media only screen and (max-width: 64em) {
    .mod-office_module_new .row .media {
        height: 520px
    }
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .media {
        height: 280px
    }
}

.mod-office_module_new .row .copy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.mod-office_module_new .row .copy .inner {
    position: relative;
    top: -60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .copy .inner {
        top: 0
    }
}

.mod-office_module_new .row .copy .inner .logoHolder {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 130px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .copy .inner .logoHolder {
        max-width: 110px
    }
}

.mod-office_module_new .row .copy .inner .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -6px;
    left: -2px;
    width: 120px;
    height: 115px
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .copy .inner .logoHolder:before {
        top: 0;
        left: 0;
        width: 110px;
        height: 105px
    }
}

.mod-office_module_new .row .copy .inner .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 125px;
    max-height: 125px;
    object-fit: contain;
    left: 5px;
    position: relative
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .copy .inner .logoHolder img {
        max-width: 115px
    }
}

.mod-office_module_new .row .copy .inner h2 {
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    padding: 30px 40px
}

@media only screen and (max-width: 40em) {
    .mod-office_module_new .row .copy .inner h2 {
        padding: 20px 30px
    }
}

.mod-banner {
    background: #fafafa;
    background-size: cover !important;
    background-position: center center !important
}

.mod-banner .row {
    padding: calc(60px + 2.5%) 60px
}

@media only screen and (max-width: 800px) {
    .mod-banner .row {
        padding: 45px 20px
    }
}

.mod-banner .row .divider {
    margin: 50px auto
}

@media only screen and (max-width: 64em) {
    .mod-banner .row .divider {
        display: none
    }
}

.mod-banner.dark {
    background: #9a8951
}

.mod-banner.dark .row h2,
.mod-banner.dark .row h3,
.mod-banner.dark .row h4,
.mod-banner.dark .row p,
.mod-banner.dark .row ul li,
.mod-banner.dark .row a,
.mod-banner.dark .row a.link {
    color: #fff !important
}

.mod-banner.dark .row ul li {
    color: #fff !important
}

.mod-banner.dark .row ul li:before {
    background: #fff !important
}

.mod-banner.dark .row .divider.no-media:before {
    width: 100%;
    background-color: hsla(0, 0%, 100%, .25)
}

.mod-banner.dark .row .divider .media:before,
.mod-banner.dark .row .divider .media:after {
    background-color: hsla(0, 0%, 100%, .25)
}

.mod-banner.bg-vid {
    position: relative
}

.mod-banner.bg-vid .bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mod-banner.bg-vid .bg-video:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #fff;
    opacity: .8
}

.mod-banner.bg-vid .bg-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.mod-banner.bg-vid .row {
    position: relative;
    z-index: 9
}

@media only screen and (min-width: 64.1em) {
    .mod-two_third .row {
        padding-bottom: 80px
    }
}

.mod-two_third .row .inner {
    max-width: 720px
}

@media only screen and (max-width: 64em) {
    .mod-two_third .row .inner {
        max-width: 100%
    }
}

.mod-box_grid {
    background: #fafafa;
    position: relative
}

.mod-box_grid:before {
    content: "";
    background: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 800px) {
    .mod-box_grid:before {
        background: rgba(0, 0, 0, .6)
    }
}

.mod-box_grid .row {
    position: relative;
    z-index: 9
}

.mod-box_grid .content-before,
.mod-box_grid .content-after {
    max-width: 720px;
    position: relative;
    z-index: 9
}

.mod-box_grid .content-before *,
.mod-box_grid .content-after * {
    color: #fff
}

.mod-box_grid .content-before {
    margin: 20px auto 40px
}

.mod-box_grid .content-before h2 {
    margin-bottom: 20px
}

.mod-box_grid .content-after {
    margin: 40px auto 20px
}

.mod-box_grid .content-after h2 {
    margin-top: 20px
}

.mod-box_grid .boxes {
    display: flex;
    flex-wrap: wrap;
    max-width: 880px;
    margin: 0 auto;
    justify-content: center
}

.mod-box_grid .boxes .box {
    background: hsla(0, 0%, 100%, .87);
    padding: 60px;
    flex-basis: calc(50% - 15px);
    margin-top: 30px;
    border-radius: 1px;
    flex-grow: 1
}

.mod-box_grid .boxes .box:nth-last-child(odd):last-child {
    width: 100% !important
}

.mod-box_grid .boxes .box:first-child,
.mod-box_grid .boxes .box:nth-child(2) {
    margin-top: 0 !important
}

@media only screen and (max-width: 800px) {
    .mod-box_grid .boxes .box {
        padding: 40px 20px;
        flex-basis: 100%;
        margin-top: 30px
    }
    .mod-box_grid .boxes .box:nth-child(2) {
        flex-basis: 100%;
        margin-top: 30px !important
    }
}

.mod-box_grid .boxes .box:nth-child(even) {
    margin-left: 30px
}

@media only screen and (max-width: 800px) {
    .mod-box_grid .boxes .box:nth-child(even) {
        margin-left: 0
    }
}

@media only screen and (max-width: 40em) {
    .mod-box_grid .boxes .box {
        padding: 30px
    }
}

.mod-box_grid .boxes .box h2,
.mod-box_grid .boxes .box h3,
.mod-box_grid .boxes .box ul li,
.mod-box_grid .boxes .box p,
.mod-box_grid .boxes .box a {
    color: #000 !important
}

.mod-box_grid .boxes .box h2,
.mod-box_grid .boxes .box h3,
.mod-box_grid .boxes .box h4 {
    font-size: 24px;
    text-align: center
}

.mod-box_grid .boxes .box a:not(.btn) {
    text-decoration: underline
}

.mod-box_grid .boxes .box a.btn,
.mod-box_grid .boxes .box .rate-us a.tab,
.rate-us .mod-box_grid .boxes .box a.tab {
    margin-top: 20px
}

.mod-box_grid .boxes .box a.btn:hover,
.mod-box_grid .boxes .box .rate-us a.tab:hover,
.rate-us .mod-box_grid .boxes .box a.tab:hover {
    color: #fff !important
}

.mod-box_grid .boxes.wider,
.mod-box_grid .boxes.no-stack {
    max-width: 1200px
}

.mod-box_grid .boxes.no-stack {
    flex-wrap: nowrap
}

@media only screen and (max-width: 64em) {
    .mod-box_grid .boxes.no-stack {
        flex-wrap: wrap
    }
}

.mod-box_grid .boxes.no-stack .box {
    margin-top: 0 !important
}

@media only screen and (max-width: 64em) {
    .mod-box_grid .boxes.no-stack .box {
        margin-top: 30px !important
    }
    .mod-box_grid .boxes.no-stack .box:first-child,
    .mod-box_grid .boxes.no-stack .box:nth-child(2) {
        margin-top: 0 !important
    }
}

@media only screen and (max-width: 800px) {
    .mod-box_grid .boxes.no-stack .box {
        flex-basis: 100%;
        margin-top: 30px
    }
    .mod-box_grid .boxes.no-stack .box:nth-child(2) {
        flex-basis: 100%;
        margin-top: 30px !important
    }
}

.mod-box_grid .boxes.no-stack .box+.box {
    margin-left: 30px !important
}

@media only screen and (max-width: 800px) {
    .mod-box_grid .boxes.no-stack .box+.box {
        margin-left: 0 !important
    }
}

.mod-box_grid .boxes.single {
    display: block;
    max-width: 820px
}

.mod-box_grid .boxes.single .box {
    max-width: 100%;
    width: 100%
}

.mod-box_grid.dark .content-before h2,
.mod-box_grid.dark .content-before h3,
.mod-box_grid.dark .content-before ul li,
.mod-box_grid.dark .content-before p,
.mod-box_grid.dark .content-after h2,
.mod-box_grid.dark .content-after h3,
.mod-box_grid.dark .content-after ul li,
.mod-box_grid.dark .content-after p {
    color: #fff !important
}

.mod-box_grid .boxes .logoHolder {
    display: none
}

.mod-box_grid .boxes .box {
    background: #fff
}

.mod-box_grid .boxes .box.Four+.logoHolder {
    top: calc(50% - 23px);
    left: calc(50% - 75px);
    max-width: 150px;
    height: 100%;
    max-height: 130px;
    width: 100%;
    position: absolute;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    .mod-box_grid .boxes .box.Four+.logoHolder {
        display: none
    }
}

.mod-box_grid .boxes .box.Four+.logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    height: 128px
}

.mod-box_grid .boxes .box.Four+.logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 160px;
    max-height: 160px;
    object-fit: contain;
    left: 5px;
    position: relative
}

.mod-contact.banner {
    background: #ccc
}

.mod-contact.banner:after {
    width: 100%
}

@media only screen and (max-width: 64em) {
    .mod-contact.banner:before {
        display: none
    }
}

.mod-contact.banner .row {
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.lp .mod-contact.banner .row {
    flex-direction: column;
    align-items: center
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row {
        flex-direction: column
    }
}

.mod-contact.banner .row .inner {
    float: left;
    max-width: 40% !important
}

.lp .mod-contact.banner .row .inner {
    width: 100%;
    padding-right: 0;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .inner {
        width: 100%;
        max-width: 100% !important;
        text-align: center
    }
}

.mod-contact.banner .row .inner .s3breadcrumb {
    color: #000 !important;
    margin-bottom: 50px
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .inner .s3breadcrumb {
        margin-bottom: 30px
    }
}

.mod-contact.banner .row .inner .s3breadcrumb li+li:before {
    color: #000
}

.mod-contact.banner .row .inner .s3breadcrumb li a {
    color: #000 !important
}

.mod-contact.banner .row .inner .s3breadcrumb li a span {
    color: #000 !important
}

.mod-contact.banner .row .inner h1 {
    font-size: 45px;
    letter-spacing: 2px;
    margin-bottom: 40px
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .inner h1 {
        font-size: 40px;
        margin-bottom: 20px
    }
}

.mod-contact.banner .row .inner p,
.mod-contact.banner .row .inner span,
.mod-contact.banner .row .inner a {
    font-size: 16px;
    display: block
}

.mod-contact.banner .row .inner p.small,
.mod-contact.banner .row .inner span.small,
.mod-contact.banner .row .inner a.small {
    font-size: 80%;
    line-height: 1;
    padding-bottom: 5px
}

.mod-contact.banner .row .inner * {
    color: #000
}

.mod-contact.banner .row .inner .location+.location {
    margin-top: 50px
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .inner .location+.location {
        margin-top: 30px
    }
}

.lp .mod-contact.banner .row .form-holder {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto
}

.mod-contact.banner .row .form-holder {
    max-width: 50%
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .form-holder {
        max-width: 100%;
        width: 100%;
        margin-top: 30px
    }
}

.mod-contact.banner .row .form-holder form input:focus,
.mod-contact.banner .row .form-holder form textarea:focus {
    background: hsla(0, 0%, 100%, .4)
}

.mod-contact.banner .row .form-holder form i.recap-req {
    margin-top: 10px;
    display: block;
    color: #000
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .form-holder form i.recap-req {
        text-align: left
    }
}

.mod-contact.banner .row .form-holder form #submit {
    color: #fff;
    background: #000;
    letter-spacing: .5px;
    background-size: 17px auto !important;
    padding: 14px 20px 12px;
    width: 100px;
    border-radius: 1px
}

.mod-contact.banner .row .form-holder form #submit:hover {
    background: #000;
    color: #fff
}

.mod-contact.banner .row .form-holder #recaptcha1>div {
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .mod-contact.banner .row .form-holder #recaptcha1>div {
        margin: 0
    }
}

.mod-contact.banner .row .form-holder.ty {
    background: hsla(0, 0%, 100%, .8);
    padding: 50px
}

.mod-contact.banner.dark {
    background: #000
}

.mod-contact.banner.dark .row .inner .s3breadcrumb {
    color: #fff !important
}

.mod-contact.banner.dark .row .inner .s3breadcrumb li a {
    color: #fff !important
}

.mod-contact.banner.dark .row .inner .s3breadcrumb li a span {
    color: #fff !important
}

.mod-contact.banner.dark .row .inner .s3breadcrumb li+li:before {
    color: #fff
}

.mod-contact.banner.dark .row .inner * {
    color: #fff
}

.mod-contact.banner.dark .row .form-holder form i.recap-req {
    color: #fff
}

.mod-contact.banner.dark .row .form-holder form #submit {
    color: #000;
    background: #fff
}

.mod-contact.banner.dark .row .form-holder form #submit:hover {
    color: #fff;
    background: #000
}

.mod-social {
    margin-bottom: 50px;
    overflow-x: hidden
}

.mod-social .row h2 {
    margin-bottom: 60px
}

.mod-social .row ul.socials {
    display: flex;
    justify-content: center;
    transform: scale(3.5)
}

@media only screen and (max-width: 64em) {
    .mod-social .row ul.socials {
        transform: scale(3)
    }
}

@media only screen and (max-width: 800px) {
    .mod-social .row ul.socials {
        transform: scale(2.5)
    }
}

@media only screen and (max-width: 40em) {
    .mod-social .row ul.socials {
        transform: scale(2)
    }
}

.mod-social .row ul.socials li {
    border-radius: 2px;
    background: #fafafa;
    padding-left: 5.625px !important
}

.mod-social .row ul.socials li a {
    background: #fafafa !important
}

.mod-social .row ul.socials li+li {
    margin-top: 0 !important;
    margin-left: 10px
}

.mod-social .row.light ul.socials li {
    background: #000
}

.mod-social .row.light ul.socials li a {
    background: #000 !important
}

.divider .media {
    display: flex;
    justify-content: center;
    align-items: center
}

.divider .media:before,
.divider .media:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .25)
}

.divider .media img {
    max-width: 110px;
    margin-left: 40px;
    margin-right: 40px;
    object-fit: contain
}

.divider .media img:hover {
    cursor: default;
    pointer-events: none
}

.divider.no-media {
    position: relative
}

.divider.no-media:before {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.divider.no-media .media {
    display: none
}

.mod-cta {
    position: relative;
    background: #fafafa;
    margin: 80px auto;
    max-width: 100%
}

@media only screen and (max-width: 64em) {
    .mod-cta {
        margin: 65px auto
    }
}

@media only screen and (max-width: 40em) {
    .mod-cta {
        margin: 50px auto
    }
}

.mod-cta:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #fff;
    opacity: .65;
    display: none
}

.mod-cta img.alt {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 200px;
    max-height: 200px
}

.mod-cta .row {
    background-size: cover;
    background-position: center center;
    padding: calc(80px + 4%) 20px 100px;
    position: relative;
    z-index: 9;
    max-width: 100%
}

@media only screen and (max-width: 40em) {
    .mod-cta .row {
        padding: calc(50px + 3%) 20px
    }
}

.mod-cta .row .logoHolder {
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    width: 100%;
    max-width: 100px;
    display: inline-block;
    z-index: 99
}

.mod-cta .row .logoHolder img {
    height: 100%;
    max-height: 100px
}

.mod-cta .row .text {
    display: inline-block;
    width: 100%;
    max-width: 800px;
    position: relative;
    z-index: 9
}

.mod-cta .row .text h3 {
    color: #fff;
    font-size: 32px
}

@media only screen and (max-width: 64em) {
    .mod-cta .row .text h3 {
        font-size: 28px
    }
}

@media only screen and (max-width: 40em) {
    .mod-cta .row .text h3 {
        font-size: 24px
    }
}

.mod-cta .row .text p {
    color: #fff
}

.mod-cta .row a.btn,
.mod-cta .row .rate-us a.tab,
.rate-us .mod-cta .row a.tab {
    margin-top: 20px;
    display: inline-block
}

.mod-cta.thin {
    background: #9a8951
}

.mod-cta.thin .row {
    text-align: left !important;
    padding: 30px 60px;
    max-width: 920px;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .mod-cta.thin .row {
        padding: 20px 40px
    }
}

.mod-cta.thin .row .text {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 800px) {
    .mod-cta.thin .row .text {
        display: block;
        text-align: center
    }
}

.mod-cta.thin .row .text h3 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 0
}

@media only screen and (max-width: 800px) {
    .mod-cta.thin .row .text h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 12px
    }
}

.mod-cta.thin .row .text a {
    margin-top: 0
}

.mod-cta.thin .row .text a.tel {
    color: #fff;
    margin-left: 40px;
    padding: 0;
    font-size: 20px
}

@media only screen and (max-width: 800px) {
    .mod-cta.thin .row .text a.tel {
        margin: 0 auto 14px;
        display: block;
        max-width: 240px
    }
}

.mod-cta.thin .row .text a.contact {
    max-width: 160px;
    margin-left: 20px;
    border: 1px solid #fff
}

@media only screen and (max-width: 800px) {
    .mod-cta.thin .row .text a.contact {
        margin-left: 0;
        font-size: 15px;
        padding: 12px 24px
    }
}

.mod-cta_general {
    border-bottom: 4px solid #9a8951
}

@media only screen and (max-width: 64em) {
    .mod-cta_general {
        margin: 30px auto
    }
}

.mod-cta_general .row .logoHolder {
    top: -55px;
    position: absolute;
    left: calc(50% - 55px);
    width: 100%;
    max-width: 110px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    .mod-cta_general .row .logoHolder {
        display: none
    }
}

.mod-cta_general .row .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 98px
}

.mod-cta_general .row .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    left: 5px;
    position: relative
}

.mod-cta_general .row .text p a.link {
    color: #fff !important;
    font-weight: 400
}

.mod-cta_general .row .text .btn,
.mod-cta_general .row .text .rate-us .tab,
.rate-us .mod-cta_general .row .text .tab {
    border-color: #fff;
    color: #fff
}

.mod-cta_gallery {
    position: relative;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.mod-cta_gallery:before {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    top: 17px;
    left: 17px;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 34px);
    max-height: calc(100% - 34px);
    pointer-events: none;
    z-index: 999
}

@media only screen and (max-width: 64em) {
    .mod-cta_gallery:before {
        display: none
    }
}

.mod-cta_gallery:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    background: #000;
    opacity: .3
}

.mod-cta_gallery .row {
    background-position: top !important;
    padding: calc(180px + 5%) 20px 240px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    .mod-cta_gallery .row {
        padding: calc(120px + 5%) 20px 140px
    }
}

@media only screen and (max-width: 64em) {
    .mod-cta_gallery .row {
        padding: 200px 20px 140px
    }
}

@media only screen and (max-width: 800px) {
    .mod-cta_gallery .row {
        padding: 170px 20px 80px
    }
}

.mod-cta_gallery .row .text h3 {
    font-size: calc(40px + 3vw);
    letter-spacing: 18px;
    margin-bottom: 30px
}

@media only screen and (max-width: 64em) {
    .mod-cta_gallery .row .text h3 {
        font-size: 60px;
        letter-spacing: 12px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 800px) {
    .mod-cta_gallery .row .text h3 {
        font-size: 50px;
        letter-spacing: 5px
    }
}

.mod-cta_gallery .row .text .btn,
.mod-cta_gallery .row .text .rate-us .tab,
.rate-us .mod-cta_gallery .row .text .tab {
    border-color: #fff;
    color: #fff;
    width: 100%;
    max-width: 170px
}

.mod-cta_gallery .videoHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod-cta_gallery .videoHolder video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mod-cta_dental_artistry {
    border-bottom: 4px solid #9a8951;
    margin-left: auto;
    margin-right: auto;
    max-width: 1800px;
    overflow: hidden
}

.mod-cta_dental_artistry .row {
    padding: calc(170px + 5%) 20px;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row {
        padding: 80px 20px
    }
}

.mod-cta_dental_artistry .row picture.background {
    border-bottom: 8px solid #fff
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row picture.background {
        width: calc(200% + 30px);
        left: 0;
        transform: none;
        top: 0
    }
}

.mod-cta_dental_artistry .row .inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner {
        flex-direction: column-reverse;
        max-width: 100%;
        justify-content: center;
        text-align: center
    }
}

.mod-cta_dental_artistry .row .inner .logoHolder {
    width: 100%;
    max-width: 120px;
    height: 100%;
    max-height: 120px;
    top: calc(50% - 70px);
    left: calc(50% - 70px)
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner .logoHolder {
        margin-bottom: 20px;
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }
}

.mod-cta_dental_artistry .row .inner .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -1px;
    left: 5px;
    width: 120px;
    height: 120px
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner .logoHolder:before {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.mod-cta_dental_artistry .row .inner .logoHolder picture.logo {
    display: block;
    width: 100%;
    height: 100%
}

.mod-cta_dental_artistry .row .inner .logoHolder picture.logo img {
    width: 100%;
    height: 100%;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    left: 20px;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner .logoHolder picture.logo img {
        max-width: 100%;
        max-height: 100%;
        left: 14px
    }
}

.mod-cta_dental_artistry .row .inner .text {
    width: 100%;
    max-width: 450px;
    top: 20px
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner .text {
        top: auto
    }
}

.mod-cta_dental_artistry .row .inner .text h2 {
    color: #9a8951;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 30px;
    letter-spacing: 5px
}

@media only screen and (max-width: 64em) {
    .mod-cta_dental_artistry .row .inner .text h2 {
        font-size: 24px;
        margin-bottom: 20px;
        letter-spacing: 2px
    }
}

.mod-cta_dental_artistry .row .inner .text a.btn,
.mod-cta_dental_artistry .row .inner .text .rate-us a.tab,
.rate-us .mod-cta_dental_artistry .row .inner .text a.tab {
    margin-top: 0;
    font-size: 13px;
    padding: 12px 30px 10px
}

.mod-page_staff .staff-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1024px
}

.mod-page_staff .staff-list:before,
.mod-page_staff .staff-list:after {
    content: "";
    display: inline-block
}

.mod-page_staff .staff-list .staff {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
    overflow: hidden
}

.mod-page_staff .staff-list .staff:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width: 800px) {
    .mod-page_staff .staff-list .staff {
        width: 47.5%
    }
    .mod-page_staff .staff-list .staff:nth-child(3n) {
        margin-right: 5%
    }
    .mod-page_staff .staff-list .staff:nth-child(2n) {
        margin-right: 0
    }
}

.mod-page_staff .staff-list .staff .copy {
    position: relative;
    margin-top: 20px
}

.mod-page_staff .staff-list .staff .copy .inner h2 {
    font-size: 28px !important;
    letter-spacing: .5px;
    margin-bottom: 10px
}

@media only screen and (max-width: 64em) {
    .mod-page_staff .staff-list .staff .copy .inner h2 {
        font-size: 25px !important
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_staff .staff-list .staff .copy .inner h2 {
        margin-top: 10px;
        font-size: 22px !important
    }
}

@media only screen and (max-width: 64em) {
    .mod-page_staff .staff-list .staff .copy .inner p.intro {
        font-size: 16px !important
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_staff .staff-list .staff .copy .inner p.intro {
        margin-top: -5px;
        margin-bottom: 0
    }
}

.mod-page_rating_box .row {
    display: flex;
    flex-wrap: wrap
}

.mod-page_rating_box .row .review-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 40px 20px;
    border: 1px solid #000
}

@media only screen and (max-width: 64em) {
    .mod-page_rating_box .row .review-box {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%
    }
}

@media only screen and (max-width: 40em) {
    .mod-page_rating_box .row .review-box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 20px
    }
    .mod-page_rating_box .row .review-box h3,
    .mod-page_rating_box .row .review-box p {
        margin-bottom: 8px
    }
}

.mod-page_rating_box .row .review-box:nth-child(even) {
    margin-right: 0
}

.mod-page_rating_box .row .review-box .reviews-holder {
    text-align: center
}

.mod-page_rating_box .row .review-box .reviews-holder .stars .f-icon {
    color: #9a8951;
    font-size: 14px
}

.mod-cta_ba {
    max-width: 1400px;
    background: #fafafa
}

.mod-cta_ba .row {
    padding: calc(40px + 2%) 20px 60px;
    max-width: 1200px
}

.mod-cta_ba .row .title {
    text-align: center
}

.mod-cta_ba .row .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
    gap: 40px
}

@media only screen and (max-width: 800px) {
    .mod-cta_ba .row .inner {
        flex-direction: column;
        margin-bottom: 0;
        gap: 20px
    }
}

.mod-cta_ba .row .inner .text {
    width: 100%;
    max-width: 500px
}

@media only screen and (max-width: 800px) {
    .mod-cta_ba .row .inner .text {
        max-width: 100%
    }
}

.mod-cta_ba .row .inner .text h2,
.mod-cta_ba .row .inner .text h3 {
    font-size: 24px;
    color: #000;
    line-height: 1.4
}

@media only screen and (max-width: 64em) {
    .mod-cta_ba .row .inner .text h2,
    .mod-cta_ba .row .inner .text h3 {
        line-height: 1.2
    }
}

@media only screen and (max-width: 64em)and (max-width: 64em) {
    .mod-cta_ba .row .inner .text h2 .small,
    .mod-cta_ba .row .inner .text h3 .small {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 16px
    }
}

@media only screen and (max-width: 800px) {
    .mod-cta_ba .row .inner .text h2,
    .mod-cta_ba .row .inner .text h3 {
        font-size: 20px
    }
}

.mod-cta_ba .row .inner .text p.name {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
    margin-top: 30px
}

@media only screen and (max-width: 64em) {
    .mod-cta_ba .row .inner .text p.name {
        margin-top: 20px;
        letter-spacing: 1px
    }
}

.mod-cta_ba .row .inner .patients {
    width: 100%;
    max-width: 50%
}

@media only screen and (max-width: 40em) {
    .mod-cta_ba .row .inner .patients {
        max-width: 100%
    }
}

.mod-cta_ba .row .inner .patients .patient {
    width: 100%;
    max-width: 400px;
    max-width: 500px;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .mod-cta_ba .row .inner .patients .patient {
        max-width: 100%;
        display: flex;
        justify-content: center
    }
}

.mod-cta_ba .row .inner .patients .patient a {
    margin: 0
}

@media only screen and (max-width: 800px) {
    .mod-cta_ba .row .inner .patients .patient a {
        text-align: center
    }
}

.mod-cta_ba .row .inner .patients .patient a img {
    object-fit: contain
}

.mod-cta_ba .row .inner .patients .logoHolder {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 70px);
    width: 100%;
    max-width: 100px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    .mod-cta_ba .row .inner .patients .logoHolder {
        display: none
    }
}

.mod-cta_ba .row .inner .patients .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -3px;
    left: 0;
    width: 92px;
    height: 92px
}

.mod-cta_ba .row .inner .patients .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 110px;
    max-height: 110px;
    object-fit: contain;
    left: 7px;
    position: relative
}

.mod-cta_ba .row .btnHolder {
    text-align: center
}

.mod-intro {
    position: relative
}

.mod-intro .row {
    position: relative
}

.mod-intro .row .inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

@media only screen and (max-width: 800px) {
    .mod-intro .row .inner {
        max-width: 100%
    }
}

.mod-intro .row .inner .topHolder .title {
    margin: 0 auto 30px
}

@media only screen and (max-width: 64em) {
    .mod-intro .row .inner .topHolder .title {
        margin-bottom: 20px
    }
}

.mod-intro .row .inner .topHolder .title h2 {
    font-size: 30px;
    margin: 0
}

@media only screen and (max-width: 800px) {
    .mod-intro .row .inner .topHolder .title h2 {
        font-size: 32px
    }
}

@media only screen and (max-width: 40em) {
    .mod-intro .row .inner .topHolder .title h2 {
        font-size: 28px
    }
}

.mod-intro .row .inner .bottomHolder {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 64em) {
    .mod-intro .row .inner .bottomHolder {
        flex-direction: column
    }
}

.mod-intro .row .imageHolder {
    margin-top: 40px;
    height: 350px;
    position: relative
}

@media only screen and (max-width: 64em) {
    .mod-intro .row .imageHolder {
        margin-top: 30px
    }
}

.mod-intro .row .imageHolder .media {
    width: 100%;
    height: 250px
}

@media only screen and (max-width: 800px) {
    .mod-intro .row .imageHolder .media {
        padding: 0;
        height: 250px
    }
}

.mod-intro .row .imageHolder .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 10%
}

.mod-intro.has-uniqueImage {
    margin-bottom: 200px
}

.mod-intro.has-uniqueImage .row .inner {
    position: relative
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder .content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    height: 200px;
    max-width: 100%;
    left: 0;
    top: 100%
}

@media only screen and (max-width: 64em) {
    .mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper {
        max-width: 450px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width: 64em) {
    .mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper .twentytwenty-container {
        height: 150px !important;
        width: 100%
    }
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper .twentytwenty-container.active {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    position: relative
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull {
    flex-direction: column
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .content,
.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .twentytwenty-wrapper {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .twentytwenty-wrapper {
    max-width: 400px
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .twentytwenty-container {
    display: none
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .twentytwenty-container.active {
    display: block
}

.mod-intro.has-uniqueImage .row .inner .bottomHolder.uniqueImageFull .content {
    margin-bottom: 30px
}

.mod-intro.has-uniqueImage.flipped .row .inner .bottomHolder {
    flex-direction: row-reverse
}

@media only screen and (max-width: 64em) {
    .mod-intro.has-uniqueImage.flipped .row .inner .bottomHolder {
        flex-direction: column
    }
}

.mod-intro.hasBorder .row .inner {
    display: flex;
    border: 2px solid #9a8951;
    align-items: center;
    padding: 40px 60px;
    max-width: 1000px
}

@media only screen and (max-width: 64em) {
    .mod-intro.hasBorder .row .inner {
        flex-direction: column;
        border: none;
        padding: 0
    }
}

.mod-intro.hasBorder .row .inner .topHolder {
    max-width: 300px
}

@media only screen and (max-width: 64em) {
    .mod-intro.hasBorder .row .inner .topHolder {
        max-width: 100%
    }
}

.mod-intro.hasBorder .row .inner .topHolder .title {
    max-width: 300px;
    margin-bottom: 0;
    margin-right: 30px
}

@media only screen and (max-width: 64em) {
    .mod-intro.hasBorder .row .inner .topHolder .title {
        margin: 0 auto 20px;
        max-width: 100%
    }
}

.mod-intro.hasBorder .row .inner .bottomHolder {
    max-width: 100%
}

.mod-page_articles_grid {
    position: relative
}

.mod-page_articles_grid .articles-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.mod-page_articles_grid .articles-grid .item {
    width: calc(33% - 30px);
    border: 1px solid #e7e7e7;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center
}

.mod-page_articles_grid .articles-grid .item .logo-wrap {
    text-align: center;
    margin-bottom: 15px
}

.mod-page_articles_grid .articles-grid .item .logo-wrap img {
    max-height: 150px;
    max-width: 150px;
    margin: 0 auto
}

.mod-page_articles_grid .articles-grid .item h4 {
    font-size: 20px;
    text-transform: none
}

.mod-page_articles_grid .articles-grid .item p {
    font-size: 14px
}

.mod-page_articles_grid .articles-grid .item .btn,
.mod-page_articles_grid .articles-grid .item .rate-us .tab,
.rate-us .mod-page_articles_grid .articles-grid .item .tab {
    order: 1;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 40em) {
    .mod-page_articles_grid .articles-grid .item {
        width: 100%
    }
}

body.blog .banner {
    background: #9a8951
}

body.blog .banner:before {
    display: none
}

body.blog .banner .row {
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 20px
}

body.blog .banner .row .inner {
    width: 100%;
    max-width: 100%
}

body.blog .banner .row .inner h1,
body.blog .banner .row .inner h2 {
    font-size: 52px;
    line-height: 1.05;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #fff;
    position: relative;
    display: block
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.blog .banner .row .inner h1,
    body.blog .banner .row .inner h2 {
        font-size: 42px
    }
}

@media only screen and (max-width: 64em) {
    body.blog .banner .row .inner h1,
    body.blog .banner .row .inner h2 {
        padding-left: 0;
        font-size: 44px
    }
}

@media only screen and (max-width: 40em) {
    body.blog .banner .row .inner h1,
    body.blog .banner .row .inner h2 {
        letter-spacing: 2px;
        font-size: 36px;
        line-height: 1.2
    }
}

body.blog .banner .row .inner h1 span.small,
body.blog .banner .row .inner h2 span.small {
    display: block;
    font-size: 50%
}

body.blog .banner .row .inner h1.long-title,
body.blog .banner .row .inner h2.long-title {
    font-size: 44px
}

@media only screen and (min-width: 64em)and (max-height: 800px) {
    body.blog .banner .row .inner h1.long-title,
    body.blog .banner .row .inner h2.long-title {
        font-size: 38px
    }
}

@media only screen and (max-width: 64em) {
    body.blog .banner .row .inner h1.long-title,
    body.blog .banner .row .inner h2.long-title {
        font-size: 36px
    }
}

@media only screen and (max-width: 40em) {
    body.blog .banner .row .inner h1.long-title,
    body.blog .banner .row .inner h2.long-title {
        font-size: 30px
    }
}

body.blog .banner .row .inner ul.s3breadcrumb {
    margin-bottom: 0
}

body.blog .banner .row .inner ul.s3breadcrumb li:nth-child(n+4) {
    display: none
}

body.blog .banner .row .inner ul.s3breadcrumb li {
    color: #fff !important
}

body.blog .banner .row .inner ul.s3breadcrumb li a {
    color: #fff !important
}

body.blog .banner .row .inner ul.s3breadcrumb li+li:before {
    color: #fff
}

body.blog .banner+.container {
    background: none
}

body.blog .banner+.container .row {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 40px
}

body.blog .container.main {
    padding: 0
}

body.blog .container.main .sidebar {
    display: none
}

body.blog .elementor-element {
    margin-bottom: 30px
}

.logged-in #wpadminbar {
    top: 0px
}

.logged-in .sticky-nav {
    top: 0px !important
}

.logged-in header {
    top: 32px
}

@media only screen and (max-width: 64em) {
    .logged-in header {
        top: 2px
    }
}

@media only screen and (max-width: 40em) {
    .logged-in header {
        top: 13px
    }
}

.logged-in header.scrolled {
    top: -82px
}

@media only screen and (max-width: 64em) {
    .logged-in.blog header,
    .logged-in.single-post header {
        margin-top: 37px
    }
}

@media only screen and (max-width: 40em) {
    .logged-in.blog header,
    .logged-in.single-post header {
        margin-top: 27px
    }
}

@media only screen and (max-width: 64em) {
    .logged-in.blog #wpadminbar,
    .logged-in.single-post #wpadminbar {
        top: 40px !important
    }
}

.sub-content.full .entry-thumbnail {
    max-width: 320px;
    border-radius: 2px
}

.sub-content.full a.featured-image {
    display: inline-block
}

.sub-content.full a.featured-image img {
    max-width: 320px;
    border-radius: 2px
}

@media only screen and (max-width: 64em) {
    .sub-content.full a.featured-image img {
        max-width: 280px
    }
}

@media only screen and (max-width: 800px) {
    .sub-content.full a.featured-image img {
        max-width: 240px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full a.featured-image img {
        max-width: 200px
    }
}

.sub-content.full a.featured-image:hover {
    opacity: .6;
    cursor: pointer
}

.sub-content.full .entry-content {
    font-size: 16px;
    line-height: 2
}

.sub-content.full .entry-content h3.entry-title,
.sub-content.full .entry-content h2.entry-title {
    color: #000;
    text-transform: none;
    margin-bottom: 15px;
    line-height: 1.4
}

.sub-content.full .entry-content h2,
.sub-content.full .entry-content h3 {
    margin-top: 30px !important;
    margin-bottom: 10px
}

.sub-content.full .entry-content h2 {
    font-size: 32px
}

@media only screen and (max-width: 64em) {
    .sub-content.full .entry-content h2 {
        font-size: 29px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full .entry-content h2 {
        font-size: 26px
    }
}

.sub-content.full .entry-content h3 {
    font-size: 28px
}

@media only screen and (max-width: 64em) {
    .sub-content.full .entry-content h3 {
        font-size: 25px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full .entry-content h3 {
        font-size: 23px
    }
}

.sub-content.full .entry-content p {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 0
}

.sub-content.full .entry-content p a {
    color: #9a8951
}

.sub-content.full .entry-content p a:not(.btn) {
    text-decoration: underline
}

.sub-content.full .entry-content p+p {
    margin-top: 20px
}

.sub-content.full .entry-content p.published {
    font-weight: 400
}

.sub-content.full .entry-content a {
    color: #9a8951 !important;
    text-align: center !important
}

.sub-content.full .entry-content a:hover {
    color: #fff !important
}

.sub-content.full .entry-content a.more-link {
    display: none
}

.sub-content.full .main-entry .date-badge {
    float: left;
    width: 12%;
    border-radius: 2px;
    border: 2px solid #9a8951;
    text-align: center;
    padding: 20px;
    display: none
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .sub-content.full .main-entry .date-badge {
        width: 16%;
        padding: 14px 15px
    }
}

.sub-content.full .main-entry .date-badge p {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    color: #9a8951
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .sub-content.full .main-entry .date-badge p {
        font-size: 32px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full .main-entry .date-badge p {
        font-size: 26px
    }
}

.sub-content.full .main-entry .date-badge p.month {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (min-width: 800px)and (max-width: 64em) {
    .sub-content.full .main-entry .date-badge p.month {
        font-size: 24px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full .main-entry .date-badge p.month {
        font-size: 20px
    }
}

.sub-content.full .main-entry .entry-content {
    width: 100%;
    float: right
}

.sub-content.full .main-entry .entry-content.single-entry-content {
    width: 100% !important
}

.sub-content.full .main-entry .entry-content h1.entry-title {
    display: none !important;
    font-size: 34px;
    margin-bottom: 20px
}

@media only screen and (max-width: 64em) {
    .sub-content.full .main-entry .entry-content h1.entry-title {
        font-size: 30px
    }
}

@media only screen and (max-width: 800px) {
    .sub-content.full .main-entry .entry-content h1.entry-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content.full .main-entry .entry-content h1.entry-title {
        font-size: 22px
    }
}

.sub-content.full .main-entry .entry-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

.sub-content.full .main-entry .entry-content img.entry-thumbnail {
    display: none
}

.sub-content.full .main-entry .entry-content figure {
    margin: 10px 0
}

.sub-content.full .main-entry .entry-content figure .wp-caption-text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: #444;
    margin: 12px 0 0;
    text-align: center;
    background: #f9f9f9;
    padding: 10px;
    border-top: 1px solid #ccc
}

.sub-content.full .main-entry .entry-content figure.alignleft {
    margin-right: 20px
}

.sub-content.full .main-entry .entry-content figure.alignright {
    margin-left: 20px
}

.sub-content.full hr {
    margin: 35px 0 !important
}

.sub-content a.btn,
.sub-content .sticky-bar .btns a.btn,
.sticky-bar .btns .sub-content a.btn,
.sub-content .rate-us a.tab,
.rate-us .sub-content a.tab {
    margin-top: 20px;
    padding: 16px 20px
}

@media only screen and (max-width: 40em) {
    .sub-content a.btn,
    .sub-content .sticky-bar .btns a.btn,
    .sticky-bar .btns .sub-content a.btn,
    .sub-content .rate-us a.tab,
    .rate-us .sub-content a.tab {
        font-size: 13px
    }
}

.sub-content a.btn.back,
.sub-content .rate-us a.back.tab,
.rate-us .sub-content a.back.tab {
    margin-top: 0;
    margin-bottom: 10px
}

.sub-content .pagination {
    text-align: center;
    margin-bottom: 20px
}

.sub-content .page-numbers {
    font-size: 15px;
    padding: 14px 20px;
    border-radius: 1px;
    color: #9a8951 !important;
    background: none !important;
    border: 2px solid #9a8951
}

@media only screen and (max-width: 40em) {
    .sub-content .page-numbers {
        padding: 9px 12px;
        font-size: 13px
    }
}

.sub-content .page-numbers:hover {
    background: #9a8951 !important;
    color: #fff !important;
    opacity: 1
}

.sub-content .page-numbers.dots:hover {
    background: #fff !important;
    color: #9a8951 !important;
    opacity: 1
}

.sub-content .page-numbers.current {
    color: #fff !important;
    background: #9a8951 !important;
    border: 2px solid rgba(0, 0, 0, 0)
}

.sub-content .page-numbers+.page-numbers {
    margin-left: 20px
}

@media only screen and (max-width: 64em) {
    .sub-content .page-numbers+.page-numbers {
        margin-left: 15px
    }
}

@media only screen and (max-width: 40em) {
    .sub-content .page-numbers+.page-numbers {
        margin-left: 10px
    }
}

.sub-content blockquote {
    background: #e9e9e9;
    border-radius: 2px
}

@media only screen and (max-width: 64em) {
    .sub-content blockquote {
        margin-left: 0;
        margin-right: 0
    }
}

.sub-content blockquote p {
    font-size: 16px !important;
    padding: 14px 20px;
    color: #555 !important
}

.sub-content blockquote p+p {
    margin-top: 0px !important
}

.sub-content .content {
    box-shadow: none !important
}

@media only screen and (max-width: 40em) {
    .sub-content .content {
        padding: 0 !important
    }
}

.sub-content ul {
    margin: 20px 0 20px 40px !important
}

.sub-content ul li {
    list-style: none !important
}

.sub-content ul li:before {
    top: 12px !important
}

body.blog .sub-content.full .entry-content h2,
body.blog .sub-content.full .entry-content h3 {
    margin-top: 10px !important
}

body.blog .sub-content.full .entry-content h2.entry-title,
body.blog .sub-content.full .entry-content h3.entry-title {
    margin-top: 0 !important
}

body.tag .main-entry h3.entry-title,
body.category .main-entry h3.entry-title,
body.search-results .main-entry h3.entry-title {
    margin-top: 0 !important
}

body.tag .main-entry .entry-summary,
body.category .main-entry .entry-summary,
body.search-results .main-entry .entry-summary {
    width: 100%
}

.container.main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

@media only screen and (max-width: 64em) {
    .container.main {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 0
    }
}

.container.main .inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 40px
}

@media only screen and (max-width: 64em) {
    .container.main .inner {
        padding-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .container.main .inner {
        flex-direction: column-reverse
    }
}

.container.main .inner .blog-side-menu {
    margin: 0;
    border: 1px solid #eeeee8;
    padding: 30px;
    height: 100%;
    width: 280px;
    float: right
}

@media only screen and (max-width: 64em) {
    .container.main .inner .blog-side-menu {
        max-width: calc(100% - 40px);
        margin: 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .container.main .inner .blog-side-menu {
        width: 100%
    }
}

.container.main .inner .blog-side-menu h2 {
    text-transform: none;
    font-size: 22px;
    font-weight: 300 !important
}

.container.main .inner .blog-side-menu ul.menu {
    margin: 0
}

.container.main .inner .blog-side-menu ul.menu li {
    border-bottom: 1px solid #eeeee8;
    margin-bottom: 12px;
    padding-bottom: 12px
}

.container.main .inner .blog-side-menu ul.menu li:last-of-type {
    border-bottom: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0
}

.container.main .inner .blog-side-menu ul.menu li a {
    text-transform: none !important;
    color: #9a8951 !important;
    font-weight: 300 !important;
    font-size: 18px
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li {
    margin-bottom: 10px
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li a {
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: 600
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children {
    position: relative
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children:before {
    content: "";
    background: url(/assets/img/open.png) no-repeat center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: -30px;
    cursor: pointer
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu {
    display: none
}

.container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu.active {
    display: block
}

.container.main .inner .site-content {
    width: calc(100% - 310px);
    margin: 0
}

@media only screen and (max-width: 800px) {
    .container.main .inner .site-content {
        width: 100%
    }
}

.container.main .inner .site-content header {
    top: 0;
    position: relative !important;
    background: #fff;
    padding: 0;
    margin-bottom: 30px
}

.container.main .inner .site-content header h1 {
    text-transform: none;
    font-style: inherit;
    font-size: 25px;
    border: 1px solid #eeeee8;
    padding: 30px
}

.container.main .inner .site-content .sub-content .main-entry {
    border: 1px solid #eeeee8;
    padding: 30px;
    margin-bottom: 30px
}

.container.main .inner .site-content .sub-content .main-entry h3.entry-title {
    margin-top: -5px !important
}

.container.main .inner .site-content .sub-content.full hr {
    display: none !important
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px
}

.accentBox {
    width: 200px;
    height: 200px;
    background: rgba(154, 137, 81, .3);
    right: 140px;
    pointer-events: none;
    z-index: 999;
    position: absolute
}

.accentBox.center {
    left: calc(50% - 100px)
}

@media only screen and (max-width: 64em) {
    .accentBox {
        display: none
    }
}

strong {
    font-weight: 500
}

.mfp-bottom-bar {
    max-width: calc(100% - 20px);
    left: 10px
}

.movieHolder {
    text-align: center;
    padding-bottom: 0 !important
}

.movieHolder video.muvi-player {
    height: 100%;
    max-height: 200px
}

body._styles-2 .mod-hero {
    border-bottom: 4px solid #9a8951
}

body._styles-2 .mod-hero .row {
    padding: calc(220px + 20%) 20px 0
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-hero .row {
        padding: 0
    }
}

body._styles-2 .mod-hero .row .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-hero .row .inner {
        padding: 0
    }
}

body._styles-2 .mod-hero .row .inner .copy {
    border: 2px solid #9a8951;
    padding: 0 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-hero .row .inner .copy {
        border: none;
        padding: 70px 40px
    }
    body._styles-2 .mod-hero .row .inner .copy h1 {
        font-size: 38px;
        margin-bottom: 10px
    }
    body._styles-2 .mod-hero .row .inner .copy .text {
        margin-top: 15px
    }
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-hero .row .inner .copy {
        padding: 50px 30px
    }
}

body._styles-2 .mod-intro .inner {
    display: flex;
    max-width: 880px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro .inner {
        max-width: 100%;
        flex-direction: column
    }
}

body._styles-2 .mod-intro .inner .holder {
    width: 100%;
    max-width: 50%
}

body._styles-2 .mod-intro .inner .topHolder {
    max-width: 300px
}

body._styles-2 .mod-intro .inner .topHolder .title {
    text-align: left;
    margin: 0
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro .inner .topHolder .title {
        margin: 0 auto 20px
    }
}

body._styles-2 .mod-intro .inner .topHolder .title h2 {
    font-size: 35px;
    margin-bottom: 0
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro .inner .topHolder .title h2 {
        font-size: 40px
    }
}

@media only screen and (max-width: 800px) {
    body._styles-2 .mod-intro .inner .topHolder .title h2 {
        font-size: 32px
    }
}

body._styles-2 .mod-intro .inner .topHolder .title.longTitle h2 {
    font-size: 30px
}

body._styles-2 .mod-intro .inner .bottomHolder {
    max-width: 100%
}

body._styles-2 .mod-intro .inner .bottomHolder .twentytwenty-wrapper {
    display: none
}

body._styles-2 .mod-intro .inner .bottomHolder .twentytwenty-wrapper.active {
    display: block
}

body._styles-2 .mod-intro .imageHolder {
    background: #fafafa
}

body._styles-2 .mod-intro .imageHolder .media {
    background-size: cover !important;
    background-position: -10% !important
}

body._styles-2 .mod-intro.hasBorder .row .inner {
    border: 2px solid #9a8951;
    align-items: center;
    padding: 40px 60px;
    max-width: 1000px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro.hasBorder .row .inner {
        flex-direction: column;
        border: none;
        padding: 0
    }
}

body._styles-2 .mod-intro.hasBorder .row .inner .topHolder {
    max-width: 300px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro.hasBorder .row .inner .topHolder {
        max-width: 100%
    }
}

body._styles-2 .mod-intro.hasBorder .row .inner .topHolder .title {
    max-width: 300px;
    margin-bottom: 0;
    margin-right: 30px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-intro.hasBorder .row .inner .topHolder .title {
        margin: 0 auto 20px;
        max-width: 100%
    }
}

body._styles-2 .mod-intro.hasBorder .row .inner .bottomHolder {
    max-width: 100%
}

body._styles-2 .mod-intro.has-uniqueImage {
    margin-bottom: 200px
}

body._styles-2 .mod-intro.has-uniqueImage .row .inner {
    position: relative
}

body._styles-2 .mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper {
    position: absolute;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    max-width: 100%;
    left: 0;
    top: 100%
}

body._styles-2 .mod-intro.has-uniqueImage .row .inner .bottomHolder .twentytwenty-wrapper .twentytwenty-container.active {
    height: 140px !important;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

body._styles-2 .mod-columns_two.hasBorder .row .inner {
    padding: 80px 60px;
    border: 2px solid #9a8951
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-columns_two.hasBorder .row .inner {
        padding: 60px 30px
    }
}

@media only screen and (max-width: 800px) {
    body._styles-2 .mod-columns_two.hasBorder .row .inner {
        padding: 50px 20px
    }
}

body._styles-2 .mod-box_grid .row .content-before,
body._styles-2 .mod-box_grid .row .content-after {
    text-align: center
}

body._styles-2 .mod-box_grid .row .boxes .logoHolder {
    display: none
}

body._styles-2 .mod-box_grid .row .boxes .box {
    background: #fff
}

body._styles-2 .mod-box_grid .row .boxes .box.Four+.logoHolder {
    top: calc(50% - 23px);
    left: calc(50% - 75px);
    max-width: 150px;
    height: 100%;
    max-height: 130px;
    width: 100%;
    position: absolute;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-box_grid .row .boxes .box.Four+.logoHolder {
        display: none
    }
}

body._styles-2 .mod-box_grid .row .boxes .box.Four+.logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    height: 128px
}

body._styles-2 .mod-box_grid .row .boxes .box.Four+.logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 160px;
    max-height: 160px;
    object-fit: contain;
    left: 5px;
    position: relative
}

body._styles-2 .mod-page_video .row .inner .videoHolder a {
    position: relative
}

body._styles-2 .mod-page_video .row .inner .videoHolder a:before {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    z-index: 9;
    pointer-events: none
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-page_video .row .inner .videoHolder a:before {
        display: none
    }
}

body._styles-2 .mod-page_video .row .inner .videoHolder a img {
    border: none
}

body._styles-2 .mod-office_module_new .row {
    position: relative;
    border: 2px solid #9a8951;
    padding: 20px;
    width: 100%;
    max-width: 1200px
}

@media screen and (max-width: 1200px) {
    body._styles-2 .mod-office_module_new .row {
        max-width: 1000px
    }
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row {
        padding: 0;
        border: none
    }
}

body._styles-2 .mod-office_module_new .row .media {
    width: 100%;
    height: 650px
}

@media only screen and (max-width: 64em) {
    body._styles-2 .mod-office_module_new .row .media {
        height: 520px
    }
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .media {
        height: 280px
    }
}

body._styles-2 .mod-office_module_new .row .copy {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

body._styles-2 .mod-office_module_new .row .copy .inner {
    position: relative;
    top: -60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .copy .inner {
        top: 0
    }
}

body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 130px;
    display: inline-block;
    z-index: 99
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder {
        max-width: 110px
    }
}

body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder:before {
    content: "";
    background: #fff;
    position: absolute;
    top: -6px;
    left: -2px;
    width: 120px;
    height: 115px
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder:before {
        top: 0;
        left: 0;
        width: 110px;
        height: 105px
    }
}

body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder img {
    width: 100%;
    height: 100%;
    max-width: 125px;
    max-height: 125px;
    object-fit: contain;
    left: 5px;
    position: relative
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .copy .inner .logoHolder img {
        max-width: 115px
    }
}

body._styles-2 .mod-office_module_new .row .copy .inner h2 {
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    padding: 30px 40px
}

@media only screen and (max-width: 40em) {
    body._styles-2 .mod-office_module_new .row .copy .inner h2 {
        padding: 20px 30px
    }
}

body._styles-2 .mod-doctor_module .half-image .media {
    border-bottom: 4px solid #9a8951
}

.landing-iframe {
    border: none !important;
    width: 100%;
    height: 730px;
    background: hsla(0, 0%, 100%, .8);
    padding: 20px 0
}

.custom-iframe {
    width: 100%;
    border: none
}