@-webkit-keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-250px*13))
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-250px*13))
    }
}

@keyframes iqPulseRing {
    0%,to {
        transform: scale(.95);
        opacity: .25
    }

    50% {
        transform: scale(1.08);
        opacity: .7
    }
}

@keyframes iqNodeGlow {
    0%,18%,45%,to {
        opacity: .45;
        filter: brightness(.85)
    }

    25%,38% {
        opacity: 1;
        filter: brightness(1.35)
    }
}

@keyframes homeLogoScroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes marketingAdvisorPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes marketingAdvisorGlow {
    0%,to {
        box-shadow: inset 0 0 20px rgba(255,255,255,.03),0 0 0 transparent
    }

    50% {
        box-shadow: inset 0 0 20px rgba(255,255,255,.04),0 0 16px rgba(72,226,212,.16)
    }
}

@keyframes insightsAdvisorPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes insightsAdvisorGlow {
    0%,to {
        box-shadow: inset 0 0 20px rgba(255,255,255,.03),0 0 0 transparent
    }

    50% {
        box-shadow: inset 0 0 20px rgba(255,255,255,.04),0 0 16px rgba(72,226,212,.16)
    }
}

@keyframes frontDeskAdvisorPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes frontDeskAdvisorGlow {
    0%,to {
        box-shadow: inset 0 0 20px rgba(255,255,255,.03),0 0 0 transparent
    }

    50% {
        box-shadow: inset 0 0 20px rgba(255,255,255,.04),0 0 16px rgba(72,226,212,.16)
    }
}

@keyframes reportingLiveDot {
    0%,to {
        opacity: .65;
        box-shadow: 0 0 5px rgba(72,226,212,.5)
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 13px #48e2d4
    }
}

@keyframes reportingRingPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes reportingBars {
    0% {
        height: 6px;
        opacity: .45
    }

    to {
        height: 28px;
        opacity: 1
    }
}

@keyframes medspaLiveDot {
    0%,to {
        opacity: .65;
        box-shadow: 0 0 5px rgba(72,226,212,.5)
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 13px #48e2d4
    }
}

@keyframes medspaRingPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes medspaVoiceActive {
    0% {
        height: 5px;
        opacity: .55
    }

    to {
        height: 24px;
        opacity: 1
    }
}

@keyframes medspaVoiceProcessing {
    0% {
        height: 3px;
        opacity: .3
    }

    to {
        height: 9px;
        opacity: .6
    }
}

@keyframes medspaVoiceComplete {
    0% {
        height: 2px;
        opacity: .2
    }

    to {
        height: 6px;
        opacity: .4
    }
}

@keyframes aiLiveDot {
    0%,to {
        opacity: .65;
        box-shadow: 0 0 5px rgba(72,226,212,.5)
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 13px #48e2d4
    }
}

@keyframes aiRingPulse {
    0% {
        transform: scale(.82);
        opacity: .7
    }

    to {
        transform: scale(1.45);
        opacity: 0
    }
}

@keyframes aiVoiceActive {
    0% {
        height: 5px;
        opacity: .55
    }

    to {
        height: 25px;
        opacity: 1
    }
}

@keyframes aiVoiceComplete {
    0% {
        height: 3px;
        opacity: .35
    }

    to {
        height: 8px;
        opacity: .65
    }
}

@keyframes iqStatusPulse {
    0%,to {
        opacity: .55
    }

    50% {
        opacity: 1
    }
}

@keyframes iqStepOne {
    0%,24% {
        color: #5ad7d1
    }

    28%,to {
        color: rgba(255,255,255,.28)
    }
}

@keyframes iqStepTwo {
    0%,23%,52%,to {
        color: rgba(255,255,255,.28)
    }

    25%,49% {
        color: #5ad7d1
    }
}

@keyframes iqStepThree {
    0%,49%,77%,to {
        color: rgba(255,255,255,.28)
    }

    51%,74% {
        color: #5ad7d1
    }
}

@keyframes iqStepFour {
    0%,74%,to {
        color: rgba(255,255,255,.28)
    }

    76%,96% {
        color: #5ad7d1
    }
}

@keyframes iqReasonReveal {
    0%,20% {
        opacity: .25;
        transform: translateY(5px)
    }

    28%,to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes iqApprovalReveal {
    0%,44% {
        opacity: .25
    }

    52%,to {
        opacity: 1
    }
}

@keyframes iqApproveButton {
    0%,52%,65%,to {
        transform: scale(1);
        box-shadow: none
    }

    58% {
        transform: scale(1.025);
        box-shadow: 0 0 0 4px rgba(255,255,255,.06),0 8px 25px rgba(0,0,0,.18)
    }
}

@keyframes iqResultReveal {
    0%,72% {
        display: none;
        opacity: 0;
        transform: translateY(8px)
    }

    74% {
        display: flex;
        opacity: 0;
        transform: translateY(8px)
    }

    80%,96% {
        display: flex;
        opacity: 1;
        transform: translateY(0)
    }

    to {
        display: flex;
        opacity: 0
    }
}

@keyframes marketingCycle {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    17%,8% {
        opacity: 1;
        transform: translateY(0)
    }

    20%,to {
        opacity: 0;
        transform: translateY(-6px)
    }
}

@keyframes marketingRing {
    0%,to {
        transform: scale(.94);
        opacity: .25
    }

    50% {
        transform: scale(1.08);
        opacity: .7
    }
}

@keyframes marketingDot {
    0%,to {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes sk-bouncedelay {
    0%,80%,to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,80%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

form {
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

#tme #testimonials ul,ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

div.tab,div.tabtoggle,html.with-featherlight {
    overflow: hidden
}

.featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: 0 0
}

.featherlight:last-of-type {
    background: rgba(0,0,0,.8)
}

.featherlight:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal
}

.featherlight .featherlight-inner {
    display: block
}

.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner {
    display: none
}

.featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255,255,255,.3);
    color: #000;
    border: 0;
    padding: 0
}

.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

#demo form,.featherlight .featherlight-image {
    width: 100%
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch
}

.featherlight iframe {
    border: 0
}

*,.featherlight *,::after,::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left:0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

@media print {
    html.with-featherlight>*>:not(.featherlight) {
        display: none
    }
}

.featherlight-next,.featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.featherlight-previous {
    left: 25px;
    right: 80%
}

.featherlight-next:hover,.featherlight-previous:hover {
    background: rgba(255,255,255,.25)
}

.featherlight-next span,.featherlight-previous span {
    position: absolute;
    top: 50%;
    width: 82%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400
}

.featherlight-previous span {
    left: 5%
}

.featherlight-next span {
    right: 5%;
    left: auto
}

.cd-header-buttons li,.featherlight-next:hover span,.featherlight-previous:hover span,nav.subnav ul li {
    display: inline-block
}

.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous {
    display: none
}

@media only screen and (max-device-width: 1024px) {
    .featherlight-next:hover,.featherlight-previous:hover {
        background:0 0
    }

    .featherlight-next span,.featherlight-previous span {
        display: block
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight-next {
        top:10px;
        right: 10px;
        left: 85%
    }

    .featherlight-previous {
        top: 10px;
        left: 10px;
        right: 85%
    }

    .featherlight-next span,.featherlight-previous span {
        margin-top: -30px;
        font-size: 40px
    }
}

.cd-main-content,.cd-main-header {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-main-content {
    z-index: 2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.cd-main-header {
    z-index: 3;
    height: 95px;
    border-bottom: 1px solid #444;
    background: #232426
}

.nav-is-fixed .cd-main-header.nav-is-visible {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

@media only screen and (min-width: 940px) {
    .cd-main-header::after {
        clear:both;
        content: "";
        display: table
    }
}

.cd-logo,.cd-meevologo {
    position: absolute;
    padding: 0 0 0 10px
}

.cd-logo img,.cd-meevologo img {
    display: block;
    width: 100%;
    max-width: 215px
}

@media only screen and (max-width: 874px) {
    .nav-on-left .cd-logo {
        left:auto
    }
}

.cd-meevologo {
    padding: 0 0 0 30px
}

.cd-meevologo img {
    max-width: 140px
}

@media only screen and (max-width: 874px) {
    .nav-on-left .cd-meevologo {
        left:auto
    }
}

@media only screen and (min-width: 940px) {
    .cd-logo {
        padding:0 0 0 30px
    }
}

.topsubmenu {
    display: none
}

@media only screen and (max-width: 940px) {
    .topsubmenu {
        display:inline
    }
}

.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 26px;
    right: 0;
    padding: 0 10px 0 0
}

@media only screen and (max-width: 874px) {
    .nav-on-left .cd-header-buttons {
        right:auto;
        left: 5%
    }

    .nav-on-left .cd-header-buttons li {
        float: right
    }
}

@media only screen and (min-width: 940px) {
    .cd-header-buttons {
        top:18px;
        right: 4em
    }
}

.cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3
}

.cd-nav-trigger span {
    top: 50%;
    right: 10px;
    margin-top: -2px;
    -webkit-transition: background .3s .3s;
    -moz-transition: background .3s .3s;
    transition: background .3s .3s
}

.cd-nav-trigger span,.cd-nav-trigger span::after,.cd-nav-trigger span::before {
    position: absolute;
    display: inline-block;
    height: 1px;
    width: 24px;
    background: #fff
}

.cd-nav-trigger span::after,.cd-nav-trigger span::before,.cd-primary-nav a,.cd-primary-nav ul a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.cd-nav-trigger span::after,.cd-nav-trigger span::before {
    content: "";
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .3s .3s;
    -moz-transition: -moz-transform .3s .3s;
    transition: transform .3s .3s
}

.cd-nav-trigger span::before {
    top: -6px
}

.cd-nav-trigger span::after {
    top: 6px
}

.cd-nav-trigger.nav-is-visible span {
    background: 0 0
}

.cd-nav-trigger.nav-is-visible span::after,.cd-nav-trigger.nav-is-visible span::before {
    background: #fff
}

.cd-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg)
}

.cd-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg)
}

@media only screen and (min-width: 940px) {
    .cd-nav-trigger {
        display:none
    }
}

#cd-primary-nav {
    height: 100%;
    top: 95px
}

.cd-secondary-nav {
    top: 95px
}

@media only screen and (min-width: 940px) {
    .cd-primary-nav,.cd-primary-nav ul {
        position:fixed;
        top: 0;
        right: 0;
        width: 100%;
        background: #f8f7f5;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1000;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s
    }
}

@media only screen and (max-width: 940px) {
    .cd-primary-nav,.cd-primary-nav>li>ul {
        position:fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: #f8f7f5;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1000;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .3s;
        -moz-transition: -moz-transform .3s;
        transition: transform .3s
    }
}

.cd-primary-nav a,.cd-primary-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #232426;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .05em;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -moz-transition: -moz-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s
}

.cd-primary-nav a:hover {
    color: #838687
}

@media only screen and (max-width: 940px) {
    .mobilenav {
        border-bottom:1px solid #424647
    }

    ul .mobilesubmenu li {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0;
        color: pink;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: .05em;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        -moz-transition: -moz-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s
    }

    ul .mobilesubmenu li:last-child {
        margin-bottom: 15px
    }

    ul .mobilesubmenu li:first-child {
        padding-top: 0
    }

    ul .mobilesubmenu li a:hover {
        color: #838687
    }

    .cd-primary-nav .cd-secondary-nav>li>h5 {
        color: #a75f37;
        font-weight: 700;
        letter-spacing: .1em;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        cursor: default;
        border-bottom: 1px solid #424647;
        padding: 0 20px;
        height: 40px;
        line-height: 50px
    }
}

.cd-primary-nav a.topsubmenulink,.cd-primary-nav ul a.topsubmenulink {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .05em;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    -moz-transition: -moz-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s
}

@media only screen and (max-width: 940px) {
    .topsubmenu a:hover {
        color:#838687
    }
}

.cd-primary-nav a.whitemenu,.cd-primary-nav ul a.whitemenu {
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 12px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    line-height: 48px;
    height: 50px;
    margin: 25px 20px 15px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    letter-spacing: .05em;
    overflow: visible;
    border-bottom: none
}

.cd-primary-nav>li>a.whitemenu.selected,.cd-primary-nav>li>a.whitemenu:hover {
    border: 1px solid #b4b4b4;
    background-color: #b4b4b4;
    color: #000
}

@media only screen and (max-width: 940px) {
    .cd-primary-nav a.whitemenu,.cd-primary-nav ul a.whitemenu {
        border:1px solid #232426;
        background-color: #232426;
        border-radius: 3px;
        padding: 0 12px;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        clear: both;
        content: "";
        display: table;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
        line-height: 48px;
        height: 50px;
        margin: 25px 20px 15px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        letter-spacing: .05em;
        overflow: visible;
        border-bottom: none
    }

    .cd-primary-nav>li>a.whitemenu.selected,.cd-primary-nav>li>a.whitemenu:hover {
        border: 1px solid #444;
        background-color: #444;
        color: #fff
    }
}

.cd-primary-nav a.oceanbluemenu,.cd-primary-nav a.pinkmenu,.cd-primary-nav a.terracottamenu,.cd-primary-nav ul a.oceanbluemenu,.cd-primary-nav ul a.pinkmenu,.cd-primary-nav ul a.terracottamenu {
    border-radius: 3px;
    padding: 0 12px;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 48px;
    height: 50px;
    margin: 25px 20px 15px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    letter-spacing: .05em;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color .3s,box-shadow .3s;
    -moz-transition: color .3s,box-shadow .3s;
    transition: color .3s,box-shadow .3s
}

.cd-primary-nav a.terracottamenu,.cd-primary-nav ul a.terracottamenu {
    border: 1px solid transparent;
    background: linear-gradient(90deg,#e29d63,#b46c45) padding-box,linear-gradient(90deg,#e29d63,#b46c45) border-box;
    font-weight: 600
}

.cd-primary-nav>li>a.terracottamenu.selected,.cd-primary-nav>li>a.terracottamenu:hover {
    background: linear-gradient(90deg,#b46c45,#e29d63) padding-box,linear-gradient(90deg,#b46c45,#e29d63) border-box;
    color: #fff
}

.cd-primary-nav a.oceanbluemenu,.cd-primary-nav a.pinkmenu,.cd-primary-nav ul a.oceanbluemenu,.cd-primary-nav ul a.pinkmenu {
    border: 1px solid #204855;
    background-color: #204855;
    font-weight: 400
}

.cd-primary-nav>li>a.oceanbluemenu.selected,.cd-primary-nav>li>a.oceanbluemenu:hover {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

.cd-primary-nav a.pinkmenu,.cd-primary-nav ul a.pinkmenu {
    border: 1px solid #ed298f;
    background-color: #ed298f
}

.cd-primary-nav>li>a.pinkmenu.selected,.cd-primary-nav>li>a.pinkmenu:hover {
    border: 1px solid #9e005d;
    background-color: #9e005d;
    color: #fff
}

.cd-primary-nav ul.is-hidden,.cd-primary-nav.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.cd-primary-nav ul.moves-out>li>a,.cd-primary-nav.moves-out>li>a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}

@media only screen and (max-width: 940px) {
    .nav-on-left .cd-primary-nav,.nav-on-left .cd-primary-nav ul {
        right:auto;
        left: 0
    }

    .cd-primary-nav {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s 0s,visibility .3s 0s;
        -moz-transition: opacity .3s 0s,visibility .3s 0s;
        transition: opacity .3s 0s,visibility .3s 0s
    }

    .cd-primary-nav.nav-is-visible {
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (min-width: 940px) {
    .cd-primary-nav,.cd-primary-nav ul {
        position:static;
        height: auto;
        width: auto;
        background: 0 0;
        overflow: visible
    }

    .cd-primary-nav {
        padding: 0 30px 0 0;
        float: right
    }

    .cd-primary-nav::after {
        clear: both;
        content: "";
        display: table
    }

    .cd-primary-nav ul.moves-out>li>a,.cd-primary-nav.moves-out>li>a {
        opacity: 1
    }

    .cd-primary-nav ul {
        z-index: 3
    }

    .cd-primary-nav ul.is-hidden,.cd-primary-nav ul.moves-out>li>a,.cd-primary-nav.moves-out>li>a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .cd-primary-nav>li {
        float: left;
        margin-left: 10px
    }

    .cd-primary-nav>li>a {
        position: relative;
        display: inline-block;
        height: 95px;
        line-height: 95px;
        padding: 0 10px;
        color: #fff;
        font-weight: 400;
        text-decoration: none;
        font-size: 15px;
        letter-spacing: .05em;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color .3s,box-shadow .3s;
        -moz-transition: color .3s,box-shadow .3s;
        transition: color .3s,box-shadow .3s
    }

    .cd-primary-nav>li>a.selected,.cd-primary-nav>li>a:hover {
        color: #838687
    }

    .cd-primary-nav>li>a.pinkmenu {
        border: 1px solid #ed298f;
        background-color: #ed298f;
        border-radius: 3px;
        padding: 0 12px;
        -o-transition: all .3s ease 0s;
        clear: both;
        content: "";
        display: table;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        line-height: 48px;
        height: 50px;
        margin: 22px 0 20px 8px;
        position: relative;
        display: inline-block;
        text-decoration: none;
        letter-spacing: .05em;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color .3s,box-shadow .3s;
        -moz-transition: color .3s,box-shadow .3s;
        transition: color .3s,box-shadow .3s
    }

    .cd-primary-nav>li>a.pinkmenu.selected,.cd-primary-nav>li>a.pinkmenu:hover,.demobtnmenu:hover {
        border: 1px solid #9e005d;
        background-color: #9e005d;
        color: #fff
    }

    a .demo {
        color: #ed298f;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s
    }

    a .demo:hover {
        color: #9e005d
    }

    a .demo:focus {
        color: #9e005d
    }

    .demobtnmenu {
        border: 1px solid #ed298f;
        background-color: #ed298f;
        border-radius: 3px;
        text-decoration: none;
        padding: 15px;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        clear: both;
        content: "";
        display: table;
        margin: 0 auto;
        color: #fff;
        font-size: 12px;
        letter-spacing: .1em;
        font-weight: 600;
        text-align: center;
        height: 18px
    }

    .demobtnmenu:focus {
        border: 1px solid #9e005d;
        background-color: #9e005d;
        color: #fff
    }

    .cd-primary-nav .go-back,.cd-primary-nav .see-all {
        display: none
    }

    .cd-primary-nav .cd-nav-gallery,.cd-primary-nav .cd-nav-icons,.cd-primary-nav .cd-secondary-nav {
        position: absolute;
        top: 95px;
        width: 100vw;
        background: #f8f7f5;
        box-shadow: 0 10px 10px 0 rgba(0,0,0,.2);
        padding: 45px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s 0s,visibility 0s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s;
        transition: opacity .3s 0s,visibility 0s 0s
    }

    .cd-primary-nav .cd-nav-gallery::after,.cd-primary-nav .cd-nav-icons::after,.cd-primary-nav .cd-secondary-nav::after {
        clear: both;
        content: "";
        display: table
    }

    .cd-primary-nav .cd-nav-gallery.is-hidden,.cd-primary-nav .cd-nav-icons.is-hidden,.cd-primary-nav .cd-secondary-nav.is-hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s,visibility 0s .3s;
        -moz-transition: opacity .3s 0s,visibility 0s .3s;
        transition: opacity .3s 0s,visibility 0s .3s
    }

    .cd-primary-nav .cd-nav-gallery>.see-all,.cd-primary-nav .cd-nav-icons>.see-all,.cd-primary-nav .cd-secondary-nav>.see-all {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .cd-primary-nav .cd-nav-gallery>.see-all a,.cd-primary-nav .cd-nav-icons>.see-all a,.cd-primary-nav .cd-secondary-nav>.see-all a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-weight: 400;
        text-align: center;
        line-height: 80px;
        border-top: 1px solid #e2e3df;
        border-bottom: none;
        margin: 0;
        padding: 0;
        -webkit-transition: color .2s,background .2s,border .2s;
        -moz-transition: color .2s,background .2s,border .2s;
        transition: color .2s,background .2s,border .2s
    }

    .cd-primary-nav .cd-nav-gallery>.see-all a:hover,.cd-primary-nav .cd-nav-icons>.see-all a:hover,.cd-primary-nav .cd-secondary-nav>.see-all a:hover {
        background: #2e3233;
        border-color: #2e3233;
        color: #fff
    }

    .cd-primary-nav .cd-secondary-nav>li {
        height: 275px;
        width: 23%;
        float: left;
        margin-right: 2.66%;
        border-right: 1px solid #000;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .cd-primary-nav .cd-secondary-nav>li:nth-last-child(1) {
        margin-right: 0;
        border-right: none
    }

    .cd-primary-nav .cd-secondary-nav>li>h5 {
        color: #a75f37;
        font-weight: 700;
        letter-spacing: .1em;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
        margin-bottom: 1.3em;
        cursor: default
    }

    .cd-primary-nav .cd-secondary-nav a {
        height: 35px;
        line-height: 30px;
        padding: 0 18%0 0;
        color: #000;
        border-bottom: none;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: .05em;
        text-decoration: none;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s
    }

    .cd-primary-nav .cd-secondary-nav a:hover {
        color: #838687
    }

    .cd-primary-nav .cd-secondary-nav ul {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    .cd-primary-nav .cd-secondary-nav ul ul {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%
    }

    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    .cd-primary-nav .cd-secondary-nav ul ul .go-back,.cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block
    }

    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: transparent
    }

    .cd-primary-nav .cd-secondary-nav .moves-out>li>a {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.go-back a,.has-children>a,form .col,nav.subnav ul {
    position: relative
}

.go-back a::after,.go-back a::before,.has-children>a::after,.has-children>a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.go-back a::before,.has-children>a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.go-back a::after,.has-children>a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width: 940px) {
    .go-back a::after,.go-back a::before,.go-back a:hover::after,.go-back a:hover::before,.has-children>a::after,.has-children>a::before,.has-children>a:hover::after,.has-children>a:hover::before {
        background:#fff
    }
}

.has-children>a {
    padding-right: 40px
}

.has-children>a::after,.has-children>a::before {
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%
}

.cd-primary-nav .go-back a {
    padding-left: 40px;
    color: #a75f37;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .1em
}

.cd-primary-nav .go-back a::after,.cd-primary-nav .go-back a::before {
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%
}

@media only screen and (min-width: 940px) {
    .has-children>a::after,.has-children>a::before {
        right:20%
    }

    .cd-primary-nav>.has-children>a {
        padding-right: 28px!important
    }

    .cd-primary-nav>.has-children>a::after,.cd-primary-nav>.has-children>a::before {
        width: 9px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background: #838687;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: width .3s,-webkit-transform .3s;
        -moz-transition: width .3s,-moz-transform .3s;
        transition: width .3s,transform .3s
    }

    .cd-primary-nav>.has-children>a::before {
        right: 12px
    }

    .cd-primary-nav>.has-children>a::after {
        right: 7px
    }

    .cd-primary-nav>.has-children>a.selected::after,.cd-primary-nav>.has-children>a.selected::before {
        width: 15px
    }

    .cd-primary-nav>.has-children>a.selected::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg)
    }

    .cd-primary-nav>.has-children>a.selected::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .cd-secondary-nav>.has-children>a::after,.cd-secondary-nav>.has-children>a::before {
        display: none
    }

    .cd-primary-nav .go-back a {
        padding-left: 20px
    }

    .cd-primary-nav .go-back a::after,.cd-primary-nav .go-back a::before {
        left: 1px
    }
}

.cd-overlay {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(255,255,255,.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s,-moz-transform .3s 0s;
    transition: opacity .3s 0s,visibility 0s .3s,transform .3s 0s
}

.cd-overlay.is-visible {
    opacity: .5;
    visibility: visible;
    -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
    transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s
}

.no-js .cd-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2
}

.no-js .cd-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 940px) {
    .no-js .cd-primary-nav {
        position:absolute;
        z-index: 3;
        display: inline-block;
        width: auto;
        top: 0;
        right: 150px;
        padding: 0
    }

    .no-js .nav-is-fixed .cd-primary-nav {
        position: fixed
    }
}

#demo .styled-select option[value=""][disabled],.hs-form .hs-fieldtype-select option[value=""][disabled],.styled-select option[value=""][disabled],.toggle,input.inspoOptIn[type=checkbox],input.policy[type=checkbox] {
    display: none
}

nav.subnav {
    margin: 0;
    padding: 0;
    background-color: rgba(255,255,255,.95);
    width: 100%
}

#bm nav:after,#event nav:after,nav.subnav:after {
    content: "";
    display: table;
    clear: both
}

nav.subnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

nav.subnav ul li {
    margin: 0;
    text-align: center
}

nav.subnav a {
    color: #000!important
}

nav.subnav a,nav.subnav a.active {
    display: block;
    padding: 0 20px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 80px;
    letter-spacing: .1em;
    text-transform: uppercase
}

nav.subnav ul li ul li:hover {
    color: #ed298f!important
}

nav.subnav a.active,nav.subnav a:hover {
    color: #a75f37!important
}

#bm nav ul ul,#event nav ul ul,nav.subnav ul ul {
    display: none;
    position: absolute;
    top: 60px
}

#bm nav ul li:hover>ul,#event nav ul li:hover>ul,nav.subnav ul li:hover>ul {
    display: inherit
}

nav.subnav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative
}

nav.subnav ul ul ul li {
    position: relative;
    top: -60px;
    left: 170px
}

@media only screen and (max-width: 875px) {
    nav.subnav {
        margin:0
    }

    nav.subnav ul {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        list-style: none;
        position: relative;
        border-top: none
    }

    .menu,.toggle+a,nav.subnav ul li:hover>ul,nav.subnav ul ul li:hover>ul {
        display: none
    }

    nav.subnav a,nav.subnav a.active {
        line-height: 50px
    }

    .toggle {
        display: block;
        background-color: rgba(255,255,255,.95);
        padding: 0 20px;
        text-decoration: none;
        font-weight: 600;
        font-size: 12px;
        line-height: 60px;
        letter-spacing: .1em;
        text-transform: uppercase;
        cursor: pointer
    }

    .toggle,.toggle:hover {
        color: #000
    }

    [id^=drop]:checked+ul {
        display: block
    }

    nav.subnav ul li,nav.subnav ul ul li {
        display: block;
        width: 100%
    }

    label.toggle {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        text-align: center
    }

    nav.subnav ul ul .toggle {
        padding: 0 40px
    }

    nav.subnav ul li ul li .toggle,nav.subnav ul ul a,nav.subnav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 12px
    }

    nav.subnav ul li ul li .toggle,nav.subnav ul ul a {
        background-color: #000
    }

    nav.subnav ul ul {
        float: none;
        position: static;
        color: #fff
    }

    nav.subnav ul ul ul li {
        position: static
    }
}

article.vertaligncenter {
    align-self: center
}

.col.nomargin {
    margin-bottom: 0
}

.col {
    float: left;
    margin-left: 3.2%;
    margin-bottom: 30px
}

form .col {
    display: inline-block
}

.fullwidth .col {
    float: none;
    margin-left: 0;
    display: block
}

.fullwidth.clear {
    clear: both
}

.smWidth {
    width: 100%;
    max-width: 850px;
    margin: 0 auto
}

.grid6 .col {
    width: 14%
}

.grid5 .col {
    width: 17%
}

.grid4 .col {
    width: 22.6%
}

.grid3 .col {
    width: 31.2%
}

.grid2 .col {
    width: 48.4%
}

.grid2 .col:nth-of-type(2n+1),.grid3 .col:nth-of-type(3n+1),.grid4 .col:nth-of-type(4n+1),.grid5 .col:nth-of-type(5n+1),.grid6 .col:nth-of-type(6n+1) {
    margin-left: 0;
    clear: left
}

@media screen and (max-width: 740px) {
    .grid4 .col,.grid6 .col {
        width:31.2%
    }

    .grid6 .col:nth-of-type(4n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid6 .col:nth-of-type(3n+1) {
        margin-left: 0;
        clear: left
    }

    .grid4 .col:nth-of-type(4n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid4 .col:nth-of-type(3n+1) {
        margin-left: 0;
        clear: left
    }
}

@media only screen and (max-width: 875px) {
    .grid3 .col,.grid4 .col,.grid5 .col,.grid6 .col {
        width:48.4%
    }

    .grid6 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid6 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left
    }

    .grid5 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid5 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left
    }

    .grid4 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid4 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left
    }

    .grid3 .col:nth-of-type(3n+1) {
        margin-left: 3.2%;
        clear: none
    }

    .grid3 .col:nth-of-type(2n+1) {
        margin-left: 0;
        clear: left
    }
}

@media only screen and (max-width: 675px) {
    .col {
        width:100%!important;
        margin-left: 0!important;
        clear: none!important
    }
}

.colnopadding,footer {
    display: flex;
    flex-direction: column
}

.colnopadding,.rownopadding {
    height: auto;
    max-width: 1200px;
    margin: auto
}

.colnopadding>.topcopy {
    width: 100%;
    padding: 85px 0 0;
    margin: 0;
    flex-grow: 1;
    align-self: flex-start;
    order: 1
}

.colnopadding>.imgbottom {
    width: 100%;
    padding: 0;
    flex-grow: 1;
    align-self: flex-end;
    order: 2
}

.colnopadding>.imgbottom img {
    max-width: 700px
}

@media only screen and (max-width: 875px) {
    .colnopadding>.topcopy {
        padding:40px 0 0
    }
}

.rownopadding {
    display: flex;
    flex-direction: row;
    align-content: stretch
}

.rownopadding>.ltimghalfbottom,.rownopadding>.ltimgtwothirdsbottom {
    width: 100px;
    padding: 0;
    flex-grow: 2;
    align-self: flex-end;
    order: 1
}

.colnopadding>.imgbottom img,.rownopadding>.ltimghalfbottom img,.rownopadding>.ltimgtwothirdsbottom img,.rownopadding>.rtimghalfbottom img,.rownopadding>.rtimgtwothirdsbottom img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.rownopadding>.ltimghalfbottom {
    padding: 40px 0 0;
    flex-grow: 1
}

.rownopadding>.ltcopy,.rownopadding>.rtcopy {
    width: 100px;
    padding: 40px 0;
    margin: 0 0 0 3.2%;
    flex-grow: 1;
    align-self: center;
    order: 2
}

.rownopadding>.ltcopy {
    margin: 0 3.2%0 0;
    order: 1
}

.rownopadding>.rtimghalfbottom,.rownopadding>.rtimgtwothirdsbottom {
    width: 100px;
    padding: 0;
    flex-grow: 2;
    align-self: flex-end;
    order: 2
}

.rownopadding>.rtimghalfbottom {
    padding: 40px 0 0;
    flex-grow: 1
}

@media only screen and (max-width: 675px) {
    .rownopadding {
        display:flex;
        flex-direction: column;
        height: auto;
        align-content: stretch;
        max-width: 1200px;
        margin: auto
    }

    .rownopadding>.ltimghalfbottom,.rownopadding>.ltimgtwothirdsbottom {
        width: 100%;
        padding: 0;
        flex-grow: 1;
        order: 2
    }

    .rownopadding>.ltimghalfbottom img,.rownopadding>.ltimgtwothirdsbottom img,.rownopadding>.rtimghalfbottom img,.rownopadding>.rtimgtwothirdsbottom img {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .rownopadding>.ltcopy,.rownopadding>.rtcopy {
        width: 100%;
        padding: 40px 0;
        margin: 0;
        flex-grow: 1;
        order: 1
    }

    .rownopadding>.rtimghalfbottom,.rownopadding>.rtimgtwothirdsbottom {
        width: 100%;
        padding: 0;
        flex-grow: 1;
        order: 2
    }
}

footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #232426;
    font-size: 17px;
    line-height: 24px;
    color: #fff;
    font-weight: 400
}

footer .section-cell .social {
    margin: 25px 0
}

footer .copyright,footer .title {
    color: #b4b4b4;
    font-size: 12px
}

footer .title {
    font-weight: 700;
    color: #838687;
    letter-spacing: .1em
}

footer .contact {
    letter-spacing: .05em;
    text-transform: uppercase
}

footer .tel:visited,footer .telwhite {
    color: #fff;
    text-decoration: none
}

footer .tel:visited .tel:focus,footer .tel:visited:hover,footer .telwhite .tel:focus,footer .telwhite:hover {
    color: #fff;
    text-decoration: none
}

footer a.btnsocial {
    height: 45px;
    width: 45px;
    padding: 13px;
    border: 2px solid #2e3233;
    border-radius: 50%;
    display: inline-block;
    margin: 3px;
    font-size: 13px;
    line-height: 13px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

footer a.btnsocial:hover {
    border: 2px solid #fff
}

footer a.btnsocial:focus {
    border: 2px solid #fff
}

footer a.btnsocial img {
    width: 16px;
    height: 16px
}

form email,form input,form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

form.billing,form.filters {
    width: 100%;
    max-width: none
}

form.billing {
    width: 100%!important
}

input.inspoOptIn[type=checkbox]+label,input.inspoOptIn[type=checkbox]+label strong,input.policy[type=checkbox]+label,input.policy[type=checkbox]+label strong {
    border: 0;
    opacity: 1;
    position: static;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 10px;
    color: #3d3d3d
}

input.inspoOptIn[type=checkbox]+label strong,input.policy[type=checkbox]+label strong {
    font-weight: 500
}

input.policy[type=checkbox]+label span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    margin-right: 10px;
    border-radius: 3px
}

input.policy[type=checkbox]:checked+label span {
    background: url(../img/check-white-checkbox.svg)center no-repeat;
    border: 1px solid #000;
    background-color: #000
}

input.inspoOptIn[type=checkbox]+label span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border: 1px solid #b7b7b7;
    margin-right: 10px;
    border-radius: 3px
}

.hs-form input[type=checkbox]:hover:before,.hs-form input[type=radio]:hover:before,input.inspoOptIn[type=checkbox]+label span:hover {
    border: 1px solid #000
}

input.inspoOptIn[type=checkbox]:checked+label span {
    background: url(../img/check-white-checkbox.svg)center no-repeat;
    border: 1px solid #000;
    background-color: #000
}

input[type=text].searchbar {
    width: 100%;
    padding: 15px;
    height: 55px;
    border: 1px solid #f3d8c1;
    font-size: 15px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    color: #000;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: left;
    display: inline-block;
    border-radius: 3px 0 0 3px
}

input[type=text].searchbar:hover {
    border: 1px solid #a75f37!important;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

input.searchbar::-webkit-input-placeholder {
    opacity: 1!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .1em;
    height: 55px;
    color: #ed298f
}

input.searchbar:-moz-placeholder {
    opacity: 1!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .1em;
    height: 55px;
    color: #ed298f
}

input.searchbar::-moz-placeholder {
    opacity: 1!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .1em;
    height: 55px;
    color: #ed298f
}

input.searchbar:-ms-input-placeholder {
    opacity: 1!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: .1em;
    height: 55px;
    color: #ed298f
}

input[type=submit].search-btn {
    background-image: url(../img/icon-search.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    border-radius: 0 3px 3px 0!important;
    background-position: center center;
    height: 55px;
    float: right;
    display: inline-block;
    border: 1px solid #a75f37!important;
    background-color: #a75f37!important;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    width: 40px
}

input[type=submit].search-btn:hover {
    border: 1px solid #e29d63!important;
    background-color: #e29d63!important;
    color: #fff
}

input[type=submit].search-btn:focus {
    border: 1px solid #e29d63!important;
    background-color: #e29d63!important;
    color: #fff
}

form article label:not(.termscheck),form table label:not(.termscheck),form.hs-form label:not(.termscheck) {
    position: absolute;
    color: #000;
    pointer-events: none;
    -webkit-transform-origin: 0 10px;
    transform-origin: 0 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .2s linear,-webkit-transform .2s linear,color .2s linear,top .2s linear,font-size .2s linear;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    font-size: 10px;
    left: 0;
    top: 50%;
    text-align: left
}

form article label.animate-label:not(.termscheck),form label.animate-label:not(.termscheck),form table label.animate-label:not(.termscheck) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform .2s linear,-webkit-transform .2s linear,color .2s linear,top .2s linear,font-size .2s linear;
    font-size: 8px;
    color: #aaa;
    padding: 6px 0 0 15px;
    top: 0
}

input[type=submit].blk-filter-btn {
    border-radius: 3px;
    text-decoration: none;
    padding: 8px 12px;
    margin: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].blk-filter-btn,input[type=submit].blk-filter-btn:hover {
    border: 1px solid #ed298f;
    background-color: #ed298f;
    color: #fff
}

input[type=submit].blk-filter-btn:focus {
    border: 1px solid #ed298f;
    background-color: #ed298f;
    color: #fff
}

input[type=submit].blk-filter-btn:disabled {
    border: 1px solid #999;
    background-color: #999
}

input[type=submit].blk-btn {
    border: 1px solid #000;
    background-color: #000;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].blk-btn:hover {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

input[type=submit].blk-btn:focus {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

input[type=submit].blk-btn.left {
    float: left
}

input[type=submit].wht-btn {
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].wht-btn,input[type=submit].wht-btn:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000
}

input[type=submit].wht-btn:focus {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000
}

input[type=submit].oceanblue-btn {
    border: 1px solid #204855;
    background-color: #204855;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].oceanblue-btn:hover {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

input[type=submit].oceanblue-btn:focus {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

.hs-form-wrapper input[type=submit],input[type=submit].terracotta-btn {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

.hs-form-wrapper input[type=submit]:hover,.hs-form.hs-terracotta-btn input[type=submit]:hover,input[type=submit].terracotta-btn:hover {
    border: 1px solid #e29d63;
    background-color: #e29d63;
    color: #fff
}

.hs-form-wrapper input[type=submit]:focus,.hs-form.hs-terracotta-btn input[type=submit]:focus,input[type=submit].terracotta-btn:focus {
    border: 1px solid #e29d63;
    background-color: #e29d63;
    color: #fff
}

input[type=submit].pnk-btn {
    border: 1px solid #ed298f;
    background-color: #ed298f;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].pnk-btn:hover {
    border: 1px solid #9e005d;
    background-color: #9e005d;
    color: #fff
}

input[type=submit].pnk-btn:focus {
    border: 1px solid #9e005d;
    background-color: #9e005d;
    color: #fff
}

input[type=submit].ylw-btn {
    border: 1px solid #ffcd06;
    background-color: #ffcd06;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

input[type=submit].ylw-btn:hover {
    border: 1px solid #fdde61;
    background-color: #fdde61;
    color: #000
}

input[type=submit].ylw-btn:focus {
    border: 1px solid #fdde61;
    background-color: #fdde61;
    color: #000
}

input[type=email],input[type=text] {
    -moz-appearance: none
}

input[type=email],input[type=number],input[type=tel],input[type=text] {
    width: 100%;
    padding: 15px;
    height: 55px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-appearance: none;
    appearance: none
}

input[type=tel] {
    -moz-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=email]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=text]:hover {
    border: 1px solid #000;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #000;
    opacity: 1!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #000;
    opacity: 1!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em
}

p.required {
    color: #f44366;
    text-align: center
}

textarea {
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    height: 300px;
    resize: none
}

.hs-form .hs-fieldtype-select select:hover,.styled-select select:hover,textarea:hover {
    border: 1px solid #000;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

input.required_red_field[type=email],input.required_red_field[type=number],input.required_red_field[type=tel],input.required_red_field[type=text],textarea.required_red_field {
    background-color: #ffebee;
    border: 1px solid #f44366
}

.hs-form .hs-fieldtype-select,.styled-select {
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    background: url(../img/select-arrow.png)no-repeat right #fff
}

.styled-select {
    width: 100%
}

.hs-form .hs-fieldtype-select select,.styled-select select,textarea {
    width: 100%;
    padding: 15px;
    font-size: 15px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.hs-form .hs-fieldtype-select select,.styled-select select {
    background: 0 0;
    letter-spacing: normal;
    text-transform: none;
    height: 52px;
    line-height: 1;
    border: 0;
    border-radius: 0
}

#demo .styled-select select::-ms-expand,.hs-form .hs-fieldtype-select select::-ms-expand,.styled-select select::-ms-expand {
    display: none
}

.hs-form .hs-fieldtype-select select:required:invalid,.styled-select select:required:invalid {
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em
}

.hs-form .hs-fieldtype-select option,.styled-select option {
    font-size: 15px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: normal;
    text-transform: none
}

.styled-select.required_red_field {
    background-color: #ffebee;
    border: 1px solid #f44366
}

.styled-select.required_red_field select:hover {
    border: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

#quiz input.quiz[type=text] {
    width: 100%;
    height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    border: 0;
    color: #000;
    background-color: transparent;
    font-size: 60px;
    font-weight: 300;
    padding: 0;
    text-align: center
}

#quiz input.quiz::-webkit-input-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#quiz input.quiz:-moz-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#quiz input.quiz::-moz-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#quiz input.quiz:-ms-input-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#edu input.quiz[type=text] {
    width: 100%;
    height: 100px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    border: 0;
    color: #000;
    background-color: transparent;
    font-size: 60px;
    font-weight: 300;
    padding: 0;
    text-align: center
}

#edu input.quiz::-webkit-input-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#edu input.quiz:-moz-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#edu input.quiz::-moz-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#edu input.quiz:-ms-input-placeholder {
    color: #000;
    opacity: .1!important;
    font-weight: 300;
    font-size: 60px
}

#edu .email {
    max-width: 300px;
    width: 100%;
    height: 48px;
    margin: 20px 0
}

@media only screen and (max-width: 875px) {
    #edu .email {
        width:100%
    }
}

#edu .send {
    display: inline
}

@media only screen and (max-width: 875px) {
    #edu .send {
        display:inline-block
    }
}

#edu .formLineQuiz {
    width: 100%;
    height: auto;
    border-bottom: 3px solid #ed298f;
    margin: 0 auto 10px
}

#edu .formSizeQuiz {
    width: 100%;
    max-width: 300px;
    height: 200px;
    display: block;
    margin: 0 auto
}

#demo input[type=text] {
    width: 100%;
    padding: 15px;
    height: 55px;
    border-radius: 0;
    background-color: #fff;
    border: 2px solid #dfbae7;
    font-size: 16px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#demo .styled-select.required_red_field,#demo input[type=text].required_red_field {
    border: 2px solid #f44366
}

#demo input::-webkit-input-placeholder {
    color: #dfbae7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase
}

#demo input:-moz-placeholder {
    color: #dfbae7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase
}

#demo input::-moz-placeholder {
    color: #dfbae7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase
}

#demo input:-ms-input-placeholder {
    color: #dfbae7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase
}

#demo .styled-select {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background: url(../img/select-arrow-purple-demo.png)no-repeat right;
    border: 2px solid #dfbae7
}

#demo .styled-select select {
    background: 0 0;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    color: #000;
    letter-spacing: normal;
    text-transform: none;
    height: 52px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#demo .styled-select select:required:invalid {
    color: #dfbae7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase
}

#demo .styled-select option {
    color: #000;
    font-size: 16px;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

#demo input.demopolicy[type=checkbox] {
    display: none
}

#demo input.demopolicy[type=checkbox]+label {
    border: 0;
    opacity: 1;
    position: static;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px!important;
    padding: 0 0 10px;
    background-color: transparent;
    color: #3d3d3d
}

#demo input.demopolicy[type=checkbox]+label strong {
    font-weight: 400
}

#demo input.demopolicy[type=checkbox]+label span {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border: 2px solid #dfbae7;
    margin-right: 10px;
    border-radius: none!important
}

#demo input.demopolicy[type=checkbox]:checked+label span {
    background: url(../img/check-white-checkbox.svg)center no-repeat;
    border: 2px solid #961ab1;
    background-color: #961ab1
}

.metainformation {
    position: absolute;
    z-index: 100000;
    top: 0;
    left: 0
}

.metainformation .meta-form {
    padding: 10px;
    background-color: #d3d3d3
}

.metainformation .close-meta {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #000;
    padding: 5px;
    width: 25px;
    height: 25px;
    line-height: 15px;
    text-align: center;
    z-index: 10
}

.metainformation .close-meta:hover {
    background-color: #f60017;
    color: #fff;
    border-radius: 100%
}

.metainformation textarea {
    width: 95%
}

.metainformation .edit-metadata-button {
    margin: 5px
}

.metainformation .fb_img {
    max-width: 200px
}

#pframe-wrapper,#resource-list,.billWrapper {
    position: relative
}

#pframe-wrapper .processing,.billWrapper .processing {
    background-color: rgba(124,124,124,.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#pframe-wrapper .processing .spinner,.billWrapper .processing .spinner {
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    clear: both;
    content: "";
    display: table
}

#pframe-wrapper .processing .spinner>div,#pframe-wrapper .spinner>div,.billWrapper .processing .spinner>div,.embed-container .spinner>div,.hs-form-wrapper .spinner>div {
    width: 15px;
    height: 15px;
    background-color: #a75f37;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

#pframe-wrapper .processing .spinner .bounce1,#pframe-wrapper .spinner .bounce1,.billWrapper .processing .spinner .bounce1,.embed-container .spinner .bounce1,.hs-form-wrapper .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#pframe-wrapper .processing .spinner .bounce2,#pframe-wrapper .spinner .bounce2,.billWrapper .processing .spinner .bounce2,.embed-container .spinner .bounce2,.hs-form-frame .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#pframe-wrapper .spinner,.embed-container .spinner,.hs-form-wrapper .spinner {
    text-align: center;
    margin: 50px auto;
    clear: both;
    content: "";
    display: table
}

@media only screen and (max-device-width: 568px) {
    input[type=number],input[type=text],select,textarea {
        font-size:16px!important
    }
}

.hs-form .hs-fieldtype-select {
    width: auto
}

.hs-form .hs-form-field {
    position: relative;
    float: left;
    margin-left: 3.2%;
    margin-bottom: 30px;
    display: inline-block;
    width: 48.4%
}

.hs-form label.hs-form-booleancheckbox-display {
    pointer-events: all!important;
    transform: none!important;
    cursor: pointer;
    padding: 0!important
}

.hs-form input[type=checkbox],.hs-form input[type=radio] {
    position: relative;
    padding: 0;
    vertical-align: middle;
    cursor: pointer
}

.hs-form input[type=checkbox]:before,.hs-form input[type=radio]:before {
    content: "";
    display: inline-block;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    background: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

.hs-form input[type=checkbox]:checked:after,.hs-form input[type=radio]:checked:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    background: #000;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0#000,4px 0 0#000,4px -2px 0#000,4px -4px 0#000,4px -6px 0#000,4px -8px 0#000;
    transform: rotate(45deg)
}

.hs-form .hs-fieldtype-radio.hs-meevopay_giving_donation_type {
    width: 100%
}

.hs-form .hs-fieldtype-radio label {
    position: relative!important;
    color: #fff!important
}

.hs-form .hs-fieldtype-radio ul.inputs-list {
    margin: 10px 0
}

.hs-form .hs-fieldtype-radio ul.inputs-list li {
    margin-bottom: 10px
}

.hs-form .hs-fieldtype-radio ul.inputs-list label {
    color: #fff;
    pointer-events: all
}

.hs-form .hs-fieldtype-radio ul.inputs-list span {
    padding-left: 10px
}

.hs-form div.hs_meevopay_giving_donation_amount_1 {
    width: 30%;
    margin-left: 0
}

.hs-form div.hs_meevopay_giving_donation_amount_2 {
    width: 30%;
    clear: none;
    margin-left: 3.2%
}

.hs-form div.hs_meevopay_giving_donation_amount_3 {
    width: 30%
}

.hs-form label.hs-form-booleancheckbox-display span {
    margin-left: 10px
}

.hs-form .hs_initaloptin__c {
    clear: both;
    width: 100%
}

.hs-form .hs_initaloptin__c label {
    position: relative!important
}

.hs-form .hs_initaloptin__c label>input {
    float: left;
    margin: 0
}

.hs-form .hs_initaloptin__c label>span {
    float: left;
    width: 80%;
    margin: 0 0 0 10px;
    font-size: 11px;
    font-weight: 100;
    line-height: 12px;
    text-transform: none
}

.hs-form.nocol .hs-form-field {
    width: 100%;
    margin: 0 0 10px
}

.hs-form.col3 .hs-form-field {
    width: 31.2%;
    margin-left: 3.2%
}

.hs-form .hs-form-field label {
    z-index: 1
}

.hs-form .hs_error_rollup {
    clear: both;
    margin: 0 0 20px
}

.hs-form .hs_error_rollup label {
    position: relative!important;
    padding: 0!important;
    text-transform: none!important;
    color: #f44366!important;
    font-size: 12px!important
}

.hs-form-field:nth-of-type(2n+1) {
    margin-left: 0;
    clear: left
}

.hs-form.col3 .hs-form-field:nth-of-type(2n+1) {
    clear: none
}

.hs-form.col3 .hs-form-field:nth-of-type(3n+1) {
    margin-left: 0
}

.filter-select-wrapper select,.hs-form-field.hs_recaptcha {
    display: none
}

.hs-form .hs-input.invalid {
    background-color: rgba(255,235,238,.5);
    border: 1px solid #f44366
}

.hs-form.hs-oceanblue-btn input[type=submit],.hs-form.hs-terracotta-btn input[type=submit] {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

.hs-form.hs-oceanblue-btn input[type=submit] {
    border: 1px solid #204855;
    background-color: #204855
}

.hs-form.hs-oceanblue-btn input[type=submit]:hover {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

.hs-form.hs-oceanblue-btn input[type=submit]:focus {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

.hs-dropdownify {
    position: relative;
    display: inline-block;
    width: 100%
}

.hs-dropdownify input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fff;
    cursor: pointer
}

.hs-dropdownify input[type=text]:focus {
    outline: 0
}

.hs-caret {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 35px;
    height: 100%;
    background: url(../img/select-arrow.png)no-repeat right
}

.hs-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 2px);
    z-index: 1000;
    background: #fff;
    border: 1px solid #c7c7c7;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
    max-height: 240px;
    overflow: auto;
    display: none
}

#edu .nav li .dropdown-menu.active,.hs-panel[data-open=true] {
    display: block
}

.hs-option {
    padding: 10px 12px;
    cursor: pointer;
    line-height: 1.2
}

.hs-option:hover,.hs-option[aria-selected=true] {
    background: #f1f5ff
}

.hs-option[data-active=true] {
    background: #e7efff
}

.hs-placeholder {
    color: #6b7280
}

.sr-only {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

body,html {
    min-height: 100vh;
    height: 100%
}

body {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
    color: #000;
    background-color: #fff;
    font-size: 100%;
    -moz-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: subpixel-antialiased
}

@media only screen and (max-width: 874px) {
    body.nav-on-left.overflow-hidden {
        overflow:hidden
    }
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

.os-container {
    background-color: #fff;
    min-height: 100vh
}

.hero-intro-wrapper-home,.os-container,.os-wrapper,main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.os-wrapper {
    background-color: #fff
}

.hero-intro-wrapper-home,main {
    width: 100%
}

main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 auto
}

.hero-intro-wrapper-home {
    min-height: 650px;
    overflow: hidden
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-home {
        min-height:450px
    }
}

.hero-intro-wrapper-conference h1,.hero-intro-wrapper-home h1,.hero-intro-wrapper-text-top h1,.hero-intro-wrapper-vtop h1 {
    color: #fff
}

.hero-intro-wrapper-home .heroHomeTablets {
    background-image: url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: repeat,no-repeat;
    background-position: top,left,center,center;
    background-size: auto,cover
}

.hero-intro-wrapper-home .item {
    text-align: center;
    padding: 45px;
    height: 650px
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-home .item {
        height:450px
    }
}

.hero-intro-wrapper-home #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-home #background_cycler {
        min-height:450px
    }
}

.hero-intro-wrapper-home #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 650px;
    z-index: 1;
    background-color: #000
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-home #background_cycler div {
        min-height:450px
    }
}

.hero-intro-wrapper #background_cycler div.active,.hero-intro-wrapper-home #background_cycler div.active,.hero-intro-wrapper-noresize #background_cycler div.active,.hero-intro-wrapper-text-top #background_cycler div.active,.hero-intro-wrapper-vtop #background_cycler div.active,.sm-hero-intro-wrapper #background_cycler div.active,.sm-hero-intro-wrapper-btn #background_cycler div.active {
    z-index: 3
}

.hero-intro-wrapper-vtop {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 650px;
    overflow: hidden
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop {
        min-height:450px
    }
}

.hero-intro-wrapper-vtop .salonDashboardTablet {
    background-image: url(../img/meevo/hero-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .salonDashboardTablet {
        background-image:url(../img/meevo/hero-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .ApptTablet {
    background-image: url(../img/meevo/hero-tablet-appt.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ApptTablet {
        background-image:url(../img/meevo/hero-tablet-appt.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .RegisterTablet {
    background-image: url(../img/meevo/hero-tablet-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .RegisterTablet {
        background-image:url(../img/meevo/hero-tablet-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .ClockTablet {
    background-image: url(../img/meevo/hero-tablet-clock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ClockTablet {
        background-image:url(../img/meevo/hero-tablet-clock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .spaDashboardTablet {
    background-image: url(../img/meevo/hero-spa-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .spaDashboardTablet {
        background-image:url(../img/meevo/hero-spa-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .spasalonDashboardTablet {
    background-image: url(../img/meevo/hero-spa-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 530px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .spasalonDashboardTablet {
        background-image:url(../img/meevo/hero-spa-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 290px,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-smartcenter-spasalon {
    background-image: url(../img/meevo/ipad-pro-meevo-smartcenter-spasalon.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-smartcenter-spasalon {
        background-image:url(../img/meevo/ipad-pro-meevo-smartcenter-spasalon.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-smartcenter-salon {
    background-image: url(../img/meevo/ipad-pro-meevo-smartcenter-salon.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-smartcenter-salon {
        background-image:url(../img/meevo/ipad-pro-meevo-smartcenter-salon.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-smartcenter-spa {
    background-image: url(../img/meevo/ipad-pro-meevo-smartcenter-spa.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-smartcenter-spa {
        background-image:url(../img/meevo/ipad-pro-meevo-smartcenter-spa.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-appointment {
    background-image: url(../img/meevo/ipad-pro-meevo-appointment.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-appointment {
        background-image:url(../img/meevo/ipad-pro-meevo-appointment.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-register {
    background-image: url(../img/meevo/ipad-pro-meevo-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-register {
        background-image:url(../img/meevo/ipad-pro-meevo-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .ipadpro-timeclock {
    background-image: url(../img/meevo/ipad-pro-meevo-timeclock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 180px,top left,center center;
    background-size: 85%,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .ipadpro-timeclock {
        background-image:url(../img/meevo/ipad-pro-meevo-timeclock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 150px,top left,center center;
        background-size: 130%,auto,cover
    }
}

.hero-intro-wrapper-vtop .heroHomeTablets {
    background-image: url(../img/meevo/home-hero-tablets.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center 280px,top left,center center;
    background-size: 800px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .heroHomeTablets {
        background-image:url(../img/meevo/home-hero-tablets.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: center 250px,top left,center center;
        background-size: 400px,auto,cover
    }
}

.hero-intro-wrapper-vtop .item {
    text-align: center;
    padding: 45px;
    height: 650px
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop .item {
        height:450px
    }
}

.hero-intro-wrapper-vtop #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop #background_cycler {
        min-height:450px
    }
}

.hero-intro-wrapper-vtop #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 650px;
    z-index: 1;
    background-color: #000
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-vtop #background_cycler div {
        min-height:450px
    }
}

.msiLogo {
    max-width: 180px;
    width: 100%
}

.appbuttons,a.hipaablue {
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

.appbuttons {
    width: 130px;
    border: 0;
    opacity: 1
}

.appbuttons:hover {
    opacity: .7
}

.hipaaicon {
    width: 60px;
    height: 60px;
    margin-right: 5px;
    vertical-align: middle
}

@media only screen and (max-width: 675px) {
    .hipaaicon {
        margin-bottom:5px
    }
}

.hipaaiconblkwht {
    width: 45px;
    height: 45px;
    margin-right: 5px;
    vertical-align: middle
}

@media only screen and (max-width: 675px) {
    .hipaaiconblkwht {
        margin-bottom:5px
    }
}

.hipaatext {
    display: inline;
    color: #1fa8dd
}

@media only screen and (max-width: 675px) {
    .hipaatext {
        display:block
    }
}

a.hipaablue {
    color: #1fa8dd;
    text-decoration: none
}

a.hipaablue:hover {
    color: #0578a5
}

a.hipaablue:focus {
    color: #0578a5
}

.referralIcons {
    padding-bottom: 15px;
    height: 100px;
    width: 100px
}

.hero-intro-wrapper-text-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 650px;
    overflow: hidden
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top {
        min-height:300px
    }
}

.hero-intro-wrapper-text-top .screendots {
    background-image: url(../img/pattern.png);
    background-size: auto;
    background-repeat: repeat;
    background-position: top left;
    background-color: rgba(0,0,0,.2)
}

.hero-intro-wrapper-text-top .salonDashboardTablet {
    background-image: url(../img/meevo/hero-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .salonDashboardTablet {
        background-image:url(../img/meevo/hero-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .ApptTablet {
    background-image: url(../img/meevo/hero-tablet-appt.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .ApptTablet {
        background-image:url(../img/meevo/hero-tablet-appt.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .RegisterTablet {
    background-image: url(../img/meevo/hero-tablet-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .RegisterTablet {
        background-image:url(../img/meevo/hero-tablet-register.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .ClockTablet {
    background-image: url(../img/meevo/hero-tablet-clock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .ClockTablet {
        background-image:url(../img/meevo/hero-tablet-clock.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .spaDashboardTablet {
    background-image: url(../img/meevo/hero-spa-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .spaDashboardTablet {
        background-image:url(../img/meevo/hero-spa-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .spasalonDashboardTablet {
    background-image: url(../img/meevo/hero-spa-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: bottom,center,top,left,center,center;
    background-size: 550px,auto,cover
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .spasalonDashboardTablet {
        background-image:url(../img/meevo/hero-spa-salon-tablet.png),url(../img/pattern.png),url(../img/bkgblur/heroblur.jpg);
        background-repeat: no-repeat,repeat,no-repeat;
        background-position: bottom,center,top,left,center,center;
        background-size: 200px,auto,cover
    }
}

.hero-intro-wrapper-text-top .item {
    text-align: center;
    padding: 45px;
    overflow: hidden;
    height: 650px
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top .item {
        height:300px
    }
}

.hero-intro-wrapper-text-top #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top #background_cycler {
        min-height:300px
    }
}

.hero-intro-wrapper-text-top #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 650px;
    z-index: 1;
    background-color: #000
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-text-top #background_cycler div {
        min-height:300px
    }
}

.hero-top-wrapper {
    min-height: 370px
}

.hero-intro-wrapper-conference {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    padding: 65px 40px;
    background-repeat: repeat;
    background-position: top left;
    background-size: auto
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-conference {
        padding:5px 25px
    }
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-conference h1 {
        font-size:30px
    }
}

.hero-intro-wrapper-noresize {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 650px
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-noresize {
        min-height:650px
    }
}

.hero-intro-wrapper-noresize h1 {
    color: #fff
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-noresize h1 {
        font-size:30px
    }
}

.hero-intro-wrapper-noresize .item {
    text-align: center;
    padding: 20px;
    width: 100%
}

.hero-intro-wrapper-noresize #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-noresize #background_cycler {
        min-height:650px
    }
}

.hero-intro-wrapper-noresize #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 650px;
    z-index: 1;
    background-color: #000
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper-noresize #background_cycler div {
        min-height:650px
    }
}

.hero-intro-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 650px
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper {
        min-height:300px
    }
}

.hero-intro-wrapper h1 {
    color: #fff
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper h1 {
        font-size:30px
    }
}

.hero-intro-wrapper .item,.sm-hero-intro-wrapper .item,.sm-hero-intro-wrapper-btn .item {
    text-align: center;
    padding: 20px
}

.hero-intro-wrapper #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper #background_cycler {
        min-height:300px
    }
}

.hero-intro-wrapper #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 650px;
    z-index: 1;
    background-color: #000
}

@media only screen and (max-width: 875px) {
    .hero-intro-wrapper #background_cycler div {
        min-height:300px
    }
}

.screendots {
    background-image: url(../img/pattern.png);
    background-size: auto;
    background-repeat: repeat;
    background-position: top left;
    background-color: rgba(0,0,0,.2)
}

.sm-hero-intro-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 300px
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper {
        min-height:180px
    }
}

.sm-hero-intro-wrapper h1 {
    color: #fff
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper h1 {
        font-size:30px;
        padding-bottom: 0
    }
}

.sm-hero-intro-wrapper #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper #background_cycler {
        min-height:180px
    }
}

.sm-hero-intro-wrapper #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 300px;
    z-index: 1;
    background-color: #000;
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper #background_cycler div {
        min-height:180px
    }
}

.sm-hero-intro-wrapper-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 300px
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper-btn {
        min-height:300px
    }
}

.sm-hero-intro-wrapper-btn h1,a.grey:hover {
    color: #fff
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper-btn h1 {
        font-size:30px
    }
}

.sm-hero-intro-wrapper-btn #background_cycler {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper-btn #background_cycler {
        min-height:300px
    }
}

.sm-hero-intro-wrapper-btn #background_cycler div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 300px;
    z-index: 1;
    background-color: #000;
    background-size: cover;
    background-position: center center
}

@media only screen and (max-width: 875px) {
    .sm-hero-intro-wrapper-btn #background_cycler div {
        min-height:300px
    }
}

.hero-subs-wrapper {
    width: 100%
}

.section-wrapper-bleed {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    padding: 0 40px
}

@media only screen and (max-width: 875px) {
    .section-wrapper-bleed {
        padding:0 25px
    }
}

.section-wrapper {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    padding: 65px 40px
}

@media only screen and (max-width: 875px) {
    .section-wrapper {
        padding:40px 25px
    }
}

.Grid,.section-cell {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal
}

.section-cell {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.Grid {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.u-textCenter {
    text-align: center
}

.Grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px
}

.No-Gutter {
    padding: 0
}

.Grid--cols-12>.Grid-cell,.Grid--cols-2>.Grid-cell,.Grid--cols-3>.Grid-cell,.Grid--cols-4>.Grid-cell,.Grid--cols-6>.Grid-cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Grid--1of2>.Grid-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.Grid--1of6>.Grid-cell:first-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%
}

.Grid--1of4>.Grid-cell:first-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.Grid--1of3>.Grid-cell:first-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}

@media only screen and (max-width: 1100px) {
    .Grid--cols-3>.Grid-cell,.Grid--cols-4>.Grid-cell {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .Grid--cols-12>.Grid-cell,.Grid--cols-6>.Grid-cell {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.3333% - 1em);
        -moz-box-flex: 0;
        -moz-flex: 0 0 calc(33.3333% - 1em);
        -ms-flex: 0 0 calc(33.3333% - 1em);
        flex: 0 0 calc(33.3333% - 1em)
    }

    .Grid--cols-12>.Grid-cell {
        -webkit-flex: 0 0 calc(16.6666% - 1em);
        -moz-flex: 0 0 calc(16.6666% - 1em);
        -ms-flex: 0 0 calc(16.6666% - 1em);
        flex: 0 0 calc(16.6666% - 1em)
    }

    .Grid--1of2>.Grid-cell {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .Grid--1of6>.Grid-cell:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 30%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }

    .Grid--1of4>.Grid-cell:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .Grid--1of3>.Grid-cell:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media only screen and (max-width: 875px) {
    .Grid--cols-2>.Grid-cell,.Grid--cols-3>.Grid-cell,.Grid--cols-4>.Grid-cell {
        -webkit-box-flex:0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .Grid--cols-12>.Grid-cell,.Grid--cols-6>.Grid-cell {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 1em);
        -moz-box-flex: 0;
        -moz-flex: 0 0 calc(50% - 1em);
        -ms-flex: 0 0 calc(50% - 1em);
        flex: 0 0 calc(50% - 1em)
    }

    .Grid--cols-12>.Grid-cell {
        -webkit-flex: 0 0 calc(33.3333% - 1em);
        -moz-flex: 0 0 calc(33.3333% - 1em);
        -ms-flex: 0 0 calc(33.3333% - 1em);
        flex: 0 0 calc(33.3333% - 1em)
    }

    .Grid--1of2>.Grid-cell,.Grid--1of3>.Grid-cell:first-of-type,.Grid--1of4>.Grid-cell:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .Grid--1of6>.Grid-cell:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .Grid--full>.Grid-cell {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

a.grey {
    color: #838687;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.grey:focus {
    color: #fff
}

a.terracotta-line {
    color: #a75f37;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.terracotta-line:hover {
    color: #e29d63
}

a.terracotta-line:focus {
    color: #e29d63
}

a.terracotta-medium-line {
    color: #e29d63;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.terracotta-medium-line:hover {
    color: #a75f37
}

a.terracotta-medium-line:focus {
    color: #a75f37
}

a.terracotta-medium {
    color: #e29d63;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.terracotta-medium:hover {
    color: #a75f37
}

a.terracotta-medium:focus {
    color: #a75f37
}

a.pink {
    color: #ed298f;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.pink:hover {
    color: #9e005d
}

a.pink:focus {
    color: #9e005d
}

a.terracotta {
    color: #a75f37;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.terracotta:hover {
    color: #e29d63
}

a.terracotta:focus {
    color: #e29d63
}

a.black {
    color: #000;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.black:hover {
    color: #838687
}

a.black:focus {
    color: #838687
}

a.white {
    color: #fff;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

a.white:hover {
    color: #838687
}

a.white:focus {
    color: #838687
}

.tel:visited,.telblack {
    color: #000;
    text-decoration: none
}

.tel:visited .tel:focus,.tel:visited:hover,.telblack .tel:focus,.telblack:hover {
    color: #000;
    text-decoration: none
}

.filter-select-wrapper {
    user-select: none
}

.filter-select,.filter-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 55px
}

.filter-options,.filter-select-trigger {
    border: 1px solid #a75f37;
    background: #fff
}

.filter-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    height: 55px;
    border-radius: 3px;
    cursor: pointer
}

.filter-select-trigger:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #a75f37;
    border-right: 1px solid #a75f37;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 50%0
}

.filter-select.opened .filter-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%)
}

.filter-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 4px 4px 5px rgba(0,0,0,.09);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    z-index: 9999
}

.filter-select.opened .filter-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

.filter-option,.filter-options,.filter-options:before,.filter-select-trigger:after {
    display: block;
    transition: all .4s ease-in-out
}

.filter-options:before {
    position: absolute;
    content: "";
    bottom: 100%;
    right: 25px;
    width: 15px;
    height: 15px;
    margin-bottom: -7px;
    border-top: 1px solid #f3d8c1;
    border-left: 1px solid #f3d8c1;
    background: #fff;
    transform: rotate(45deg)
}

.option-hover:before {
    background: #f5f5f5
}

.filter-option {
    position: relative;
    padding: 0 22px;
    border-bottom: 1px solid #a75f37;
    font-size: 14px;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 47px;
    cursor: pointer
}

.filter-option:first-of-type {
    border-radius: 4px 4px 0 0
}

.filter-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.filter-option.selection,.filter-option:hover,h1.terracotta {
    color: #a75f37
}

a.scroll-thru-btn {
    border: 1px solid #a75f37;
    background-color: #fff;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #a75f37;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    width: 150px;
    display: inline-block
}

a.scroll-thru-btn:hover {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    color: #fff
}

a.scroll-thru-btn:focus {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    color: #fff
}

a.scroll-thru-btn i {
    font-size: 20px;
    vertical-align: text-bottom
}

.search-pagination-wrapper,a.chat-blk-btn {
    margin: 0 30px;
    display: inline-block
}

.search-pagination__input {
    width: 50px!important;
    height: 52px!important;
    font-size: 16px;
    font-weight: 300!important;
    text-align: center;
    margin: 8px;
    border: 1px solid #a75f37!important;
    background-color: #fff
}

a.chat-blk-btn {
    border: 1px solid #000;
    background-color: #000;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px;
    width: 95px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.chat-blk-btn:hover {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

a.chat-blk-btn:focus {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

a.chat-pnk-btn {
    border: 1px solid #c041ce;
    background-color: #c041ce;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px;
    width: 95px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    display: inline-block
}

a.chat-pnk-btn:hover {
    border: 1px solid #c029d0 m;
    background-color: #c029d0
}

a.chat-pnk-btn:focus {
    border: 1px solid #c029d0;
    background-color: #c029d0
}

a.chat-purple-btn {
    border: 1px solid #6b3aaf;
    background-color: #6b3aaf;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px;
    width: 95px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    display: inline-block
}

a.chat-purple-btn:hover {
    border: 1px solid #551da4;
    background-color: #551da4
}

a.chat-purple-btn:focus {
    border: 1px solid #551da4;
    background-color: #551da4
}

a.chat-terracotta-btn {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    border-radius: 3px;
    text-decoration: none;
    padding: 8px;
    width: 95px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    display: inline-block
}

a.chat-terracotta-btn:hover {
    border: 1px solid #e29d63;
    background-color: #e29d63
}

a.chat-terracotta-btn:focus {
    border: 1px solid #551da4;
    background-color: #551da4
}

a.blk-btn {
    border: 1px solid #000;
    background-color: #000;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.blk-btn:hover {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

a.blk-btn:focus {
    border: 1px solid #424647;
    background-color: #424647;
    color: #fff
}

a.blk-btn.left {
    float: left
}

a.wht-btn {
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

a.wht-btn:hover {
    border: 1px solid #b4b4b4;
    background-color: #b4b4b4;
    color: #000
}

a.wht-btn:focus {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000
}

a.wht-btn.left {
    float: left
}

a.wht-outline-btn {
    border: 1px solid #fff;
    border-radius: 3px;
    text-decoration: none;
    padding: 4px 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    cursor: pointer
}

a.wht-outline-btn:hover {
    opacity: .7
}

a.wht-outline-btn:focus {
    opacity: .7
}

a.oceanblue-btn {
    border: 1px solid #204855;
    background-color: #204855;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.oceanblue-btn:hover {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

a.oceanblue-btn:focus {
    border: 1px solid #216479;
    background-color: #216479;
    color: #fff
}

a.oceanblue-btn.left {
    float: left
}

a.oceanbluemedium-btn {
    border: 1px solid #216479;
    background-color: #216479;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.oceanbluemedium-btn:hover {
    border: 1px solid #a6c1c9;
    background-color: #a6c1c9;
    color: #fff
}

a.oceanbluemedium-btn:focus {
    border: 1px solid #a6c1c9;
    background-color: #a6c1c9;
    color: #fff
}

a.charcoal-btn {
    border: 1px solid #232426;
    background-color: #232426;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.charcoal-btn:hover {
    border: 1px solid #444;
    background-color: #444;
    color: #fff
}

a.charcoal-btn:focus {
    border: 1px solid #444;
    background-color: #444;
    color: #fff
}

a.charcoal-btn.left {
    float: left
}

a.charcoal-outline-btn {
    border: 1px solid #232426;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #232426;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.charcoal-outline-btn:hover {
    border: 1px solid #444;
    color: #444
}

a.charcoal-outline-btn:focus {
    border: 1px solid #444;
    color: #444
}

a.charcoal-outline-btn.left {
    float: left
}

a.terracotta-gradient-btn {
    border: 1px solid transparent;
    background: linear-gradient(90deg,#e29d63,#b46c45) padding-box,linear-gradient(90deg,#e29d63,#b46c45) border-box;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.terracotta-gradient-btn:focus,a.terracotta-gradient-btn:hover {
    border: 1px solid transparent;
    background: linear-gradient(90deg,#b46c45,#e29d63) padding-box,linear-gradient(90deg,#b46c45,#e29d63) border-box;
    color: #fff
}

a.terracotta-btn {
    border: 1px solid #a75f37;
    background-color: #a75f37;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.terracotta-btn:hover {
    border: 1px solid #e29d63;
    background-color: #e29d63;
    color: #fff
}

a.terracotta-btn:focus {
    border: 1px solid #e29d63;
    background-color: #e29d63;
    color: #fff
}

a.terracotta-btn.left {
    float: left
}

a.sage-btn {
    border: 1px solid #9a997b;
    background-color: #9a997b;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.sage-btn:hover {
    border: 1px solid #d7d6ca;
    background-color: #d7d6ca;
    color: #fff
}

a.sage-btn:focus {
    border: 1px solid #d7d6ca;
    background-color: #d7d6ca;
    color: #fff
}

a.sage-btn.left {
    float: left
}

a.duskymauve-medium-btn {
    border: 1px solid #806c85;
    background-color: #806c85;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.duskymauve-medium-btn:hover {
    border: 1px solid #ccc4ce;
    background-color: #ccc4ce;
    color: #fff
}

a.duskymauve-medium-btn:focus {
    border: 1px solid #ccc4ce;
    background-color: #ccc4ce;
    color: #fff
}

a.duskymauve-medium-btn.left {
    float: left
}

a.duskymauve-btn {
    border: 1px solid #4b3951;
    background-color: #4b3951;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.duskymauve-btn:hover {
    border: 1px solid #806c85;
    background-color: #806c85;
    color: #fff
}

a.duskymauve-btn:focus {
    border: 1px solid #806c85;
    background-color: #806c85;
    color: #fff
}

a.duskymauve-btn.left {
    float: left
}

a.rosewood-btn {
    border: 1px solid #bf9982;
    background-color: #bf9982;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.rosewood-btn:hover {
    border: 1px solid #d9c2b4;
    background-color: #d9c2b4;
    color: #fff
}

a.rosewood-btn:focus {
    border: 1px solid #d9c2b4;
    background-color: #d9c2b4;
    color: #fff
}

a.rosewood-btn.left {
    float: left
}

a.pnk-btn {
    border: 1px solid #ed298f;
    background-color: #ed298f;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.pnk-btn:hover {
    border: 1px solid #9e005d;
    background-color: #9e005d;
    color: #fff
}

a.pnk-btn:focus {
    border: 1px solid #9e005d;
    background-color: #9e005d;
    color: #fff
}

a.pnk-btn.left {
    float: left
}

.shadow-btn {
    box-shadow: 5px 5px 10px rgba(0,0,0,.5)
}

.playicon-btn {
    height: 1.5em;
    width: 1.5em;
    fill: currentColor;
    top: .25em;
    position: relative
}

a.sitemap {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px
}

a.sitemap:hover {
    color: #3d3d3d
}

a.sitemap:focus {
    color: #3d3d3d
}

a.text-line-blk-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0 0 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #838687;
    text-align: center;
    line-height: 18px;
    margin: 0 auto;
    float: left
}

a.text-line-blk-btn:hover {
    border-bottom: 1px solid #838687;
    color: #838687
}

a.text-line-blk-btn:focus {
    border-bottom: 1px solid #838687
}

a.text-line-terracotta-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0 0 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #a75f37;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #a75f37;
    text-align: center;
    line-height: 18px;
    margin: 0 auto
}

a.text-line-terracotta-btn:hover {
    border-bottom: 1px solid #e29d63;
    color: #e29d63
}

a.text-line-terracotta-btn:focus {
    border-bottom: 1px solid #e29d63
}

a.text-line-terracotta-medium-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0 0 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #e29d63;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #e29d63;
    text-align: center;
    line-height: 18px;
    margin: 0 auto
}

a.text-line-terracotta-medium-btn:hover {
    border-bottom: 1px solid #a75f37;
    color: #a75f37
}

a.text-line-terracotta-medium-btn:focus {
    border-bottom: 1px solid #a75f37
}

a.text-line-terracotta-btn.left {
    float: left
}

a.text-line-pnk-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0 0 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #ed298f;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #ed298f;
    text-align: center;
    line-height: 18px;
    margin: 0 auto
}

a.text-line-pnk-btn:hover {
    border-bottom: 1px solid #9e005d;
    color: #9e005d
}

a.text-line-pnk-btn:focus {
    border-bottom: 1px solid #9e005d
}

a.text-line-pnk-btn.left {
    float: left
}

a.text-blk-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0 0 8px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 18px
}

a.text-blk-btn:hover {
    border-bottom: 1px solid #838687;
    color: #838687
}

a.text-blk-btn:focus {
    border-bottom: 1px solid #838687;
    color: #838687
}

a.qtipline {
    text-decoration: none;
    padding: 0 0 4;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    border-bottom: 1px dotted #838687;
    line-height: 26px
}

.black,a.qtipline:hover {
    color: #000
}

a.qtipline:focus {
    color: #000
}

a.text-pnk-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #ed298f;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    margin: 0 auto
}

a.text-pnk-btn:hover {
    color: #9e005d
}

a.text-pnk-btn:focus {
    color: #9e005d
}

a.text-pnk-btn.left {
    float: left;
    border-bottom: none
}

a.text-terracotta-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #a75f37;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    margin: 0 auto
}

a.text-terracotta-btn:hover {
    color: #e29d63
}

a.text-terracotta-btn:focus {
    color: #e29d63
}

a.text-terracotta-btn.left {
    float: left;
    border-bottom: none
}

a.text-wht-btn {
    border-radius: 0;
    text-decoration: none;
    padding: 0;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.text-wht-btn:hover {
    color: #fff
}

a.text-wht-btn:focus {
    color: #fff
}

a.text-wht-btn.left {
    float: left
}

a.text-wht {
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    line-height: 18px
}

.white,a.text-wht:hover {
    color: #fff
}

a.text-wht:focus {
    color: #fff
}

a.title-blk {
    text-decoration: none
}

a.title-blk,a.title-blk:hover {
    color: #000;
    border: 0
}

a.title-blk:focus {
    color: #000;
    border: 0
}

h1 {
    font-weight: 300;
    font-size: 45px;
    line-height: 60px;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    h1 {
        font-size:35px;
        line-height: 45px
    }
}

h1 strong,h1.contenthub strong,h2 strong {
    font-weight: 600
}

h1.rosewood-light {
    color: #d9c2b4
}

h1.rosewood {
    color: #bf9982
}

h1.dhs,h4 {
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    h1.dhs {
        font-size:35px;
        line-height: 45px
    }
}

.hero-intro-wrapper h2.white,h1.contenthub,h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px
}

@media only screen and (max-width: 675px) {
    h1.contenthub {
        font-size:25px;
        line-height: 35px
    }
}

.hero-intro-wrapper h2.white {
    color: #fff;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 675px) {
    .hero-intro-wrapper h2.white {
        font-size:20px;
        line-height: 25px
    }
}

@media only screen and (max-width: 675px) {
    h2 {
        font-size:25px;
        line-height: 35px
    }
}

h2.pink {
    color: #ed298f
}

h2.palepink {
    color: #f8c1d9
}

h2.white {
    color: #fff
}

h2.terracotta {
    color: #a75f37
}

h2.terracotta-light {
    color: #f3d8c1
}

h2.rosewood-light {
    color: #d9c2b4
}

p.green {
    color: #4dcb6d
}

h3.pink,p.pink {
    color: #ed298f
}

#home .hero-intro-wrapper-homepage h1,h3 {
    font-weight: 300!important;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    h3 {
        font-size:18px;
        line-height: 28px
    }
}

#home h5,.academywklistcheck strong,.listcheck ul li strong,h3 strong,ol.alpha li strong,ol.numb li strong,p strong,ul.bullet li strong,ul.subbullet li strong {
    font-weight: 400
}

h3.bolder {
    font-weight: 600!important
}

h3.smallerIntroWidth {
    width: 90%;
    margin: 0 auto
}

h3.white {
    color: #fff
}

h3.red {
    color: #f44366
}

h3.green {
    color: #4dcb6d
}

h3.terracotta {
    color: #a75f37
}

h3.terracotta-light {
    color: #f3d8c1
}

h3.rosewood-light {
    color: #d9c2b4
}

h3.nopadding,h4.nopadding {
    padding-bottom: 0
}

h3 .fonticon {
    font-size: 15px
}

h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media only screen and (max-width: 675px) {
    h4 {
        font-size:16px;
        line-height: 25px
    }
}

#edu .nav li a:hover span,#home .hero-intro-wrapper-homepage h3,.nav li a.dropdown-toggle.active span,h4.white,p.white.source {
    color: #fff
}

h4.pink {
    color: #ed298f
}

h4.terracotta {
    color: #a75f37
}

h4.terracotta-light {
    color: #f3d8c1
}

h4.oceanblue {
    color: #204855
}

h4.index,h4.sitemap {
    font-weight: 600;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: #838687
}

@media only screen and (max-width: 675px) {
    h4.index,h4.sitemap {
        font-size:16px;
        line-height: 25px
    }
}

h4.footer {
    font-weight: 600;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-bottom: 0;
    color: #b4b4b4
}

@media only screen and (max-width: 675px) {
    h4.footer {
        font-size:16px;
        line-height: 25px
    }
}

@media only screen and (max-width: 675px) {
    h4.filter {
        font-size:16px;
        line-height: 25px
    }
}

#pricing .listlines ul li p,.box figure h4 {
    padding-bottom: 0
}

p,small {
    color: #000
}

p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    p {
        font-size:16px;
        line-height: 26px
    }
}

p.terracotta,small.terracotta {
    color: #a75f37
}

p.terracotta-light {
    color: #f3d8c1
}

p i,p.italic {
    font-style: italic
}

small {
    font-size: 12px;
    line-height: 20px!important
}

small strong {
    font-weight: 600
}

.top-sub-header {
    padding: 10px 30px;
    background-color: #fff;
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #3d3d3d
}

@media only screen and (max-width: 940px) {
    .top-sub-header {
        display:none
    }
}

ol.citelist,p.source,small,ul.bullet {
    font-weight: 300;
    padding-bottom: 10px
}

p.source {
    font-size: 13px;
    line-height: 20px;
    color: #3d3d3d
}

@media only screen and (max-width: 675px) {
    p.source {
        font-size:13px;
        line-height: 20px
    }
}

p.purple {
    color: #6a469c
}

p.oceanblue {
    color: #216479
}

ol.citelist,ul.bullet {
    color: #000;
    margin: 0 0 0 18px
}

ol.citelist {
    list-style-type: decimal!important;
    font-size: 12px;
    line-height: 20px
}

ul.bullet {
    list-style: disc!important;
    font-size: 16px;
    line-height: 26px
}

@media only screen and (max-width: 675px) {
    ul.bullet {
        font-size:16px;
        line-height: 26px
    }
}

ol.numb,ul.subbullet {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
    color: #000;
    margin: 0 0 0 18px
}

ul.subbullet {
    list-style-type: circle!important
}

@media only screen and (max-width: 675px) {
    ul.subbullet {
        font-size:16px;
        line-height: 26px
    }
}

ol.numb {
    list-style: decimal!important
}

@media only screen and (max-width: 675px) {
    ol.numb {
        font-size:16px;
        line-height: 26px
    }
}

ol.alpha li,ol.numb li,ol.numbbold li,ol.numbboldlrg li {
    padding-bottom: 10px;
    padding-left: 10px
}

ol.numbbold {
    list-style: decimal!important;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
    color: #000;
    margin: 0 0 0 18px
}

@media only screen and (max-width: 675px) {
    ol.numbbold {
        font-size:16px;
        line-height: 26px
    }
}

ol.numbboldlrg {
    list-style: decimal!important;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    color: #3d3d3d;
    margin: 0 0 0 18px
}

@media only screen and (max-width: 675px) {
    ol.numbboldlrg {
        font-size:16px;
        line-height: 26px
    }
}

ol.alpha {
    list-style: lower-alpha!important;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
    color: #000;
    margin: 0 0 0 18px
}

@media only screen and (max-width: 675px) {
    ol.alpha {
        font-size:16px;
        line-height: 26px
    }
}

p.coveragedate {
    color: #6b6b6b;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600
}

hr.divider,hr.textline {
    border: 0;
    height: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    margin: 40px 0
}

hr.divider.nomargin {
    margin: 0
}

hr.textline {
    border-bottom: 5px solid #f8c1d9;
    margin: 0 0 25px;
    width: 50px
}

sup.reg {
    font-size: 11px;
    vertical-align: super
}

div.tab a,div.tab button,div.tabtoggle button.left,div.tabtoggle button.right {
    background-color: inherit;
    margin: 0;
    outline: 0;
    cursor: pointer;
    padding: 15px;
    min-width: 110px;
    display: inline-block;
    border-radius: 30px 0 0 30px;
    background: #fff;
    border: 1px solid #a75f37;
    color: #a75f37;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600
}

div.tab a,div.tab button,div.tabtoggle button.right {
    border-radius: 0 30px 30px 0
}

div.tabtoggle button:hover {
    color: #e29d63;
    border: 1px solid #e29d63
}

div.tabtoggle button.active {
    color: #fff;
    background-color: #a75f37;
    border: 1px solid #a75f37
}

#demo .form .plan input,#quiz .form .plan input,#tme #testimonials li,.form .payment-plan input,.form .payment-type input,.tabcontent,.tabtogglecontent,input.filter[type=checkbox] {
    display: none
}

div.tab a,div.tab button {
    margin: 5px;
    border-radius: 30px;
    border: 1px solid #204855;
    color: #204855
}

div.tab button:hover {
    color: #216479;
    border: 1px solid #216479
}

div.tab button.active {
    color: #fff;
    background-color: #204855;
    border: 1px solid #204855
}

div.tab a {
    border: 2px solid #e5e5e5;
    color: #6b6b6b;
    text-decoration: none
}

div.tab a.active,div.tab a:hover {
    color: #000;
    border: 2px solid #000
}

div.tab a.active {
    color: #fff;
    background-color: #000
}

#home .hero-intro-wrapper-homepage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    min-height: 500px;
    padding: 65px 40px;
    background-image: linear-gradient(rgba(94,67,45,.3),rgba(94,67,45,.3)),url(../img/pattern.png);
    background-repeat: no-repeat,repeat;
    background-position: center center,top left;
    background-size: cover,auto
}

@media only screen and (max-width: 875px) {
    #home .hero-intro-wrapper-homepage {
        padding:5px 25px
    }
}

@media only screen and (max-width: 875px) {
    #home .hero-intro-wrapper-homepage h3 {
        font-size:30px!important;
        line-height: 45px!important
    }
}

#home .hero-intro-wrapper-homepage h3 {
    font-weight: 300;
    font-size: 45px;
    line-height: 60px;
    padding-bottom: 10px
}

#home h5 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px;
    text-transform: none;
    letter-spacing: inherit
}

#home .banner__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1
}

#home .fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 500px;
    width: 100%;
    background: url(../img/homepage/homepage-tablet-girl-car-hero.jpg)center right/cover no-repeat;
    text-align: center
}

#home .fullscreen-bg__video {
    position: relative;
    z-index: 0;
    background: url(../img/transparent.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

#home .HeroHomepage {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.2)),url(../img/pattern.png),url(../img/homepage/gettyimages-1041975888-1024x1024.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center center;
    background-size: cover,auto,cover
}

#home .bkgHomeAcademy {
    background: url(../img/home-blackboard.jpg);
    background-position: top center;
    background-size: cover
}

#home .bkgrdQuiz {
    background-image: url(../img/home-quiz-bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left
}

#home .polaroidQuiz {
    -webkit-filter: drop-shadow(5px 5px 5px #000);
    filter: drop-shadow(5px 5px 5px #000);
    width: 100%;
    max-width: 800px
}

#home .bkgHomeTME {
    background: url(../img/home-tme-teepee-hero.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000
}

#home .heroTablets {
    max-width: 830px;
    width: 100%
}

#home .featureimg {
    margin-bottom: 20px;
    width: 100%;
    max-width: 380px
}

#home .tmelogo {
    max-width: 450px;
    width: 100%
}

@media only screen and (max-width: 675px) {
    #home .textIndustry {
        text-align:center
    }

    #home .textIndustry a.pnk-btn.left {
        float: none
    }
}

#home .sponsormemberships {
    width: 120px;
    display: inline-block;
    margin: 15px
}

#tourmenu .tourbtn {
    border: 1px solid #e5e5e5;
    width: 100%;
    max-width: 170px;
    height: auto;
    min-height: 350px;
    display: inline-block;
    padding: 25px;
    background-color: #fff
}

@media only screen and (max-width: 675px) {
    #tourmenu .tourbtn {
        min-height:auto
    }
}

#tourmenu .featureicon {
    width: 50px;
    height: 50px
}

#tourmenu .featuresbtn {
    border: 1px solid #e5e5e5;
    color: #3d3d3d;
    text-decoration: none;
    width: 100%;
    max-width: 170px;
    height: auto;
    display: inline-block;
    float: left;
    padding: 40px 10px;
    background-color: #fff;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease
}

.textheightbox {
    height: auto;
    min-height: 250px
}

#pricing .pricewrapper {
    border: 1px solid #e5e5e5;
    padding: 10px;
    background-color: #fff
}

#pricing .enterprisepriceblock,#pricing .essentialspriceblock,#pricing .litepriceblock,#pricing .meevomdpriceblock,#pricing .premierpriceblock {
    display: block;
    width: 200px;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(255,255,255,.2);
    font-size: 25px
}

#pricing h3 .price {
    font-size: 40px
}

#pricing h3 sup {
    font-size: 22px
}

#pricing .listlines ul {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    max-width: 270px;
    width: 100%
}

#pricing .listlines ul li {
    padding: 10px 0;
    border-bottom: solid 1px #e5e5e5
}

#pricing .listlines ul li.white {
    padding: 10px 0;
    border-bottom: solid 1px #fff
}

#pricing li.help {
    cursor: help
}

.subscriptionbtn {
    display: inline-block!important;
    width: 150px;
    margin: 10px!important;
    font-size: 15px!important;
    font-weight: 400!important;
    text-transform: none!important
}

.pricebtnrosewood,.pricebtnsage,.pricebtnterracotta {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #bf9982;
    color: #fff;
    text-decoration: none;
    padding: 35px 15px 25px;
    border-radius: 15px
}

.pricebtnsage,.pricebtnterracotta {
    background-color: #a75f37
}

.pricebtnsage {
    background-color: #9a997b
}

.pricebtncharcoal,.pricebtnduskymauve,.pricebtnduskymauvemedium,.pricebtnoceanblue,.pricebtnoceanbluelight,.pricebtnoceanbluemedium,.pricingbtnpurple {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #806c85;
    color: #fff;
    text-decoration: none;
    padding: 35px 15px 25px;
    border-radius: 15px
}

.pricebtncharcoal,.pricebtnduskymauve,.pricebtnoceanblue,.pricebtnoceanbluelight,.pricebtnoceanbluemedium,.pricingbtnpurple {
    background-color: #4b3951
}

.pricebtncharcoal,.pricebtnoceanblue,.pricebtnoceanbluelight,.pricebtnoceanbluemedium,.pricingbtnpurple {
    background-color: #204855
}

.pricebtncharcoal,.pricebtnoceanbluelight,.pricebtnoceanbluemedium,.pricingbtnpurple {
    background-color: #216479
}

.pricebtncharcoal,.pricebtnoceanbluelight,.pricingbtnpurple {
    background-color: #a6c1c9
}

.pricebtncharcoal,.pricingbtnpurple {
    background-color: #232426
}

.pricingbtnpurple {
    background-color: #6b3aaf;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-right: 2px solid #551da4;
    border-bottom: 2px solid #551da4;
    border-left: 1px solid #551da4;
    border-top: 1px solid #551da4
}

#pricing .pricingbtnpurple:hover,.pricingbtnpurple:hover {
    text-decoration: none;
    background: #562e8c;
    border-right: 2px solid #562e8c;
    border-bottom: 2px solid #562e8c;
    border-left: 1px solid #562e8c;
    border-top: 1px solid #562e8c
}

#pricing .pricingbtnpurple:focus,.pricingbtnpurple:focus {
    text-decoration: none;
    background: #562e8c;
    border-right: 2px solid #562e8c;
    border-bottom: 2px solid #562e8c;
    border-left: 1px solid #562e8c;
    border-top: 1px solid #562e8c
}

.pricingbtnpurplelight {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #a571ed;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #9b60ec;
    border-bottom: 2px solid #9b60ec;
    border-left: 1px solid #9b60ec;
    border-top: 1px solid #9b60ec
}

#pricing .pricingbtnpurplelight:hover,.pricingbtnpurplelight:hover {
    text-decoration: none;
    background: #845abe;
    border-right: 2px solid #845abe;
    border-bottom: 2px solid #845abe;
    border-left: 1px solid #845abe;
    border-top: 1px solid #845abe
}

#pricing .pricingbtnpurplelight:focus,.pricingbtnpurplelight:focus {
    background: #845abe;
    border-right: 2px solid #845abe;
    border-bottom: 2px solid #845abe;
    border-left: 1px solid #845abe;
    border-top: 1px solid #845abe
}

.pricingbtnviolet {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #c041ce;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #c029d0;
    border-bottom: 2px solid #c029d0;
    border-left: 1px solid #c029d0;
    border-top: 1px solid #c029d0
}

#pricing .pricingbtnviolet:hover,.pricingbtnviolet:hover {
    text-decoration: none;
    background: #9a34a5;
    border-right: 2px solid #9a34a5;
    border-bottom: 2px solid #9a34a5;
    border-left: 1px solid #9a34a5;
    border-top: 1px solid #9a34a5
}

#pricing .pricingbtnviolet:focus,.pricingbtnviolet:focus {
    text-decoration: none;
    background: #9a34a5;
    border-right: 2px solid #9a34a5;
    border-bottom: 2px solid #9a34a5;
    border-left: 1px solid #9a34a5;
    border-top: 1px solid #9a34a5
}

.pricingbtnaqua {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #0ea1c3;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #0190ba;
    border-bottom: 2px solid #0190ba;
    border-left: 1px solid #0190ba;
    border-top: 1px solid #0190ba
}

#pricing .pricingbtnaqua:hover,.pricingbtnaqua:hover {
    text-decoration: none;
    background: #0b819c;
    border-right: 2px solid #0b819c;
    border-bottom: 2px solid #0b819c;
    border-left: 1px solid #0b819c;
    border-top: 1px solid #0b819c
}

#pricing .pricingbtnaqua:focus,.pricingbtnaqua:focus {
    text-decoration: none;
    background: #0b819c;
    border-right: 2px solid #0b819c;
    border-bottom: 2px solid #0b819c;
    border-left: 1px solid #0b819c;
    border-top: 1px solid #0b819c
}

.pricingbtnorange {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #ff9a3e;
    color: #fff;
    text-decoration: none;
    padding: 25px 15px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #ff8f21;
    border-bottom: 2px solid #ff8f21;
    border-left: 1px solid #ff8f21;
    border-top: 1px solid #ff8f21
}

#pricing .pricingbtnorange:hover,.pricingbtnorange:hover {
    text-decoration: none;
    background: #cc7b32;
    border-right: 2px solid #cc7b32;
    border-bottom: 2px solid #cc7b32;
    border-left: 1px solid #cc7b32;
    border-top: 1px solid #cc7b32
}

#pricing .pricingbtnorange:focus,.pricingbtnorange:focus {
    text-decoration: none;
    background: #cc7b32;
    border-right: 2px solid #cc7b32;
    border-bottom: 2px solid #cc7b32;
    border-left: 1px solid #cc7b32;
    border-top: 1px solid #cc7b32
}

#pricing .pricingbtnaqua,#pricing .pricingbtngrey,#pricing .pricingbtnorange,#pricing .pricingbtnpurple,#pricing .pricingbtnpurplelight,#pricing .pricingbtnviolet {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #6b3aaf;
    color: #fff;
    text-decoration: none;
    padding: 35px 15px 25px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #551da4;
    border-bottom: 2px solid #551da4;
    border-left: 1px solid #551da4;
    border-top: 1px solid #551da4
}

#pricing .pricingbtnaqua,#pricing .pricingbtngrey,#pricing .pricingbtnorange,#pricing .pricingbtnpurplelight,#pricing .pricingbtnviolet {
    background-color: #a571ed;
    border-right: 2px solid #9b60ec;
    border-bottom: 2px solid #9b60ec;
    border-left: 1px solid #9b60ec;
    border-top: 1px solid #9b60ec
}

#pricing .pricingbtnaqua,#pricing .pricingbtngrey,#pricing .pricingbtnorange,#pricing .pricingbtnviolet {
    background-color: #c041ce;
    border-right: 2px solid #c029d0;
    border-bottom: 2px solid #c029d0;
    border-left: 1px solid #c029d0;
    border-top: 1px solid #c029d0
}

#pricing .pricingbtnaqua,#pricing .pricingbtngrey,#pricing .pricingbtnorange {
    background-color: #0ea1c3;
    border-right: 2px solid #0190ba;
    border-bottom: 2px solid #0190ba;
    border-left: 1px solid #0190ba;
    border-top: 1px solid #0190ba
}

#pricing .pricingbtngrey,#pricing .pricingbtnorange {
    background-color: #ff9a3e;
    border-right: 2px solid #ff8f21;
    border-bottom: 2px solid #ff8f21;
    border-left: 1px solid #ff8f21;
    border-top: 1px solid #ff8f21
}

#pricing .pricingbtngrey {
    background-color: #333;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000
}

#pricing .pricingbtngrey:hover {
    text-decoration: none;
    background: #000
}

#pricing .pricingbtngrey:focus {
    text-decoration: none;
    background: #000
}

#PR .heroPress {
    background-image: url(../img/press/press-room-microphone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#PR .indeventimg {
    margin-bottom: 20px;
    width: 100%;
    max-width: 380px
}

#PR .awardwrapper {
    position: relative;
    width: 250px;
    height: 250px;
    display: inline-block
}

@media only screen and (max-width: 600px) {
    .awardwrapper {
        width:200px;
        height: 200px
    }
}

@media only screen and (max-width: 450px) {
    .awardwrapper {
        width:170px;
        height: 170px
    }
}

#PR .awardcircle {
    position: absolute;
    background-color: rgba(0,0,0,.8);
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0
}

#PR .awardnumber,#PR .awardtimes {
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 70px
}

#PR .awardtimes {
    font-size: 20px
}

#PR .awardimg {
    width: 100%
}

#PR .asseeninBkg {
    background-image: url(../img/pattern.png),url(../img/press/press-room-as-seen-in.jpg);
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
    background-position: top left,center center
}

#PR .prlogo {
    margin: 15px;
    width: 180px
}

@media only screen and (max-width: 600px) {
    #PR .prlogo {
        width:120px;
        margin: 5px
    }
}

#PR .prlogobox {
    display: block;
    width: 100%;
    background-color: rgba(255,255,255,.5)
}

#PR .coverage {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 675px) {
    #PR .coverage {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

#PR .coverage .date {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    min-width: 170px
}

@media only screen and (max-width: 675px) {
    #PR .coverage .date {
        flex:auto
    }
}

#PR .coverage .picture {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto
}

@media only screen and (max-width: 675px) {
    #PR .coverage .picture {
        flex:auto
    }
}

#PR .coverage .title {
    flex: 3 1 100%;
    -webkit-box-flex: 3 1 100%;
    -webkit-flex: 3 1 100%;
    -ms-flex: 3 1 100%;
    text-align: left
}

@media only screen and (max-width: 675px) {
    #PR .coverage .title {
        flex:auto
    }
}

#PR .coverage .read {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    min-width: 100px
}

#PR .coverage .read .text-blk-btn,#PR .coverage .read .text-pnk-btn {
    float: right
}

@media only screen and (max-width: 675px) {
    #PR .coverage .read {
        flex:auto
    }

    #PR .coverage .read .text-blk-btn {
        float: left
    }
}

#PR .coverage img {
    margin: 0 10px 0 0;
    width: 100px;
    height: 100px;
    float: left;
    vertical-align: middle
}

@media only screen and (max-width: 675px) {
    #PR .coverage img {
        display:block;
        float: none;
        margin: 0 0 10px
    }
}

.pdficon {
    width: 50px;
    height: 50px;
    vertical-align: middle
}

#faq .heroFAQ,.bkgimage,.heroBlur {
    background-repeat: no-repeat;
    background-position: center center
}

.bkgimage {
    width: auto;
    display: block;
    min-height: 380px;
    line-height: 380px;
    margin-bottom: 10px
}

#dhs .carol img,#dhs .touchmorehearts img,.bkgimage img {
    vertical-align: middle;
    margin: auto
}

#faq .heroFAQ,.heroBlur {
    background-image: url(../img/bkgblur/heroblur.jpg);
    background-size: cover
}

#faq .heroFAQ {
    background-image: url(../img/edu/quiz-hero.jpg)
}

.faqButton,.faqContent {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5
}

.faqButton {
    cursor: pointer;
    margin-bottom: 0;
    padding: 20px 0;
    text-align: left;
    text-decoration: none
}

#releasenotes .billButton H3,.faqButton H3 {
    display: inline-block;
    padding-bottom: 0
}

.faqContent {
    display: none;
    border: 0;
    padding: 30px;
    margin-bottom: 15px
}

#releasenotes .billButton .on,#releasenotes .billButton .over,.faqButton .on,.faqButton .over {
    width: 100%;
    float: left;
    cursor: pointer
}

#releasenotes .billButton .plusMinus,.faqButton .plusMinus {
    font-weight: 300;
    font-size: 30px;
    color: #a75f37;
    float: right;
    margin-left: 10px;
    content: "+"
}

#releasenotes .billWrapper {
    margin-bottom: 20px
}

#releasenotes .billButton {
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    padding: 30px;
    text-align: left;
    text-decoration: none
}

#releasenotes .billContent {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: none;
    padding: 30px 30px 40px;
    width: 100%;
    float: left;
    background-color: #fff
}

#releasenotes .billButton .plusMinus {
    color: #ec008c
}

.boxcontact {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
    min-height: 250px;
    display: block;
    padding: 25px;
    background-color: #fff
}

@media only screen and (max-width: 675px) {
    .boxcontact {
        min-height:auto
    }
}

.boxcontacticons {
    display: block;
    margin: 0 auto
}

.box .icons,.boxcontacticons {
    width: 60px;
    height: 60px
}

#demo .form input[type=radio]+label,.box figure {
    position: relative;
    text-align: center;
    display: block;
    cursor: pointer
}

.box figure {
    overflow: hidden;
    width: 100%;
    height: 300px;
    border: 1px #e5e5e5 solid
}

#demo .form input[type=radio]+label:hover,figure:hover {
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

figure:hover {
    border: 1px #000 solid
}

.box figure figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.box figure figcaption::after,.box figure figcaption::before {
    pointer-events: none
}

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

.box figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0
}

figure.effect-slide figcaption::before,figure.effect-slide h4,figure.effect-slide p {
    -webkit-transition: color .35s,-webkit-transform .35s;
    transition: color .35s,transform .35s;
    position: absolute;
    left: 0;
    width: 100%
}

figure.effect-slide figcaption::before {
    top: 0;
    height: 100%;
    content: "";
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

figure.effect-slide h4 {
    top: 50%;
    color: #000;
    -webkit-transition: -webkit-transform .35s,color .35s;
    transition: transform .35s,color .35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

figure.effect-slide p {
    bottom: 0;
    padding: 2em;
    color: transparent;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

figure.effect-slide:hover h4 {
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0)
}

figure.effect-slide:hover figcaption::before,figure.effect-slide:hover p {
    color: #3d3d3d;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#demo .progressContainer {
    margin: 0 auto
}

#demo .progressOff,#demo .progressOn {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    margin: 3px;
    display: inline-block
}

#demo .progressOn {
    border: 2px solid #000;
    background-color: #000
}

#demo .progressOff {
    border: 2px solid #e5e5e5
}

#demo .icons {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 675px) {
    #demo .icons {
        width:40px;
        height: 40px;
        display: inline-block;
        float: right;
        margin: 8px 0
    }
}

#demo .meme {
    max-width: 500px;
    width: 100%
}

#demo .cf:before {
    content: " ";
    display: table
}

#demo .cf:after {
    clear: both
}

#demo .cf,#quiz .cf {
    *zoom:1}

#demo .form input[type=radio]+label {
    color: #fff;
    background-color: #dfbae7;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1em;
    padding: 20px;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 675px) {
    #demo .form input[type=radio]+label {
        height:55px;
        padding: 0 15px;
        text-align: left;
        line-height: 55px
    }
}

#demo .form input[type=radio]+label:hover {
    background-color: #961ab1
}

#demo .form .plan input:checked+label {
    background-color: #961ab1
}

#quiz .cf:before,.cf:after {
    content: " ";
    display: table
}

#quiz .cf:after {
    clear: both
}

#quiz .form label {
    position: relative;
    color: #fff;
    background-color: #a6c1c9;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1em;
    height: auto;
    padding: 20px;
    display: block;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1
}

@media only screen and (max-width: 675px) {
    #quiz .form label {
        height:auto;
        padding: 0;
        text-align: left;
        font-size: 14px;
        line-height: 67px
    }
}

#quiz .picture {
    width: 100%;
    display: block;
    margin: 0 auto 20px
}

@media only screen and (max-width: 675px) {
    #quiz .picture {
        width:100px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        margin: 0 10px 0 0
    }
}

#quiz .form label:hover {
    background-color: #216479;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

#quiz .form .plan input:checked+label,.form .payment-plan input:checked+label,.form .payment-type input:checked+label {
    background-color: #216479
}

#quiz .formLineQuiz {
    width: 100%;
    height: auto;
    border-bottom: 3px solid #216479;
    margin: 0 auto 10px
}

#quiz .formSizeQuiz {
    width: 100%;
    max-width: 300px;
    height: 200px;
    display: block;
    margin: 0 auto
}

#quiz .wrapperQuiz {
    padding: 40px;
    border: 1px solid #216479;
    background-color: #fff
}

#quiz .quizresultmath {
    padding: 30px;
    border: 2px solid #e5e5e5;
    margin-bottom: 30px;
    border-radius: 3px
}

#quiz .quizresultpicture {
    width: 100%;
    display: block;
    margin: 0 auto 30px;
    max-width: 600px
}

#dhs .carol,#dhs .touchmorehearts {
    width: auto;
    display: block;
    min-height: 380px;
    line-height: 380px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/dhs/touch-more-hearts.jpg);
    background-size: cover
}

#dhs .carol {
    background-image: url(../img/dhs/carol.jpg)
}

#dhs .playVideo {
    width: 100px
}

#dhs img.dhslogo {
    width: 550px;
    max-width: 100%
}

#dhs .calloutBox {
    border: 2px solid #ed298f;
    color: #ed298f;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px
}

@media only screen and (max-width: 875px) {
    #dhs h1 {
        font-size:30px;
        line-height: 40px;
        padding-bottom: 20px
    }
}

#dhs .heart {
    width: 60px
}

@media only screen and (max-width: 875px) {
    #dhs .orderone {
        order:1
    }

    #dhs .ordertwo {
        order: 2
    }
}

#dhs .fullscreen-bg,#dhs video {
    width: 100%;
    height: 100%;
    background: url(../img/dhs/dearhairstylist-hero.jpg)center center/cover no-repeat
}

@media only screen and (max-width: 875px) {
    #dhs video {
        display:none
    }
}

#dhs .fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 650px;
    text-align: center
}

@media only screen and (max-width: 875px) {
    #dhs .fullscreen-bg {
        height:300px
    }
}

#dhs .fullscreen-bg__video {
    position: relative;
    z-index: 0;
    background: url(../img/transparent.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.conversionHero {
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../img/pattern.png),url(../img/conversion/conversion-hero.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,center center,center center;
    background-size: cover,auto,cover
}

.calloutstats {
    font-weight: 700;
    font-size: 50px;
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 675px) {
    .calloutstats {
        font-size:50px
    }
}

.callouts {
    font-weight: 700;
    font-size: 70px;
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 675px) {
    .callouts {
        font-size:50px
    }
}

.valuesshadowbox {
    background: #bf9982;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.valueicons {
    width: 60px;
    height: 60px;
    margin-bottom: 15px
}

#about .about-banner__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1
}

#about .about-fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 500px;
    width: 100%;
    background: url(../img/video/hero-about-us.jpg)center center/cover no-repeat;
    text-align: center
}

#about .heroAbout,#about .history {
    background-repeat: no-repeat;
    background-position: center center
}

#about .heroAbout {
    background-image: url(../img/about/hero-about-us.jpg);
    background-size: cover
}

#about .history {
    width: auto;
    display: block;
    min-height: 380px;
    line-height: 380px;
    margin-bottom: 10px;
    background-image: url(../img/about/history-video-600x400.jpg)
}

#about .history img {
    vertical-align: middle;
    margin: auto;
    width: 100px;
    height: 100px
}

#about .iconValues {
    width: 60px;
    height: 60px;
    padding-bottom: 15px
}

#about .callouts {
    font-weight: 300;
    font-size: 70px;
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 675px) {
    #about .callouts {
        font-size:50px
    }

    #about .textAbout {
        text-align: center
    }
}

#about .fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 650px;
    width: 100%;
    background: url(../img/about/hero-about-us-video.jpg)center center/cover no-repeat;
    text-align: center
}

@media only screen and (max-width: 875px) {
    #about .fullscreen-bg {
        height:300px
    }
}

#about .fullscreen-bg__video {
    position: relative;
    z-index: 0;
    background: url(../img/transparent.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

#about .headshots {
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    margin-bottom: 20px
}

#about .teamheadshot {
    width: 100%;
    max-width: 500px;
    display: block;
    cursor: pointer
}

#about .teamheadshotlable {
    width: 100%;
    max-width: 500px;
    background-color: #fff;
    padding: 20px;
    height: 155px
}

.ivoryquotebox {
    background: #f8f7f5;
    border: 1px solid #f8f7f5;
    border-radius: 20px;
    padding: 30px
}

.whiteBoxBlueGlow {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 60px 0 rgba(62,184,234,.6)
}

.bkgrdBluePurpleGlowGradient {
    background-image: linear-gradient(45deg,#c89be7,#c89be7,#816ebc,#816ebc)
}

.meevoHero,.meevoHomeHero {
    background-image: linear-gradient(45deg,rgba(210,186,244,.6),rgba(165,113,237,.7),#ec5a9d),url(../img/meevo/meevo-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

.meevoHomeHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.2),rgba(35,36,38,.8),rgba(35,36,38,.8)),url(../img/home/palm-leaves-charcoal.webp)
}

.image-container {
    position: relative;
    overflow: hidden;
    height: auto;
    border-radius: 0
}

.image-container img {
    transition: transform .5s ease;
    border-radius: 0
}

.image-container:hover img,.video-image-container:hover img {
    transform: scale(1.1)
}

.image-container .text-overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    width: 170px;
    text-align: center;
    background-color: rgba(255,255,255,.3);
    backdrop-filter: blur(10px);
    padding: 10px;
    border-radius: 60px
}

.image-container:hover .text-overlay {
    opacity: 1
}

#careers .career-banner__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1
}

#careers .career-fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 500px;
    width: 100%;
    background: url(../img/careers/hero-careers.jpg)center center/cover no-repeat;
    text-align: center
}

#careers .career-color-bg {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.careersHero {
    background-image: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/pattern.png),url(../img/careers/hero-careers.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center center;
    background-size: cover,auto,cover
}

.careersEmployees {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/careers/employee-collage-background-v2.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

.careersiconDept {
    width: 50px;
    height: 50px;
    margin-botton: 15px
}

.coronaHero,.supportHero {
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../img/pattern.png),url(../img/coronavirus/coronahero.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center center;
    background-size: cover,auto,cover
}

.supportHero {
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../img/pattern.png),url(../img/support/meevo-features-enviro.jpg)
}

.convobarHero {
    background-image: url(../img/pattern.png),url(../img/convobar/convobar-hero.jpg);
    background-repeat: repeat,no-repeat;
    background-position: top left,center center;
    background-size: auto,cover
}

.convobarlogo {
    width: 250px;
    margin-bottom: 10px
}

.convobarlogoblksection {
    width: 180px;
    margin-bottom: 10px
}

.bkgrdCharcoalBlue {
    background: #216479;
    background: radial-gradient(at center bottom,#216479,#232426)
}

.meevomdlogo {
    max-width: 250px;
    width: 100%;
    margin: 30px 0
}

.radiuscorners {
    border-radius: 20px
}

.bkgrdWhtOpacity {
    background-color: rgba(255,255,255,.2);
    padding: 30px
}

.radiusterracottabox,a.whtblue-pillbtn {
    border-radius: 20px;
    border: 1px solid #a75f37;
    padding: 30px;
    background-color: #fff
}

a.whtblue-pillbtn {
    border: 1px solid #fff;
    border-radius: 30px;
    text-decoration: none;
    padding: 10px 15px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    max-width: 220px;
    width: 100%;
    cursor: pointer
}

a.whtblue-pillbtn:hover {
    border: 1px solid #a6c1c9;
    background-color: #a6c1c9;
    color: #000
}

a.whtblue-pillbtn:focus {
    border: 1px solid #a6c1c9;
    background-color: #a6c1c9;
    color: #000
}

.pillbtn-three-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.pillbtn-three-grid-wrapper {
    flex: 1 1 30%;
    text-align: center;
    padding: 10px
}

@media only screen and (max-width: 600px) {
    .pillbtn-three-grid-wrapper {
        flex:1 1 50%;
        text-align: center;
        padding: 10px
    }
}

@media only screen and (max-width: 410px) {
    .pillbtn-three-grid-wrapper {
        flex:100%;
        text-align: center;
        padding: 10px
    }
}

.pillbtn-three-grid-logo-size {
    max-width: 150px;
    width: 100%
}

.video-image-container {
    position: relative;
    overflow: hidden;
    height: auto
}

.video-image-container img {
    transition: transform .5s ease
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    border-radius: 20px 20px 0 0;
    aspect-ratio: 16/9;
    cursor: pointer
}

.video-copy-container {
    border-radius: 0 0 20px 20px;
    padding: 30px
}

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

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgba(255,255,255,.4);
    backdrop-filter: blur(10px);
    color: #fff;
    border: 0;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-image: url(../img/video-player-icon-wht.svg)
}

.slider {
    background: #fff;
    height: 90px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.slider::after,.slider::before {
    background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
    content: "";
    height: 90px;
    position: absolute;
    width: 200px;
    z-index: 2
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slider::before {
    left: 0;
    top: 0
}

.slider .slide-track {
    -webkit-animation: scroll 120s linear infinite;
    animation: scroll 120s linear infinite;
    display: flex;
    width: calc(250px*26)
}

.slider .slide {
    height: 90px;
    width: 250px
}

@media only screen and (max-width: 410px) {
    @-webkit-keyframes scroll {
        0% {
            transform:translateX(0)
        }

        to {
            transform: translateX(calc(-190px*13))
        }
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        to {
            transform: translateX(calc(-190px*13))
        }
    }

    .slider {
        background: #fff;
        height: 90px;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .slider::after,.slider::before {
        background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
        content: "";
        height: 90px;
        position: absolute;
        width: 190px;
        z-index: 2
    }

    .slider::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg)
    }

    .slider::before {
        left: 0;
        top: 0
    }

    .slider .slide-track {
        -webkit-animation: scroll 120s linear infinite;
        animation: scroll 120s linear infinite;
        display: flex;
        width: calc(200px*26)
    }

    .slider .slide {
        height: 90px;
        width: 190px
    }
}

.beautybarBusHero,.cosmetologyBusHero,.massageBusHero,.medspaBusHero,.salonBusHero,.salonspaBusHero,.spaBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-salon-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

.beautybarBusHero,.cosmetologyBusHero,.massageBusHero,.medspaBusHero,.salonBusHero,.spaBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-spa-software-hero.webp)
}

.beautybarBusHero,.cosmetologyBusHero,.massageBusHero,.medspaBusHero,.salonBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-medspa-hero.webp)
}

.beautybarBusHero,.cosmetologyBusHero,.massageBusHero,.salonBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-massage-software-studio-hero.webp)
}

.beautybarBusHero,.cosmetologyBusHero,.salonBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-beauty-bar-hero.webp)
}

.cosmetologyBusHero,.salonBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-hero-cosmetology.webp)
}

.salonBusHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-industry/business-industry-salon-software-hero.webp)
}

.salonHero,.spaHero,.spasalonHero,.thriveHero {
    background-image: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(../img/pattern.png),url(../img/business-industry/business-industry-salon-hero.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center center;
    background-size: cover,auto,cover
}

.spaHero,.spasalonHero,.thriveHero {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.3)),url(../img/pattern.png),url(../img/business-industry/business-industry-spa-salon-hero.jpg)
}

.spaHero,.thriveHero {
    background-image: linear-gradient(rgba(0,0,0,.3),transparent),url(../img/pattern.png),url(../img/business-industry/business-industry-spa-hero.jpg)
}

.thriveHero {
    background-image: linear-gradient(rgba(107,58,175,.5),rgba(107,58,175,.5)),url(../img/pattern.png),url(../img/thrive/thrive-hero.jpg)
}

.historyjohnharmsHero,.historyjohnharmsbkgrdHero {
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../img/history-john-harms/history-john-harms-hero.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,top center;
    background-size: cover,cover
}

.historyjohnharmsbkgrdHero {
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../img/history-john-harms/history-john-harms-bkgrd-hero.webp);
    background-position: center center,top right
}

.chartybkgrdHero {
    background-image: url(../img/charities/charty-bkg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover
}

.charitylogo {
    width: 100%;
    max-width: 300px
}

.charityheartlogo {
    width: 100%;
    max-width: 200px
}

.partnerlogo {
    width: 165px;
    margin: 0 auto
}

.iconsforsuccess {
    width: 60px;
    height: 60px;
    padding-bottom: 15px
}

.businesssizefeatures {
    width: 170px;
    display: inline-block;
    margin: 10px 0
}

.multiLocationHero,.singleLocationHero,.singleLocationsalonlspapHero {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../img/business-size/business-single-location-hero.jpg);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

.multiLocationHero,.singleLocationsalonlspapHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-size/business-size-hero-single-location.webp)
}

.multiLocationHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-size/business-multi-location-hero.jpg);
    background-position: center center,bottom left
}

.franchiseLocationHero,.franchisesalonlspapHero,.multiLocationsalonlspapHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-size/business-size-hero-multi-location.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

.franchiseLocationHero,.franchisesalonlspapHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-size/business-franchise-hero.jpg)
}

.franchisesalonlspapHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426),url(../img/business-size/business-size-hero-franchise.webp)
}

#integrations .partnerlogo {
    width: 165px;
    display: block;
    margin: 0 auto
}

#integrations .boxinteg {
    height: auto;
    min-height: 330px
}

#integrations .boxintegfeatures {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    width: 100%;
    height: auto;
    min-height: 330px;
    display: block;
    padding: 25px;
    background-color: #fff
}

@media only screen and (max-width: 675px) {
    #integrations .boxintegfeatures {
        min-height:auto
    }
}

#integrations .studentteacher {
    border-bottom: 5px solid #ed1c24
}

#integrations .advancedashboards {
    border-bottom: 5px solid #f7c908
}

#integrations .paymentplans {
    border-bottom: 5px solid #009245
}

#integrations .yieldmanagement {
    border-bottom: 5px solid #ff993d
}

#integrations .qnity {
    border-bottom: 5px solid #f59729
}

#integrations .summit {
    border-bottom: 5px solid #54939e
}

#integrations .strategies {
    border-bottom: 5px solid #e74391
}

#integrations .eufora,#integrations .paulmitchell {
    border-bottom: 5px solid #000
}

#integrations .bookingagent {
    border-bottom: 5px solid #5fa5f9
}

#integrations .callcenter {
    border-bottom: 5px solid #b17ee8
}

#integrations .kiosk {
    border-bottom: 5px solid #00bb19
}

#integrations .biapp {
    border-bottom: 5px solid #a673ed
}

#integrations .Onlinebooking {
    border-bottom: 5px solid #9e44d3
}

#integrations .walkinmanager {
    border-bottom: 5px solid #00a6ef
}

#integrations .eGift {
    border-bottom: 5px solid #a1d316
}

#integrations .Docsforms {
    border-bottom: 5px solid #1bcace
}

#integrations .Textel {
    border-bottom: 5px solid #005eb8
}

#integrations .Emma {
    border-bottom: 5px solid #ff7055
}

#integrations .SalonCloud {
    border-bottom: 5px solid #39b3e4
}

#integrations .SalonInteractive {
    border-bottom: 5px solid #1734cf
}

#integrations .Touchmd {
    border-bottom: 5px solid #1594e1
}

#integrations .Meevopay {
    border-bottom: 5px solid #0da1c4
}

#integrations .Jtech {
    border-bottom: 5px solid #be1e2d
}

#integrations .Techsphere {
    border-bottom: 5px solid #0c5380
}

#integrations .Quickbooks {
    border-bottom: 5px solid #2ea048
}

#integrations .Wisely {
    border-bottom: 5px solid #6420ed
}

#integrations .Transworld {
    border-bottom: 5px solid #50b1e1
}

#integrations .Reach {
    border-bottom: 5px solid #000
}

#integrations .CareCredit {
    border-bottom: 5px solid #006f60
}

#integrations .Tippy {
    border-bottom: 5px solid #52c0aa
}

#integrations .ADP {
    border-bottom: 5px solid #d0271d
}

#integrations .Aveda {
    border-bottom: 5px solid #392720
}

#integrations .Vish {
    border-bottom: 5px solid #ce0f69
}

#support .communityBkgrd,#support .heroSupport {
    background-image: url(../img/support/support-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#support .communityBkgrd {
    background-image: url(../img/support/msi-community-bkg.jpg)
}

#support .callouts {
    font-weight: 300;
    font-size: 70px;
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 675px) {
    #support .callouts {
        font-size:50px
    }
}

#support .iconhelpWrap {
    display: inline-block;
    margin: 0 5px;
    min-width: 160px;
    width: auto
}

#support .iconHelp {
    width: 130px;
    height: 130px;
    display: block;
    padding-bottom: 10px;
    margin: 0 auto
}

#support .iconContact {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto
}

#support .count {
    border-bottom: 1px solid #000;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
    display: block
}

#support .supportbtnwrapper {
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

#support .supportbtnpurplelight {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #a571ed;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #9b60ec;
    border-bottom: 2px solid #9b60ec;
    border-left: 1px solid #9b60ec;
    border-top: 1px solid #9b60ec
}

#support .supportbtnpurplelight:hover {
    text-decoration: none;
    background: #845abe;
    border-right: 2px solid #845abe;
    border-bottom: 2px solid #845abe;
    border-left: 1px solid #845abe;
    border-top: 1px solid #845abe
}

#support .supportbtnpurplelight:focus {
    background: #845abe;
    border-right: 2px solid #845abe;
    border-bottom: 2px solid #845abe;
    border-left: 1px solid #845abe;
    border-top: 1px solid #845abe
}

#support .supportbtnaqua {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #0ea1c3;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #0190ba;
    border-bottom: 2px solid #0190ba;
    border-left: 1px solid #0190ba;
    border-top: 1px solid #0190ba
}

#support .supportbtnaqua:hover {
    text-decoration: none;
    background: #0b819c;
    border-right: 2px solid #0b819c;
    border-bottom: 2px solid #0b819c;
    border-left: 1px solid #0b819c;
    border-top: 1px solid #0b819c
}

#support .supportbtnaqua:focus {
    text-decoration: none;
    background: #0b819c;
    border-right: 2px solid #0b819c;
    border-bottom: 2px solid #0b819c;
    border-left: 1px solid #0b819c;
    border-top: 1px solid #0b819c
}

#support .supportbtnpurple {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #6b3aaf;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #551da4;
    border-bottom: 2px solid #551da4;
    border-left: 1px solid #551da4;
    border-top: 1px solid #551da4
}

#support .supportbtnpurple:hover {
    text-decoration: none;
    background: #562e8c;
    border-right: 2px solid #562e8c;
    border-bottom: 2px solid #562e8c;
    border-left: 1px solid #562e8c;
    border-top: 1px solid #562e8c
}

#support .supportbtnpurple:focus {
    text-decoration: none;
    background: #562e8c;
    border-right: 2px solid #562e8c;
    border-bottom: 2px solid #562e8c;
    border-left: 1px solid #562e8c;
    border-top: 1px solid #562e8c
}

#support .supportbtnviolet {
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    background-color: #c041ce;
    color: #fff;
    text-decoration: none;
    padding: 25px 5px 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 15px;
    border-right: 2px solid #c029d0;
    border-bottom: 2px solid #c029d0;
    border-left: 1px solid #c029d0;
    border-top: 1px solid #c029d0
}

#support .supportbtnviolet:hover {
    text-decoration: none;
    background: #9a34a5;
    border-right: 2px solid #9a34a5;
    border-bottom: 2px solid #9a34a5;
    border-left: 1px solid #9a34a5;
    border-top: 1px solid #9a34a5
}

#support .supportbtnviolet:focus {
    text-decoration: none;
    background: #9a34a5;
    border-right: 2px solid #9a34a5;
    border-bottom: 2px solid #9a34a5;
    border-left: 1px solid #9a34a5;
    border-top: 1px solid #9a34a5
}

.clientsupportIcons {
    width: 80px;
    margin-bottom: 10px
}

@media only screen and (max-width: 675px) {
    .wpboxwrap {
        min-height:auto
    }
}

#resource-search label {
    font-weight: 600;
    font-size: 12px
}

.resource-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(200,200,200,.8)
}

.bewellbizLogo {
    margin-bottom: 15px;
    width: 150px
}

.downloadsuccesswrapper {
    border: 1px solid #e5e5e5;
    padding: 30px
}

.imgmarginbottom30 {
    margin-bottom: 30px
}

.guestbloggerwrapper {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    padding: 20px
}

@media only screen and (max-width: 675px) {
    .guestbloggerwrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.guestbloggerwrapper .picture {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto
}

@media only screen and (max-width: 675px) {
    .guestbloggerwrapper .picture {
        flex:auto
    }
}

.guestbloggerwrapper .picture img {
    width: 150px;
    margin: 15px
}

.guestbloggerwrapper .copy {
    flex: 3 1 100%;
    -webkit-box-flex: 3 1 100%;
    -webkit-flex: 3 1 100%;
    -ms-flex: 3 1 100%;
    text-align: left
}

.contributeauthorwrapper,.sharethisdivider {
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 10px;
    margin: 10px 0 0
}

.contributeauthorwrapper {
    border-bottom: 1px solid #e5e5e5;
    margin: 20px 0 0
}

.listanalytics ul,.listautoclientcomm ul,.listavoid ul,.listcenteraloffice ul,.listcheck ul,.listcheckmarkblk ul,.listcheckmarkcircle ul,.listcheckmarkcirclewhite ul,.listcheckmarktipcircle ul,.listconvobar ul,.listcustom ul,.listgoals ul,.listincluded ul,.listincludedgrey ul,.listinventory ul,.listmanageemployees ul,.listmarketing ul,.listmemberships ul,.listmultitasking ul,.listpackages ul,.listpayment ul,.listreports ul,.listresource ul,.listsecurity ul,.listsimpcheckout ul,.listsmanagereviews ul,.listsmartcenters ul,.listsmobile ul,.listsonlineselfbook ul,.listsrevenue ul,.listwaitlist ul,.listwalkinmanager ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.listcheck ul li {
    padding: 10px 10px 10px 40px;
    background-image: url(../img/check-mark-blk.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    line-height: 26px
}

.contentbtn {
    border: 1px solid #e5e5e5;
    text-decoration: none;
    width: 100%;
    min-height: 400px;
    display: inline-block;
    float: left;
    padding: 0;
    color: #000;
    background-color: #fff;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease
}

.contentbtn:hover {
    border: 1px solid #000
}

.contentbtn:focus {
    border: 1px solid #000
}

.wpboxcontent {
    padding: 20px
}

.filter-section-wrapper {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    padding: 50px 40px 15px
}

.wpboxwrap {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
    min-height: 350px;
    display: block;
    background-color: #fff
}

@media only screen and (max-width: 675px) {
    .wpboxwrap {
        min-height:auto
    }
}

.post img.wp-post-image {
    height: auto
}

.iconMeevoPay {
    width: 65px;
    height: 65px;
    padding-bottom: 15px
}

.heroSecurity {
    background-image: url(../img/pattern.png),url(../img/security/security-hero.png);
    background-repeat: repeat,no-repeat;
    background-position: top left,center center;
    background-size: auto,cover
}

.iconSecurity {
    width: 65px;
    height: 65px;
    padding-bottom: 15px
}

.bkgrdworrylesssalon,.salonlpHero,.salonlspapHero,.spalpHero {
    background-image: linear-gradient(rgba(94,67,45,.5),rgba(94,67,45,.5)),url(../img/pattern.png),url(../img/salon-new-prospects/salon-spa-hero.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center right;
    background-size: cover,auto,cover
}

.bkgrdworrylesssalon,.salonlpHero,.spalpHero {
    background-image: linear-gradient(rgba(94,67,45,.5),rgba(94,67,45,.5)),url(../img/pattern.png),url(../img/salon-new-prospects/salon-stylist-hero.jpg)
}

.bkgrdworrylesssalon,.spalpHero {
    background-image: linear-gradient(rgba(94,67,45,.5),rgba(94,67,45,.5)),url(../img/pattern.png),url(../img/spa-new-prospects/spa-hero.png);
    background-position: center center,top left,center center
}

.bkgrdworrylesssalon {
    background-image: linear-gradient(rgba(51,51,51,.2),rgba(51,51,51,.2)),url(../img/pattern.png),url(../img/salon-new-prospects/focusgradient.png)
}

.clientlogos {
    max-width: 220px;
    width: 100%;
    opacity: .5
}

.bkgfiller {
    z-index: 1000;
    background-image: url(../img/salon-new-prospects/pixel.png);
    background-repeat: no-repeat;
    background-position: 0 600px;
    background-size: cover
}

.listavoid ul li {
    background-image: url(../img/icon-avoid.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    padding: 10px 10px 10px 40px;
    margin: 0
}

.listcheckmarkblk ul li,.listcheckmarkcircle ul li,.listcheckmarkcirclewhite ul li,.listcheckmarktipcircle ul li {
    background-image: url(../img/icon-white-circle-checkmark.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 0 12px;
    padding: 7px 7px 7px 30px;
    margin: 0
}

.listcheckmarkblk ul li,.listcheckmarkcircle ul li,.listcheckmarktipcircle ul li {
    background-image: url(../img/icon-black-circle-checkmark.svg)
}

.listcheckmarkblk ul li,.listcheckmarktipcircle ul li {
    background-image: url(../img/icon-black-circle-checkmark-tip.svg)
}

.listcheckmarkblk ul li {
    background-image: url(../img/icon-black-checkmark.svg)
}

.listincluded ul li,.listincludedgrey ul li {
    background-image: url(../img/check-mark.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
    margin: 0 0 15px
}

.listincluded ul li {
    background-position: 10px 13px;
    background-color: #fff
}

.listincludedgrey ul li {
    background-position: 8px 13px
}

.listanalytics ul li,.listconvobar ul li,.listreports ul li {
    background-image: url(../img/icons/icon-circle-convobar.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 80px
}

.listanalytics ul li,.listreports ul li {
    background-image: url(../img/icons/icon-circle-trustworthy-data.svg)
}

.listreports ul li {
    background-image: url(../img/icons/icon-circle-reporting-bar-graph.svg)
}

.listinventory ul li,.listmemberships ul li,.listmultitasking ul li,.listpackages ul li,.listsmartcenters ul li {
    background-image: url(../img/icon-circle-feature-navigation.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 80px
}

.listinventory ul li,.listmemberships ul li,.listpackages ul li,.listsmartcenters ul li {
    background-image: url(../img/icons/icon-circle-smart-centers.svg)
}

.listinventory ul li,.listmemberships ul li,.listpackages ul li {
    background-image: url(../img/icons/icon-circle-inventory.svg)
}

.listmemberships ul li,.listpackages ul li {
    background-image: url(../img/icons/icon-circle-memberships.svg)
}

.listpackages ul li {
    background-image: url(../img/icon-circle-feature-packages.svg)
}

.listcustom ul li,.listmanageemployees ul li,.listsecurity ul li,.listwaitlist ul li,.listwalkinmanager ul li {
    background-image: url(../img/icons/icon-circle-managing-employees.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 80px
}

.listcustom ul li,.listsecurity ul li,.listwaitlist ul li,.listwalkinmanager ul li {
    background-image: url(../img/icons/icon-circle-waitlist-management.svg)
}

.listcustom ul li,.listsecurity ul li,.listwalkinmanager ul li {
    background-image: url(../img/icons/icon-circle-walkthrough.svg)
}

.listcustom ul li,.listsecurity ul li {
    background-image: url(../img/icons/icon-circle-customizable.svg)
}

.listsecurity ul li {
    background-image: url(../img/icons/icon-circle-security-controls.svg)
}

.listautoclientcomm ul li,.listcenteraloffice ul li,.listgoals ul li,.listmarketing ul li,.listpayment ul li,.listresource ul li {
    background-image: url(../img/icons/icon-circle-central-office.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 80px
}

.listautoclientcomm ul li,.listgoals ul li,.listmarketing ul li,.listpayment ul li,.listresource ul li {
    background-image: url(../img/icons/icon-circle-advanced-marketing-tools.svg)
}

.listautoclientcomm ul li,.listgoals ul li,.listpayment ul li,.listresource ul li {
    background-image: url(../img/icons/icon-circle-resource-management.svg)
}

.listautoclientcomm ul li,.listgoals ul li,.listpayment ul li {
    background-image: url(../img/icons/icon-circle-goals.svg)
}

.listautoclientcomm ul li {
    background-image: url(../img/icons/icon-circle-email-performance-analytics.svg)
}

.listsimpcheckout ul li,.listsmanagereviews ul li,.listsmobile ul li,.listsonlineselfbook ul li,.listsrevenue ul li {
    background-image: url(../img/icons/icon-circle-client-check-in.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 80px
}

.listsmanagereviews ul li,.listsmobile ul li,.listsonlineselfbook ul li,.listsrevenue ul li {
    background-image: url(../img/icons/icon-circle-online-booking.svg)
}

.listsmanagereviews ul li,.listsmobile ul li,.listsrevenue ul li {
    background-image: url(../img/icons/icon-circle-reputation-management.svg)
}

.listsmobile ul li,.listsrevenue ul li {
    background-image: url(../img/icons/icon-circle-mobility.svg)
}

.listsrevenue ul li {
    background-image: url(../img/icons/icon-circle-pricing.svg)
}

.boxfeatures {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
    min-height: 350px;
    display: block;
    padding: 25px;
    background-color: #fff
}

@media only screen and (max-width: 675px) {
    .boxfeatures {
        min-height:auto
    }
}

.featuremeevologo {
    width: 140px;
    margin-bottom: 10px
}

.featureapptbookmobiletablet {
    background-image: url(../img/features/millennium-meevo-feature-appointment-book-mobile.jpg);
    background-position: center bottom;
    background-size: cover;
    height: 700px
}

@media only screen and (max-width: 675px) {
    .featureapptbookmobiletablet {
        height:400px
    }
}

.featureonlinebookingphone {
    background-image: url(../img/features/millennium-meevo-feature-online-booking-phone-lady.jpg);
    background-position: center top;
    background-size: cover;
    height: 700px
}

@media only screen and (max-width: 675px) {
    .featureonlinebookingphone {
        height:400px
    }
}

.featureicononlinebooking {
    width: 100px;
    height: 100px
}

.featureicon {
    width: 50px;
    height: 50px
}

.featuresbtn {
    border: 1px solid #e5e5e5;
    color: #3d3d3d;
    text-decoration: none;
    width: 100%;
    height: auto;
    display: block;
    padding: 40px 10px;
    background-color: #fff;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease
}

.featuresbtn:hover {
    border: 1px solid #000;
    color: #000!important
}

.featuresbtn:focus {
    border: 1px solid #000;
    color: #000!important
}

.meevoacademylogo {
    width: 100%;
    max-width: 250px;
    margin-bottom: 30px
}

.academypalmbkgrd {
    background-image: url(../img/academy/palms.svg),linear-gradient(90deg,#232426,#204855);
    background-size: cover,cover;
    background-position: top center,left
}

.academywkherobkgrd {
    background-image: linear-gradient(rgba(124,44,145,.8),rgba(136,122,184,.8)),url(../img/academy/hero-bkgd-image.jpg);
    background-size: cover,cover;
    background-position: left,center center;
    padding: 150px 25px
}

.academywkgradient {
    background: #7c2c91;
    background: -webkit-linear-gradient(left,#7c2c91,#887ab8);
    background: -o-linear-gradient(left,#7c2c91,#887ab8);
    background: -moz-linear-gradient(left,#7c2c91,#887ab8);
    background: linear-gradient(left,#7c2c91,#887ab8)
}

.academywkicons {
    display: inline-block;
    padding: 20px;
    width: 170px
}

.academylogoworkshop {
    width: 100%!important;
    max-width: 370px!important
}

.academypurple {
    color: #7c2b90
}

.academywklistcheck ul {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #3d3d3d;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.academywklistcheck ul li {
    background-image: url(../img/academy/check-mark.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 40px
}

.registerbtnsoldout,.registerbtnyellow {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    border: 1px solid #333;
    background-color: none;
    color: #333;
    text-decoration: none;
    padding: 20px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    border-radius: 5px
}

.registerbtnyellow {
    border: 1px solid #ffcd06;
    background-color: #ffcd06;
    color: #000
}

.registerbtnyellow:hover {
    text-decoration: none;
    border: 1px solid #fdde61;
    background-color: #fdde61
}

.registerbtnyellow:focus {
    text-decoration: none;
    border: 1px solid #fdde61;
    background-color: #fdde61
}

a.ylw-btn {
    border: 1px solid #ffcd06;
    background-color: #ffcd06;
    border-radius: 3px;
    text-decoration: none;
    padding: 15px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    clear: both;
    content: "";
    display: table;
    margin: 0 auto;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px
}

a.ylw-btn:hover {
    border: 1px solid #fdde61;
    background-color: #fdde61;
    color: #000
}

a.ylw-btn:focus {
    border: 1px solid #fdde61;
    background-color: #fdde61;
    color: #000
}

.bluecore,.boxmeevologinresources,.pinkcore,.purplecore {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
    min-height: 250px;
    display: block;
    padding: 25px;
    background-color: #fff
}

#edu .boxacademyresources img,.boxmeevologinresources img {
    width: 80px;
    height: 80px;
    padding-bottom: 15px
}

.bluecore,.pinkcore,.purplecore {
    border: 3px solid #0ea1c3;
    padding: 40px 10px;
    background-color: #e6f5f9;
    min-height: 340px
}

.pinkcore,.purplecore {
    border: 2px dotted #9074b4;
    background-color: #eeeaf4;
    min-height: 260px
}

.pinkcore {
    border: 2px dotted #ed298f;
    background-color: #fde9f4
}

.meevologocapterra {
    max-width: 200px;
    width: 100%;
    margin-bottom: 20px
}

.capterrabadges {
    width: 100px;
    vertical-align: middle;
    padding: 5px
}

.capterragradient {
    background-image: linear-gradient(180deg,rgba(222,161,229,0),rgba(222,161,229,0),rgba(222,161,229,.1),rgba(222,161,229,.3));
    border: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.capterrabadgeswrapper {
    display: block;
    margin-top: 20px
}

.capterracallouts {
    font-weight: 600;
    font-size: 70px;
    display: block;
    margin-bottom: 20px
}

@media only screen and (max-width: 675px) {
    .capterracallouts {
        font-size:50px
    }
}

.meevologogooglelp {
    max-width: 250px;
    width: 100%;
    margin-bottom: 20px
}

.quotehighlight {
    border-right: 4px solid #dacaf0;
    border-bottom: 4px solid #dacaf0
}

.meevo-lp-comptakedown-hero {
    background-image: linear-gradient(45deg,#232426,rgba(35,36,38,.7),#bf9982),url(../img/google-lp-ads/salon-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-comptakedown-hero {
        background-image:linear-gradient(45deg,#bf9982,rgba(35,36,38,.7),rgba(35,36,38,.7)),url(../img/google-lp-ads/salon-spa-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevo-lp-compreach-hero-one h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-one h1 {
        font-size:35px;
        line-height: 45px
    }
}

.meevo-lp-compreach-hero-one {
    background-image: linear-gradient(45deg,#232426,rgba(35,36,38,.7),#bf9982),url(../img/google-lp-ads/salon-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-one {
        background-image:linear-gradient(45deg,#bf9982,rgba(35,36,38,.7),rgba(35,36,38,.7)),url(../img/google-lp-ads/salon-spa-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevo-lp-compreach-hero-two h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-two h1 {
        font-size:35px;
        line-height: 45px
    }
}

.meevo-lp-compreach-hero-two {
    background-image: linear-gradient(45deg,rgba(35,36,38,.7),rgba(35,36,38,.5),rgba(167,95,55,.5)),url(../img/campaigns/generic-palms-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-two {
        background-image:linear-gradient(45deg,rgba(35,36,38,.7),rgba(35,36,38,.5),rgba(167,95,55,.5)),url(../img/campaigns/generic-palms-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevo-lp-compreach-hero-three h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-three h1 {
        font-size:35px;
        line-height: 45px
    }
}

.meevo-lp-compreach-hero-three {
    background-image: linear-gradient(45deg,rgba(35,36,38,.6),rgba(35,36,38,.6),#bf9982),url(../img/campaigns/compreach-massage-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-three {
        background-image:linear-gradient(45deg,#bf9982,rgba(35,36,38,.6),rgba(35,36,38,.6)),url(../img/campaigns/compreach-massage-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #543922
    }
}

.meevo-lp-compreach-hero-four h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-four h1 {
        font-size:35px;
        line-height: 45px
    }
}

.meevo-lp-compreach-hero-four {
    background-image: linear-gradient(45deg,rgba(35,36,38,.6),rgba(35,36,38,.3),#bf9982),url(../img/campaigns/compreach-multi-task-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-four {
        background-image:linear-gradient(45deg,rgba(35,36,38,.3),rgba(191,153,130,.2),rgba(35,36,38,.6)),url(../img/campaigns/compreach-multi-task-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #a58571
    }
}

.meevo-lp-compreach-hero-five h1 {
    font-weight: 300;
    font-size: 60px;
    line-height: 70px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-five h1 {
        font-size:35px;
        line-height: 45px
    }
}

.meevo-lp-compreach-hero-five {
    background-image: linear-gradient(45deg,rgba(35,36,38,.6),rgba(35,36,38,.3),#bf9982),url(../img/campaigns/compreach-front-desk-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,bottom center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevo-lp-compreach-hero-five {
        background-image:linear-gradient(45deg,rgba(35,36,38,.3),rgba(191,153,130,.2),rgba(191,153,130,.2)),url(../img/campaigns/compreach-front-desk-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #a58571
    }
}

.meevosalonsoftwarebkgrdHero {
    background-image: linear-gradient(45deg,#d2baf4,rgba(165,113,237,.7),#ec5a9d),url(../img/google-lp-ads/salon-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevosalonsoftwarebkgrdHero {
        background-image:linear-gradient(45deg,#d2baf4,rgba(165,113,237,.7),rgba(236,90,157,.8)),url(../img/google-lp-ads/salon-software-hero-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevosalonspaeverythingbkgrdHero {
    background-image: linear-gradient(45deg,#216479,rgba(35,36,38,.6),rgba(35,36,38,.6)),url(../img/google-lp-ads/salon-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevosalonspaeverythingbkgrdHero {
        background-image:linear-gradient(45deg,#216479,rgba(33,100,121,.6),rgba(35,36,38,.6)),url(../img/google-lp-ads/salon-spa-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevomedspaeverythingbkgrdHeroTwo {
    background-image: linear-gradient(45deg,#216479,rgba(35,36,38,.6),rgba(35,36,38,.6)),url(../img/campaigns/med-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevomedspaeverythingbkgrdHeroTwo {
        background-image:linear-gradient(45deg,#216479,rgba(33,100,121,.6),rgba(35,36,38,.6)),url(../img/campaigns/med-spa-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevomedspaeverythingbkgrdHero {
    background-image: linear-gradient(45deg,#84cfdf,rgba(255,153,61,.6),rgba(236,90,157,.7)),url(../img/google-lp-ads/med-spa-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevomedspaeverythingbkgrdHero {
        background-image:linear-gradient(45deg,rgba(236,90,157,.7),#fecca1,rgba(132,207,223,.6)),url(../img/google-lp-ads/med-spa-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevosalonspasocialHero {
    background-image: linear-gradient(45deg,rgba(75,57,81,.8),rgba(35,36,38,.8)),url(../img/google-lp-ads/salon-meevo-software-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevosalonspasocialHero {
        background-image:linear-gradient(45deg,rgba(35,36,38,.8),rgba(75,57,81,.7)),url(../img/google-lp-ads/salon-meevo-software-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevosalonmidmarketgHero {
    background-image: linear-gradient(45deg,rgba(75,54,80,.4),#4b3650),url(../img/mid-mkt/salon-mid-market-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevosalonmidmarketgHero {
        background-image:linear-gradient(45deg,rgba(75,54,80,.6),rgba(75,54,80,.7)),url(../img/mid-mkt/salon-mid-market-hero-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto
    }
}

.meevosalonsmblrgHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.8),rgba(35,36,38,.6)),url(../img/smb/women-cutting-hair.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevosalonsmblrgHero {
        background-image:linear-gradient(45deg,rgba(35,36,38,.8),rgba(35,36,38,.6)),url(../img/smb/women-cutting-hair-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto
    }
}

.meevomedspasingleHero {
    background-image: linear-gradient(45deg,#204855,rgba(33,100,121,.6),#204855),url(../img/campaigns/meevo-medspa-single-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevomedspasingleHero {
        background-image:linear-gradient(45deg,#204855,rgba(33,100,121,.6),rgba(32,72,85,.6)),url(../img/campaigns/meevo-medspa-single-hero-small.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #636868
    }
}

.meevospasoftwarebkgrdHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.6),rgba(35,36,38,.6),#bf9982),url(../img/campaigns/compreach-massage-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevospasoftwarebkgrdHero {
        background-image:linear-gradient(45deg,#bf9982,rgba(35,36,38,.6),rgba(35,36,38,.6)),url(../img/campaigns/compreach-massage-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #fff
    }
}

.meevospamidmarketbkgrdHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.6),rgba(35,36,38,.6),#bf9982),url(../img/campaigns/spa-mid-market-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,left center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevospamidmarketbkgrdHero {
        background-image:linear-gradient(45deg,#bf9982,rgba(35,36,38,.6),rgba(35,36,38,.6)),url(../img/campaigns/spa-mid-market-hero-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #fff
    }
}

.meevopay-upgrade {
    background-image: linear-gradient(45deg,rgba(35,36,38,.8),rgba(191,153,130,.2)),url(../img/meevopay/meevopay-front-desk-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: cover,cover
}

@media only screen and (max-width: 675px) {
    .meevopay-upgrade {
        background-image:linear-gradient(45deg,rgba(35,36,38,.8),rgba(191,153,130,.2)),url(../img/campaigns/compreach-front-desk-sm.webp);
        background-position: center center,top center;
        background-size: cover,auto;
        background-color: #a58571
    }
}

.meevocompgeneralHero,.meevotips-tipping-upgrade {
    background-image: linear-gradient(45deg,rgba(35,36,38,.8),rgba(191,153,130,.2)),url(../img/meevotips/meevotips-no-tax-hero.webp);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,top center;
    background-size: cover,cover
}

.meevocompgeneralHero {
    background-image: linear-gradient(45deg,rgba(35,36,38,.8),rgba(35,36,38,.6)),url(../img/campaigns/competitor-campaign-header.png);
    background-position: center center,center center
}

@media only screen and (max-width: 675px) {
    .meevocompgeneralHero {
        background-color:#000;
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.8)),url(../img/campaigns/competitor-header-blk-sm.png);
        background-position: center center,top center;
        background-size: cover,auto
    }
}

.client-logo-six-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.client-logo-six-wrapper {
    flex: 1 1 15%;
    text-align: center;
    padding: 20px
}

@media only screen and (max-width: 730px) {
    .client-logo-six-wrapper {
        flex:1 1 30%;
        text-align: center;
        padding: 20px
    }
}

.client-logo-six-size {
    max-width: 130px;
    width: 100%
}

.meevosummerbkgrdHero {
    background-image: url(../img/summer-campaign/wave.svg),linear-gradient(45deg,#f8ccdf,#84cfdf);
    background-repeat: no-repeat;
    background-color: #fecca1;
    background-size: cover;
    background-position: center center
}

.quotesblk {
    width: 60px;
    padding-bottom: 15px
}

.ambassadorlogowht {
    width: 100%;
    max-width: 350px;
    margin: 10px
}

.millacademylogowht {
    width: 100%;
    max-width: 220px;
    margin: 30px
}

.millacademylogowhthorz {
    width: 100%;
    max-width: 240px
}

#edu .iconsacademy,.iconsacademy {
    width: 60px;
    height: 60px;
    padding-bottom: 15px
}

#edu .bkgrdAcademygirl {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(../img/edu/edu-academy-24hours.jpg);
    background-size: cover;
    background-position: center center;
    padding: 150px 0
}

#edu .boxacademyresources {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: auto;
    min-height: 250px;
    display: block;
    padding: 25px;
    background-color: #fff
}

#edu .nav {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    height: 55px
}

#edu li>a::after {
    content: " "
}

#edu .nav li {
    display: block;
    list-style: none
}

#edu .nav .button-dropdown {
    position: relative
}

#edu .nav li a {
    display: block;
    color: #fff;
    background-color: #ed298f;
    padding: 18px;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    height: 55px;
    border-radius: 3px
}

#edu .nav li a span {
    display: inline-block;
    font-size: 12px;
    text-align: right;
    color: #fff
}

#edu .nav li a:hover,.nav li a.dropdown-toggle.active {
    background-color: #9e005d;
    color: #fff
}

#edu .nav li .dropdown-menu {
    display: none;
    position: relative;
    left: 0;
    padding: 18px;
    margin: 0;
    text-align: left;
    border-top: 0 solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 9999
}

#edu .nav li .dropdown-menu a {
    width: 150px
}

#resource-section .nav li .dropdown-menu {
    background-color: #f9f9fa
}

input.filter[type=checkbox]+label {
    border: 0;
    opacity: 1;
    position: static;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 5px;
    color: #3d3d3d;
    display: block;
    margin: 5px
}

.article-content-wrap div strong,input.filter[type=checkbox]+label strong {
    font-weight: 700
}

input.filter[type=checkbox]+label span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
    border-radius: 100%
}

input.filter[type=checkbox]:checked+label span {
    background: url(../img/check-white-checkbox.svg)center no-repeat;
    background-size: 12px;
    border: 1px solid #000;
    background-color: #000
}

h4.filter {
    font-weight: 600;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

@media only screen and (max-width: 675px) {
    h4.filter {
        font-size:16px;
        line-height: 25px
    }
}

.nopadding,h4.filter {
    padding-bottom: 0
}

a.filter {
    color: #ed298f;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px
}

.texttabs ul li a:hover,a.filter:hover {
    color: #9e005d
}

a.filter:focus {
    color: #9e005d
}

.filtercounter {
    color: #999;
    display: inline
}

.filterButton,.filterContent {
    padding: 10px;
    width: 100%;
    float: left;
    background-color: #fff
}

.filterButton {
    cursor: pointer;
    margin-bottom: 0;
    border: 1px solid #e5e5e5;
    text-align: left;
    text-decoration: none
}

.filterButton H4 {
    display: inline-block;
    padding-bottom: 0
}

.filterContent {
    border-top: 0 solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.filterButton .on,.filterButton .over {
    width: 100%;
    float: left;
    cursor: pointer
}

.filterButton .plusMinus {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #ec008c;
    float: right;
    margin-left: 10px;
    content: "+"
}

#campaigns .listcheck ul {
    font-size: 1.15em;
    color: #4c4c4e
}

#campaigns .listcheck ul li {
    background-image: url(../img/check-mark.svg);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    padding: 10px 10px 10px 40px;
    line-height: 1.4737em
}

#edu .heroAcademy {
    background-image: url(../img/edu/academy-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#edu .iconhat {
    width: 100px;
    height: 100px;
    border: 0
}

#edu .heroCommunity {
    background-image: url(../img/edu/community-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#edu .iconCommunity {
    width: 60px;
    height: 60px;
    padding-bottom: 15px
}

@media only screen and (max-width: 675px) {
    #edu .textCommunity {
        text-align:center
    }
}

#growth .heroQuiz {
    background-image: url(../img/edu/quiz-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#growth .iconSpeak {
    margin: 0 auto;
    display: block
}

@media only screen and (max-width: 675px) {
    #growth .textGrowth {
        text-align:center
    }
}

#edu .heroQuiz {
    background-image: url(../img/edu/quiz-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#edu .wrapperQuiz {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background-color: #fff
}

#edu .emoji {
    width: 80px
}

#edu .iconSpeak {
    width: 100px;
    margin: auto;
    display: block
}

#tme .Hightlights {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    height: 250px
}

#tme .HightlightTitles {
    background-color: rgba(255,255,255,.8);
    padding: 10px
}

#tme .HightlightTitles H4 {
    padding: 0;
    margin: 0
}

#tme .Classes,#tme .Show {
    background-repeat: no-repeat;
    background-size: cover
}

#tme .Classes {
    background: url(../img/edu/tme/tme-classes.jpg);
    background-position: center center
}

#tme .Show {
    background: url(../img/edu/tme/tme-hair-show.jpg);
    background-position: top center
}

#tme .Networking {
    background: url(../img/edu/tme/tme-networking.jpg)
}

#tme .Edu,#tme .Networking,#tme .Wellness {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#tme .Wellness {
    background: url(../img/edu/tme/tme-wellness.jpg)
}

#tme .Edu {
    background: url(../img/edu/tme/tme-edu.jpg)
}

#tme .tmeSpeakers {
    width: 100%;
    max-width: 300px;
    margin-bottom: 10px
}

#tme .guestQuotes {
    width: 200px;
    margin-bottom: 10px
}

#tme blockquote {
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

#tme .playVideo {
    width: 100px
}

#tme #testimonials {
    width: 100%;
    height: 100%;
    min-height: 350px
}

#tme video {
    width: 100%;
    height: 100%;
    background: url(../img/edu/tme/tme-hero.jpg)center center/cover no-repeat
}

@media only screen and (max-width: 875px) {
    #tme video {
        display:none
    }
}

#tme .tmeLogo {
    width: 450px
}

@media only screen and (max-width: 875px) {
    #tme .tmeLogo {
        width:290px
    }
}

#tme .fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 650px;
    width: 100%;
    background: url(../img/edu/tme/tme-hero.jpg)center center/cover no-repeat;
    text-align: center
}

@media only screen and (max-width: 875px) {
    #tme .fullscreen-bg {
        height:300px
    }
}

#tme .fullscreen-bg__video {
    position: relative;
    z-index: 0;
    background: url(../img/transparent.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

#tme .recapBehind,#tme .recapParty {
    width: auto;
    display: block;
    min-height: 380px;
    line-height: 380px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/edu/tme/sam-villa-recap.jpg)
}

#tme .recapBehind img,#tme .recapParty img {
    vertical-align: middle;
    margin: auto
}

#tme .recapParty {
    background-image: url(../img/edu/tme/tme-party.jpg)
}

#error .unicorn {
    max-width: 500px;
    width: 100%
}

#error {
    background-color: #d8e9fc
}

#software .heroSalons,#software .heroSpa {
    background-image: url(../img/meevo/spa-hero-v2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#software .heroSalons {
    background-image: url(../img/meevo/hero-salon-blur.jpg)
}

#software .onlinebookingicons {
    width: 75px;
    height: 75px
}

#software .desktop,#software .laptop {
    width: 100%;
    max-width: 750px;
    display: block;
    margin: 0 auto
}

#software .laptop {
    padding-top: 0
}

#software .phone,#software .tablets,#software .tabletsphone {
    width: 100%;
    max-width: 580px;
    display: block;
    margin: 0 auto;
    padding-top: 0
}

#software .phone,#software .tabletsphone {
    max-width: 660px
}

#software .phone {
    max-width: 400px
}

@media only screen and (max-width: 675px) {
    #software .textCenterOneCol,.textCenterOneCol {
        text-align:center
    }

    .textCenterOneCol a.blk-btn.left,.textCenterOneCol a.pnk-btn.left,.textCenterOneCol a.text-line-pnk-btn,.textCenterOneCol a.text-pnk-btn.left,.textCenterOneCol a.wht-btn.left {
        float: none
    }
}

#lpMeevo .heroMeevoDHS {
    background-image: url(../img/lp/lp-meevo-dhs-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#lpMeevo .GradBkgPnkPurp {
    background: #391f69;
    background: -webkit-linear-gradient(#6f48b7,#391f69);
    background: -o-linear-gradient(#6f48b7,#391f69);
    background: -moz-linear-gradient(#6f48b7,#391f69);
    background: linear-gradient(#6f48b7,#391f69)
}

#lpMeevo .GradBkgLightPurp {
    background: #d1c4e8;
    background: -webkit-linear-gradient(#ede7f6,#d1c4e8);
    background: -o-linear-gradient(#ede7f6,#d1c4e8);
    background: -moz-linear-gradient(#ede7f6,#d1c4e8);
    background: linear-gradient(#ede7f6,#d1c4e8)
}

#lpMeevo .heroMeevoBlur {
    background-image: url(../img/lp/heroblur.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

#lpMeevo .borders {
    border: 5px solid #fff
}

#lpMeevo .meevoLogo {
    width: 300px;
    margin-bottom: 20px
}

@media only screen and (max-width: 875px) {
    #lpMeevo .meevoLogo {
        width:200px
    }
}

#lpMeevo .headlinebox {
    min-height: 250px;
    height: 100%;
    display: block
}

#lpMeevo .devices,#lpMeevo .tablet {
    width: 100%;
    max-width: 750px;
    display: block;
    margin: 0 auto
}

#lpMeevo .tablet {
    max-width: 550px
}

#lpMeevo .desktop,#lpMeevo .laptop,#lpMeevo .laptoptablet,#lpMeevo .phone {
    width: 100%;
    max-width: 750px;
    display: block;
    margin: 0 auto
}

#lpMeevo .desktop,#lpMeevo .phone {
    max-width: 300px
}

#lpMeevo .desktop {
    max-width: 750px
}

#lpMeevo .screenshotTablets {
    width: 100%;
    border: 2px solid #191919
}

#lpMeevo .convo {
    max-width: 800px;
    width: 100%
}

.bkgrdPastelPinkPurpleGradient {
    background-image: linear-gradient(45deg,#d5bcf2,#d5bcf2,#d5bcf2,#f1c8e4,#f1c8e4)
}

.bkgrdhearts {
    background-image: url(../img/lp/lovemymeevo/heart-pink-bkg.svg),url(../img/lp/lovemymeevo/heart-bkg.svg),linear-gradient(.25turn,#d4bbf3,#d4bbf3,#efc8e4,#efc8e4);
    background-position: right top,left top;
    background-repeat: repeat,repeat,repeat;
    background-size: 40%,40%,cover
}

.client-logo-three-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.client-logo-three-grid-wrapper {
    flex: 1 1 30%;
    text-align: center;
    padding: 20px
}

@media only screen and (max-width: 600px) {
    .client-logo-three-grid-wrapper {
        flex:1 1 50%;
        text-align: center;
        padding: 20px
    }
}

.client-logo-three-grid-logo-size {
    max-width: 150px;
    width: 100%
}

.testimonialwrapper,.textwrapperbox {
    padding: 30px
}

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

.awardwrapper {
    position: relative;
    width: 250px;
    height: 250px;
    display: inline-block
}

@media only screen and (max-width: 600px) {
    .awardwrapper {
        width:200px;
        height: 200px
    }
}

@media only screen and (max-width: 450px) {
    .awardwrapper {
        width:170px;
        height: 170px
    }
}

.awardcircle {
    position: absolute;
    background-color: rgba(61,61,61,.8);
    border-radius: 100%;
    display: block;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3)
}

.awardnumber,.awardtimes {
    font-weight: 700;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 80px
}

.awardtimes {
    font-size: 20px
}

.awardimg {
    width: 100%
}

.stat-numbers-white {
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    color: #fff
}

.home-stat-logos {
    width: 120px;
    height: 120px
}

@media (min-width: 501px) {
    .home-stat-grid-wrapper {
        display:flex;
        flex-flow: row wrap;
        margin: 80px 0 0
    }
}

.home-stat-grid-item {
    text-align: center;
    padding: 30px;
    width: 100%
}

@media (min-width: 1025px) {
    .home-stat-grid-item {
        flex:1 1 25%;
        max-width: 25%
    }
}

@media (min-width: 501px) and (max-width:1024px) {
    .home-stat-grid-item {
        flex:1 1 50%;
        max-width: 50%
    }
}

@media (min-width: 501px) {
    .home-stat-grid-item {
        border-right:1px solid #fff
    }
}

@media (min-width: 1025px) {
    .home-stat-grid-item:nth-child(4n) {
        border-right:0
    }

    .home-stat-grid-item:nth-child(n+5) {
        border-bottom: 1px solid #fff
    }
}

@media (min-width: 501px) and (max-width:1024px) {
    .home-stat-grid-item:nth-child(2n) {
        border-right:0
    }

    .home-stat-grid-item:nth-child(1),.home-stat-grid-item:nth-child(2) {
        border-bottom: 1px solid #fff
    }
}

.home-client-logo-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.home-client-logo-wrapper {
    flex: 1 1 25%;
    text-align: center;
    padding: 20px
}

@media only screen and (max-width: 600px) {
    .home-client-logo-wrapper {
        flex:1 1 50%;
        text-align: center;
        padding: 20px
    }
}

.home-client-logo-size {
    max-width: 170px;
    width: 100%
}

.home-sponsor-logo-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start
}

.home-sponsor-logo-wrapper {
    flex: 1 1 30%;
    text-align: center;
    padding: 20px
}

@media only screen and (max-width: 600px) {
    .home-sponsor-logo-wrapper {
        flex:1 1 50%;
        text-align: center;
        padding: 20px
    }
}

.home-sponsor-logo-size {
    max-width: 150px;
    width: 100%;
    opacity: .5
}

#campaigns .listcheck ul,.client-preferences ul,.email-marketing-platform ul,.goal-setting ul,.meevo-self-pay ul,.online-booking ul,.online-reputation-management ul,.reporting ul,.security-controls ul,.social-posting ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.email-marketing-platform ul li,.goal-setting ul li,.reporting ul li,.security-controls ul li {
    background-image: url(../img/icon-feature-goals.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 8px 8px 8px 35px
}

.email-marketing-platform ul li,.reporting ul li,.security-controls ul li {
    background-image: url(../img/icon-feature-security.svg)
}

.email-marketing-platform ul li,.reporting ul li {
    background-image: url(../img/icon-feature-reports.svg)
}

.email-marketing-platform ul li {
    background-image: url(../img/icon-feature-email-performance-analytics.svg)
}

.client-preferences ul li,.meevo-self-pay ul li,.online-booking ul li,.online-reputation-management ul li,.social-posting ul li {
    background-image: url(../img/icon-feature-online-presence-analytics.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 8px 8px 8px 35px
}

.client-preferences ul li,.meevo-self-pay ul li,.online-booking ul li,.social-posting ul li {
    background-image: url(../img/icon-feature-social-posting.svg)
}

.client-preferences ul li,.meevo-self-pay ul li,.online-booking ul li {
    background-image: url(../img/icon-feature-manage-client.svg)
}

.meevo-self-pay ul li,.online-booking ul li {
    background-image: url(../img/icon-feature-contactless.svg)
}

.online-booking ul li {
    background-image: url(../img/icon-feature-booking.svg)
}

.clientlogo {
    margin: 15px 30px;
    opacity: .5;
    width: 130px
}

.circleicon {
    width: 70px;
    height: 70px;
    margin-bottom: 5px
}

.bkgrdWhtBlur {
    background-color: rgba(255,255,255,.2);
    backdrop-filter: blur(10px)
}

.bkgrdWhite {
    background-color: #fff
}

.bkgrdBlkBlur {
    background-color: rgba(0,0,0,.2);
    backdrop-filter: blur(10px)
}

.bkgrdIvory {
    background-color: #f8f7f5
}

.bkgrdRosewood {
    background-color: #bf9982
}

.bkgrdRosewoodlight {
    background-color: #d9c2b4
}

.bkgrdOceanblue {
    background-color: #204855
}

.bkgrdOceanbluemedium {
    background-color: #216479
}

.bkgrdOceanbluelight {
    background-color: #d6e2e6
}

.bkgrdduskymauve {
    background-color: #4b3951
}

.bkgrdCharcoalDuskymauve {
    background: #4b3951;
    background: radial-gradient(at center bottom,#4b3951,#232426)
}

.bkgrdsage {
    background-color: #9a997b
}

.bkgrdsagelight {
    background-color: #d7d6ca
}

.bkgrdCharcoal {
    background-color: #232426
}

.bkgrdCharcoalGradient {
    background: linear-gradient(45deg,rgba(35,36,38,.9),rgba(35,36,38,.8),#232426)
}

.bkgrdPurple {
    background-color: #6f48b7
}

.bkgrdGrey {
    background-color: #f5f5f5
}

.bkgrdDarkGrey {
    background-color: #3d3d3d
}

.bkgrdPink {
    background-color: #fef1f6
}

.bkgrdBrandPink {
    background-color: #ed298f
}

.bkgrdPinkPurpleGradient {
    background-image: linear-gradient(45deg,#d2baf4,#a571ed,#ec5a9d)
}

.bkgrdPurpleGradient {
    background-image: linear-gradient(45deg,#d2baf4,#a571ed)
}

.bkgrdGoldGradient {
    background-image: linear-gradient(45deg,#fffcf0,#fae28b)
}

.bkgrdBlueGradient {
    background-image: linear-gradient(45deg,#84cfdf,#0ea1c3)
}

@media only screen and (max-width: 875px) {
    .orderone {
        order:1
    }

    .ordertwo {
        order: 2
    }
}

.orderArt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width: 675px) {
    .orderArt {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .orderArtOne {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .orderArtTwo {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.maxwidthSixFour {
    max-width: 600px;
    width: 100%
}

.maxwidth700 {
    max-width: 700px;
    width: 100%
}

.maxwidth300 {
    max-width: 300px;
    width: 100%
}

.fixedDiv,.maxwidth {
    width: 100%
}

.fixedDiv {
    display: none;
    border-bottom: 1px solid #b7b7b7;
    background-color: rgba(255,255,255,.95);
    padding: 10px;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.desktopframe,.desktopframetwo,.phoneframe,.tabletframe {
    border: 2px solid #ccc;
    max-width: 800px;
    width: 100%;
    display: block
}

.desktopframe {
    background-color: #000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 40px
}

.desktopframetwo,.phoneframe,.tabletframe {
    background-color: #fff;
    border-radius: 30px;
    padding: 0 0 60px
}

.phoneframe,.tabletframe {
    padding: 20px 40px;
    max-width: 600px;
    display: inline-block
}

.phoneframe {
    padding: 30px 10px;
    max-width: 180px
}

@media only screen and (max-width: 570px) {
    #coffee-talk-watch div.tab button {
        margin:5px 0;
        min-width: 100px
    }

    .tabletframe {
        padding: 10px 25px;
        border: 1px solid #ccc
    }
}

.texttabs {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px
}

.texttabs ul,.texttabs ul li {
    list-style: none;
    padding: 0;
    position: relative
}

.texttabs ul {
    clear: left;
    float: left;
    margin: 0;
    left: 50%;
    text-align: center
}

.texttabs ul li {
    display: inline-block;
    border-right: 1px solid #ddd;
    margin: 5px 0;
    right: 50%
}

.texttabs ul li:nth-last-child(1) {
    border-right: none
}

.texttabs ul li a {
    display: block;
    margin: 0;
    padding: 0 10px;
    text-decoration: none;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #ed298f;
    font-weight: 600;
    text-align: center
}

.texttabs ul li.active a,html .tabs ul li.active a:hover {
    color: #000
}

.texttab_container {
    clear: both;
    width: auto
}

.texttab_content {
    padding: 0;
    text-align: center
}

.testimonialsWrapper {
    display: flex;
    align-items: center;
    justify-content: left;
    max-width: 350px;
    width: 100%
}

.testimonialsWrapper img {
    max-width: 70px;
    float: left;
    flex-basis: 40%;
    margin-right: 10px
}

.testimonialheadshots {
    width: 200px;
    height: 200px
}

.whiteshadowbox,.whiteshadowboxradius {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.whiteshadowboxradius {
    border-radius: 15px
}

.WhiteBoxRound,.formIvoryBox,.formWhiteBox {
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.formIvoryBox {
    background: #f8f7f5;
    border: 1px solid #f8f7f5
}

.WhiteBoxRound,.formWhiteBox {
    background: #fff;
    border: 1px solid #fff
}

.chatbox {
    width: 280px;
    border: solid 1px #000;
    display: none;
    z-index: 999
}

@media only screen and (max-width: 415px) {
    .chatbox {
        width:100%
    }
}

.chatbox.active {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0
}

.chatbox>.header {
    background-color: #fff;
    border-bottom: solid 1px #000;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    padding: 0 15px;
    margin: 0;
    height: 50px;
    line-height: 50px;
    display: block
}

.chatbox>.header ul {
    margin: 0;
    padding: 0;
    display: block;
    float: right;
    list-style: none
}

.chatbox>.header ul li {
    float: left
}

.chatbox>div {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    display: none
}

.chatboxbtn {
    background-color: #000;
    color: #fff;
    border: 0;
    font-size: 15px;
    cursor: pointer;
    padding: 5px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.chatboxContent {
    text-align: center
}

.meevoLogo {
    width: 350px;
    margin-bottom: 20px
}

@media only screen and (max-width: 875px) {
    .meevoLogo {
        max-width:280px;
        width: 100%
    }
}

.embeded-video {
    position: absolute;
    top: 0;
    left: 0
}

.play-wrapper,video {
    width: 100%;
    height: 100%
}

.play-wrapper {
    cursor: pointer
}

.play-wrapper-button {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    z-index: 101;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.play-wrapper-poster {
    width: 100%;
    height: 100%;
    z-index: 100
}

.video-player {
    position: relative
}

video {
    background: #000
}

.controls {
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(to bottom,transparent,#000);
    align-items: center;
    transition: opacity .2s
}

.video-player.playing .controls {
    opacity: 0
}

.control-button:hover,.video-player:hover .controls {
    opacity: 1
}

.control-button {
    border: 0;
    background: 0 0;
    cursor: pointer;
    opacity: .8;
    transition: all .2s
}

.control-button.play-button,.control-button.sound-button {
    height: 40px;
    width: 40px
}

.control-button.fullscreen-button {
    height: 35px;
    width: 35px
}

.control-button svg {
    stroke: #fff;
    fill: transparent
}

.timeline {
    -webkit-appearance: none;
    width: calc(100% - 125px);
    height: .5em;
    background-color: rgba(255,255,255,.3);
    border-radius: 5px;
    background-size: 0 100%;
    background-image: linear-gradient(#fff,#fff);
    background-repeat: no-repeat
}

.timeline::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: rgba(255,255,255,.8)
}

.timeline::-moz-range-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: rgba(255,255,255,.8)
}

.timeline::-ms-thumb {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transition: all .1s;
    background-color: rgba(255,255,255,.8)
}

.timeline::-webkit-slider-thumb:hover {
    background-color: #fff
}

.timeline:hover::-webkit-slider-thumb {
    opacity: 1
}

.timeline::-moz-range-thumb:hover {
    background-color: #fff
}

.timeline:hover::-moz-range-thumb {
    opacity: 1
}

.timeline::-ms-thumb:hover {
    background-color: #fff
}

.timeline:hover::-ms-thumb {
    opacity: 1
}

.timeline::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: 0 0
}

.timeline::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: 0 0
}

.timeline::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: 0;
    background: 0 0
}

.youtube-container {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 30px auto
}

.vimeo-player,.youtube-player {
    margin: 20px auto;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block
}

.youtube-iframe,img.youtube-thumbnail {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

img.youtube-thumbnail {
    bottom: 0;
    display: block;
    margin: auto;
    max-width: 100%;
    right: 0;
    height: auto
}

div.youtube-play-btn {
    height: 80px;
    width: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    position: absolute;
    background: url(../img/icon-play-white-black-bkg.svg)no-repeat center center;
    background-size: 80px 80px
}

.youtube-iframe {
    height: 100%
}

.iq-system-animation {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    border-radius: 20px;
    background: radial-gradient(circle at center,rgba(32,72,85,.22)0,rgba(35,36,38,0) 42%),#232426
}

.iq-core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    transform: translate(-50%,-50%)
}

.iq-core-center {
    position: absolute;
    inset: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.28);
    background: radial-gradient(circle,rgba(227,154,98,.14),rgba(255,255,255,.03) 62%,rgba(255,255,255,.01));
    backdrop-filter: blur(10px);
    box-shadow: 0 0 35px rgba(32,98,117,.2),inset 0 0 25px rgba(255,255,255,.04);
    z-index: 4
}

.iq-core-label {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .02em
}

.iq-core-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(100,215,210,.26)
}

.iq-ring-one {
    inset: 12px;
    animation: iqPulseRing 4s ease-in-out infinite
}

.iq-ring-two {
    inset: -10px;
    border-color: rgba(227,154,98,.16);
    animation: iqPulseRing 4s ease-in-out infinite 1s
}

.iq-node {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    z-index: 5;
    animation: iqNodeGlow 8s ease-in-out infinite
}

.iq-node-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5ad7d1;
    box-shadow: 0 0 0 6px rgba(90,215,209,.06),0 0 20px rgba(90,215,209,.4)
}

.iq-growth {
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 0s
}

.iq-time {
    top: 50%;
    left: 9%;
    transform: translateY(-50%);
    animation-delay: 2s
}

.iq-transparency {
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    animation-delay: 4s
}

.iq-control {
    top: 50%;
    right: 9%;
    transform: translateY(-50%);
    animation-delay: 6s
}

.iq-line {
    position: absolute;
    display: block;
    background: linear-gradient(90deg,rgba(90,215,209,0),rgba(90,215,209,.45),rgba(90,215,209,0));
    transform-origin: center;
    opacity: .35;
    z-index: 2
}

.iq-line-growth {
    width: 1px;
    height: 110px;
    top: 24%;
    left: 50%;
    background: linear-gradient(to bottom,rgba(90,215,209,0),rgba(90,215,209,.5),rgba(90,215,209,0))
}

.iq-line-time {
    width: 120px;
    height: 1px;
    top: 50%;
    left: 22%
}

.iq-line-transparency {
    width: 1px;
    height: 110px;
    bottom: 23%;
    left: 50%;
    background: linear-gradient(to bottom,rgba(90,215,209,0),rgba(90,215,209,.5),rgba(90,215,209,0))
}

.iq-line-control {
    width: 120px;
    height: 1px;
    top: 50%;
    right: 22%
}

.iq-system-animation::after,.iq-system-animation::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .14;
    pointer-events: none
}

.iq-system-animation::before {
    top: -70px;
    right: -60px;
    background: #204855
}

.iq-system-animation::after {
    bottom: -90px;
    left: -70px;
    background: #e39a62
}

@media (max-width: 700px) {
    .iq-system-animation {
        min-height:420px
    }

    .iq-core {
        width: 130px;
        height: 130px
    }

    .iq-core-center {
        inset: 24px
    }

    .iq-core-label {
        font-size: 15px
    }

    .iq-node {
        font-size: 10px;
        letter-spacing: .08em
    }

    .iq-growth {
        top: 12%
    }

    .iq-transparency {
        bottom: 11%
    }

    .iq-time {
        left: 5%
    }

    .iq-control {
        right: 5%
    }
}

.homeherotitle {
    font-size: clamp(48px,5.5vw,60px);
    line-height: 1.2;
    letter-spacing: -.05em;
    font-weight: 700;
    text-wrap: balance;
    padding-bottom: 10px
}

.homesubhead {
    font-size: clamp(17px,1.4vw,21px);
    line-height: 1.5;
    font-weight: 400!important;
    text-wrap: balance
}

.hero-eyebrow,.homesectiontitle {
    font-size: clamp(30px,5.2vw,50px);
    line-height: 1.2;
    letter-spacing: -.05em;
    font-weight: 700;
    text-wrap: balance
}

.hero-eyebrow {
    text-transform: none;
    font-size: clamp(16px,1.15vw,17px);
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .01em
}

@media (max-width: 720px) {
    h1.hero-eyebrow {
        font-size:16px!important;
        line-height: 1.45;
        font-weight: 600;
        letter-spacing: .01em;
        text-wrap: balance
    }
}

.linequoteterracotta,.linequoteterracotta-light {
    border-left: 3px solid #f3d8c1;
    padding: 10px 20px;
    text-wrap: balance
}

.linequoteterracotta {
    border-left: 3px solid #a75f37
}

.gradient-text {
    background: linear-gradient(90deg,#e29d63,#b46c45);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.homeslider {
    background: #f8f7f5;
    height: 90px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative
}

.homeslider::after,.homeslider::before {
    content: "";
    position: absolute;
    top: 0;
    width: 190px;
    height: 100%;
    z-index: 2;
    pointer-events: none
}

.homeslider::before {
    left: 0;
    background: linear-gradient(to right,#f8f7f5 0,rgba(248,247,245,0) 100%)
}

.homeslider::after {
    right: 0;
    background: linear-gradient(to left,#f8f7f5 0,rgba(248,247,245,0) 100%)
}

.homeslide-track {
    display: flex;
    width: max-content;
    animation: homeLogoScroll 60s linear infinite
}

.homeslide {
    width: 230px;
    height: 90px;
    flex: 0 0 230px;
    display: flex;
    align-items: center;
    justify-content: center
}

#home .home-client-logo-size {
    max-width: 200px;
    max-height: 75px;
    width: auto;
    height: auto
}

:root {
    --ivory: #F7F4EE;
    --paper: #FCFBF8;
    --white: #FFFFFF;
    --charcoal: #232426;
    --muted: #646A6D;
    --terracotta: #E39A62;
    --terracotta-deep: #B9683B;
    --ocean: #1E6275;
    --ocean-deep: #174B59;
    --mauve: #4E3D55;
    --sage: #A2A084;
    --line: #DED9D1;
    --shadow: 0 26px 70px rgba(32,35,38,.12)
}

.story-section.ocean {
    background: var(--ocean);
    color: #fff
}

.story-section.warm {
    background: var(--ivory)
}

.story-section.mauve {
    background: var(--mauve);
    color: #fff
}

.story-section.charcoal {
    background: var(--charcoal);
    color: #fff
}

.feature-grid,.story-layout {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.story-layout {
    gap: 28px;
    align-items: stretch
}

.feature-grid {
    gap: 16px
}

.feature-grid4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    grid-column: 1/-1;
    width: 100%
}

.feature {
    min-height: 218px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid var(--line)
}

.charcoal .feature,.mauve .feature,.ocean .feature {
    background: rgba(255,255,255,.065);
    border-color: rgba(255,255,255,.12)
}

.feature-num {
    width: 38px;
    height: 38px;
    border-radius: 50px;
    background: var(--ivory);
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 900;
    color: var(--terracotta-deep);
    margin-bottom: 20px
}

.charcoal .feature-num,.mauve .feature-num,.ocean .feature-num {
    background: rgba(255,255,255,.1);
    color: #f3d8c1
}

.feature.wide {
    grid-column: 1/-1;
    min-height: 190px
}

.big-visual {
    min-height: 484px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 24px 64px rgba(0,0,0,.16)
}

.big-visual.light {
    background: var(--paper);
    border-color: var(--line);
    box-shadow: none
}

@media (max-width: 1020px) {
    .hero-grid,.story-head,.story-layout {
        grid-template-columns:1fr
    }

    .hero-grid {
        padding-top: 70px;
        gap: 44px
    }

    .feature-grid4 {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 720px) {
    .hero-grid {
        min-height:auto;
        padding: 62px 0 78px
    }

    .hero-sub {
        font-size: 17px
    }

    .feature-grid,.feature-grid4,.lever-row {
        grid-template-columns: 1fr
    }

    .big-visual {
        min-height: 430px
    }
}

.hero-radial-terracotta-light-bkgrd {
    position: relative;
    overflow: hidden;
    background: #f8f7f5
}

.hero-radial-terracotta-light-bkgrd::before {
    content: "";
    position: absolute;
    right: -180px;
    top: -220px;
    width: 720px;
    height: 720px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(227,154,98,.28),rgba(227,154,98,0) 68%);
    pointer-events: none
}

.hero-radial-terracotta-light-bkgrd::after {
    content: "";
    position: absolute;
    left: -150px;
    bottom: -40px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(227,154,98,.16),rgba(227,154,98,0) 68%);
    pointer-events: none
}

.meevofrontdeskadvisorcapsule,.meevomarketingadvisorcapsule {
    background-image: url(../img/home/meevo-marketing-advisor-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.meevofrontdeskadvisorcapsule {
    background-image: url(../img/home/meevo-front-desk-bkgrd.webp)
}

.meevomedspacapsule,.meevoonlinebookingcapsule,.meevoreportscapsule,.meevosupportcapsule {
    background-image: url(../img/home/meevo-new-online-booking.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.meevomedspacapsule,.meevoreportscapsule,.meevosupportcapsule {
    background-image: url(../img/home/meevo-med-spa-voice-to-chart.webp)
}

.meevoreportscapsule,.meevosupportcapsule {
    background-image: url(../img/home/meevo-insight-reports-bkgrd.webp)
}

.meevosupportcapsule {
    background-image: url(../img/home/meevo-support.webp)
}

.story-section {
    position: relative;
    overflow: hidden;
    isolation: isolate
}

.story-bg-video-meevoiq {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: -3;
    pointer-events: none
}

.story-video-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background: linear-gradient(to bottom,#232426 0,#232426 30%,rgba(35,36,38,.95) 45%,rgba(35,36,38,.7) 60%,rgba(35,36,38,.35) 75%,rgba(35,36,38,.2) 82%,rgba(35,36,38,.55) 92%,rgba(35,36,38,.85) 100%)
}

.story-section>:not(.story-bg-video-meevoiq):not(.story-video-overlay) {
    position: relative;
    z-index: 1
}

@media (max-width: 700px) {
    .story-bg-video-meevoiq {
        object-position:center center
    }

    .story-video-overlay {
        background: linear-gradient(to bottom,#232426 0,#232426 30%,rgba(35,36,38,.95) 45%,rgba(35,36,38,.7) 60%,rgba(35,36,38,.35) 75%,rgba(35,36,38,.2) 82%,rgba(35,36,38,.55) 92%,rgba(35,36,38,.85) 100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .story-bg-video-meevoiq {
        display: none
    }
}

.advisor-front,.advisor-insights,.advisor-marketing {
    position: relative
}

.advisor-marketing .advisor-icon-wrap {
    position: absolute;
    top: 22px;
    left: 30px;
    width: 76px;
    height: 76px;
    margin: 0;
    z-index: 5;
    transition: transform .4s ease,opacity .4s ease
}

.advisor-marketing .advisor-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 13px;
    top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03);
    z-index: 2;
    animation: marketingAdvisorGlow 2.4s ease-in-out infinite
}

.advisor-front .advisor-icon svg,.advisor-insights .advisor-icon svg,.advisor-marketing .advisor-icon svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: rgba(255,255,255,.95);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.advisor-marketing .advisor-icon-ring {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.5);
    animation: marketingAdvisorPulse 2.4s ease-out infinite
}

.advisor-marketing .advisor-icon-ring-2 {
    animation-delay: 1.2s
}

@media (prefers-reduced-motion:reduce) {
    .advisor-marketing .advisor-icon-wrap,.advisor-marketing .advisor-icon-wrap * {
        animation: none!important;
        transition: none!important
    }
}

.advisor-insights .advisor-icon-wrap {
    position: absolute;
    top: 22px;
    left: 30px;
    width: 76px;
    height: 76px;
    margin: 0;
    z-index: 5;
    transition: transform .4s ease,opacity .4s ease
}

.advisor-insights .advisor-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 13px;
    top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03);
    z-index: 2;
    animation: insightsAdvisorGlow 2.4s ease-in-out infinite
}

.advisor-insights .advisor-icon-ring {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.5);
    animation: insightsAdvisorPulse 2.4s ease-out infinite
}

.advisor-insights .advisor-icon-ring-2 {
    animation-delay: 1.2s
}

@media (prefers-reduced-motion:reduce) {
    .advisor-insights .advisor-icon-wrap,.advisor-insights .advisor-icon-wrap * {
        animation: none!important;
        transition: none!important
    }
}

.advisor-front .advisor-icon-wrap {
    position: absolute;
    top: 22px;
    left: 30px;
    width: 76px;
    height: 76px;
    margin: 0;
    z-index: 5;
    transition: transform .4s ease,opacity .4s ease
}

.advisor-front .advisor-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 13px;
    top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03);
    z-index: 2
}

.advisor-front .advisor-icon-ring {
    position: absolute;
    width: 56px;
    height: 56px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.5);
    animation: frontDeskAdvisorPulse 2.4s ease-out infinite
}

.advisor-front .advisor-icon-ring-2 {
    animation-delay: 1.2s
}

.advisor-front .advisor-icon {
    animation: frontDeskAdvisorGlow 2.4s ease-in-out infinite
}

@media (prefers-reduced-motion:reduce) {
    .advisor-front .advisor-icon-wrap,.advisor-front .advisor-icon-wrap * {
        animation: none!important;
        transition: none!important
    }
}

.advisor,.advisor-panels {
    height: 100%;
    overflow: hidden
}

.advisor-panels {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 700px;
    border-radius: 20px
}

.advisor {
    position: relative;
    flex: .72;
    min-width: 0;
    padding: 36px;
    cursor: pointer;
    color: #fff;
    transition: flex .65s cubic-bezier(.2,.75,.2,1),filter .3s ease
}

.advisor.active {
    flex: 3
}

.advisor-front {
    background: #5b4462
}

.advisor-marketing {
    background: #204855
}

.advisor-insights {
    background: #242526
}

.advisor-number {
    position: absolute;
    top: 34px;
    left: 36px;
    z-index: 5;
    font-size: 16px;
    letter-spacing: .12em;
    opacity: .75
}

.collapsed-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease,transform .4s ease
}

.collapsed-label span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 300;
    line-height: 1
}

.advisor.active .collapsed-label {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none
}

.advisor-content {
    position: absolute;
    top: 130px;
    left: 46px;
    right: 46px;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity .25s ease,transform .4s ease
}

.advisor.active .advisor-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.advisor-content h2 {
    margin: 0 0 36px;
    font-size: clamp(30px,5.2vw,50px);
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: -.04em
}

.advisor-content h3 {
    margin: 0 0 32px
}

.advisor-content p {
    margin: 0;
    max-width: 420px
}

.advisor-cta {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #fff;
    padding: 15px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    transition: background .25s ease
}

.advisor-cta:hover {
    background: rgba(255,255,255,.82)
}

.advisor-arrow {
    transition: transform .25s ease
}

.advisor-cta:hover .advisor-arrow {
    transform: translateX(5px)
}

.advisor:not(.active):hover {
    filter: brightness(1.08)
}

@media (max-width: 800px) {
    .advisor-panels {
        flex-direction:column;
        min-height: 720px
    }

    .advisor {
        flex: .7;
        height: auto;
        min-height: 0;
        padding: 0
    }

    .advisor.active {
        flex: 4
    }

    .advisor:not(.active) .advisor-icon-wrap {
        position: absolute;
        top: 50%;
        left: 28px;
        transform: translateY(-50%)
    }

    .advisor:not(.active) .collapsed-label {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 120px;
        padding-right: 24px
    }

    .advisor:not(.active) .collapsed-label span {
        writing-mode: horizontal-tb;
        white-space: nowrap;
        font-size: 22px;
        line-height: 1.1;
        font-weight: 300
    }

    .advisor.active .advisor-icon-wrap {
        position: absolute;
        top: 28px;
        left: 28px;
        transform: none
    }

    .advisor.active .advisor-content {
        top: 115px;
        left: 28px;
        right: 28px;
        bottom: 28px
    }
}

.reporting-insights-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1.1);
    width: 275px;
    padding: 22px 22px 20px;
    z-index: 20;
    text-align: center;
    color: #fff;
    background: rgba(18,20,24,.3);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
    font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    pointer-events: none
}

.reporting-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    color: rgba(255,255,255,.76)
}

.reporting-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #48e2d4;
    box-shadow: 0 0 10px rgba(72,226,212,.9);
    animation: reportingLiveDot 1.8s ease-in-out infinite
}

.reporting-icon-wrap {
    position: relative;
    width: 86px;
    height: 86px;
    margin: 0 auto 8px
}

.reporting-icon {
    position: absolute;
    width: 58px;
    height: 58px;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03)
}

.reporting-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: rgba(255,255,255,.95);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.reporting-pulse-ring {
    position: absolute;
    left: 11px;
    top: 11px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.5);
    animation: reportingRingPulse 2.4s ease-out infinite
}

.reporting-ring-2 {
    animation-delay: 1.2s
}

.reporting-label {
    margin-top: 1px;
    margin-bottom: 12px;
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -.015em;
    color: #fff
}

.reporting-animation-area {
    position: relative;
    height: 148px
}

.reporting-metrics {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .35s ease
}

.reporting-metrics.show {
    opacity: 1
}

.reporting-metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 41px;
    padding: 0 3px;
    border-bottom: 1px solid rgba(255,255,255,.09);
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .35s ease,transform .35s ease
}

.reporting-analyzing.show,.reporting-metric-row.show {
    opacity: 1;
    transform: translateY(0)
}

.reporting-metric-name {
    font-size: 14px;
    color: rgba(255,255,255,.78)
}

.reporting-metric-value {
    display: flex;
    align-items: baseline;
    gap: 7px
}

.reporting-metric-value strong {
    font-size: 15px;
    font-weight: 650;
    color: #fff
}

.reporting-metric-value em {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    color: #48e2d4
}

.reporting-analyzing {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 15px;
    color: rgba(255,255,255,.76);
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .35s ease,transform .35s ease
}

.reporting-mini-bars {
    height: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px
}

.reporting-mini-bars span {
    width: 4px;
    height: 8px;
    border-radius: 10px;
    background: linear-gradient(180deg,#48e2d4,#59c7e8);
    animation: reportingBars .8s ease-in-out infinite alternate
}

.reporting-mini-bars span:nth-child(2n) {
    animation-delay: .1s
}

.reporting-mini-bars span:nth-child(3n) {
    animation-delay: .2s
}

.reporting-mini-bars span:nth-child(4n) {
    animation-delay: .3s
}

.reporting-check-list {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 2px;
    opacity: 0;
    transition: opacity .35s ease
}

.reporting-check-list.show {
    opacity: 1
}

.reporting-check-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 31px;
    padding: 0 4px;
    font-size: 14px;
    color: rgba(255,255,255,.82);
    border-bottom: 1px solid rgba(255,255,255,.09);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .35s ease,transform .35s ease
}

.reporting-check-row:last-child {
    border-bottom: 0
}

.reporting-check-row.show,.reporting-insight.show {
    opacity: 1;
    transform: translateY(0)
}

.reporting-check,.reporting-insight {
    justify-content: center;
    align-items: center
}

.reporting-check {
    width: 17px;
    height: 17px;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.82);
    color: #48e2d4;
    font-size: 10px
}

.reporting-insight {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .4s ease,transform .4s ease
}

.reporting-insight-eyebrow {
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .1em;
    color: #48e2d4
}

.reporting-insight-copy {
    max-width: 220px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: #fff
}

.reporting-complete {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #48e2d4;
    font-size: 15px;
    font-weight: 650;
    opacity: 0;
    transform: translateY(5px) scale(.96);
    transition: opacity .4s ease,transform .4s ease
}

.reporting-complete.show {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.reporting-complete-check {
    width: 17px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #48e2d4;
    font-size: 10px;
    box-shadow: 0 0 10px rgba(72,226,212,.22)
}

@media (max-width: 700px) {
    .reporting-insights-overlay {
        width:230px;
        padding: 18px 18px 16px;
        transform: translate(-50%,-50%) scale(1)
    }

    .reporting-icon-wrap {
        width: 78px;
        height: 78px
    }

    .reporting-icon {
        width: 54px;
        height: 54px;
        left: 12px;
        top: 12px
    }

    .reporting-pulse-ring {
        width: 60px;
        height: 60px;
        left: 9px;
        top: 9px
    }

    .reporting-label {
        font-size: 19px
    }

    .reporting-animation-area {
        height: 142px
    }
}

@media (prefers-reduced-motion:reduce) {
    .reporting-insights-overlay * {
        animation: none!important;
        transition: none!important
    }
}

.medspa-chart-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1.1);
    width: 275px;
    padding: 22px 22px 20px;
    z-index: 20;
    text-align: center;
    color: #fff;
    background: rgba(18,20,24,.3);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
    font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    pointer-events: none
}

.medspa-chart-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    color: rgba(255,255,255,.76)
}

.medspa-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #48e2d4;
    box-shadow: 0 0 10px rgba(72,226,212,.9);
    animation: medspaLiveDot 1.8s ease-in-out infinite
}

.medspa-icon-wrap {
    position: relative;
    width: 86px;
    height: 86px;
    margin: 0 auto 8px
}

.medspa-icon,.medspa-pulse-ring {
    position: absolute;
    border-radius: 50%
}

.medspa-icon {
    width: 58px;
    height: 58px;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03)
}

.medspa-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: rgba(255,255,255,.95);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.medspa-pulse-ring {
    left: 11px;
    top: 11px;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(72,226,212,.5);
    animation: medspaRingPulse 2.4s ease-out infinite
}

.medspa-ring-2 {
    animation-delay: 1.2s
}

.medspa-chart-label {
    margin-top: 1px;
    margin-bottom: 8px;
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -.015em;
    color: #fff
}

.medspa-voice-wave {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-bottom: 8px
}

.medspa-voice-wave span {
    width: 3px;
    height: 6px;
    border-radius: 20px;
    background: linear-gradient(180deg,#48e2d4,#59c7e8);
    animation: medspaVoiceActive .65s ease-in-out infinite alternate;
    transform-origin: center
}

.medspa-voice-wave span:nth-child(2n) {
    animation-delay: .08s
}

.medspa-voice-wave span:nth-child(3n) {
    animation-delay: .16s
}

.medspa-voice-wave span:nth-child(4n) {
    animation-delay: .24s
}

.medspa-voice-wave span:nth-child(5n) {
    animation-delay: .32s
}

.medspa-voice-wave.processing span {
    animation: medspaVoiceProcessing 1.1s ease-in-out infinite alternate
}

.medspa-voice-wave.complete span {
    animation: medspaVoiceComplete 1.4s ease-in-out infinite alternate
}

.medspa-animation-area {
    position: relative;
    height: 112px
}

.medspa-listening-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    opacity: 0;
    transition: opacity .35s ease
}

.medspa-listening-content.show {
    opacity: 1
}

.medspa-generating,.medspa-spoken-line {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255,255,255,.72);
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .35s ease,transform .35s ease
}

.medspa-generating.show,.medspa-spoken-line.show {
    opacity: 1;
    transform: translateY(0)
}

.medspa-generating {
    position: absolute;
    left: 0;
    right: 0;
    top: 43px
}

.medspa-chart-fields {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 2px;
    opacity: 0;
    transition: opacity .35s ease
}

.medspa-chart-fields.show {
    opacity: 1
}

.medspa-field-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 25px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 450;
    text-align: left;
    color: rgba(255,255,255,.8);
    border-bottom: 1px solid rgba(255,255,255,.09);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .35s ease,transform .35s ease
}

.medspa-field-row:last-child {
    border-bottom: 0
}

.medspa-field-row.show {
    opacity: 1;
    transform: translateY(0)
}

.medspa-field-check {
    width: 16px;
    height: 16px;
    display: inline-flex;
    flex-shrink: 0;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid rgba(72,226,212,.8);
    color: #48e2d4;
    font-size: 9px;
    box-shadow: 0 0 9px rgba(72,226,212,.15)
}

.medspa-check,.medspa-complete-message,.medspa-field-check {
    align-items: center;
    justify-content: center
}

.medspa-complete-message {
    position: absolute;
    left: 0;
    right: 0;
    top: 43px;
    display: flex;
    gap: 6px;
    color: #48e2d4;
    font-size: 15px;
    font-weight: 650;
    opacity: 0;
    transform: translateY(5px) scale(.96);
    transition: opacity .4s ease,transform .4s ease
}

.medspa-complete-message.show {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.medspa-check {
    width: 17px;
    height: 17px;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid #48e2d4;
    font-size: 10px;
    box-shadow: 0 0 10px rgba(72,226,212,.22)
}

@media (max-width: 700px) {
    .medspa-chart-overlay {
        width:230px;
        padding: 18px 18px 16px;
        transform: translate(-50%,-50%) scale(1)
    }

    .medspa-icon-wrap {
        width: 78px;
        height: 78px
    }

    .medspa-icon {
        width: 54px;
        height: 54px;
        left: 12px;
        top: 12px
    }

    .medspa-pulse-ring {
        width: 60px;
        height: 60px;
        left: 9px;
        top: 9px
    }

    .medspa-chart-label {
        font-size: 15px
    }

    .medspa-animation-area {
        height: 108px
    }
}

@media (prefers-reduced-motion:reduce) {
    .medspa-chart-overlay * {
        animation: none!important;
        transition: none!important
    }
}

.ai-receptionist-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1.1);
    width: 275px;
    padding: 22px 22px 20px;
    z-index: 20;
    text-align: center;
    color: #fff;
    background: rgba(18,20,24,.3);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
    font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    pointer-events: none
}

.ai-call-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    color: rgba(255,255,255,.76)
}

.ai-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #48e2d4;
    box-shadow: 0 0 10px rgba(72,226,212,.9);
    animation: aiLiveDot 1.8s ease-in-out infinite
}

.ai-avatar-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px
}

.ai-avatar,.ai-pulse-ring {
    position: absolute;
    border-radius: 50%
}

.ai-avatar {
    width: 64px;
    height: 64px;
    left: 18px;
    top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: inset 0 0 20px rgba(255,255,255,.03)
}

.ai-avatar svg {
    width: 35px;
    height: 35px;
    fill: none;
    stroke: rgba(255,255,255,.95);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ai-pulse-ring {
    left: 15px;
    top: 15px;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(72,226,212,.5);
    animation: aiRingPulse 2.4s ease-out infinite
}

.ai-ring-2 {
    animation-delay: 1.2s
}

.ai-receptionist-label {
    margin-top: 1px;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -.015em;
    color: #fff
}

.ai-voice-wave {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin-bottom: 10px;
    transition: opacity .4s ease
}

.ai-voice-wave span {
    width: 3px;
    height: 6px;
    border-radius: 20px;
    background: linear-gradient(180deg,#48e2d4,#59c7e8);
    animation: aiVoiceActive .65s ease-in-out infinite alternate;
    transform-origin: center
}

.ai-voice-wave span:nth-child(2n) {
    animation-delay: .08s
}

.ai-voice-wave span:nth-child(3n) {
    animation-delay: .16s
}

.ai-voice-wave span:nth-child(4n) {
    animation-delay: .24s
}

.ai-voice-wave span:nth-child(5n) {
    animation-delay: .32s
}

.ai-voice-wave.complete span {
    animation: aiVoiceComplete 1.4s ease-in-out infinite alternate
}

.ai-status-area {
    position: relative;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ai-status-text {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255,255,255,.7);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .3s ease,transform .3s ease
}

.ai-status-text.show {
    opacity: 1;
    transform: translateY(0)
}

.ai-booked-message,.ai-check {
    align-items: center;
    justify-content: center
}

.ai-booked-message {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    gap: 6px;
    color: #48e2d4;
    font-size: 15px;
    font-weight: 650;
    opacity: 0;
    transform: translateY(5px) scale(.96);
    transition: opacity .4s ease,transform .4s ease
}

.ai-booked-message.show {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.ai-check {
    width: 17px;
    height: 17px;
    display: inline-flex;
    border-radius: 50%;
    border: 1px solid #48e2d4;
    font-size: 10px;
    box-shadow: 0 0 10px rgba(72,226,212,.22)
}

@media (max-width: 700px) {
    .ai-receptionist-overlay {
        width:230px;
        padding: 18px 18px 16px
    }

    .ai-avatar-wrap {
        width: 88px;
        height: 88px
    }

    .ai-avatar {
        width: 58px;
        height: 58px;
        left: 15px;
        top: 15px
    }

    .ai-pulse-ring {
        width: 64px;
        height: 64px;
        left: 12px;
        top: 12px
    }

    .ai-receptionist-label {
        font-size: 15px
    }
}

@media (prefers-reduced-motion:reduce) {
    .ai-receptionist-overlay * {
        animation: none!important;
        transition: none!important
    }
}

.iq-loop-demo,.iq-loop-status {
    display: flex;
    align-items: center
}

.iq-loop-demo {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 610px;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 20px;
    background: radial-gradient(circle at 50% 100%,rgba(227,154,98,.18)0,rgba(227,154,98,.08) 28%,rgba(35,36,38,0) 60%),#232426
}

.iq-loop-demo::before {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(32,98,117,.15);
    filter: blur(90px);
    border-radius: 50%;
    pointer-events: none
}

.iq-loop-status {
    gap: 10px;
    margin-bottom: 28px;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .18em
}

.iq-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5ad7d1;
    box-shadow: 0 0 0 5px rgba(90,215,209,.06),0 0 18px rgba(90,215,209,.55);
    animation: iqStatusPulse 2s ease-in-out infinite
}

.iq-loop-progress {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
    margin-bottom: 26px
}

.iq-step {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: rgba(255,255,255,.28);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .12em;
    transition: color .4s ease,opacity .4s ease
}

.iq-step-number {
    font-size: 8px;
    opacity: .6
}

.iq-progress-line {
    height: 1px;
    flex: 1;
    margin: 0 10px;
    background: rgba(255,255,255,.12)
}

.iq-action-card {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 500px;
    padding: 32px;
    box-sizing: border-box;
    border-radius: 24px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 25px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

.iq-action-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #5ad7d1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em
}

.iq-action-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5ad7d1;
    box-shadow: 0 0 14px rgba(90,215,209,.65)
}

.iq-action-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500
}

.iq-action-copy {
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: 14px;
    line-height: 1.55
}

.iq-reason {
    margin-top: 26px;
    padding: 18px;
    border-radius: 15px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08)
}

.iq-reason-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
    color: rgba(255,255,255,.5);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .15em
}

.iq-reason-check {
    color: #5ad7d1
}

.iq-reason-row {
    display: flex;
    justify-content: space-between;
    padding: 7px 0;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    border-bottom: 1px solid rgba(255,255,255,.05)
}

.iq-reason-row:last-child {
    border-bottom: 0
}

.iq-reason-row strong {
    color: rgba(255,255,255,.82);
    font-weight: 500
}

.iq-approval {
    margin-top: 22px
}

.iq-approval-label {
    margin-bottom: 11px;
    color: rgba(255,255,255,.4);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .15em
}

.iq-buttons {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 9px
}

.iq-buttons button {
    height: 44px;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    cursor: default
}

.iq-not-now {
    color: rgba(255,255,255,.55);
    background: 0 0;
    border: 1px solid rgba(255,255,255,.16)
}

.iq-approve {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    color: #232426;
    background: #fff;
    border: 1px solid #fff
}

.iq-result {
    display: none;
    align-items: center;
    gap: 14px;
    margin-top: 22px;
    padding: 17px;
    border-radius: 14px;
    background: rgba(90,215,209,.08);
    border: 1px solid rgba(90,215,209,.2)
}

.iq-result-check {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    color: #5ad7d1;
    border: 1px solid rgba(90,215,209,.5)
}

.iq-result div {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.iq-result strong {
    color: #fff;
    font-size: 12px
}

.iq-result div span {
    color: rgba(255,255,255,.5);
    font-size: 10px
}

.iq-loop-footer {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 10px;
    margin-top: 24px;
    color: rgba(255,255,255,.28);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .14em
}

.iq-step:nth-child(1) {
    animation: iqStepOne 12s linear infinite
}

.iq-step:nth-child(3) {
    animation: iqStepTwo 12s linear infinite
}

.iq-step:nth-child(5) {
    animation: iqStepThree 12s linear infinite
}

.iq-step:nth-child(7) {
    animation: iqStepFour 12s linear infinite
}

.iq-reason {
    animation: iqReasonReveal 12s ease infinite
}

.iq-approval {
    animation: iqApprovalReveal 12s ease infinite
}

.iq-approve {
    animation: iqApproveButton 12s ease infinite
}

.iq-result {
    animation: iqResultReveal 12s ease infinite
}

@media (max-width: 700px) {
    .iq-loop-demo {
        min-height:540px;
        padding: 30px 22px
    }

    .iq-action-card {
        padding: 24px
    }

    .iq-action-title {
        font-size: 22px
    }

    .iq-loop-progress {
        margin-bottom: 20px
    }

    .iq-step {
        font-size: 7px
    }

    .iq-progress-line {
        margin: 0 5px
    }
}

.marketing-ai-card {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
    min-height: 330px;
    padding: 24px 30px 22px;
    box-sizing: border-box;
    border-radius: 28px;
    background: rgba(18,20,24,.34);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 24px 60px rgba(0,0,0,.22);
    color: #fff;
    text-align: center
}

.marketing-status {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    color: rgba(255,255,255,.72)
}

.marketing-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #58d6d1;
    box-shadow: 0 0 0 5px rgba(88,214,209,.07),0 0 18px rgba(88,214,209,.55);
    animation: marketingDot 2s ease-in-out infinite
}

.marketing-bulb-wrap {
    position: relative;
    width: 105px;
    height: 105px;
    margin: 0 auto 14px
}

.marketing-bulb {
    position: absolute;
    inset: 16px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.65);
    background: rgba(255,255,255,.035);
    z-index: 3
}

.marketing-bulb svg {
    width: 38px;
    height: 38px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round
}

.marketing-bulb-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(88,214,209,.3)
}

.ring-one {
    inset: 7px;
    animation: marketingRing 3s ease-in-out infinite
}

.ring-two {
    inset: -4px;
    opacity: .45;
    animation: marketingRing 3s ease-in-out infinite .7s
}

.marketing-title {
    margin: 0 0 16px;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600
}

.marketing-sequence {
    position: relative;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.marketing-step {
    position: absolute;
    width: 100%;
    opacity: 0;
    transform: translateY(8px);
    animation: marketingCycle 15s ease-in-out infinite
}

.marketing-step-label {
    display: block;
    margin-bottom: 7px;
    color: #58d6d1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em
}

.marketing-step strong {
    display: block;
    color: rgba(255,255,255,.92);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500
}

.step-one {
    animation-delay: 0s
}

.step-two {
    animation-delay: 3s
}

.step-three {
    animation-delay: 6s
}

.step-four {
    animation-delay: 9s
}

.step-five {
    animation-delay: 12s
}

@media (max-width: 700px) {
    .marketing-ai-card {
        width:280px;
        min-height: 300px;
        padding: 22px 24px 18px;
        border-radius: 24px
    }

    .marketing-status {
        font-size: 9px;
        margin-bottom: 12px
    }

    .marketing-bulb-wrap {
        width: 90px;
        height: 90px;
        margin-bottom: 12px
    }

    .marketing-bulb {
        inset: 14px
    }

    .marketing-bulb svg {
        width: 34px;
        height: 34px
    }

    .marketing-title {
        font-size: 21px;
        margin-bottom: 12px
    }

    .marketing-sequence {
        min-height: 72px
    }

    .marketing-step-label {
        font-size: 9px
    }

    .marketing-step strong {
        font-size: 14px
    }
}

.video-container-OB,.video-container-hero {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 1/1
}

.video-container-OB {
    max-width: 100%;
    aspect-ratio: 16/9
}

.video-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
    display: block
}

.video-container-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

.featherlight-content {
    max-width: 960px
}

.featherlight .featherlight-inner {
    padding: 30px
}

.featherlight .featherlight-close-icon {
    font-size: 40px;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,.8)
}

.featherlight,.featherlight:last-of-type {
    background: #f1f1f1
}

.featherlight.tour-overlay {
    background: rgba(255,255,255,.8)
}

.featherlight.tour-overlay .featherlight-content {
    width: 887px
}

.agenda-class-content .featherlight-content,.featherlight.bio-overlay .featherlight-content,.featherlight.tour-overlay .featherlight-content {
    padding: 45px 0 0
}

.featherlight.bio-overlay .featherlight-inner,.featherlight.class-overlay .featherlight-inner,.featherlight.tour-overlay .featherlight-inner {
    padding: 0
}

.featherlight.tour-overlay .tour-content {
    padding: 30px
}

.featherlight.bio-overlay .bio-content a {
    color: #00aeef
}

.featherlight.gallery-overlay .featherlight-content img.gallery,.iframe-insporeferral .featherlight-content,.iframe-insporeferral .featherlight-content iframe {
    width: 100%
}

.featherlight.conference-vid-overlay .featherlight-inner,.featherlight.video-overlay .featherlight-inner {
    padding: 0
}

@media only screen and (max-width: 1024px) {
    .featherlight.conference-vid-overlay .featherlight-content,.featherlight.video-overlay .featherlight-content {
        padding:0
    }
}

@media only screen and (max-width: 960px) {
    .featherlight.conference-vid-overlay iframe,.featherlight.video-overlay iframe {
        width:100vw
    }
}

@media only screen and (max-width: 887px) {
    .featherlight.tour-overlay .featherlight-content {
        width:100%
    }
}

.featherlight.featherlight-loading .featherlight-content {
    padding: 0;
    border: 0;
    max-width: 115px
}

.featherlight.featherlight-loading .featherlight-inner {
    padding: 35px 30px 15px
}

.featherlight.challenge-popup,.featherlight.pinterest-popup,.featherlight.testimonial-popup {
    background: rgba(241,241,241,.9)
}

.featherlight.challenge-popup .featherlight-content,.featherlight.pinterest-popup .featherlight-content,.featherlight.testimonial-popup .featherlight-content {
    padding: 0;
    border: 0
}

.featherlight.challenge-popup .featherlight-inner,.featherlight.pinterest-popup .featherlight-inner,.featherlight.testimonial-popup .featherlight-inner {
    padding: 0
}

.featherlight .spinner {
    text-align: center
}

#resource-list .spinner {
    position: absolute;
    top: 50%;
    left: 50%
}

#resource-list .spinner>div,.featherlight .spinner>div {
    width: 15px;
    height: 15px;
    background-color: #a75f37;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

#resource-list .spinner .bounce1,.featherlight .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#resource-list .spinner .bounce2,.featherlight .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.sponsormeevolivelogo {
    width: 150px;
    margin: 0 auto;
    opacity: .9
}

.meevolivegradbluebkgrd {
    background: #216479;
    background: radial-gradient(at center top,#216479,#204855)
}

.meevolivegradblkbkgrd {
    background: #4e4e4f;
    background: radial-gradient(at center top,#4e4e4f,#232527)
}

#event .eventlogo,.motlogo {
    max-width: 450px;
    width: 100%;
    padding-bottom: 15px
}

.bmlogo {
    width: 100%;
    max-width: 500px
}

.livewhitebox {
    border: 1px solid #bf9982;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px
}

.gradientwhiterosewood {
    background: #fff;
    background-image: radial-gradient(at 53.4% 97.1%,#d9c2b4 0,transparent 50%),radial-gradient(at 9.9% 8.3%,#d9c2b4 0,transparent 50%)
}

.gradientwhiteoceanblue {
    background: #fff;
    background-image: radial-gradient(at 53.4% 97.1%,#a6c1c9 0,transparent 50%),radial-gradient(at 9.9% 8.3%,#a6c1c9 0,transparent 50%)
}

.gradientwhitesage {
    background: #fff;
    background-image: radial-gradient(at 53.4% 97.1%,#d7d6ca 0,transparent 50%),radial-gradient(at 9.9% 8.3%,#d7d6ca 0,transparent 50%)
}

.live-banner__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 45%
}

.hero-intro-wrapper-conference {
    position: relative;
    min-height: 700px;
    overflow: hidden
}

.live-fullscreen-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 700px;
    overflow: hidden;
    z-index: -1;
    background: url(../img/hero-live-background.webp)center/cover no-repeat;
    text-align: center
}

.charcoalbkgrdopacity {
    background-color: rgba(51,51,51,.6)
}

.bmpricing {
    border: 3px solid #fff;
    background: #fff;
    margin: 5px;
    padding: 40px 0;
    width: 230px;
    height: 230px;
    display: inline-block;
    border-radius: 200px
}

.sublistone,.sublisttwo {
    list-style: circle;
    margin-left: 15px
}

.sublisttwo {
    list-style: square
}

.classroom,.hotel-one,.hotel-three,.hotel-two,.stage {
    background-image: linear-gradient(rgba(172,115,138,.5),rgba(172,115,138,.5)),url(../img/pattern.png),url(../img/hotel/jw-turnberry-entrance.jpg);
    background-repeat: no-repeat,repeat,no-repeat;
    background-position: center center,top left,center center;
    background-size: cover,auto,cover
}

.classroom,.hotel-three,.hotel-two,.stage {
    background-image: linear-gradient(rgba(172,115,138,.5),rgba(172,115,138,.5)),url(../img/pattern.png),url(../img/general-session.jpg);
    background-position: center center,top left,top left
}

.hotel-three,.hotel-two,.stage {
    background-image: linear-gradient(rgba(172,115,138,.5),rgba(172,115,138,.5)),url(../img/pattern.png),url(../img/hotel/jw-turnberry-lounge.jpg);
    background-position: center center,top left,center center
}

.hotel-three,.stage {
    background-image: linear-gradient(rgba(172,115,138,.5),rgba(172,115,138,.5)),url(../img/pattern.png),url(../img/john-harms-stage.jpg);
    background-position: center center,top left,top right
}

.hotel-three {
    background-image: linear-gradient(rgba(172,115,138,.5),rgba(172,115,138,.5)),url(../img/pattern.png),url(../img/hotel/jw-turnberry-pool-active.jpg);
    background-position: center center,top left,center center
}

.bkgfillerbm,.herobkgrd {
    background-repeat: no-repeat;
    background-size: cover
}

.herobkgrd {
    background-image: url(../img/hero-background.svg);
    background-color: pink;
    background-position: center center
}

.bkgfillerbm {
    z-index: 1000;
    background-image: url(../img/pixel.png);
    background-position: 0 600px
}

.herobkgrdtile {
    background-image: url(../img/business-mastery-2022/hero-background-tiles.svg),url(../img/business-mastery-2022/tile-corner.svg);
    background-repeat: no-repeat,no-repeat;
    background-size: 500px,500px;
    background-position: bottom right,top left
}

.whitebox {
    background-color: rgba(255,255,255,.9);
    width: 90%;
    margin: 0 auto;
    padding: 40px
}

.pricingbkgrd {
    background-image: url(../img/pricing-background.svg);
    background-repeat: no-repeat;
    background-color: #f49ac1;
    background-size: cover;
    background-position: center center
}

.pricingbox {
    background-color: rgba(255,255,255,.5);
    padding: 30px
}

.crowd {
    position: relative;
    background-image: url(../img/meevo-live/crowd-2.webp);
    background-position: center center;
    height: 400px;
    overflow: hidden
}

.crowd,.meevocert,.venuehotel {
    background-size: cover;
    background-repeat: no-repeat
}

.venuehotel {
    position: relative;
    background-image: url(../img/meevo-live/ausmd-rooftop-pool-day.png);
    background-position: center 45%;
    height: 400px;
    overflow: hidden
}

.venuehotel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 1
}

.meevocert {
    background-image: url(../img/meevo-cert-bkg.jpg);
    background-position: center center;
    height: auto;
    max-height: 400px
}

.plusmore {
    color: #ec008c;
    font-size: 1.5em;
    font-weight: 700
}

.blkheader,.popupheader {
    display: block;
    overflow: hidden
}

.blkheader {
    background: #191919;
    padding: 0
}

.popupheader {
    background: #a7a4a3;
    padding: 10px
}

.eduimg {
    width: 150px;
    display: block;
    margin: 0 auto
}

.agendaboxcopy,.biocopy {
    display: block;
    padding: 30px
}

#event .eventlogo {
    max-width: 400px
}

#event .toggle {
    display: none
}

#event nav,#event nav ul li {
    margin: 0;
    background-color: #204855
}

#event nav {
    padding: 0;
    z-index: 1000;
    position: fixed;
    width: 100%
}

#event .toggle+a {
    display: block
}

#bm nav ul,#event nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    text-align: center
}

#event nav ul li {
    display: inline-block;
    text-align: left
}

#bm nav a,#event nav a,#event nav a.register {
    display: block;
    padding: 14px 20px;
    color: #fff!important;
    font-size: 16px;
    text-decoration: none;
    line-height: 32px
}

#event nav a.register {
    background-color: #ec008c
}

#event nav a.register:hover {
    color: #fff!important;
    background-color: #9d216a
}

#bm nav ul li ul li:hover,#event nav a:hover,#event nav ul li ul li:hover {
    color: #999!important
}

#event nav a:hover.terracottanavregbtn {
    color: #fff!important
}

#bm nav ul ul li,#event nav ul ul li {
    width: 200px;
    float: none;
    display: list-item;
    position: relative
}

#bm nav ul ul ul li,#event nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 200px
}

#bm li>a:after,#event li>a:after {
    content: " +"
}

#bm li>a:only-child:after,#event li>a:only-child:after {
    content: ""
}

#bm .toggle,#bm nav ul li.meevourl,[id^=drop] {
    display: none
}

#bm nav,#bm nav ul li {
    margin: 0;
    background-color: #232426
}

#bm nav {
    padding: 0;
    z-index: 1000;
    position: fixed;
    width: 100%
}

#bm .toggle+a,.menu {
    display: block
}

#bm nav ul li {
    display: inline-block;
    text-align: left
}

#bm nav a.register {
    display: block;
    padding: 14px 20px;
    color: #fff!important;
    font-size: 16px;
    text-decoration: none;
    line-height: 32px;
    background-color: #ec008c
}

#bm nav a.register:hover {
    color: #fff!important;
    background-color: #9d216a
}

#bm nav a:hover {
    color: #999!important
}

#bm nav a:hover.terracottanavregbtn {
    color: #fff!important
}

.article-content-wrap {
    color: #3d3d3d;
    font-family: "Open Sans",sans-serif
}

.article-content-wrap div,.article-content-wrap ol {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px
}

.article-content-wrap h2 {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 20px
}

@media only screen and (max-width: 675px) {
    .article-content-wrap h2 {
        font-size:25px;
        line-height: 35px
    }
}

.article-content-wrap h2 strong {
    font-weight: 600
}

.article-content-wrap h3 {
    font-weight: 300!important;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    .article-content-wrap h3 {
        font-size:18px;
        line-height: 28px
    }
}

.article-content-wrap h3 strong,.article-content-wrap ol li strong {
    font-weight: 400
}

.article-content-wrap h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding-bottom: 10px
}

@media only screen and (max-width: 675px) {
    .article-content-wrap h4 {
        font-size:16px;
        line-height: 25px
    }
}

.article-content-wrap ol {
    list-style: decimal!important;
    padding-bottom: 10px;
    color: #000
}

@media only screen and (max-width: 675px) {
    .article-content-wrap ol {
        font-size:16px;
        line-height: 26px
    }
}

.article-content-wrap ol,.article-content-wrap ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style-type: disc;
    padding-left: 40px
}

.article-content-wrap ol li,.article-content-wrap ul li {
    margin-bottom: 5px;
    letter-spacing: normal;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
    color: #3d3d3d
}

.article-content-wrap a {
    color: #a75f37;
    text-decoration: none;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

.article-content-wrap a:hover {
    color: #e29d63
}

.article-content-wrap a:focus {
    color: #e29d63
}

.article-content-wrap b,.article-content-wrap strong {
    font-weight: 700
}

.article-content-wrap table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 20px
}

.article-content-wrap td,.article-content-wrap tr {
    border: 1px solid #eaeaea;
    font-size: 14px;
    padding: 5px
}

.showmobile {
    display: none!important
}

.showdesktop {
    display: block!important
}

@media all and (max-width: 768px) {
    #logo {
        display:block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none
    }

    #bm nav,#event nav {
        margin: 0
    }

    #bm nav u,#event nav u {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative
    }

    #bm .menu,#bm .toggle+a,#bm nav a.register,#bm nav ul li:hover>ul,#bm nav ul ul li:hover>ul,#event .menu,#event .toggle+a,#event nav ul ul li:hover>ul,.menu,event nav ul li:hover>ul {
        display: none
    }

    #bm .toggle,#event .toggle {
        display: block;
        background-color: #232426;
        padding: 14px 20px;
        color: #fff;
        font-size: 16px;
        line-height: 32px;
        text-decoration: none;
        border: 0;
        cursor: pointer
    }

    #bm .toggle:hover {
        color: #999
    }

    #bm .toggle.register {
        display: block;
        background-color: #ec008c;
        padding: 14px 20px;
        color: #fff;
        font-size: 16px;
        line-height: 32px;
        text-decoration: none;
        border: 0;
        cursor: pointer
    }

    #bm .toggle.register:hover {
        background-color: #9d216a
    }

    #bm label,#event label {
        position: relative;
        top: 0;
        opacity: 1
    }

    #bm label.toggle,#event label.toggle {
        text-align: left;
        text-transform: none;
        font-weight: 300
    }

    #bm [id^=drop]:checked+ul,#event [id^=drop]:checked+ul {
        display: block
    }

    #bm nav ul li,#bm nav ul ul li,#event nav ul li,#event nav ul ul li {
        display: block;
        width: 100%
    }

    #bm nav ul ul .toggle,#event nav ul ul .toggle {
        padding: 0 40px
    }

    #bm nav ul li ul li .toggle,#bm nav ul ul a,#bm nav ul ul ul a,#event nav ul li ul li .toggle,#event nav ul ul a,#event nav ul ul ul a {
        padding: 14px 20px;
        color: #fff;
        font-size: 16px
    }

    #bm nav ul li ul li .toggle,#bm nav ul ul a,#event nav ul li ul li .toggle,#event nav ul ul a {
        background-color: #000
    }

    #bm nav ul ul,#event nav ul ul {
        float: none;
        position: static;
        color: #fff
    }

    #bm nav ul ul ul li,#event nav ul ul ul li {
        position: static
    }
}

@media all and (max-width: 330px) {
    #bm nav ul li,#event nav ul li {
        display:block;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .hidelogo {
        display:none
    }

    #bm nav ul li.meevourl {
        display: block
    }
}

.agwrapper {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    padding: 0
}

@media only screen and (max-width: 675px) {
    .agwrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.agtime,.agwrapper h3,.agwrapper h4,.agwrapper p {
    padding: 0;
    margin: 0
}

.agtime {
    flex: 1 1 auto;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    min-width: 250px;
    margin: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width: 675px) {
    .agtime {
        flex:auto;
        text-align: center
    }
}

.aginfowrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (max-width: 675px) {
    .agendainfowrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.aginfo {
    width: 40%;
    align-self: stretch;
    flex-grow: 1;
    padding: 15px;
    margin: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width: 675px) {
    .aginfo {
        width:100%
    }
}

.purplebkg {
    background-color: #cec3ce;
    border-bottom: 1px solid #846c87
}

.ivorybkg {
    background-color: #f9f7f5;
    border-bottom: 1px solid #b5b5b5
}

.tanbkg {
    background-color: rgba(217,194,180,.5);
    border-bottom: 1px solid #c6977e
}

.bluebkg {
    background-color: rgba(166,193,201,.5);
    border-bottom: 1px solid #204855
}

.sagebkg {
    background-color: rgba(215,214,202,.5);
    border-bottom: 1px solid #9a997b
}

.aginfobreak {
    width: 40%;
    align-self: stretch;
    flex-grow: 1;
    padding: 20px;
    margin: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #216479;
    border-bottom: 1px solid #216479;
    border-radius: 0
}

@media only screen and (max-width: 675px) {
    .aginfo {
        width:100%
    }
}

.timeborder {
    padding: 5px;
    background-color: #fff;
    border-bottom: 1px solid #204855
}

@media only screen and (max-width: 675px) {
    .timeborder {
        border-bottom:none;
        background-color: #fff
    }
}

.terracottanavregbtn {
    background-color: #a75f37!important;
    color: #fff!important
}

.pinknavregbtn,.terracottanavregbtn:hover {
    background-color: #e29d63!important;
    color: #fff!important
}

.pinknavregbtn {
    background-color: #ed298f!important
}

.pinknavregbtn:hover {
    background-color: #9e005d!important;
    color: #fff!important
}

.featherlight.gallery-overlay .featherlight-content {
    padding: 45px 0 0;
    border-bottom-width: 0;
    width: auto
}

.featherlight.gallery-overlay .featherlight-inner {
    padding: 0
}

.featherlight.gallery-overlay .featherlight-previous {
    left: 0
}

.featherlight.gallery-overlay .featherlight-next {
    right: 0
}

.featherlight-next,.featherlight-next:hover,.featherlight-previous,.featherlight-previous:hover {
    background: 0 0
}

.featherlight-next span,.featherlight-previous span {
    display: inline-block
}

.featherlight.gallery-overlay #slide-counter {
    position: absolute;
    top: 15px;
    left: 50%
}

.grecaptcha-badge {
    visibility: hidden;
    right: 0!important;
    bottom: 0!important
}

@font-face {
    font-family: "Linearicons";
    src: url(../fonts/linearicons/Linearicons.eot?6b6txp);
    src: url(../fonts/linearicons/Linearicons.eot?6b6txp#iefix)format("embedded-opentype"),url(../fonts/linearicons/Linearicons.ttf?6b6txp)format("truetype"),url(../fonts/linearicons/Linearicons.woff?6b6txp)format("woff"),url(../fonts/linearicons/Linearicons.svg?6b6txp#Linearicons)format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: "Linearicons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga"1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-dot:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-forward-arrow-2:before {
    content: ""
}

.icon-back-arrow-2:before {
    content: ""
}

.icon-menu-2:before {
    content: ""
}

.icon-Home:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-home2:before {
    content: ""
}

.icon-pencil2:before {
    content: ""
}

.icon-shield:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-toggle-on:before {
    content: ""
}

.icon-cog2:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-flag3:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-paper-plane:before {
    content: ""
}

.icon-medal-empty:before {
    content: ""
}

.icon-equalizer:before {
    content: ""
}

.icon-camera2:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-book2:before {
    content: ""
}

.icon-bookmark2:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-bag2:before {
    content: ""
}

.icon-cart-empty:before {
    content: ""
}

.icon-map-marker:before {
    content: ""
}

.icon-calendar-empty:before {
    content: ""
}

.icon-diamond:before {
    content: ""
}

.icon-happy:before {
    content: ""
}

.icon-smile:before {
    content: ""
}

.icon-clock3:before {
    content: ""
}

.icon-timer2:before {
    content: ""
}

.icon-upload2:before {
    content: ""
}

.icon-exit-right:before {
    content: ""
}

.icon-thumbs-up:before {
    content: ""
}

.icon-magnifier:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-exclamation:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-cross2:before {
    content: ""
}

.icon-chevron-up:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-notification-circle:before {
    content: ""
}

.icon-question-circle:before {
    content: ""
}

.icon-question-circle-green:before {
    content: "";
    color: #19c235
}

.icon-checkmark-circle:before {
    content: ""
}

.icon-prohibited:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-pencil-line:before {
    content: ""
}

.icon-hand:before {
    content: ""
}

.icon-ellipsis:before {
    content: ""
}

.icon-uni24:before {
    content: "$"
}

input[type=submit],select {
    cursor: pointer
}

.chatbox>div {
    height: auto
}

iframe.pardotframe {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.tooltip-pricing {
    background-color: #000!important;
    color: #fff!important;
    border: 1px solid #000!important;
    padding: 10px!important;
    font-size: 13px!important;
    line-height: 18px!important;
    border-radius: 3px!important
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content,.qtip-titlebar {
    position: relative;
    overflow: hidden
}

.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0!important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-icon .ui-icon,.qtip-titlebar .ui-icon {
    display: block;
    direction: ltr
}

.qtip-titlebar .ui-icon {
    text-indent: -1000em
}

.qtip-icon,.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: 700 10px/13px Tahoma,sans-serif;
    color: inherit;
    background: -100em -100em no-repeat
}

.qtip-default {
    border: 1px solid #f1d031;
    background-color: #ffffa3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.qtip-default .qtip-icon {
    border-color: #ccc;
    background: #f1f1f1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #aaa;
    color: #111
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.qtip .qtip-tip,x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0 0;
    border: 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}