/*
 * Theme Name: Keycafe Inc.
 * Theme URI: http://www.keycafe.com/
 * Description: A custom theme for Keycafe Inc.
 *
 * Author: Keycafe Inc.
 * Author URI: http://www.keycafe.com/
 */

/* CSS Custom Properties and SVG Icon System
 * -------------------------------------------------- */
:root {
    --blue: #00a7e0;
    --blurple: #3f8efc;
    --green: #0f4b60;
    --orange: #ff9c25;
    --gray: #939598;
    --lightgray: #f7f7f9;
    --light-slate-gray: #748e9f;
    --white: #fff;
    --silver: #c1d1d3;
    --darkblue: #06436d;
    --blue-gradient: linear-gradient(135deg, #0f4b60 0%, #06436d 100%);
    --orange-gradient: linear-gradient(180deg, #ff9c25 0%, #ff633b 100%);
    --skew-angle: skewY(3deg);
    --skew-reverse-angle: skewY(-3deg);
    --text-color: #3a3a3a;
}

.kc-icon {
    width: 3.5rem;
}

.nav-drop-icon {
    position: relative;
}

.nav-drop-icon .kc-icon {
    width: 30px;
}

.nav-drop-icon span.nav-kc-icon {
    display: block;
    height: 30px;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.nav-drop-icon span.nav-kc-icon-white {
    display: none;
}

.nav-drop-icon .nav-kc-icon-blue {
    opacity: 1;
}

.nav-light .nav-drop-icon .nav-kc-icon-white {
    display: block;
    opacity: 1;
}

.nav-light .nav-drop-icon .nav-kc-icon-blue {
    opacity: 0;
    position: absolute;
    top: 0;
}

.nav-light .nav-drop-content-items a:hover .nav-kc-icon-white {
    opacity: 0;
}

.nav-light .nav-drop-content-items a:hover .nav-kc-icon-blue {
    opacity: 1;
}

/* Key Exchange dropdown icons */
.nav-light .key-exchange-dropdown .nav-icon-enterprise .nav-kc-icon-white {
    background-image: url('O6UyhrFFHbZBUetPYfSDTCZDiz0Mto22jKIgC49zDq8.svg');
}

.nav-light .key-exchange-dropdown .nav-icon-enterprise .nav-kc-icon-blue,
.key-exchange-dropdown .nav-icon-enterprise .nav-kc-icon-blue {
    background-image: url('WLERTb5CK9b8U6hAyKbJKmw5GQaTB655DBftYFBlOs0.svg');
}

.nav-light .key-exchange-dropdown .nav-icon-publlic .nav-kc-icon-white {
    background-image: url('5FUgc4ny5oj8ob57EncEOE25WSJlxEtcdQbiQj2LNFq.svg');
}

.nav-light .key-exchange-dropdown .nav-icon-publlic .nav-kc-icon-blue,
.key-exchange-dropdown .nav-icon-publlic .nav-kc-icon-blue {
    background-image: url('oLS7PIAg7FIabuHPn6jLSv6NQKdpN3GgD6Lk7X62jks.svg');
}

/* Industries dropdown icons */
.nav-light .industries-dropdown .nav-icon-short-term-rentals .nav-kc-icon-white {
    background-image: url('6WGVKjuYhsGHwgW7cUmEKTqYIKfPkkEAlI32KwBOPNh.svg');
}

.nav-light .industries-dropdown .nav-icon-short-term-rentals .nav-kc-icon-blue,
.industries-dropdown .nav-icon-short-term-rentals .nav-kc-icon-blue {
    background-image: url('CcuzWNr58r7PQVNoCz9uQIDuJFZ0t1DlpZQHbECBeH.svg');
}

.nav-light .industries-dropdown .nav-icon-auto-dealerships .nav-kc-icon-white {
    background-image: url('XAzbE5qIcGnN395F4InOHbSuaSjI86CgfI0GTYbrgaY.svg');
}

.nav-light .industries-dropdown .nav-icon-auto-dealerships .nav-kc-icon-blue,
.industries-dropdown .nav-icon-auto-dealerships .nav-kc-icon-blue {
    background-image: url('96WhPr49jznBwbMdSRBwKBr4w8nRYkiMnV3uY0R6lfy.svg');
}

.nav-light .industries-dropdown .nav-icon-car-rental .nav-kc-icon-white {
    background-image: url('XAzbE5qIcGnN395F4InOHbSuaSjI86CgfI0GTYbrgaY.svg');
}

.nav-light .industries-dropdown .nav-icon-car-rental .nav-kc-icon-blue,
.industries-dropdown .nav-icon-car-rental .nav-kc-icon-blue {
    background-image: url('96WhPr49jznBwbMdSRBwKBr4w8nRYkiMnV3uY0R6lfy.svg');
}

.nav-light .industries-dropdown .nav-icon-const-groups .nav-kc-icon-white {
    background-image: url('A25cxyGRYG7AML0o0TrH1hVU2ZWjMmmst08pezwn21.svg');
}

.nav-light .industries-dropdown .nav-icon-const-groups .nav-kc-icon-blue,
.industries-dropdown .nav-icon-const-groups .nav-kc-icon-blue {
    background-image: url('zQQJIVfU2LTn7vd7OhSz4h0fVJYolwyeEzyDfF3wDhN.svg');
}

.nav-light .industries-dropdown .nav-icon-facilities .nav-kc-icon-white {
    background-image: url('ARN7OXEbbAKqhug0fBoiB7KymCW1jphXny1RPMRYxRS.svg');
}

.nav-light .industries-dropdown .nav-icon-facilities .nav-kc-icon-blue,
.industries-dropdown .nav-icon-facilities .nav-kc-icon-blue {
    background-image: url('7USQTeoYNbIfQJMX3s2vFWfWUlVok7tw9Epw498j38m.svg');
}

.nav-light .industries-dropdown .nav-icon-govt-offices .nav-kc-icon-white {
    background-image: url('riBhNdcbKWnsbegnWiAqHdfqGlHbLn6ruhdpNxycXDK.svg');
}

.nav-light .industries-dropdown .nav-icon-govt-offices .nav-kc-icon-blue,
.industries-dropdown .nav-icon-govt-offices .nav-kc-icon-blue {
    background-image: url('yXbKKCi1uMleYXgWptVtmtViZfNGbYdC7Xpe0kh2Vci.svg');
}

.nav-light .industries-dropdown .nav-icon-hotels .nav-kc-icon-white {
    background-image: url('B7bpBGHoDhuXxW6ox0U2lE9wbMJiHymt5KYHMK8PAnk.svg');
}

.nav-light .industries-dropdown .nav-icon-hotels .nav-kc-icon-blue,
.industries-dropdown .nav-icon-hotels .nav-kc-icon-blue {
    background-image: url('YdUrkgPB9SpDBw8nYeYTzEZuVjsMSo8MAdxxu3msCX8.svg');
}

.nav-light .industries-dropdown .nav-icon-trucking .nav-kc-icon-white {
    background-image: url('bqSXFJZEE2VXECjcSTkgegrtFJYZ8g3SM6jRoIg5Lmu.svg');
}

.nav-light .industries-dropdown .nav-icon-trucking .nav-kc-icon-blue,
.industries-dropdown .nav-icon-trucking .nav-kc-icon-blue {
    background-image: url('5jeCbgb2WZzDxXwi4Hh4bnHOU3r8T7GzyPhY7u1jaj7.svg');
}

/* Resources dropdown icons */
.nav-light .resources-dropdown .nav-icon-api .nav-kc-icon-white {
    background-image: url('4WHkdYJUeTepRYO73FpzgbCQaVMwZOw4kkU001B6MFb.svg');
}

.nav-light .resources-dropdown .nav-icon-api .nav-kc-icon-blue,
.resources-dropdown .nav-icon-api .nav-kc-icon-blue {
    background-image: url('RghCicZtf2dKV1PAPlKzSmpcXhCwpjAouaf5nIPX5NU.svg');
}

.nav-light .resources-dropdown .nav-icon-studies .nav-kc-icon-white {
    background-image: url('vhDHPiDWl7HjOs8tCZ16DmeOtaPsx6Yyx2W188dDeyn.svg');
}

.nav-light .resources-dropdown .nav-icon-studies .nav-kc-icon-blue,
.resources-dropdown .nav-icon-studies .nav-kc-icon-blue {
    background-image: url('29YHVtvJGIdUqsTWGstRKiuRQljBPBQQ3CRknQi1ryN.svg');
}

.nav-light .resources-dropdown .nav-icon-branding .nav-kc-icon-white {
    background-image: url('vgnh5sEoVIFG8kaJmobVuWM5k11rQ2Rt2gfmj0zdSx3.svg');
}

.nav-light .resources-dropdown .nav-icon-branding .nav-kc-icon-blue,
.resources-dropdown .nav-icon-branding .nav-kc-icon-blue {
    background-image: url('dN4bNhVFxaPqKner658KqpySweskKYraxcgVU6Na0aL.svg');
}

.nav-light .resources-dropdown .nav-icon-reviews .nav-kc-icon-white {
    background-image: url('CSAgdtHTR5iQGEykHl1ax9xQULWlRxLH920qhsNMfhD.svg');
}

.nav-light .resources-dropdown .nav-icon-reviews .nav-kc-icon-blue,
.resources-dropdown .nav-icon-reviews .nav-kc-icon-blue {
    background-image: url('r45poGKzjI7yZlhnAX3GfirrlzE13Ok2canTJpKs1XM.svg');
}

.nav-light .resources-dropdown .nav-icon-docs .nav-kc-icon-white {
    background-image: url('MKBsPMn2oRZl2zImQnTNly5UV1fLLBlb01beyc9rxHA.svg');
}

.nav-light .resources-dropdown .nav-icon-docs .nav-kc-icon-blue,
.resources-dropdown .nav-icon-docs .nav-kc-icon-blue {
    background-image: url('htlC1Gyf6dLVAfV7xg9HRyE3N9ohxpnbC09dGn7XPK9.svg');
}

.nav-light .resources-dropdown .nav-icon-integrations .nav-kc-icon-white {
    background-image: url('AEhczNC3L0GblKjsxASHzLAdA0Kb5htvY70nK7d86x8.svg');
}

.nav-light .resources-dropdown .nav-icon-integrations .nav-kc-icon-blue,
.resources-dropdown .nav-icon-integrations .nav-kc-icon-blue {
    background-image: url('eSlyK96smtfY1A7Yo2SYEqaGP7garfvva4vVjNSORCk.svg');
}

.nav-light .resources-dropdown .nav-icon-blog .nav-kc-icon-white {
    background-image: url('Qacr8tp7lE4OEJELdKQsyun23OiYVOsTPJb4jqeNW8l.svg');
}

.nav-light .resources-dropdown .nav-icon-blog .nav-kc-icon-blue,
.resources-dropdown .nav-icon-blog .nav-kc-icon-blue {
    background-image: url('vu4FAlSrZ6do4cPHt29u67puaSgmL2sRZSkUijYObEi.svg');
}

.nav-light .resources-dropdown .nav-icon-reseller .nav-kc-icon-white {
    background-image: url('ploZQ3ES66fLGT6nGkXsx2pEptse32YojIeZOuKy1jy.svg');
}

.nav-light .resources-dropdown .nav-icon-reseller .nav-kc-icon-blue,
.resources-dropdown .nav-icon-reseller .nav-kc-icon-blue {
    background-image: url('qYvobPc4emZi4VfwzXXA4jfZlvAPnxzkveQUEseWaO.svg');
}

.nav-light .resources-dropdown .nav-icon-security .nav-kc-icon-white {
    background-image: url('SsqcOaSDctwjbhVfrgRkPiAL29h24Mpa6DIsjU1ZHxw.svg');
}

.nav-light .resources-dropdown .nav-icon-security .nav-kc-icon-blue,
.resources-dropdown .nav-icon-security .nav-kc-icon-blue {
    background-image: url('NFjc4pJcdKEC7M2LznEFb57BZkBzLjTlYhlT9ZWiRuT.svg');
}

.nav-light .resources-dropdown .nav-icon-specs .nav-kc-icon-white {
    background-image: url('ATJlcyhw2DSeVGjJJrKVK4r0NPVwTHPfGlyb6QIw9Z7.svg');
}

.nav-light .resources-dropdown .nav-icon-specs .nav-kc-icon-blue,
.resources-dropdown .nav-icon-specs .nav-kc-icon-blue {
    background-image: url('zHq4XAfDBvUPFdvwtGXX4yeB17NjjryYWf92zYBOOEn.svg');
}

.nav-light .resources-dropdown .nav-icon-webinars .nav-kc-icon-white {
    background-image: url('5b4a5B0GHggBKv0CAQ2G9xqmBRMkrBdCSF6w7c301DG.svg');
}

.nav-light .resources-dropdown .nav-icon-webinars .nav-kc-icon-blue,
.resources-dropdown .nav-icon-webinars .nav-kc-icon-blue {
    background-image: url('WLuhRfmp0UKiP3XFgWBmjOc7Y8myBrxsggm4xeWmP3R.svg');
}

.nav-light .resources-dropdown .nav-icon-shield .nav-kc-icon-white {
    background-image: url('I6Yy9ctBDUOIBtqERgOZH19RFoKZdsjE35ZyjftDwUM.svg');
}

.nav-light .resources-dropdown .nav-icon-shield .nav-kc-icon-blue,
.resources-dropdown .nav-icon-shield .nav-kc-icon-blue {
    background-image: url('xSNa5ruf0L2bM7fbW62dPo8s5SUxrHkRZnlLtkEo5If.svg');
}

.partner-logos .kc-icon {
    width: 6rem;
}

.page-enterprise .features-content .kc-icon,
.page-industry .intro .kc-icon,
.page-customize .intro .kc-icon,
.page-keycafe-shield .intro .kc-icon,
.industry-benefits-content .kc-icon {
    width: 3rem;
}

.page-keycafe-shield .intro .kc-icon,
.industry-benefits-content .kc-icon {
    width: 3rem;
}

.kc-icon .blurple {
    fill: var(--blurple);
}

.kc-icon .blue {
    fill: var(--blue);
}

.nav-light .nav-drop-holder li a .kc-icon .blue {
    fill: var(--white);
    -webkit-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
}

.nav-light .nav-drop-holder li a:hover .kc-icon .blue,
.nav-light .nav-drop-holder li a:focus .kc-icon .blue {
    fill: var(--blue);
}

.kc-icon .white {
    fill: var(--white);
}

.kc-icon .silver {
    fill: var(--silver);
}

.kc-icon .light-slate-gray {
    fill: var(--light-slate-gray);
}

/* Base Styles
 * -------------------------------------------------- */
@media (max-width: 768px) {
    header nav .is-default .has-drop {
        height: 43px;
    }
}

a:focus {
    outline: none;
}

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

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

img {
    max-width: 100%;
}

.container-fluid,
.container,
.container-fluid-blue,
.container-fluid-grey {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

.container {
    max-width: 950px;
}

.row.container-fluid {
    padding-top: 34px;
    padding-right: 0;
    padding-left: 0;
}

.container-fluid-blue {
    color: #fff;
    background-color: #07a7e0;
}

.container-fluid-grey {
    background-color: #f1f1f2;
}

.plr2 {
    padding: 0 2em;
}

.ptb1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.ptb2 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.ptb3 {
    padding-top: 3em;
    padding-bottom: 3em;
}

.ptb2 > :first-child,
.ptb3 > :first-child {
    margin-top: 0 !important;
}

.ptb2 > :last-child,
.ptb3 > :last-child {
    margin-bottom: 0 !important;
}

.pt3 {
    padding-top: 3em;
}

.pt3 > :first-child {
    margin-top: 0 !important;
}

.pb3 {
    padding-bottom: 3em;
}

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

.w-100 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    width: 100%;
}

.mw-800 {
    max-width: 800px !important;
}

.mw-1000 {
    max-width: 1000px !important;
}

.d-none {
    display: none;
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }
}

.text-balance {
    text-wrap: balance;
}

/* Aspect Ratios
 * -------------------------------------------------- */
.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--kc-aspect-ratio);
    content: "";
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-1x1 {
    --kc-aspect-ratio: 100%;
}

.ratio-4x3 {
    --kc-aspect-ratio: 75%;
}

.ratio-16x9 {
    --kc-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --kc-aspect-ratio: 42.8571428571%;
}

/* Button Animations
 * -------------------------------------------------- */
.animate-slide-in-left {
    position: relative;
    transition: all 0.3s;
}

.animate-slide-in-left:hover:after,
.animate-slide-in-left:active:after {
    box-sizing: border-box;
    width: 100%;
}

.animate-slide-in-left span {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.animate-slide-in-left:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 0;
    height: 100%;
    content: "";
    transition: all 0.3s;
    background: #fff;
}

/* Billboard
 * -------------------------------------------------- */
.billboard {
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    min-height: 200px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    background: #07a7e0 url("MRldTU7Ck6DlMtMrf4ifdmwPnLvlfokrIluGqmJYVfT.png") repeat 0 0;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .billboard {
        font-size: 16px;
        min-height: 230px;
    }
}

.billboard h1 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 2.75em;
    font-weight: 300;
    line-height: 1.1363;
    margin: 10px 0 20px;
    color: #fff;
}

.billboard .btn {
    line-height: normal;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0.9em 1.5em;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}

.billboard .btn:hover,
.billboard .btn:focus,
.billboard .btn:active {
    text-decoration: none;
    border-color: #424242;
}

.billboard .fa-arrow-down {
    margin-right: 5px;
}

/* Page - Pricing & Billing
 * -------------------------------------------------- */
.page-billing {
    padding-bottom: 30px;
}

.page-billing .billboard {
    min-height: 230px;
    padding: 5em 0 4.6em;
    background-image: none;
}

.page-billing .billboard .container {
    max-width: 750px;
}

.page-billing .billboard h1,
.page-billing .billboard h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #fff;
}

.page-billing .billboard h1 {
    font-size: 2.125em;
    line-height: 1.2;
    margin: 10px 0 5px;
}

.page-billing .billboard h2 {
    font-size: 1em;
    line-height: 1.4;
    margin: 0 0 60px;
    color: #414141;
}

@media (min-width: 768px) {
    .page-billing .billboard h2 {
        margin: 0 0 50px;
        padding: 0 4em;
    }
}

.page-billing .billboard p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    color: #cbecff;
}

.page-billing .billboard a {
    color: #010101;
}

.page-billing .billboard a:hover,
.page-billing .billboard a:focus {
    color: #414141;
}

.page-billing .billboard h1 {
    margin: 40px 0 10px;
}

.page-billing .pricing-plan-container {
    margin-top: -55px;
}

.page-how-it-works .cta {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: 300;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.page-how-it-works .cta .btn.orange {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 1em 2em;
    text-transform: uppercase;
}

.pricing-plan-container {
    box-sizing: border-box;
    margin-top: -50px;
}

.pricing-plans {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 15px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pricing-plans .pricing-plan,
.pricing-plans .pricing-plan-popular,
.pricing-plans .pricing-plan-enterprise,
.pricing-plans .pricing-plan-banner-enterprise {
    box-sizing: border-box;
    width: 290px;
    margin: 5px;
    padding: 45px 20px 30px;
    text-align: center;
    color: #414141;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
}

.pricing-plans .pricing-plan-banner-enterprise {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    padding: 35px 20px 25px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 850px) {
    .pricing-plans .pricing-plan-banner-enterprise {
        text-align: left;
    }
}

@media (max-width: 664px) {
    .pricing-plan-banner-enterprise {
        max-width: 290px;
    }
}

.pricing-plan-banner-enterprise > div {
    flex: 1 1 100%;
    margin: 0 10px;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 850px) {
    .pricing-plan-banner-enterprise .pricing-plan-banner-img {
        flex: 1 1 10%;
        text-align: right;

        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
    }
}

@media (min-width: 850px) {
    .pricing-plan-banner-enterprise .pricing-plan-banner-title {
        flex: 1 1 50%;

        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
    }
}

@media (min-width: 850px) {
    .pricing-plan-banner-enterprise .pricing-plan-banner-cta {
        flex: 1 1 25%;

        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
    }
}

.pricing-plan-banner-enterprise .pricing-plan-banner-cta a {
    line-height: 24px;
    width: auto;
    height: auto;
    padding: 8px 50px;
    text-transform: capitalize;
    color: #f99c25;
    border: 2px solid #f99c25;
    border-radius: 30px;
    background-color: transparent;
}

.pricing-plan-banner-enterprise .pricing-plan-banner-cta a:hover,
.pricing-plan-banner-enterprise .pricing-plan-banner-cta a:focus {
    color: #fff;
    border-color: #424242;
    background-color: #424242 !important;
}

.pricing-plan-banner-enterprise:hover .pricing-plan-banner-cta a,
.pricing-plan-banner-enterprise:focus .pricing-plan-banner-cta a {
    color: #fff;
    background-color: #f99c25;
}

.pricing-plan-banner-enterprise h2,
.pricing-plan h2,
.pricing-plan-popular h2,
.pricing-plan-enterprise h2 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
    color: #414141;
}

.pricing-plan-banner-enterprise h3,
.pricing-plan h3,
.pricing-plan-popular h3,
.pricing-plan-enterprise h3 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4rem;
    margin-bottom: 10px;
    color: #414141;
}

.pricing-plan-banner-enterprise .btn,
.pricing-plan .btn,
.pricing-plan-popular .btn,
.pricing-plan-enterprise .btn {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    box-sizing: border-box;
    width: 78%;
    margin-top: 10px;
    text-transform: uppercase;
    color: #fff;
}

.pricing-plan-banner-enterprise .btn .fas,
.pricing-plan-banner-enterprise .btn .far,
.pricing-plan-banner-enterprise .btn .fab,
.pricing-plan .btn .fas,
.pricing-plan-popular .btn .fas,
.pricing-plan-enterprise .btn .fas,
.pricing-plan .btn .far,
.pricing-plan-popular .btn .far,
.pricing-plan-enterprise .btn .far,
.pricing-plan .btn .fab,
.pricing-plan-popular .btn .fab,
.pricing-plan-enterprise .btn .fab {
    margin-left: 5px;
}

.page-billing .pricing-plan,
.page-billing .pricing-plan-popular,
.page-billing .pricing-plan-enterprise {
    padding-top: 30px;
}

.page-billing .pricing-plan h2,
.page-billing .pricing-plan-popular h2,
.page-billing .pricing-plan-enterprise h2 {
    color: #07a7e0;
}

.page-billing .pricing-plan .btn,
.page-billing .pricing-plan-popular .btn,
.page-billing .pricing-plan-enterprise .btn {
    text-transform: none;
    background-color: #f99c25;
}

.page-billing .pricing-plan .btn:hover,
.page-billing .pricing-plan-popular .btn:hover,
.page-billing .pricing-plan-enterprise .btn:hover {
    background-color: #424242;
}

.pricing-plan,
.pricing-plan-popular,
.pricing-plan-enterprise {
    position: relative;
}

.pricing-plan.selected .btn,
.selected.pricing-plan-popular .btn,
.selected.pricing-plan-enterprise .btn {
    background-color: #c7d51f;
}

.pricing-plan.activated .pricing-cta .fas,
.activated.pricing-plan-popular .pricing-cta .fas,
.activated.pricing-plan-enterprise .pricing-cta .fas,
.pricing-plan.activated .pricing-cta .far,
.activated.pricing-plan-popular .pricing-cta .far,
.activated.pricing-plan-enterprise .pricing-cta .far,
.pricing-plan.activated .pricing-cta .fab,
.activated.pricing-plan-popular .pricing-cta .fab,
.activated.pricing-plan-enterprise .pricing-cta .fab {
    font-size: 3.5em;
    color: #c7d51f;
}

.pricing-plan .popular,
.pricing-plan-popular .popular,
.pricing-plan-enterprise .popular {
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #c7d51f;
}

.pricing-plan-popular:before {
    font-size: 13px;
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    display: block;
    content: "Most Popular";
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #c7d51f;
}

.pricing-plan-enterprise h2,
.pricing-plan-enterprise .pricing-plan-features li:before {
    color: #07a7e0;
}

.pricing-plan-price {
    font-size: 46px;
    line-height: 1.4;
}

.pricing-plan-price sup {
    font-size: 28px;
    margin-right: 3px;
}

.price-annual {
    display: none;
}

.pricing-plan-price,
.pricing-plan-term {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.pricing-plan-term {
    font-size: 16px;
    line-height: 1.5;
}

.pricing-plan-term span {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    display: block;
}

.pricing-plan-features {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.pricing-plan-features ul {
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 40px;
}

.pricing-plan-features ul.extras li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    content: "\f00c";
    color: #c7d51f;
}

.pricing-plan-features ul.prices {
    padding-left: 0;
}

.pricing-plan-features ul.prices li {
    text-align: center;
}

.pricing-plan-features ul.prices li.tax {
    font-size: 0.8em;
}

.pricing-plan-features li {
    box-sizing: border-box;
    list-style: none;
}

.pricing-plan-features li .pricing-plan-price {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
    display: inline-block;
}

.pricing-plan-features li .pricing-plan-price sup {
    font-size: 15px;
    margin-right: 3px;
}

.pricing-cta-small {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 10px;
}

.billing-details {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 5px 5px;
}

.billing-details.grey {
    padding-top: 15px;
    background-color: #f1f1f2;
}

.billing-details.grey .billing-heading {
    padding-bottom: 0;
}

.billing-detail {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 10px;
}

.billing-detail > div {
    padding: 0 10px;
}

.billing-detail .billing-heading {
    font-size: 18px;
    padding: 0 10px 15px 10px;
    color: #07a7e0;
}

@media (min-width: 768px) {
    .billing-detail .billing-heading {
        font-size: 21px;
    }
}

.billing-detail.three-cols > div {
    box-sizing: border-box;
    width: 33%;
}

@media (max-width: 767px) {
    .billing-detail.three-cols > div {
        width: 27%;
    }

    .billing-detail.three-cols > div:first-child {
        width: 46%;
    }
}

.billing-detail.two-cols > div {
    box-sizing: border-box;
    width: 50%;
}

.full-width-tagline,
.full-width-tagline:before,
.full-width-tagline:after,
.full-width-tagline *,
.full-width-tagline *:before,
.full-width-tagline *:after {
    box-sizing: border-box;
}

.full-width-tagline h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.3125em;
    font-weight: 500;
    line-height: 1.4285;
    margin: 0;
    padding: 0.619em 0;
    text-align: center;
    color: #fff;
}

.testimonial {
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    text-align: center;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .testimonial {
        font-size: 16px;
    }
}

.testimonial,
.testimonial:before,
.testimonial:after,
.testimonial *,
.testimonial *:before,
.testimonial *:after {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .testimonial {
        flex-direction: row;
        text-align: left;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    }
}

.testimonial .testimonial-img {
    flex: 0 0 150px;

    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
}

.testimonial .testimonial-img img {
    border-radius: 100%;
}

.testimonial .testimonial-quote {
    box-sizing: border-box;
    padding-top: 20px;
    color: #07a7e0;
}

@media (min-width: 768px) {
    .testimonial .testimonial-quote {
        padding-top: 0;
        padding-left: 30px;
    }
}

.testimonial .testimonial-quote p {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6875em;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 0.5em;
}

.testimonial .author-name,
.testimonial .author-org {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #3a3a3a;
}

.testimonial .author-org {
    color: #9da3ab;
}

.how-it-works {
    padding: 4.375em 0 2em;
    transition: all 0.3s ease-in-out;
    text-align: center;
    background: url("ZkJfJ8WtUhokCYiWvw0GbkTGzPSq1INcKLOwgZ1OX6r.png") repeat 0 0;
}

.how-it-works,
.how-it-works:before,
.how-it-works:after,
.how-it-works *,
.how-it-works *:before,
.how-it-works *:after {
    box-sizing: border-box;
}

.how-it-works h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6875em;
    font-weight: 500;
    line-height: 1.1851;
    margin: 0 0 1.25em;
    color: #3a3a3a;
}

.how-it-works p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.0625em;
    font-weight: 300;
    margin: 0 0 1em;
}

.how-it-works-steps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.how-it-works-step {
    flex: 1 1 270px;
    box-sizing: border-box;
    max-width: 415px;
    margin: 0 20px 50px;
    padding: 0 1.4em;
    padding: 2.5em 1.8em 0;
    border: 1px solid #e2ecf1;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);

    -webkit-flex: 1 1 270px;
    -ms-flex: 1 1 270px;
}

.how-it-works-step .fas,
.how-it-works-step .far,
.how-it-works-step .fab {
    font-size: 70px;
    color: #07a7e0;
}

.how-it-works-step p {
    margin: 1.5em 0;
    text-align: left;
}

.how-it-works-step p span {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.order-now,
.page-invest .contact-form {
    position: relative;
    box-sizing: border-box;
    max-width: 800px;
    margin: 80px auto 50px;
    padding: 0 1.4em;
    padding: 90px 40px 50px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    border: 1px solid #e2ecf1;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);
}

.order-now,
.order-now:before,
.order-now:after,
.order-now *,
.order-now *:before,
.order-now *:after,
.page-invest .contact-form,
.page-invest .contact-form:before,
.page-invest .contact-form:after,
.page-invest .contact-form *,
.page-invest .contact-form *:before,
.page-invest .contact-form *:after {
    box-sizing: border-box;
}

.order-now:before,
.page-invest .contact-form:before {
    position: absolute;
    top: -50px;
    left: 50%;
    display: block;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    content: "";
    border: 1px solid #e2ecf1;
    border-radius: 100%;
    background: #fff url("3WkEsOiTCGNOHNy1gbgmiT2JlUaqKdzufl0PCNN3jf4.png") no-repeat 50% 50%;
    background-size: 55px auto;
}

.order-now h2,
.page-invest .contact-form h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6875em;
    font-weight: 500;
    line-height: 1.1851;
    margin: 0 0 1em;
    color: #3a3a3a;
}

.order-now p,
.page-invest .contact-form p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.order-now .tb,
.page-invest .contact-form .tb {
    font-size: 1.5em;
    line-height: 1.5;
}

.order-now input,
.order-now textarea,
.page-invest .contact-form input,
.page-invest .contact-form textarea {
    width: 100%;
}

.order-now textarea,
.page-invest .contact-form textarea {
    height: 120px;
    margin-bottom: 10px;
    resize: none;
}

.order-now .btn,
.page-invest .contact-form .btn {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.25;
    display: inline-block;
    height: auto;
    margin-top: 10px;
    padding: 0.375em 1.5em;
    white-space: normal;
    text-decoration: none;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #f99c25;
}

.order-now .btn:hover,
.order-now .btn:focus,
.order-now .btn:active,
.page-invest .contact-form .btn:hover,
.page-invest .contact-form .btn:focus,
.page-invest .contact-form .btn:active {
    color: #fff;
    border: none;
    background: #3a3a3a;
}

.input-group-phone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.input-group-phone .country {
    flex: 0 1 150px;
    margin-right: 20px;

    -webkit-flex: 0 1 150px;
    -ms-flex: 0 1 150px;
}

@media (max-width: 499px) {
    .input-group-phone .country {
        flex: 1 1 110px;

        -webkit-flex: 1 1 110px;
        -ms-flex: 1 1 110px;
    }
}

.tb {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 0.375em 0.75em;
    color: #8e9bac;
    border: 1px solid #c1dcea;
    border-radius: 3px;
}

.tb::-webkit-input-placeholder {
    opacity: 1;
    /* Chrome/Opera/Safari */
    color: var(--gray);
}

.tb::-moz-placeholder {
    opacity: 1;
    /* Firefox 19+ */
    color: var(--gray);
}

.tb:-ms-input-placeholder {
    opacity: 1;
    /* IE 10+ */
    color: var(--gray);
}

.tb:-moz-placeholder {
    opacity: 1;
    /* Firefox 18- */
    color: var(--gray);
}

.faqs {
    padding: 65px 0;
    transition: all 0.3s ease-in-out;
}

.faqs,
.faqs:before,
.faqs:after,
.faqs *,
.faqs *:before,
.faqs *:after {
    box-sizing: border-box;
}

.faqs .container {
    max-width: 1200px;
}

.faqs .faq {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .faqs .faq {
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
}

.faqs .faq > div {
    flex: 1;

    -webkit-flex: 1;
    -ms-flex: 1;
}

@media (min-width: 768px) {
    .faqs .faq > div:first-child {
        margin-right: 100px;
    }
}

.faqs h2,
.faqs h4,
.faqs p {
    color: #3a3a3a;
}

.faqs h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6875em;
    font-weight: 500;
    line-height: 1.1851;
    margin: 0 0 2.5em;
    text-align: center;
}

.faqs h4 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 0.3em;
}

.faqs p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.0625em;
    font-weight: 300;
    margin: 0 0 1.5em;
}

/* Referral - Booking
 * -------------------------------------------------- */
.page-landing #main,
#main .page-landing {
    font-size: 14px;
}

@media (min-width: 768px) {
    .page-landing #main,
    #main .page-landing {
        font-size: 16px;
    }
}

.page-landing .wrapper {
    box-sizing: border-box;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-landing .container-fluid-grey {
    background-color: #f6fafb;
}

.page-landing .container-fluid-grey,
.page-landing .container-fluid-grey:before,
.page-landing .container-fluid-grey:after,
.page-landing .container-fluid-grey *,
.page-landing .container-fluid-grey *:before,
.page-landing .container-fluid-grey *:after {
    box-sizing: border-box;
}

.page-landing .btn-orange,
.page-landing .btn-orange-opaque {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.4;
    display: inline-block;
    padding: 0.7em 1.5em;
    white-space: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #f99c25;
}

.page-landing .btn-orange:hover,
.page-landing .btn-orange-opaque:hover,
.page-landing .btn-orange:focus,
.page-landing .btn-orange-opaque:focus,
.page-landing .btn-orange:active,
.page-landing .btn-orange-opaque:active {
    color: #fff;
    border: none;
    background: #3a3a3a;
}

.page-landing .btn-orange-opaque {
    padding: 0;
    color: #f99c25;
    background: none;
}

.page-landing .btn-orange-opaque:hover,
.page-landing .btn-orange-opaque:focus,
.page-landing .btn-orange-opaque:active {
    color: #3a3a3a;
    background: none;
}

.page-landing .booking-header {
    padding-top: 7em;
    transition: all 0.3s ease-in-out;
    background: #07a7e0;
    background: linear-gradient(to bottom, #07a7e0 0%, #07a7e0 60%, #0494da 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a7e0', endColorstr='#0494da', GradientType=0);
}

.page-landing .booking-header,
.page-landing .booking-header:before,
.page-landing .booking-header:after,
.page-landing .booking-header *,
.page-landing .booking-header *:before,
.page-landing .booking-header *:after {
    box-sizing: border-box;
}

.page-landing .booking-header .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;

    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.page-landing .booking-header .logo {
    margin: 3em 0;
    text-align: left;
}

.page-landing .booking-header .header-callout {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.page-landing .booking-header h1 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 3.75em;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 auto 10px;
    color: #fff;
}

.page-landing .booking-header h2 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 2.125em;
    font-weight: 300;
    line-height: 1.3;
    margin: 0 auto 20px;
    color: #cce7f7;
}

.page-landing .booking-header .header-cta {
    position: relative;
    bottom: -30px;
    width: 830px;
    max-width: 95%;
    min-height: 250px;
    margin: 0 auto;
    padding: 2.5em 3em;
    border: 1px solid #d7e2ed;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);
}

.page-landing .booking-header .header-cta-offer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;

    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .page-landing .booking-header .header-cta-offer {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

.page-landing .booking-header .header-cta-btn .btn {
    margin: 0 auto;
}

.page-landing .booking-header .partner-logo {
    padding: 15px 0;

    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

@media (min-width: 768px) {
    .page-landing .booking-header .partner-logo {
        padding: 25px 30px 25px 0;
    }
}

.page-landing .booking-header .partner-desc {
    padding-top: 20px;
    border-top: 1px dashed #c4ced7;

    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}

@media (min-width: 768px) {
    .page-landing .booking-header .partner-desc {
        padding: 0 0 0 30px;
        text-align: left;
        border-top: 0;
        border-left: 1px dashed #c4ced7;
    }
}

.page-landing .booking-header .partner-desc h3,
.page-landing .booking-header .partner-desc p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.page-landing .booking-header .partner-desc h3 {
    font-size: 2.1em;
    line-height: 1.5;
    margin: 0;
    color: #07a7e0;
}

.page-landing .booking-header .partner-desc p {
    font-size: 1.4em;
    line-height: 1.3;
    margin: 0;
}

.page-landing .how,
.page-landing .how-steps,
.page-landing .how-cta-btn {
    transition: all 0.3s ease-in-out;
}

.page-landing .how {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: 300;
    width: 95%;
    max-width: 700px;
    margin: 0 auto 30px;
    padding-top: 5em;
    text-align: center;
}

.page-landing .how h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    color: #3a3a3a;
}

.page-landing .how p {
    font-size: 1.4em;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .how-steps {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 992px) {
    .page-landing .how-steps {
        flex-direction: row;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.page-landing .how-step {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.5;
    flex: 1;
    max-width: 400px;
    margin: 0 20px 50px;
    border: 1px solid #d7e2ed;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);

    -webkit-flex: 1;
    -ms-flex: 1;
}

.page-landing .how-step p {
    margin: 0.75em 0;
    padding: 0 1.4em;
}

.page-landing .how-step p span {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500px;
    text-transform: uppercase;
}

.page-landing .how-cta-btn {
    padding-bottom: 50px;
    text-align: center;
}

.page-landing .how-cta-btn .fas,
.page-landing .how-cta-btn .far,
.page-landing .how-cta-btn .fab {
    font-size: 1.25em;
    position: relative;
    top: 2px;
}

.page-landing .locations {
    padding: 6em 0 2em;
    border-top: 1px solid #e2ecf1;
    background: url("ZkJfJ8WtUhokCYiWvw0GbkTGzPSq1INcKLOwgZ1OX6r.png") repeat 0 0;
}

.page-landing .locations-search {
    position: relative;
    width: 830px;
    max-width: 95%;
    margin: 0 auto 50px;
    padding: 80px 60px 60px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    border: 1px solid #d7e2ed;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);
}

.page-landing .locations-search:before {
    position: absolute;
    top: -50px;
    left: 50%;
    display: table;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    content: "";
    background: url("8SeF67XmS9TXwjCDL341BO8DehNa15dk82WCipmfQHe.png") no-repeat 0 0;
    background-size: 100px;
}

.page-landing .locations-search h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    color: #3a3a3a;
}

.page-landing .locations-search p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .locations-search input {
    width: 100%;
}

.page-landing .tb {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 10px 20px;
    color: #8e9bac;
    border: 1px solid #c1dcea;
    border-radius: 3px;
}

.page-landing .tb::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #8e9bac;
}

.page-landing .tb::-moz-placeholder {
    opacity: 1;
    /* Firefox 19+ */
    color: #8e9bac;
}

.page-landing .tb:-ms-input-placeholder {
    /* IE 10+ */
    color: #8e9bac;
}

.page-landing .tb:-moz-placeholder {
    opacity: 1;
    /* Firefox 18- */
    color: #8e9bac;
}

.page-landing .locations-program {
    text-align: center;
}

.page-landing .locations-program h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 0.1em;
    text-transform: uppercase;
    color: #3a3a3a;
}

.page-landing .locations-program h2 .fas,
.page-landing .locations-program h2 .far,
.page-landing .locations-program h2 .fab {
    font-size: 0.8em;
    position: relative;
    top: -2px;
    color: #f99c25;
}

.page-landing .locations-program p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .features {
    padding: 3em 0;
    text-align: center;
    color: #d5f4ff;
}

.page-landing .features,
.page-landing .features:before,
.page-landing .features:after,
.page-landing .features *,
.page-landing .features *:before,
.page-landing .features *:after {
    box-sizing: border-box;
}

.page-landing .features .wrapper {
    max-width: 850px;
}

.page-landing .features h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 0.1em;
    text-transform: uppercase;
    color: #fff;
}

.page-landing .features p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing ul.feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 50px auto 0;
    padding: 0;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-landing ul.feature li {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 1em;
    padding: 0 5% 0 0;
    text-align: left;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .page-landing ul.feature li {
        width: 50%;
    }
}

.page-landing ul.feature li .icon {
    width: 44px;
    margin-right: 20px;
}

.page-landing .testimonial {
    padding: 3em 0 1.5em;
    text-align: center;
}

.page-landing .testimonial,
.page-landing .testimonial:before,
.page-landing .testimonial:after,
.page-landing .testimonial *,
.page-landing .testimonial *:before,
.page-landing .testimonial *:after {
    box-sizing: border-box;
}

.page-landing .testimonial .wrapper {
    max-width: 850px;
}

.page-landing .testimonial h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 0.1em;
    text-transform: uppercase;
    color: #07a7e0;
}

.page-landing .testimonial p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .special-offer {
    position: relative;
    max-width: 710px;
    margin: 100px auto 50px;
    padding: 80px 40px 10px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    border: 1px solid #d7e2ed;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);
}

.page-landing .special-offer:before {
    position: absolute;
    top: -50px;
    left: 50%;
    display: table;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    content: "";
    background: url("TlIQrty83gPhxWJzspqsZBbL4KIMJjP1PhY8vfZOPdh.png") no-repeat 0 0;
    background-size: 100px;
}

.page-landing .special-offer h3 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    text-transform: uppercase;
    color: #3a3a3a;
}

.page-landing .special-offer p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .contact {
    padding: 3.5em 0;
    text-align: center;
    color: #3a3a3a;
}

.page-landing .contact,
.page-landing .contact:before,
.page-landing .contact:after,
.page-landing .contact *,
.page-landing .contact *:before,
.page-landing .contact *:after {
    box-sizing: border-box;
}

.page-landing .contact .wrapper {
    width: 95%;
    max-width: 1250px;
    padding: 50px 75px 30px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #0583b1;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(5, 133, 180, 0.4);
}

.page-landing .contact h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 0.1em;
    text-transform: uppercase;
}

.page-landing .contact p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 1em;
}

.page-landing .contact a {
    color: #3a3a3a;
}

.page-landing .countries {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3em;
    text-align: left;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-landing .countries > div {
    width: 100%;
}

@media (min-width: 992px) {
    .page-landing .countries > div {
        width: 45%;
    }

    .page-landing .countries > div:first-child {
        width: 55%;
    }
}

.page-landing .countries p {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .page-landing .countries p {
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
    }

    .page-landing .countries p .icon {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.page-landing .countries p .icon {
    margin-bottom: 5px;
}

.page-landing .countries p strong {
    margin-right: 5px;
}

.page-landing .faqs p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 1.5em;
}

/* Page - Invest
 * -------------------------------------------------- */
.page-invest .hero {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 450px;
    padding: 0 0 3em;
    transition: all 0.3s ease-in-out;
    background: url("QGpegghXAtTU0Cz2gwwovgWmRNgAzZgOWEwbA4Snnq9.jpg") no-repeat 50% 50%;
    background-size: cover;

    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.page-invest .hero,
.page-invest .hero:before,
.page-invest .hero:after,
.page-invest .hero *,
.page-invest .hero *:before,
.page-invest .hero *:after {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .page-invest .hero {
        min-height: 550px;
        background-position: 50% 10%;
    }
}

.page-invest .hero .container {
    max-width: 680px;
    margin: 0;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .page-invest .hero .container {
        padding: 0 60px;
    }
}

.page-invest .hero h1 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    color: #fff;
}

@media (min-width: 500px) {
    .page-invest .hero h1 {
        font-size: 2.5em;
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .page-invest .hero h1 {
        font-size: 2.8em;
    }
}

.page-invest .invest-intro {
    transition: all 0.3s ease-in-out;
}

.page-invest .invest-intro,
.page-invest .invest-intro:before,
.page-invest .invest-intro:after,
.page-invest .invest-intro *,
.page-invest .invest-intro *:before,
.page-invest .invest-intro *:after {
    box-sizing: border-box;
}

.page-invest .invest-intro .container {
    max-width: 950px;
    padding: 60px 25px 50px;
}

.page-invest .invest-intro p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
}

@media (min-width: 768px) {
    .page-invest .invest-intro {
        text-align: center;
    }
}

.page-invest .invest-why {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    transition: all 0.3s ease-in-out;
    text-align: center;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-invest .invest-why,
.page-invest .invest-why:before,
.page-invest .invest-why:after,
.page-invest .invest-why *,
.page-invest .invest-why *:before,
.page-invest .invest-why *:after {
    box-sizing: border-box;
}

@media (min-width: 600px) {
    .page-invest .invest-why {
        background: #fff;
        background: radial-gradient(
            circle closest-side,
            #f7f7f9 0%,
            #f7f7f9 100%,
            #fff 100%,
            #fff 100%
        );
    }
}

.page-invest .invest-why .container {
    max-width: 1000px;
    padding: 0 25px 25px;
}

@media (min-width: 768px) {
    .page-invest .invest-why .container {
        padding: 120px 25px;
    }
}

.page-invest .invest-why h2 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1.25;
    margin: 0 0 50px;
}

@media (min-width: 600px) {
    .page-invest .invest-why h2 {
        font-size: 2.75em;
        margin: 0 20px 50px;
    }
}

@media (min-width: 992px) {
    .page-invest .invest-why h2 {
        margin: 0 50px 50px;
    }
}

.page-invest .invest-reasons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: all 0.3s ease-in-out;
    text-align: center;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap column;
    -ms-flex-flow: wrap column;
    flex-flow: wrap column;
}

.page-invest .invest-reasons,
.page-invest .invest-reasons:before,
.page-invest .invest-reasons:after,
.page-invest .invest-reasons *,
.page-invest .invest-reasons *:before,
.page-invest .invest-reasons *:after {
    box-sizing: border-box;
}

@media (max-width: 599px) {
    .page-invest .invest-reasons {
        background: #fff;
        background: radial-gradient(
            circle closest-side,
            #f7f7f9 0%,
            #f7f7f9 100%,
            #fff 100%,
            #fff 100%
        );
    }
}

@media (min-width: 600px) {
    .page-invest .invest-reasons {
        padding: 20px 70px;

        -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
        flex-flow: nowrap row;
    }
}

.page-invest .invest-reasons .invest-reason {
    flex: 1;
    padding: 20px 10px;

    -webkit-flex: 1;
    -ms-flex: 1;
}

@media (min-width: 992px) {
    .page-invest .invest-reasons .invest-reason {
        padding: 20px 45px;
    }
}

.page-invest .invest-reasons .invest-reason-icon {
    margin: 0 0 20px;
}

.page-invest .invest-reasons p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}

.page-invest .contact {
    font-size: 14px;
    padding: 2em 0;
    transition: all 0.3s ease-in-out;
    text-align: center;
    color: #3a3a3a;
    background: #07a7e0;
}

@media (min-width: 768px) {
    .page-invest .contact {
        font-size: 16px;
    }
}

.page-invest .contact,
.page-invest .contact:before,
.page-invest .contact:after,
.page-invest .contact *,
.page-invest .contact *:before,
.page-invest .contact *:after {
    box-sizing: border-box;
}

.page-invest .contact .container {
    max-width: 900px;
}

.page-invest .contact-form {
    max-width: 700px;
    margin-top: 100px;
    padding: 90px 20px 50px;
}

@media (min-width: 768px) {
    .page-invest .contact-form {
        padding: 90px 40px 50px;
    }
}

.page-invest .contact-form p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.0625em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 1em;
}

@media (min-width: 550px) {
    .page-invest .contact-form p span {
        display: block;
    }
}

.page-invest .contact-form:before {
    background: #fff url("Yp62hGdnlpJefh73odYNCaX3DBX1kkQqoYcdRvXKhTY.png") no-repeat 50% 50%;
    background-size: 65px auto;
}

.page-invest .contact-form .tb {
    margin-top: 7px;
    margin-bottom: 7px;
}

.page-invest .contact-form .error {
    display: block;
    padding: 0 10px;
    text-align: left;
    color: #c00;
}

/* New Sales Site
 * -------------------------------------------------- */
.slant {
    position: relative;
}

.slant::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80vh;
    max-height: 600px;
    display: block;
    content: '';
    background: var(--lightgray);
    -webkit-transform: var(--skew-angle);
    -ms-transform: var(--skew-angle);
    transform: var(--skew-angle);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}

.slant-reverse::before,
.slant-reverse::after {
    -webkit-transform: var(--skew-reverse-angle);
    -ms-transform: var(--skew-reverse-angle);
    transform: var(--skew-reverse-angle);
}

.nav-light.slant::before {
    background: var(--blue-gradient);
}

.slant-custom::before {
    top: var(--top, 0);
    bottom: var(--bottom);
    left: var(--left, 0);
    right: var(--right, 0);
    height: var(--height, 80vh);
    max-height: var(--max-height, 600px);
}

.nouveau {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--text-color);
}

.nouveau,
.nouveau:before,
.nouveau:after,
.nouveau *,
.nouveau *:before,
.nouveau *:after {
    box-sizing: border-box;
}

.nouveau .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

.nouveau a,
.nouveau .btn {
    transition: all 0.3s ease-in-out;
}

.nouveau button,
.nouveau input[type="submit"] {
    border-color: transparent;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

.nouveau a:hover,
.nouveau a:focus {
    text-decoration: none;
    color: #3a3a3a;
}

.nouveau h1,
.nouveau h2,
.nouveau h3,
.nouveau h4,
.nouveau h5,
.nouveau h6 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: var(--green);
}

.nouveau h1 {
    font-size: 3.125em;
    line-height: 1.2;
    margin: 0 0 20px;
}

.nouveau h2 {
    font-size: 1.3125em;
    line-height: 1.6;
    margin: 30px 0 5px;
}

.nouveau h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 1.5em 0 1em;
}

.nouveau .section-icon {
    line-height: 0;
    margin-bottom: 1.25em;
}

.nouveau .section-title {
    color: var(--blue);
    font-size: 1.071428em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

@media (min-width: 992px) {
    .nouveau .section-title {
        font-size: 0.9375em;
    }
}

.nouveau p,
.nouveau ul {
    font-size: 1.125em;
    margin: 0 0 1.5em;
}

.nouveau .small-text {
    font-size: 0.875em;
}

.nouveau .btn.orange,
.nouveau .btn.blue,
.nouveau .btn.white,
.nouveau .btn.green {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
    width: auto;
    height: auto;
    padding: 0.688em 1.12em;
    color: #fff !important;
    border-radius: 5px;
    box-shadow: none;
}

.nouveau .btn.orange {
    background-color: var(--orange);
}

.nouveau .btn.blue {
    background-color: var(--blue);
}

.nouveau .btn.white {
    color: var(--green) !important;
    background-color: var(--white);
}

.nouveau .btn.green {
    background-color: var(--green);
}

.nouveau .btn.icon-right .fas {
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.nouveau .btn.orange.small {
    font-size: 15px;
}

.nouveau .btn.orange:hover,
.nouveau .btn.orange:focus,
.nouveau .btn.blue:hover,
.nouveau .btn.blue:focus,
.nouveau .btn.white:hover,
.nouveau .btn.white:focus,
.nouveau .btn.green:hover,
.nouveau .btn.green:focus {
    color: #fff !important;
    background-color: var(--green);
    box-shadow: none;
}

.nouveau .btn.orange.hover-disabled:hover,
.nouveau .btn.orange.hover-disabled:focus {
    background-color: var(--orange);
}

.nouveau .btn-block {
    display: block;
    width: 100% !important;
}

.nouveau .intro {
    font-size: 14px;
    padding: 0 0 3em;
}

@media (min-width: 992px) {
    .nouveau .intro {
        font-size: 16px;
    }
}

.nouveau .intro .container {
    padding: 40px 25px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .nouveau .intro .container {
        padding-top: 40px;
        text-align: left;
    }
}

.nouveau .intro h1 {
    font-size: 2.3125em;
    line-height: 1.3;
    margin: 0 0 20px;
}

.nouveau .intro h1 small {
    font-size: 0.6em;
}

.nouveau .intro p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0 0 20px;
}

.nouveau .intro .cta {
    line-height: 1.4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .nouveau .intro .cta {
        margin-bottom: 1.5em;

        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
    }
}

.nouveau .intro .cta a {
    text-decoration: none;
    color: var(--blue);
}

.nouveau .intro .cta a:hover,
.nouveau .intro .cta a:focus {
    text-decoration: none;
    color: var(--green);
}

.nouveau .intro .cta .btn.orange:hover,
.nouveau .intro .cta .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

.nouveau .intro .cta .btn.orange {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .nouveau .intro .cta .btn.orange {
        margin-right: 15px;
        margin-bottom: 0;
    }
}

.nouveau .intro-img,
.nouveau .intro-media {
    font-size: 0;
}

.nouveau .partners {
    font-size: 15px;
    padding: 0 0 4em;
    text-align: center;
}

@media (min-width: 768px) {
    .nouveau .partners {
        font-size: 16px;
    }
}

.nouveau .partners h2 {
    font-size: 1.25em;
    line-height: 1.5;
}

.nouveau .partner-logos {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.nouveau .partner-logos > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 10px;
    min-width: 140px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-industry-y23 .nouveau .partner-logos,
.page-landing-industry-y23 .nouveau .partner-logos,
.page-landing-buildings .nouveau .partner-logos,
.page-keyexchange .nouveau .partner-logos {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.page-industry-y23 .nouveau .partner-logos > div,
.page-landing-industry-y23 .nouveau .partner-logos > div,
.page-landing-buildings .nouveau .partner-logos > div,
.page-keyexchange .nouveau .partner-logos > div {
    padding: 25px 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 var(--flex-basis, 240px);
    flex: 0 1 var(--flex-basis, 240px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 992px) {
    .page-industry-y23 .nouveau .partner-logos > div,
    .page-landing-industry-y23 .nouveau .partner-logos > div,
    .page-landing-buildings .nouveau .partner-logos > div {
        height: 170px;
    }

    .page-keyexchange .nouveau .partner-logos > div {
        height: 100px;
    }
}

.nouveau .partner-logos > div a {
    font-size: 0;
    line-height: 0;
    display: block;
}

.nouveau .testimonials {
    font-size: 15px;
    margin: 4em 0 0;
    padding: 3em 0 0;
    text-align: center;
}

.nouveau .testimonials:before {
    bottom: 0;
    height: auto;
    max-height: none;
}

@media (min-width: 768px) {
    .nouveau .testimonials {
        font-size: 16px;
    }
}

.nouveau .testimonials .container {
    max-width: 850px;
}

.nouveau .testimonials h5 {
    font-size: 1.375em;
    line-height: 1.5;
    margin: 0 0 2rem;
}

.nouveau .testimonials p {
    margin: 0.5em 0 0;
}

.nouveau .testimonials .testimonial-author {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--green);
}

.nouveau .testimonials .stars {
    display: inline-block;
    width: 105px;
}

.nouveau .testimonial-img {
    line-height: 0;
    position: relative;
    z-index: -1;
    margin-top: 2em;
}

.nouveau .owl-dots {
    margin-top: 50px;
    -webkit-tap-highlight-color: transparent;
}

.nouveau .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.nouveau .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px;
    transition: opacity 200ms ease;
    border-radius: 30px;
    background: #ddd;
    -webkit-backface-visibility: visible;
}

.nouveau .owl-dots .owl-dot.active span,
.nouveau .owl-dots .owl-dot:hover span {
    background: #aaa;
}

.nouveau .tagline {
    font-size: 14px;
    padding: 5em 0 9em;
    text-align: center;
    color: var(--white);
}

@media (min-width: 768px) {
    .nouveau .tagline {
        font-size: 16px;
        padding: 3em 0 9em;
    }
}

.nouveau .tagline:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
}

.nouveau .tagline h5 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
}

.nouveau .tagline h6 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.3125em;
    font-weight: 500;
    line-height: 1.4;
    color: var(--white);
}

.nouveau .tagline .cta {
    margin: 1.3em 0 0;
}

.nouveau .tagline .btn.orange {
    padding: 0.8em 2.5em;
    border-width: 0;
    border-color: transparent;
}

.nouveau .tagline .btn.orange:hover,
.nouveau .tagline .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

.nouveau .tagline a {
    padding-bottom: 2px;
    color: #fff;
    border-bottom: 1px solid var(--white);
    text-transform: uppercase;
}

.nouveau .tagline a:hover,
.nouveau .tagline a:focus {
    border-bottom: 1px solid transparent;
}

.nouveau .checkboxes {
    margin: 6px 0;
}

.nouveau .checkboxes input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.nouveau .checkboxes input[type="checkbox"] + label {
    font-size: 1em;
    line-height: 1.4;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 40px;
    text-align: left;
}

.nouveau .checkboxes input[type="checkbox"] + label span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid var(--blue);
    border-radius: 4px;
    background: #fff;
}

.nouveau .checkboxes input[type="checkbox"] + label span:after {
    font-size: 1.1rem;
    position: absolute;
    top: 2px;
    left: 5px;
    height: 20px;
    content: "\2713";
    transition: 0.2s;
    opacity: 0;
    color: var(--blue);
}

.nouveau .contact-wrapper .checkboxes input[type="checkbox"] + label span,
.nouveau .kc-modal-y23 .checkboxes input[type="checkbox"] + label span {
    border: 1px solid var(--light-slate-gray);
}

.nouveau .contact-wrapper .checkboxes input[type="checkbox"] + label span:after,
.nouveau .kc-modal-y23 .checkboxes input[type="checkbox"] + label span:after {
    color: var(--light-slate-gray);
}

.nouveau .checkboxes input[type="checkbox"]:checked + label span:after {
    opacity: 1;
}

.nouveau .selectboxes {
    position: relative;
}

.nouveau .selectboxes .fa-angle-down {
    color: var(--blue);
    position: absolute;
    top: 20px;
    right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.nouveau .contact-wrapper .selectboxes .fa-angle-down,
.nouveau .kc-modal-y23 .selectboxes .fa-angle-down {
    color: var(--light-slate-gray);
}

.nouveau .selectboxes select.tb:invalid,
.nouveau .selectboxes select.tb option[value=""] {
    color: var(--gray);
}

.nouveau .contact-wrapper .selectboxes select.tb:invalid,
.nouveau .contact-wrapper .selectboxes select.tb option[value=""],
.nouveau .kc-modal-y23 .selectboxes select.tb:invalid,
.nouveau .kc-modal-y23 .selectboxes select.tb option[value=""] {
    color: var(--light-slate-gray);
}

.nouveau .tb {
    font-size: 1em;
    line-height: 1.4;
    width: 100%;
    padding: 10px 0.75em 8px;
    margin: 6px 0;
    border-radius: 8px;
    color: var(--green);
    border: 1px solid var(--blue);
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    resize: none;
}

.nouveau .contact-wrapper .tb,
.nouveau .kc-modal-y23 .tb {
    border: 1px solid var(--light-slate-gray);
}

.nouveau .contact-wrapper .tb::placeholder,
.nouveau .kc-modal-y23 .tb::placeholder {
    color: var(--light-slate-gray);
}

.nouveau .tb:focus {
    outline: none;
    box-shadow: 0 0 10px rgba(0, 167, 224, .2);
}

.nouveau .tb.num-spinner {
    font-size: 1.2em;
    line-height: 1;
    padding: 0.3em 0.4em 0.1em;
}

.nouveau select {
    background-color: #fff;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nouveau input.btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nouveau .intl-tel-input {
    margin: 5px 0;
}

.nouveau .error {
    display: block;
    padding: 0 10px;
    text-align: left;
    color: #c00;
}

.nouveau .glow {
    -webkit-filter: drop-shadow(0 0 4px #50bae9);
    filter: drop-shadow(0 0 4px #50bae9);
}

.nouveau ul.check {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1rem;
}

.nouveau ul.check li {
    margin: 0;
    padding: 0 0 0.5em 30px;
    list-style: none;
    position: relative;
}

.nouveau ul.check li:last-child {
    padding-bottom: 0;
}

.nouveau ul.check li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '\f00c';
    color: var(--blue);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Content Boxes
 * -------------------------------------------------- */
.nouveau .content-boxes,
.nouveau .content-boxes p,
.nouveau .checkmark-circle li {
    font-size: 15px;
}

@media (min-width: 768px) {
    .nouveau .content-boxes,
    .nouveau .content-boxes p,
    .nouveau .checkmark-circle li {
        font-size: 16px;
    }
}

.nouveau .content-boxes > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;

    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

@media (min-width: 768px) {
    .nouveau .content-boxes > div {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.nouveau .content-boxes h2,
.nouveau .content-boxes h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 1.5em 0 0.5em;
}

.nouveau .content-box {
    flex: 1;
    padding: 10px 0;

    -webkit-flex: 1;
    -ms-flex: 1;
}

.nouveau .col-2 .content-box {
    flex: 0 1 50%;

    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
}

.nouveau .col-3 .content-box {
    flex: 0 1 33%;

    -webkit-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
}

.nouveau .content-box-bg {
    background-color: var(--white);
    border: 1px solid var(--lightgray);
    padding: 20px;
    margin: 10px;
}

.nouveau .content-box-no-bdr {
    border: none;
    margin: 0;
}

.nouveau .content-box-bg p:last-child {
    margin-bottom: 5px;
}

.nouveau .content-box-text-left {
    text-align: left;
}

@media (min-width: 768px) {
    .nouveau .content-box:not(.content-box-bg) {
        padding: 20px 30px;
    }
}

.nouveau .content-box-icon {
    line-height: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nouveau .content-box-icon-bg {
    width: 90px;
    height: 90px;
    background-color: var(--lightgray);
    border-radius: 5px;
}

.nouveau .content-box-icon-bg-white {
    width: 90px;
    height: 90px;
    background-color: var(--white);
    border-radius: 5px;
}

.nouveau .content-box-icon-bg.content-box-icon-small,
.nouveau .content-box-icon-bg-white.content-box-icon-small {
    width: 64px;
    height: 64px;
}

.nouveau .content-box-icon-bg-white.content-box-icon-small {
    width: 56px;
    height: 56px;
}

.nouveau .content-box-icon-bg.content-box-icon-small .kc-icon,
.nouveau .content-box-icon-bg-white.content-box-icon-small .kc-icon {
    width: 2.5rem;
}

.nouveau .content-box-text-left .content-box-icon {
    margin: 0;
}

/* Custom List
 * -------------------------------------------------- */
ul.checkmark-circle {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
}

ul.checkmark-circle li {
    background: url(shRueuN0HFQ2A9r7ATGdwRNMyXH1xrnV24gfjjVPtch.svg) no-repeat;
    background-size: 1rem;
    background-position: left 0.15em;
    padding: 0 0 1em 1.75em;
}

ul.checkmark-circle strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

/* Page - Home
 * -------------------------------------------------- */
.page-home:before,
.page-home:after {
    height: 95vh;
}

.page-home:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 600px;
    display: block;
    content: '';
    -webkit-transform: var(--skew-angle);
    -ms-transform: var(--skew-angle);
    transform: var(--skew-angle);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    background: url(f8Bh2NjtM0jN0vAFJJu57pJc143oyNvmRTiWryUzUtU.svg) no-repeat 54% 100%;
    background-size: 600px auto;
    opacity: 0.30;
    display: none;
}

@media (max-width: 991px) {
    .page-home:after {
        background-position: 54% 120%;
    }
}

@media (min-width: 1200px) {
    .page-home:before,
    .page-home:after {
        max-height: 700px;
    }
}

.page-home .intro,
.page-home .intro h1 {
    color: var(--white);
}

.page-home .intro h1 {
    text-wrap: balance;
}

.page-home .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-home .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-home .intro-img {
    margin-top: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-home .intro .btn {
    margin: 5px;
}

.page-home .intro .btn.orange:hover,
.page-home .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 992px) {
    .page-home .intro .container {
        padding-top: 100px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-home .intro-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 450px;
        flex: 0 1 450px;
        padding-right: 5rem;
    }

    .page-home .intro-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 600px;
        flex: 1 1 600px;
        margin-top: -20px;
        text-align: right;
    }

    .page-home .intro .btn {
        margin: 5px 10px 5px 0;
    }
}

.page-home .partners {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .page-home .partners {
        margin-bottom: 3rem;
        margin-top: 4rem;
    }
}

@media (min-width: 992px) {
    .page-home .partners {
        margin-bottom: 3rem;
        margin-top: 7rem;
    }
}

@media (min-width: 1200px) {
    .page-home .partners {
        margin-bottom: 5rem;
        margin-top: 4rem;
    }
}

.page-home .partners .container {
    max-width: 1100px;
}

.page-home .nouveau .partner-logos {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.page-home .nouveau .partner-logos > div {
    padding: 25px 20px;
    min-width: auto;
    min-height: 110px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 var(--flex-basis, 240px);
    flex: 0 1 var(--flex-basis, 240px);
}

.page-home .partner-logos .kc-icon {
    width: 6.5rem;
}

.page-home .partner-logos .w-100 {
    line-height: 0;
    padding: 0;
}

@media (max-width: 600px) {
    .page-home .partner-logos .w-100 {
        display: none;
    }
}

.page-home .features {
    text-align: center;
    padding: 4em 0;
}

.page-home .features:before {
    max-height: 550px;
}

.page-home .features,
.page-home .features p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-home .features,
    .page-home .features p {
        font-size: 16px;
    }
}

.page-home .features h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 auto 5em;
    max-width: 350px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-home .features .content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 20px);
        flex: 0 1 calc(50% - 20px);
    }
}

.testimonials-home:before {
    top: -80px;
    bottom: 0;
    height: auto;
    max-height: 470px;
}

.testimonials-home,
.testimonials-home p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .testimonials-home,
    .testimonials-home p {
        font-size: 16px;
    }
}

.testimonials-home > .container {
    padding-top: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .testimonials-home > .container {
        padding-top: 7em;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.testimonials-home h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 3em;
}

.nouveau .testimonials-home .section-title {
    margin-bottom: 12px;
}

.testimonials-home h2,
.testimonials-home h4,
.testimonials-home .section-icon {
    text-align: center;
}

@media (min-width: 768px) {
    .testimonials-home h2,
    .testimonials-home h4,
    .testimonials-home .section-icon {
        text-align: left;
    }
}

.ratings-home {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .ratings-home {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 540px;
        flex: 0 1 540px;
        padding-right: 70px;
    }
}

.ratings-home .ratings {
    margin-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .ratings-home .ratings {
        margin-bottom: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.ratings-home .ratings .rating {
    padding-left: 0;
}

@media (min-width: 768px) {
    .ratings-home .ratings .rating {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.ratings-home .customer-ratings {
    margin-bottom: 2rem;
}

.ratings-home .customer-ratings .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
}

@media(min-width: 768px) {
    .ratings-home .customer-ratings .d-flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.ratings-home .customer-ratings .d-flex h2,
.ratings-home .customer-ratings .d-flex h3 {
    margin: 0;
}

.ratings-home .customer-rating-platforms {
    gap: 20px;
}

@media (min-width: 768px) {
    .ratings-home .customer-rating-platforms {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
}

@media (min-width: 992px) {
    .ratings-home .customer-rating-platforms {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.testimonial-home {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

@media (min-width: 768px) {
    .testimonial-home {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
        flex: 0 1 600px;
    }
}

.testimonial-box {
    position: relative;
    padding: 25px 35px;
    margin-bottom: 50px;
    border-radius: 22px;
    color: var(--white);
    font-size: 15px;
}

.testimonial-box div.stars {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.testimonial-box div.stars i.fas.fa-star {
    margin: 0 5px;
}

.testimonial-box p {
    font-size: 15px;
}

.testimonial-box.grad-to-right {
    background: rgb(0, 167, 224);
    background: -o-linear-gradient(342deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: linear-gradient(108deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
}

.testimonial-box.grad-to-left {
    background: rgb(0, 167, 224);
    background: -o-linear-gradient(198deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: linear-gradient(252deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
}

.testimonial-box.grad-to-center {
    background: rgb(0, 167, 224);
    background: -o-linear-gradient(342deg, rgba(0, 167, 224, 1) 0%, rgba(4, 132, 205, 1) 49%, rgba(0, 167, 224, 1) 100%);
    background: linear-gradient(108deg, rgba(0, 167, 224, 1) 0%, rgba(4, 132, 205, 1) 49%, rgba(0, 167, 224, 1) 100%);
}

.testimonial-box.bg-green-grad {
    background: var(--blue-gradient);
}

.testimonial-box.bg-green-grad .btn.orange:hover,
.testimonial-box.bg-green-grad .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

.testimonial-box p {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-bottom: 1em;
}

.testimonial-box .author-name {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    padding: 0;
    margin: 0;
}

.testimonial-box .author-img {
    line-height: 0;
    width: 55px;
    position: absolute;
    right: 50px;
    bottom: -25px;
}

.testimonial-box.grad-to-right .btn.orange:hover,
.testimonial-box.grad-to-right .btn.orange:focus,
.testimonial-box.grad-to-left .btn.orange:hover,
.testimonial-box.grad-to-left .btn.orange:focus,
.testimonial-box.grad-to-center .btn.orange:hover,
.testimonial-box.grad-to-center .btn.orange:focus {
    background-color: var(--white);
    color: var(--green) !important;
}

.testimonial-box.grad-to-right .btn,
.testimonial-box.grad-to-left .btn,
.testimonial-box.grad-to-center .btn {
    margin-top: 1rem;
}

.testimonial-image-left,
.testimonial-image-left p {
    font-size: 15px;
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: var(--green);
}

.testimonial-image-left p {
    margin-bottom: 1em;
}

.testimonial-image-left {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.testimonial-image-left .author-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    padding: 0 0 25px;
}

@media (min-width: 768px) {
    .testimonial-image-left {
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .testimonial-image-left .author-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 165px;
        flex: 0 0 165px;
        padding: 0 45px 0 0;
    }
}

.testimonial-image-left .author-name {
    font-size: 14px;
    color: var(--text-color);
}

.cta-home,
.cta-home p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .cta-home,
    .cta-home p {
        font-size: 16px;
    }
}

.cta-home > .container {
    padding-top: 5em;
    padding-bottom: 4em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 992px) {
    .cta-home > .container {
        padding-top: 7em;
        text-align: left;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.cta-home-1 {
    margin-bottom: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 600px;
    flex: 0 1 600px;
}

@media (min-width: 992px) {
    .cta-home-1 {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 550px;
        flex: 0 1 550px;
        padding-right: 50px;

    }
}

.cta-home-2,
.cta-home-3 {
    margin: 1em 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

@media (min-width: 992px) {
    .cta-home-2,
    .cta-home-3 {
        padding: 0 15px 20px;
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.cta-home h3 {
    font-size: 1.125em;
    margin: 0 0 10px;
}

.cta-home h4 {
    font-size: 0.9375em;
    line-height: 1.5;
}

.cta-home-2 p,
.cta-home-3 p {
    margin-bottom: 0.5em;
}

.cta-home-2 a,
.cta-home-3 a {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9375em;
}

@media (min-width: 992px) {
    .cta-home .align-bottom {
        position: absolute;
        bottom: 0;
        left: 15px;
        width: 100%;
    }
}

.cta-home .btn {
    margin: 5px;
}

@media (min-width: 768px) {
    .cta-home .btn {
        margin: 5px 5px 5px 0;
    }
}

.page-home .customer-review {
    max-width: none;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .page-home .customer-review {
        margin-inline: 0;
    }
}

/* Keycafe Infrastructure Graphics
 * -------------------------------------------------- */
.kc-infra:before {
    top: 30em;
    bottom: 0;
    height: auto;
    max-height: none;
}

.kc-infra {
    overflow-x: hidden;
    padding-bottom: 20px;
}

.kc-infra > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media(max-width: 767px) {
    .kc-infra > .container {
        padding: 0 15px;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }
}

.kc-infra-one {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.kc-infra-two {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}

.kc-infra-three {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 65%;
    flex: 1 0 65%;
}

@media (min-width: 768px) {
    .kc-infra-one {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
    }

    .kc-infra-two {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
    }

    .kc-infra-three {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 375px;
        flex: 1 0 375px;
    }
}

@media (min-width: 992px) {
    .kc-infra-one {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 420px;
        flex: 0 0 420px;
    }

    .kc-infra-two {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    }

    .kc-infra-three {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 380px;
        flex: 1 0 380px;
    }
}

.kc-infra-key-details,
.kc-infra-app-mobile,
.kc-infra-app-desktop,
.kc-infra-sbox,
.kc-infra-key {
    line-height: 0;
    pointer-events: none;
}

.kc-infra-key-details,
.kc-infra-intro,
.kc-infra-app-mobile,
.kc-infra-app-desktop,
.kc-infra-sbox,
.kc-infra-key {
    margin: 20px 9px;
}

@media (min-width: 768px) {
    .kc-infra-key-details,
    .kc-infra-intro,
    .kc-infra-app-mobile,
    .kc-infra-app-desktop,
    .kc-infra-sbox,
    .kc-infra-key {
        margin: 15px 15px 30px;
    }
}

.kc-infra-key-details img,
.kc-infra-app-mobile img,
.kc-infra-app-desktop img,
.kc-infra-sbox img,
.kc-infra-key img {
    width: 100%;
}

.kc-infra-intro,
.kc-infra-app-mobile,
.kc-infra-app-desktop,
.kc-infra-sbox {
    border-radius: 9px;
}

.kc-infra-sbox {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}

.kc-infra-app-mobile {
    border-radius: 40px;
}

.kc-infra-intro {
    background: var(--blue-gradient);
    color: var(--white);
    padding: 25px 30px;
    margin-bottom: 0;
}

.kc-infra-intro p {
    font-size: 0.9375rem;
    line-height: 1.5;
}

.kc-infra-intro .btn.orange:hover,
.kc-infra-intro .btn.orange:focus {
    background: var(--white);
    color: var(--green) !important;
}

.kc-infra-key {
    max-width: 225px;
    margin: 0 auto;
}

/* Industries Slider
 * -------------------------------------------------- */
.industries-home:before {
    top: -160px;
    bottom: 80px;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
}

.industries-home .container-fw {
    max-width: 450px;
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    .industries-home .container-fw {
        position: relative;
        top: -50px;
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .industries-home .container-fw {
        top: -70px;
    }
}

.industries-home,
.industries-home p {
    font-size: 15px;
    color: var(--white);
}

@media (min-width: 768px) {
    .industries-home,
    .industries-home p {
        font-size: 16px;
    }
}

.industries-home h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.5em;
    color: var(--white);
}

.industries-home .btn.orange:hover,
.industries-home .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

.industries-slider-container {
    overflow-x: hidden;
}

.industries-slider.owl-carousel {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

.industries-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.industries-slider .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.industries-slider .owl-dots .owl-dot {
    flex: 1;
    margin: 0 4px;
}

.nouveau .industries-slider .owl-dots .owl-dot span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    background: #eee;
    -webkit-backface-visibility: visible;
}

.nouveau .industries-slider .owl-dots .owl-dot.active span,
.nouveau .industries-slider .owl-dots .owl-dot.hover span {
    background: var(--blue);
}

.industries-slider .item > a {
    display: block;
}

.industries-slider h5 {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 10px;
    color: var(--blue);
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.industries-slider .item > a:hover h5,
.industries-slider .item > a:focus h5 {
    color: var(--white);
}

.industries-slider .item-img {
    line-height: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.industries-slider .item > a:hover .item-img,
.industries-slider .item > a:focus .item-img {
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.20);
}

.industries-slider .item .item-desc {
    font-size: 13px;
    line-height: 1.35;
    color: var(--white);
    text-align: left;
    min-height: 60px;
    padding: 10px 12px;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.industries-slider .item > a:hover .item-desc,
.industries-slider .item > a:focus .item-desc {
    opacity: 1;
    top: 20px;
}

.industries-slider .item-img-overlay {
    border-radius: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 167, 224);
    background: -moz-linear-gradient(top, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7e0', endColorstr='#085db7', GradientType=0);
}

.industries-slider .fas {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: auto;
    bottom: 2rem;
    left: auto;
    right: 3rem;
    color: #fff;
    font-size: 1.25rem;
}

.industries-slider .item > a:hover .item-img-overlay,
.industries-slider .item > a:focus .item-img-overlay {
    opacity: 0.8;
}

.industries-slider .item > a:hover .fas,
.industries-slider .item > a:focus .fas {
    opacity: 1;
    right: 2rem;
}

/* Page - Locations
 * -------------------------------------------------- */
.page-locations {
    background: url("mljLrKnH1gGoYlHzQfbPX5VqtHgGLjoQf5VtT01DwGd.svg") no-repeat 50% -150px;
    background-size: 1920px auto;
}

@media (min-width: 768px) {
    .page-locations {
        background-position: 50% 0;
    }
}

@media (min-width: 1920px) {
    .page-locations {
        background-size: 100% auto;
    }
}

.page-locations .intro {
    margin-bottom: 3em;
}

.page-locations .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-locations .intro h1 {
    margin-bottom: 10px;
}

.page-locations .intro-img {
    margin-bottom: 20px;
}

.locations {
    font-size: 15px;
    margin-bottom: 2em;
    text-align: center;
}

@media (min-width: 768px) {
    .locations {
        font-size: 16px;
    }
}

.location-search {
    margin-bottom: 5em;
    padding: 1em 2em 0.5em;
    text-align: left;
    background-color: #fff;
    box-shadow: 0 0 50px 10px rgba(135, 135, 135, 0.1);
}

@media (max-width: 767px) {
    .location-search {
        padding: 1em 1.5em;
    }
}

.location-search-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1em;
    border-bottom: 1px solid #07a7e0;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.location-search-form .input-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 1;
    /* Flexbox fix */
    min-width: 0;

    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .location-search-form .input-group {
        margin-bottom: 5px;
    }
}

.location-search-form .tb {
    font-size: 1.3em;
    line-height: 1.4;
    flex: 1;
    /* Flexbox fix */
    min-width: 0;
    margin: 0;
    padding: 0.375em 0.75em;
    border: none;

    -webkit-flex: 1;
    -ms-flex: 1;
}

.location-search-form .fas.fa-map-marker {
    font-size: 2em;
    flex: none;
    margin-top: -4px;
    color: #8e9bac;

    -webkit-flex: none;
    -ms-flex: none;
}

@media (max-width: 767px) {
    .location-search-form .fas.fa-map-marker {
        font-size: 1.7em;
    }
}

.location-search-form .btn {
    display: inline-block;
    flex: 0 0 60px;
    width: auto;
    margin: 0;

    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
}

.location-lists {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (min-width: 768px) {
    .location-lists {
        flex-direction: row;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.location-lists h4 {
    font-size: 1.1em;
    margin: 0.7em 0 0.1em;
}

.location-lists ul,
.location-lists li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.location-lists ul {
    font-size: 1.1875em;
    line-height: 1.6315;
    margin: 0;
    padding-right: 10%;
    color: #07a7e0;
}

.location-lists .location-list {
    flex: 1;

    -webkit-flex: 1;
    -ms-flex: 1;
}

.location-lists .location-list > ul {
    margin: 0.7em 0 0.4em;
}

.location-lists .location-list > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

@media (min-width: 992px) {
    .location-lists .location-list > div {
        flex-direction: row;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
    }
}

.location-lists .location-list > div > ul {
    flex: 1;

    -webkit-flex: 1;
    -ms-flex: 1;
}

.location-options {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 auto;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

@media (min-width: 992px) {
    .location-options {
        flex-direction: row;

        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.location-option {
    position: relative;
    flex: 0 0 48%;
    max-width: 520px;
    margin-bottom: 50px;
    padding: 0 0 40px;
    text-align: center;

    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
}

/* Page - Keyexchange - Keycafe Public
 * -------------------------------------------------- */
.page-keyexchange {
    background: none;
}

.page-keyexchange::before {
    height: 100%;
    max-height: 1100px;
    transform: none;
}

@media(min-width: 992px) {
    .page-keyexchange::before {
        max-height: 950px;
    }
}

.page-keyexchange .intro,
.page-keyexchange .intro h1 {
    color: var(--white);
}

.page-keyexchange .intro h1 {
    margin-bottom: 1rem;
    text-wrap: balance;
}

.page-keyexchange .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-keyexchange .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-keyexchange .intro .intro-icon {
    margin-bottom: 1rem;
}

.page-keyexchange .intro .kc-icon {
    width: 2.5rem;
    display: inline-block;
}

.page-keyexchange .intro-img {
    margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-keyexchange .intro-img img {
    border-radius: 12px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-keyexchange .intro .btn {
    margin: 5px;
}

.page-keyexchange .nouveau .btn-lg {
    font-size: 1.125rem;
}

.page-keyexchange .intro .btn.orange:hover,
.page-keyexchange .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 992px) {
    .page-keyexchange .intro .container {
        padding-top: 100px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-keyexchange .intro-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 550px;
        flex: 0 1 550px;
        padding-right: 5rem;
    }

    .page-keyexchange .intro-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 580px;
        flex: 0 1 580px;
        margin-top: 0;
        text-align: right;
    }

    .page-keyexchange .intro .btn {
        margin: 5px 10px 5px 0;
    }
}

.page-keyexchange .locations-header,
.page-keyexchange .locations-header p {
    font-size: 1rem;
}

.page-keyexchange .locations-header,
.page-keyexchange .locations-header h2 {
    color: #fff;
}

.page-keyexchange .locations-header h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}

.page-keyexchange .locations-header .container {
    max-width: 700px;
    text-align: center;
}

.page-keyexchange .locations-header a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.page-keyexchange .locations-header a:hover,
.page-keyexchange .locations-header a:focus-visible {
    text-decoration: none;
}

.page-keyexchange .locations {
    margin: 2.5rem 0 0;
}

.page-keyexchange .location-search {
	border-radius: 12px;
    margin-bottom: 4rem;
}

.page-keyexchange .how,
.page-keyexchange .how-header {
    background: var(--lightgray);
}

.page-keyexchange .how {
    padding: 0 0 5rem;
}

.page-keyexchange .how-header {
    padding: 5rem 0 3rem;
}

.page-keyexchange .how-header .container {
    max-width: 700px;
}

.page-keyexchange .how,
.page-keyexchange .how p,
.page-keyexchange .how-header,
.page-keyexchange .how-header p {
    font-size: 1rem;
}

.page-keyexchange .how-header h2 {
    font-size: 1.5rem;
    margin-top: 0;
}

.page-keyexchange .how-header p {
    text-wrap: balance;
}

.page-keyexchange .how .industry-benefits,
.page-keyexchange .how .industry-benefits-container {
    padding-top: 0;
}

.page-keyexchange .how .industry-benefits {
    padding-bottom: 0;
}

.page-keyexchange .how .industry-benefits-container {
    padding-bottom: 1rem;
}

@media (min-width: 992px) {
    .page-keyexchange .how .industry-benefits-img {
        padding-left: 25px;
        padding-right: 0;
        text-align: right;
        order: 1;
    }

    .page-keyexchange .how .industry-benefits-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 450px;
        flex: 0 1 450px;
    }
}

.page-keyexchange .experience {
    padding: 5rem 0 3rem;
}

.page-keyexchange .experience .container {
    max-width: 800px;
}

.page-keyexchange .experience,
.page-keyexchange .experience p {
    font-size: 1rem;
}

.page-keyexchange .experience h2 {
    font-size: 1.5rem;
    margin-top: 0;
}

.page-keyexchange .experience p {
    text-wrap: balance;
}

.page-keyexchange .experience .media {
    border-radius: 12px;
    margin-top: 3rem;
    overflow: hidden;
}

.page-keyexchange .features {
    padding: 2rem 0 0;
}

.page-keyexchange .features,
.page-keyexchange .features p {
    font-size: 1rem;
}

.page-keyexchange .features h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 1em;
}

.page-keyexchange .features .kc-icon {
    width: 2.5rem;
    display: inline-block;
}

.page-keyexchange .features .content-boxes > div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-keyexchange .pricing-packages {
    padding-top: 3em;
}

.page-keyexchange .pricing-packages h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 1em;
}

.page-keyexchange .review {
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 4rem 0 5rem;
    background: var(--lightgray);
}

.page-keyexchange .review .container {
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-keyexchange .review h4 {
    font-size: 1.875rem;
    line-height: 1.5;
    margin-bottom: 2em;
    text-align: center;
}

.page-keyexchange .review-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: var(--white);
    background: var(--blue-gradient);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1em;
}

.page-keyexchange .review-content p {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 0;
}

.page-keyexchange .review-content strong {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.125em;
}

@media (min-width: 1200px) {
    .page-keyexchange .review .container {
        max-width: 1200px;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2rem;
    }

    .page-keyexchange .review-content {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 580px;
        flex: 0 1 580px;
    }
}

.page-keyexchange .review .customer-ratings .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}

@media(min-width: 1200px) {
    .page-keyexchange .review .customer-ratings .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.page-keyexchange .review .customer-ratings .with-stars  {
    margin: 0 0 1rem;
}

.page-keyexchange .review .customer-ratings h2 {
    margin-top: 0;
}

.page-keyexchange .cta-landing-demo {
    position: relative;
    padding: 4rem 0;
    margin: 0;
    background: var(--blue-gradient);
}

.page-keyexchange .cta-landing-demo .sbox-angle {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55vw;
    max-width: 850px;
}

@media(min-width: 1200px) {
    .page-keyexchange .cta-landing-demo .sbox-angle {
        width: 55vw;
    }
}

@media(min-width: 1300px) {
    .page-keyexchange .cta-landing-demo .sbox-angle {
        width: 50vw;
    }
}

@media(min-width: 1600px) {
    .page-keyexchange .cta-landing-demo .sbox-angle {
        width: 40vw;
    }
}

.page-keyexchange .cta-landing-demo::before,
.page-keyexchange .cta-landing-demo::after {
    display: none;
}

.page-keyexchange .cta-landing-demo .container {
    text-align: left;
    max-width: 1200px;
}

.page-keyexchange .cta-landing-demo h4 {
    position: relative;
    z-index: 1;
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    color: var(--white);
    text-align: left;
    max-width: 600px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

@media(min-width: 768px) {
    .page-keyexchange .cta-landing-demo h4 {
        font-size: 2rem;
    }
}

.page-keyexchange .cta-landing-demo .request-demo-btn {
    max-width: 600px;
}

.page-keyexchange .cta-landing-demo .btn {
    text-decoration: none;
    text-transform: none;
}

@media (min-width: 768px) {
    .page-keyexchange .faqs-y23 {
        padding: 7rem 0 6rem;
    }
}

.ratings .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px 15px;
}

.ratings .store-icon {
    margin-right: 20px;
}

.ratings .store-rating {
    font-size: 13px;
}

.ratings .store-rating strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.ratings .stars {
    margin-bottom: 3px;
}

.ratings .store-rating .fas {
    color: #ffb600;
    font-size: 20px;
}

.ratings-more {
    text-align: center;
    padding-bottom: 20px;
}

.ratings-more a {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9375em;
}

@media (min-width: 768px) {
    .ratings-more.left-to-center {
        text-align: left;
    }
}

/* Page - Enterprise
 * -------------------------------------------------- */
.page-enterprise:before {
    height: 90vh;
}

.page-enterprise .intro,
.page-enterprise .intro h1 {
    color: var(--white);
}

.page-enterprise .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-enterprise .intro h1 {
    margin-bottom: 10px;
}

.page-enterprise .intro-img {
    margin-bottom: 20px;
}

.page-enterprise .sbox-img {
    margin-bottom: 5.5rem;
    text-align: center;
    line-height: 0;
}

.page-enterprise .sbox-img img:first-child {
    /*
    -webkit-box-shadow: 0 22px 46px rgba(0, 0, 0, 0.31);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.31);
    */
    -webkit-filter: drop-shadow(15px 16px 12px #33333352);
    filter: drop-shadow(15px 16px 12px #33333352);
}

.page-enterprise .sbox-img .container > div {
    position: relative;
    display: inline-block;
    margin: 0 auto;
}

.page-enterprise .sbox-img .container > div .key {
    position: absolute;
    left: -30px;
    bottom: 25px;
}

.page-enterprise .partners {
    margin-bottom: 5rem;
}

.page-enterprise .partners h2 {
    margin-bottom: 1.5rem;
}

.page-enterprise .partner-logos .kc-icon {
    width: 6.5rem;
}

.page-enterprise .solutions {
    padding: 5em 0 8em;
}

.page-enterprise .solutions:before {
    bottom: 0;
    height: auto;
    max-height: none;
}

.page-enterprise .features {
    padding: 3em 0 6em;
}

.page-enterprise .features,
.page-enterprise .features p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-enterprise .features,
    .page-enterprise .features p {
        font-size: 16px;
    }
}

.page-enterprise .features:before {
    bottom: 0;
    height: auto;
    max-height: none;
}

.page-enterprise .features .container {
    max-width: 1000px;
}

.page-enterprise .features h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

@media (min-width: 768px) {
    .page-enterprise .features h2 {
        font-size: 2em;
    }
}

.page-enterprise .features-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-top: 4rem;
}

.page-enterprise .features-img,
.page-enterprise .features-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-enterprise .features-img {
    text-align: center;
    margin-bottom: 3rem;
}

.page-enterprise .features-img img {
    -webkit-filter: drop-shadow(0px 16px 12px #33333315);
    filter: drop-shadow(0px 16px 12px #33333315);
}

@media (min-width: 992px) {
    .page-enterprise .features-img,
    .page-enterprise .features-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-enterprise .features-img {
        padding-right: 25px;
    }

    .page-enterprise .features-content {
        padding-left: 25px;
    }
}

.page-enterprise .features-content .kc-icon {
    margin-top: 0.5rem;
}

.page-enterprise .features-content h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.875rem;
}

.enterprise-cta {
    text-align: center;
    margin-top: 4rem;
}

.enterprise-cta .btn {
    margin: 5px;
}

.page-enterprise .devices:before {
    display: none;
}

/* Hardware Options
 * -------------------------------------------------- */
.devices {
    text-align: center;
    padding: 5em 0 8em;
}

.devices,
.devices p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .devices,
    .devices p {
        font-size: 16px;
    }
}

.devices h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

@media (min-width: 768px) {
    .devices h2 {
        font-size: 2em;
    }
}

.devices .contained {
    max-width: 400px;
    margin: 0 auto;
}

.devices .contained > :last-child {
    margin: 0 auto 4rem;
}

.device .strikethrough {
    color: orange;
}

.device-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.device-options .device {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 2px 3rem;
}

@media (min-width: 768px) {
    .device-options .device {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.device-options h5 {
    font-size: 1.125em;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.device-options h5 + p {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.device-options .device-img {
    margin: 2em 0 3em;
}

.device-options .device-dimensions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 250px;
    margin: 0 auto 2em;
}

.device-options .device-dimension {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--green);
    font-size: 1.125rem;
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.device-options .device-dimension span {
    display: block;
    color: var(--text-color);
    font-size: 0.8125rem;
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.device-options .device-specs,
.device-options .device-specs li {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0.9375rem;
    line-height: 1.5;
    max-width: 350px;
}

.device-options .device-specs {
    margin-bottom: 1.5rem;
}

.device-options .device-specs li {
    padding: 7px 5px 6px;
}

@media (max-width: 767px) {
    .device-options .device-specs li.blank {
        display: none;
    }
}

.device-options .device-specs li:nth-of-type(odd):not(.blank) {
    background-color: var(--white);
}

.device-options .device-specs li:nth-of-type(even):not(.blank) {
    background-color: var(--lightgray);
}

/* Interactive Panes
 * -------------------------------------------------- */
.panes {
    text-align: center;
    padding: 4em 0;
}

.panes,
.panes p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .panes,
    .panes p {
        font-size: 16px;
    }
}

.panes h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 1em;
}

.panes-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.panes-container .pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 7px;
    max-width: 194px;
}

.panes-container.spaced-top {
    margin-top: 5em;
}

.panes-container:not(.spaced-top) .pane {
    margin-top: 30px;
}

.panes-container.spaced-top .pane:nth-child(2),
.panes-container.spaced-top .pane:nth-child(3),
.panes-container.spaced-top .pane:nth-child(4),
.panes-container.spaced-top .pane:nth-child(5) {
    margin-top: calc(30px * 1);
}

@media (min-width: 438px) {
    .panes-container.spaced-top .pane:nth-child(2) {
        margin-top: calc(30px * 1);
    }

    .panes-container.spaced-top .pane:nth-child(3) {
        margin-top: calc(30px * 1);
    }

    .panes-container.spaced-top .pane:nth-child(4) {
        margin-top: calc(30px * 2);
    }

    .panes-container.spaced-top .pane:nth-child(5) {
        margin-top: calc(30px * 1);
    }
}

@media (min-width: 632px) {
    .panes-container.spaced-top .pane:nth-child(2) {
        margin-top: calc(30px * 1);
    }

    .panes-container.spaced-top .pane:nth-child(3) {
        margin-top: calc(30px * 2);
    }

    .panes-container.spaced-top .pane:nth-child(4) {
        margin-top: calc(30px * 1);
    }

    .panes-container.spaced-top .pane:nth-child(5) {
        margin-top: calc(30px * 2);
    }
}

@media (min-width: 826px) {
    .panes-container.spaced-top .pane:nth-child(4) {
        margin-top: calc(30px * 3);
    }

    .panes-container.spaced-top .pane:nth-child(5) {
        margin-top: calc(30px * 2);
    }
}

@media (min-width: 992px) {
    .panes-container.spaced-top .pane:nth-child(2) {
        margin-top: calc(30px * 1);
    }

    .panes-container.spaced-top .pane:nth-child(3) {
        margin-top: calc(30px * 2);
    }

    .panes-container.spaced-top .pane:nth-child(4) {
        margin-top: calc(30px * 3);
    }

    .panes-container.spaced-top .pane:nth-child(5) {
        margin-top: calc(30px * 4);
    }
}

.panes-container .pane > a {
    display: block;
}

.panes-container .pane-img {
    line-height: 0;
    margin-bottom: 1em;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.panes-container .pane > a:hover .pane-img,
.panes-container .pane > a:focus .pane-img {
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.20);
}

.panes-container .pane-img + h5 {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 0;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.panes-container .pane > a:hover .pane-img + h5,
.panes-container .pane > a:focus .pane-img + h5 {
    color: var(--blue);
}

.panes-container .pane-img h5 {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 0;
    text-align: left;
    min-height: 60px;
    padding: 10px 12px;
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.panes-container .pane > a:hover .pane-img h5,
.panes-container .pane > a:focus .pane-img h5 {
    background-color: transparent;
}

.panes-container .pane-overlay {
    border-radius: 20px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 167, 224);
    background: -moz-linear-gradient(top, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7e0', endColorstr='#085db7', GradientType=0);
}

.panes-container .pane > a:hover .pane-overlay,
.panes-container .pane > a:focus .pane-overlay {
    opacity: 1;
}

.panes-container .pane > a:hover .pane-overlay.semi-transparent,
.panes-container .pane > a:focus .pane-overlay.semi-transparent {
    opacity: 0.8;
}

.panes-container .pane-logo {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    overflow: hidden;
}

.panes-container .pane-logo:before {
    opacity: 1;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    border-radius: 20px 20px 0 0;
    background: rgba(247, 247, 249, 95%);
    -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 87%);
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 87%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.panes-container .pane > a:hover .pane-logo:before,
.panes-container .pane > a:focus .pane-logo:before {
    opacity: 0;
}

.panes-container .pane-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.panes-container .pane-logo img:last-child {
    opacity: 0;
}

.panes-container .pane > a:hover img:first-child,
.panes-container .pane > a:focus img:first-child {
    opacity: 0;
}

.panes-container .pane > a:hover img:last-child,
.panes-container .pane > a:focus img:last-child {
    opacity: 1;
}

.panes-container .fas {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 2rem;
    color: #fff;
    font-size: 1.25rem;
}

.panes-container .fas.align-left {
    bottom: 8rem;
    left: -2rem;
    right: auto;
}

.panes-container .pane-desc .fas {
    position: relative;
    bottom: 1rem;
    right: auto;
}

.panes-container .pane > a:hover .fas,
.panes-container .pane > a:focus .fas {
    opacity: 1;
    right: 1rem;
}

.panes-container .pane > a:hover .fas.align-left,
.panes-container .pane > a:focus .fas.align-left {
    left: 12px;
    right: auto;
}

.panes-container .pane > a:hover .pane-desc .fas,
.panes-container .pane > a:focus .pane-desc .fas {
    left: auto;
    right: auto;
}

.panes-container .pane-desc {
    font-size: 13px;
    line-height: 1.35;
    color: var(--white);
    text-align: left;
    min-height: 60px;
    padding: 10px 12px;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.panes-container .pane > a:hover .pane-desc,
.panes-container .pane > a:focus .pane-desc {
    opacity: 1;
    bottom: 10px;
}

/* Page - Pricing
 * -------------------------------------------------- */
.pricing-intro,
.pricing-intro h1 {
    color: var(--white);
}

.page-pricing .intro,
.page-pricing-temp .intro {
    margin-bottom: 1em;
}

.page-pricing .intro .container,
.page-pricing-temp .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-pricing .intro h1,
.page-pricing-temp .intro h1 {
    margin-bottom: 10px;
}

.page-pricing .intro-img,
.page-pricing-temp .intro-img {
    margin-bottom: 20px;
}

.pricing-plan-tabs {
    max-width: 350px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .pricing-plan-tabs {
        max-width: 775px;
    }
}

.pricing-plan-tab-swithches {
    padding: 0;
    margin: 0 !important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pricing-plan-tab-swithches li {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pricing-plan-tab-swithches a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25;
    padding: 14px 10px;
    color: var(--white);
    background-color: #748e9f;
    min-height: 46px;
    height: 100%;
}

@media (min-width: 768px) {
    .pricing-plan-tab-swithches a {
        font-size: 1.125rem;
        line-height: 1;
        padding: 15px 10px;
    }
}

.pricing-plan-tab-swithches a:hover,
.pricing-plan-tab-swithches a:focus {
    color: var(--white);
}

.pricing-plan-tab-swithches a.active,
.pricing-plan-tab-swithches a:active {
    background-color: rgba(247, 247, 249, 97%);
    color: var(--blue);
}

.pricing-plan-tab-panels {
    background-color: rgba(247, 247, 249, 97%);
}

.pricing-plan-tab-panel {
    display: none;
}

.pricing-plan-tab-panel:first-child {
    display: block;
}

@media (max-width: 767px) {
    .pricing-plan-tab-panel .pricing-structure-wrapper:first-child {
        border-bottom: 20px solid #fff;
    }
}

.pricing-plan-tab-panel .pricing-package {
    padding-bottom: 20px;
}

@media (max-width: 575px) {
    .pricing-plan-tab-panel .pricing-package {
        margin-left: 0;
        margin-right: 0;
    }
}

.pricing-plan-tab-panel .pricing-structure {
    background: transparent;
    border: none;
    min-height: auto;
    padding: 40px 35px 0;
}

@media (min-width: 768px) {
    .pricing-plan-tab-panel .pricing-structure {
        padding: 40px 35px 10px;
    }
}

.pricing-plan-tab-panel .pricing-structure-header h3 {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: normal;
    color: var(--green);
    margin: 0;
}

.pricing-plan-tab-panel .pricing-structure-body p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    margin: 5px 0;
    color: var(--text-color);
}

.pricing-plan-tab-panel .pricing-structure .pricing-footnote.vertical-links a:hover,
.pricing-plan-tab-panel .pricing-structure .pricing-footnote.vertical-links a:focus {
    color: var(--text-color);
}

.pricing-plans-21 {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

@media (min-width: 768px) {
    .pricing-plans-21 {
        max-width: 775px;
        padding: 0 0 30px;
        margin-bottom: 1em;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

.pricing-plan-21 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 20px;
    position: relative;
    border-bottom: 20px solid #fff;
}

@media (min-width: 768px) {
    .pricing-plan-21 {
        padding: 55px 20px 95px;
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .pricing-plan-21:nth-child(2) {
        border: 1px solid #e6e6e6;
        border-width: 0 1px;
    }
}

.pricing-plan-21-title {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1;
    color: var(--green);
    margin-bottom: 1.25rem;
}

.pricing-plan-21-desc {
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
}

.pricing-plan-21-ext {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9375rem;
    color: var(--green);
    margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .pricing-plan-21-desc,
    .pricing-plan-21-ext {
        min-height: 70px;
    }

    .pricing-plan-21-desc {
        margin-bottom: 0.625rem;
    }
}

.pricing-plans-21 ul {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 0.9375rem;
}

.pricing-plans-21 li {
    margin: 0;
    padding: 0 0 15px 30px;
    list-style: none;
    position: relative;
}

.pricing-plans-21 li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '\f00c';
    color: var(--blue);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.pricing-plan-21-price {
    font-size: 0.9375rem;
    margin-top: 20px;
}

.pricing-plan-21-price .btn-quote {
    margin-bottom: 20px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .pricing-plan-21-price {
        position: absolute;
        width: 100%;
        padding: 0 20px;
        margin-top: 0;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.pricing-plan-21-price strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: var(--green);
}

.pricing-plan-21-price .term {
    font-size: 0.8rem;
}

.pricing-plan-21 .badge-popular {
    background-color: var(--blue);
    color: var(--white);
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    border-radius: 5px;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 0 20px;
}

@media (min-width: 768px) {
    .pricing-plan-21 .badge-popular {
        margin: 0;
        position: absolute;
        top: 10px;
        left: 50%;
        width: max-content;
        max-width: calc(100% - 40px);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.page-pricing .pricing-breakup {
    padding: 2em 0 10em;
}

.page-pricing .pricing-breakup:before {
    top: 3em;
    bottom: 0;
    height: auto;
    max-height: none;
}

@media (min-width: 768px) {
    .page-pricing .pricing-breakup:before {
        top: 5em;
    }
}

.page-pricing .pricing-public {
    background-color: var(--white);
    border: 1px solid var(--lightgray);
    padding: 30px;
    max-width: 400px;
    margin: 0 auto;
}

.page-pricing .pricing-public-logos {
    color: var(--blue);
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9375rem;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-pricing .pricing-public-logos > div:nth-child(2) {
    padding-left: 0.5em;
}

.page-pricing .pricing-public h3 {
    margin: 1.5em 0 0.25em;
}

.page-pricing .pricing-public p {
    font-size: 1rem;
}

.page-pricing .pricing-businesses {
    padding-top: 5em;
}

.page-pricing .pricing-businesses h2 {
    margin-top: 20px;
}

.pricing-comparison {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

@media (min-width: 1200px) {
    .pricing-comparison {
        max-width: 1100px;
        margin: 0 auto;
        width: 100%;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    padding-bottom: 15px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    /* word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -ms-word-break: break-all;

    overflow-wrap: break-word; */
}

.table-responsive table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-collapse: collapse;
    /* table-layout: fixed; */
}

/* .pricing-comparison table {
    min-width: 450px;
} */

@media (min-width: 768px) {
    .pricing-comparison .td-icons {
        width: 95px;
    }
}

.pricing-comparison thead th {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.75rem;
    color: var(--green);
}

.pricing-comparison thead th strong {
    font-size: 0.75rem;
    display: block;
    margin-bottom: 10px;
}

.pricing-comparison td {
    font-size: 12px;
}

@media (min-width: 576px) {
    .pricing-comparison td {
        font-size: 14px;
    }

    .pricing-comparison thead th {
        font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 0.875rem;
        color: var(--green);
    }

    .pricing-comparison thead th strong {
        font-size: 1rem;
        display: block;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .pricing-comparison td {
        font-size: 15px;
    }

    .pricing-comparison thead th {
        font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 0.9375rem;
        color: var(--green);
    }

    .pricing-comparison thead th strong {
        font-size: 1.125rem;
        display: block;
        margin-bottom: 10px;
    }
}

.pricing-comparison th,
.pricing-comparison td {
    padding: 25px 10px 20px 0;
    text-align: left;
    vertical-align: top;
    position: relative;
}

.pricing-comparison th:first-child,
.pricing-comparison td:first-child {
    padding-left: 10px;
}

@media (min-width: 768px) {
    .pricing-comparison th,
    .pricing-comparison td {
        padding: 30px 20px 25px 0;
    }

    .pricing-comparison th:first-child,
    .pricing-comparison td:first-child {
        padding-left: 20px;
    }
}

.pricing-comparison tr:nth-child(odd) {
    background-color: var(--white);
}

.pricing-comparison tr:nth-child(even) {
    background-color: var(--lightgray);
}

.pricing-comparison tr.transparent {
    background-color: transparent;
}

.pricing-comparison tr.section-title {
    background: var(--darkblue);
    color: var(--white);
}

.pricing-comparison tr.section-title td {
    font-family: MuseoSans-500, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.0625em;
}

.pricing-comparison-row {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (max-width: 767px) {
    .pricing-comparison-row:not(.section-title) {
        padding: 10px 5px;
    }
}

.pricing-comparison-actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
}

.pricing-comparison-feature {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .pricing-comparison-feature {
        font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
        font-weight: 300;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }
}

.pricing-comparison-free,
.pricing-comparison-lite,
.pricing-comparison-premium {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .pricing-comparison-free,
    .pricing-comparison-lite,
    .pricing-comparison-premium {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.pricing-comparison-plan-heading {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.9375rem;
    color: var(--green);
    background-color: transparent !important;
}

@media (max-width: 767px) {
    .pricing-comparison-plan-heading .pricing-comparison-actions,
    .pricing-comparison-plan-heading .pricing-comparison-feature {
        display: none;
    }
}

.pricing-comparison-plan-heading strong {
    font-size: 1.125rem;
    display: block;
    margin-bottom: 10px;
}

.pricing-comparison-free > div,
.pricing-comparison-lite > div,
.pricing-comparison-premium > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pricing-comparison-row .pricing-plan-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
}

@media (min-width: 768px) {
    .pricing-comparison-row .pricing-plan-title {
        display: none;
    }
}

.pricing-comparison-row .break-column {
    line-height: 0;
    padding: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (min-width: 768px) {
    .pricing-comparison-row .break-column {
        display: none;
    }
}

.pricing-comparison-row > div {
    padding: 15px 20px;
}

@media (min-width: 768px) {
    .pricing-comparison-row > div {
        padding: 25px 20px;
    }
}

.pricing-comparison-row:nth-child(odd) {
    background-color: var(--white);
}

.pricing-comparison-row:nth-child(even) {
    background-color: var(--lightgray);
}

.pricing-comparison-row.section-title {
    margin-bottom: 0;
}

.pricing-comparison-row.section-title > div {
    font-family: MuseoSans-500, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.0625rem;
    background: var(--darkblue);
    color: var(--white);
    padding: 25px 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pricing-comparison .kc-icon {
    width: 0.875rem;
}

.pricing-comparison .helper-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pricing-comparison .helper-icons.no-docs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.pricing-comparison .icon-docs,
.pricing-comparison .icon-more-info {
    display: inline-block;
    line-height: 0;
    margin: 0 10px 0 0;
}

@media (max-width: 767px) {
    .pricing-comparison .helper-icons {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 5px 0;
    }

    .pricing-comparison .icon-docs,
    .pricing-comparison .icon-more-info {
        margin: 0;
    }

    .pricing-comparison .td-icons {
        min-width: 34px;
    }
}

.pricing-comparison .icon-docs .kc-icon .silver,
.pricing-comparison .icon-docs .kc-icon .silver,
.pricing-comparison .icon-more-info .kc-icon .silver,
.pricing-comparison .icon-more-info .kc-icon .silver {
    -webkit-transition: fill 0.3s ease-in-out;
    -o-transition: fill 0.3s ease-in-out;
    transition: fill 0.3s ease-in-out;
}

.pricing-comparison .icon-docs:hover .kc-icon .silver,
.pricing-comparison .icon-docs:focus .kc-icon .silver,
.pricing-comparison .icon-more-info:hover .kc-icon .silver,
.pricing-comparison .icon-more-info:focus .kc-icon .silver {
    fill: var(--green);
}

.pricing-comparison .fa-check {
    color: var(--blue);
    position: relative;
    top: 2px;
}

.pricing-cta {
    text-align: center;
}

.pricing-cta .btn {
    margin: 5px;
}

.pricing-packages {
    font-size: 15px;
}

@media (min-width: 768px) {
    .pricing-packages {
        font-size: 16px;
    }
}

.pricing-packages .container {
    max-width: 900px;
}

.pricing-packages h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 1em;
}

@media (min-width: 768px) {
    .pricing-packages h2 {
        font-size: 2em;
    }
}

.pricing-package {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media (max-width: 575px) {
    .pricing-package {
        margin-left: -25px;
        margin-right: -25px;
    }
}

.pricing-structure-wrapper {
    flex: 0 1 360px;
    -webkit-flex: 0 1 360px;
    -ms-flex: 0 1 360px;
}

.pricing-structure {
    color: var(--white);
    background: var(--blue-gradient);
    border: 5px solid var(--white);
    padding: 40px 35px;
    margin: 10px auto;
    max-width: 360px;
    min-height: 492px;
    flex: 0 1 360px;

    -webkit-flex: 0 1 360px;
    -ms-flex: 0 1 360px;
}

.pricing-structure .pricing-footnote {
    margin: 1em 0;
}

.pricing-structure .pricing-footnote.vertical-links a {
    padding: 0.25em;
}

.pricing-structure .pricing-footnote.vertical-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.pricing-structure a:hover,
.pricing-structure a:focus,
.pricing-structure a:active {
    color: var(--white);
}

.pricing-structure-icon {
    font-size: 0;
    padding-bottom: 30px;
}

.pricing-structure-header {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding-bottom: 10px;
    text-align: center;
    flex-direction: column;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.pricing-structure-header h3 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: var(--white);
    margin: 0;
}

.pricing-structure-header p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    color: var(--white);
    margin: 0;
}

.kc-modal .pricing-structure-header h3 {
    color: var(--green);
    font-size: 1.1em;
    font-weight: normal;
}

.kc-modal .pricing-structure-header p {
    font-size: 0.75em;
    color: var(--green);
    margin: 0.5rem 1rem 0;
}

.pricing-structure .small {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 0.93em;
    margin-bottom: 0;
}

.pricing-structure-body {
    text-align: center;
}

.pricing-structure-body p {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    margin: 5px 0;
    color: var(--white);
}

.kc-modal .pricing-structure-body p {
    color: var(--green);
    font-size: 0.95rem;
}

.pricing-structure-body table {
    font-size: 0.98em;
    width: 100%;
    margin: 10px 0;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
}

.pricing-structure-body th {
    font-weight: normal;
    text-align: left;
}

.pricing-structure-body th,
.pricing-structure-body td {
    padding: 3px 1px;
}

.kc-modal .pricing-structure-body table {
    color: var(--green);
    font-size: 1em;
    margin-bottom: 1.5rem;
}

.kc-modal .pricing-structure-body th,
.kc-modal .pricing-structure-body td {
    padding: 9px 5px;
}

.kc-modal .pricing-structure-body tr {
    border-bottom: 1px solid #f0f1ef;
}

.kc-modal .pricing-structure-body .row-head {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    text-align: right;
    padding-right: 5%;
}

@media (min-width: 768px) {
    .kc-modal .pricing-structure-body .row-head {
        padding-right: 15%;
    }
}

.page-pricing-temp .intro {
    margin-bottom: 1em;
}

.page-pricing-temp .cta {
    font-size: 0.95em;
    margin-bottom: 6em;
}

.page-pricing-temp .cta .btn {
    padding-right: 2.5em;
    padding-left: 2.5em;
}

.page-pricing-temp .pricing-enterprise {
    font-size: 15px;
    margin-top: 4em;
    padding: 2.5em 0;
    text-align: center;
    color: #fff;
    background-color: #0d4b60;
}

@media (min-width: 768px) {
    .page-pricing-temp .pricing-enterprise {
        font-size: 16px;
    }
}

.page-pricing-temp .pricing-enterprise h2,
.page-pricing-temp .pricing-enterprise h3 {
    font-weight: normal;
    color: #fff;
}

.page-pricing-temp .pricing-enterprise h2 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    margin: 0.3em 0 0.1em;
}

.page-pricing-temp .pricing-enterprise h3 {
    font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.4;
    margin: 0 0 1.5em;
}

.page-pricing-temp .pricing-enterprise .btn.orange {
    padding: 0.7em 3em;
    border-width: 0;
    border-color: transparent;
    box-shadow: 0 4px 5px 0 rgba(13, 75, 96, 0.3);
}

.page-pricing-temp .pricing-enterprise .btn.orange:hover,
.page-pricing-temp .pricing-enterprise .btn.orange:focus {
    color: #0d4b60 !important;
    background-color: #fff;
    box-shadow: 0 4px 5px 0 rgba(13, 75, 96, 0.3);
}

.page-pricing-temp .testimonials {
    margin: 7em auto 5em;
}

@media (min-width: 768px) {
    .page-pricing-temp .testimonials {
        margin-bottom: 8em;
    }
}

.airbnb-partner {
    font-size: 15px;
    padding: 6em 0 0;
    text-align: center;
}

@media (min-width: 768px) {
    .airbnb-partner {
        font-size: 16px;
    }
}

.airbnb-partner .container {
    max-width: 700px;
}

.airbnb-partner h4 {
    font-size: 2em;
    margin: 1em 0 0.3em;
}

.pricing-tabs {
    font-size: 15px;
    margin-bottom: 5em;
    text-align: center;
}

@media (min-width: 768px) {
    .pricing-tabs {
        font-size: 16px;
    }
}

.pricing-tabs .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 950px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 992px) {
    .pricing-tabs .container {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.pricing-tabs h2,
.pricing-tabs h3 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
}

.pricing-tabs h2 {
    font-size: 1.45em;
    margin: 0 0 0.1em;
}

.pricing-tabs h3 {
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
}

.pricing-tab {
    flex: 0 1 280px;
    margin: 15px;
    color: #fff;
    background-color: #0d4b60;
    box-shadow: 0 0 40px 10px rgba(135, 135, 135, 0.2);

    -webkit-flex: 0 1 280px;
    -ms-flex: 0 1 280px;
}

@media (min-width: 992px) {
    .pricing-tab {
        flex: 1;

        -webkit-flex: 1;
        -ms-flex: 1;
    }

    .pricing-tab:first-child {
        margin-left: 0;
    }

    .pricing-tab:last-child {
        margin-right: 0;
    }
}

.pricing-tab-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 120px;
    padding: 15px 20px;
    border-bottom: 4px solid #fff;

    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-tab-body {
    padding: 35px 20px;
}

.pricing-tab-body .amount {
    font-size: 2.6em;
    line-height: 1.2;
}

.pricing-tab-body .term {
    font-size: 1em;
    margin-bottom: 1.5em;
}

.pricing-tab-body .prices {
    font-size: 1.1em;
    margin: 0 0 2.25em;
    padding: 0;
    list-style: none;
}

.pricing-tab-body .prices li {
    margin: 0;
    padding: 0;
}

.pricing-tab-body .prices li.tax {
    font-size: 0.7em;
}

.pricing-tab-body .extras {
    font-size: 1em;
    margin: 0 0 0.75em;
    padding: 0;
    list-style: none;
    text-align: left;
}

.pricing-tab-body .extras li {
    margin: 0 0 3px;
    padding: 0 0 0 30px;
    background: url("gNTcl7xziPPz0ZIBXWkMeQPZAvRfC1Wq1U4kSulwz0b.png") no-repeat 0 0;
    background-size: 20px;
}

/* Pricing Term Switcher
 * -------------------------------------------------- */
.pricing-term-switcher {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin: 1.5em 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.pricing-term-switcher label {
    position: relative;
    z-index: 1;
    color: var(--text-color);
    font-family: MuseoSans-300, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1;
    height: 32px;
    padding: 0.15em 2em 0;
    background: #f7f7f9;
    cursor: pointer;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-term-switcher label:before {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background: #faa734;
    background: -o-linear-gradient(315deg, #faa734 0%, #ff633b 100%);
    background: linear-gradient(135deg, #faa734 0%, #ff633b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa734', endColorstr='#ff633b', GradientType=1);
}

.pricing-term-switcher label.plan-1,
.pricing-term-switcher label.plan-1:before {
    border-radius: 6px 0 0 6px;
}

.pricing-term-switcher label.plan-2,
.pricing-term-switcher label.plan-2:before {
    border-radius: 0 6px 6px 0;
}

.pricing-term-switcher input[type="radio"]:checked + label {
    color: #fff;
}

.pricing-term-switcher input[type="radio"]:checked + label:before {
    opacity: 1;
}

/* Page - Industries
 * -------------------------------------------------- */
.page-industries:before {
    height: 90vh;
}

.page-industries .intro,
.page-industries .intro h1 {
    color: var(--white);
}

@media(max-width: 767px) {
    .page-industries .intro {
        padding-bottom: 0;
    }
}

.page-industries .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-industries .intro h1 {
    margin-bottom: 10px;
}

.page-industries .intro-img {
    margin-bottom: 20px;
}

.page-industries .panes {
    padding-top: 0;
}

.page-industries .testimonials-industries {
    margin: 3rem 0 6rem;
}

.page-industries .testimonials-industries .container {
    max-width: 600px;
}

/* Page - Industry
 * -------------------------------------------------- */
.page-industry:before {
    height: 95vh;
    border-bottom: 8rem solid var(--lightgray);
}

.page-industry-y23:before {
    height: 75vh;
    max-height: 650px;
    border-bottom: none;
}

@media (max-width: 567px) {
    .page-industry:before {
        min-height: 650px;
    }

    .page-industry-y23:before {
        min-height: 580px;
    }
}

.page-industry .intro {
    margin-bottom: 2rem;
}

.page-industry-y23 .intro {
    margin-bottom: 0;
}

.page-industry .intro,
.page-industry .intro h1 {
    color: var(--white);
}

.page-industry .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-industry-y23 .intro .container {
    max-width: 650px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.page-industry .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-industry-y23 .intro-content {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-industry .intro-img {
    margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
    max-height: 450px;
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.page-industry-y23 .intro-img {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: none;
    -webkit-clip-path: none;
    clip-path: none;
}

.page-industry .intro-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-industry-y23 .intro-img img {
    border-radius: 12px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-industry-y23 .intro .section-title-wrap {
    margin-bottom: 1.5rem;
}

.page-industry-y23 .intro .section-icon {
    margin-bottom: 0;
}

.page-industry-y23 .intro .kc-icon {
    width: 2.5rem;
}

.page-industry .intro .section-title {
    margin-top: 3px;
}

.page-industry-y23 .intro .section-title {
    font-size: 1rem;
}

.page-industry .intro h1 {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .page-industry-y23 .intro h1 {
        font-size: 1.75rem;
    }
}

.page-industry .intro .btn {
    margin: 5px;
}

.page-industry .intro .btn.orange:hover,
.page-industry .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 900px) {
    .page-industry .intro {
        margin-bottom: 7rem;
    }

    .page-industry-y23 .intro {
        margin-bottom: 5rem;
    }

    .page-industry .intro .container {
        padding-top: 50px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-industry-y23 .intro .container {
        padding-top: 32px;
        max-width: 75%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .page-industry .intro-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 2rem 0 0 4rem;
    }

    .page-industry-y23 .intro-content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0;
    }

    .page-industry .intro-img {
        padding: 0;
        margin-top: 0;
    }

    .page-industry-y23 .intro-img {
        margin-top: 20px;
    }

    .page-industry .intro .btn {
        margin: 5px 0;
    }
}

@media (min-width: 1200px) {
    .page-industry-y23 .intro {
        margin-bottom: 8rem;
    }

    .page-industry-y23 .intro .container {
        max-width: 1200px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .page-industry-y23 .intro-content {
        text-align: left;
        padding: 2rem 4rem 0 0;
    }

    .page-industry-y23 .intro-img {
        margin-top: 0;
        padding-top: 2rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 560px;
        flex: 0 1 560px;
    }

    .page-industry-y23 .intro .section-title-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-industry-y23 .intro .section-title {
        margin: 0 0 0 1em;
        font-size: 1.25em;
    }
}

.page-industry-y23 .two-cols .container {
    max-width: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1.5rem;
}

.page-industry-y23 .sub-section-1.one-col .container {
    max-width: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1.5rem;
}

@media (min-width: 992px) {
    .page-industry-y23 .two-cols .container {
        max-width: 1200px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 6rem;
    }
}

.page-industry-y23 .one-col .col,
.page-industry-y23 .two-cols .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-industry-y23 .sub-section-1 {
    padding: 0 0 5em;
    margin-top: 2rem;
}

.page-industry-y23 .sub-section-1:before {
    top: -8rem;
    bottom: 0;
    height: auto;
    max-height: none;
}

@media (min-width: 768px) {
    .page-industry-y23 .sub-section-1 {
        padding: 0 0 6em;
    }
}

@media (min-width: 900px) {
    .page-industry-y23 .sub-section-1:before {
        top: -13rem;
    }
}

.page-industry-y23 .sub-section-1.d-grid .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0;
    grid-template-areas:
    "heading-1"
    "."
    "heading-2"
    ".";
}

.page-industry-y23 .sub-section-1.d-grid .heading-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: heading-1;
}

.page-industry-y23 .sub-section-1.d-grid .heading-2 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: heading-2;
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .page-industry-y23 .sub-section-1 {
        margin-top: -2rem;
    }

    .page-industry-y23 .sub-section-1:before {
        top: -18rem;
    }

    .page-industry-y23 .sub-section-1.d-grid .container {
        -ms-grid-columns: 1fr 6rem 1fr;
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: auto 0 auto;
        grid-template-rows: repeat(2, auto);
        gap: 0 6rem;
        grid-template-areas:
        "heading-1 heading-2"
        ". .";
    }

    .page-industry-y23 .sub-section-1.d-grid .heading-2 {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .page-industry-y23 .sub-section-1 {
        padding: 4em 0 10em;
        margin-top: 0;
    }

    .page-industry-y23 .sub-section-1:before {
        top: 0;
    }
}

.page-industry-y23 .sub-section-1,
.page-industry-y23 .sub-section-1 p,
.page-industry-y23 .sub-section-2,
.page-industry-y23 .sub-section-2 p,
.page-industry-y23 .sub-section-3,
.page-industry-y23 .sub-section-3 p {
    font-size: 16px;
}

.page-industry-y23 .sub-section-2 p:last-child,
.page-industry-y23 .sub-section-3 p:last-child {
    margin-bottom: 0;
}

.page-industry-y23 .sub-section-1 h2 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.4;
    margin: 0 auto 1.875rem;
    padding: 0 4%;
}

.page-industry-y23 .sub-section-2 h2,
.page-industry-y23 .sub-section-3 h2 {
    text-align: center;
    font-size: 1.75em;
    line-height: 1.5;
    margin: 1em auto 1.5em;
    max-width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
}

.page-industry-y23 .sub-section-2 .container,
.page-industry-y23 .sub-section-3 .container {
    gap: 2.5rem;
}

.page-industry-y23 .sub-section-3 {
    margin: 6rem 0;
}

@media (min-width: 768px) {
    .page-industry-y23 .sub-section-2 h2,
    .page-industry-y23 .sub-section-3 h2 {
        font-size: 2em;
        margin: 1em auto 2em;
    }
}

@media (min-width: 992px) {
    .page-industry-y23 .sub-section-1 h2 {
        font-size: 1.625em;
        padding: 0 10%;
    }

    .page-industry-y23 .sub-section-2 .container,
    .page-industry-y23 .sub-section-3 .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 3.5rem;
    }
}

.page-industry-y23 .sub-section-1 .cta {
    text-align: center;
    max-width: 1200px;
    margin: 2rem auto 0;
}

.page-industry-y23 .sub-section-2 .img-block {
    line-height: 0;
    overflow: hidden;
    border-radius: 12px;
}

.page-industry-y23 .sub-section-3 .img-block {
    line-height: 0;
    overflow: hidden;
}

.page-industry-y23 .partners {
    padding-top: 4rem;
}

.page-industry .partners .container {
    max-width: 1000px;
}

.page-industry-y23 .partners .container {
    max-width: 1100px;
}

.page-industry-y23 .partners h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 1em;
}

@media (min-width: 768px) {
    .page-industry-y23 .partners h2 {
        font-size: 2em;
    }
}

.page-industry .partner-logos .kc-icon {
    width: 8rem;
}

.page-industry .partner-logos .kc-icon.industry-logo.industry-logo-sm {
    width: 5rem;
}

.page-industry .features,
.page-industry .features p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-industry .features,
    .page-industry .features p {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-industry .features .content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 20px);
        flex: 0 1 calc(50% - 20px);
    }
}

.page-industry .industry-workflow {
    margin-top: 3rem;
}

.page-industry .industry-workflow,
.page-industry .industry-workflow p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-industry .industry-workflow {
        margin-top: 5rem;
    }

    .page-industry .industry-workflow,
    .page-industry .industry-workflow p {
        font-size: 16px;
    }
}

.page-industry .industry-workflow .container {
    max-width: 1100px;
}

.page-industry .industry-workflow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 3rem;
}

.page-industry .industry-workflow-container > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-industry .industry-workflow-media {
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 850px) {
    .page-industry .industry-workflow-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        gap: 4rem;
    }

    .page-industry .industry-workflow-container > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

.page-industry .industry-workflow h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 auto 1.5em;
    text-align: center;
}

@media (min-width: 768px) {
    .page-industry .industry-workflow h2 {
        font-size: 2em;
        max-width: 450px;
        margin-bottom: 2em;
    }
}

.page-industry .industry-workflow h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.875rem;
}

.page-industry .industry-workflow ol {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    counter-reset: step-counter;
}

.page-industry .industry-workflow ol:last-child {
    margin-bottom: 0;
}

.page-industry .industry-workflow li {
    font-size: 1.0625rem;
    margin: 1.25rem 0;
    padding: 0;
    counter-increment: step-counter;
}

.page-industry .industry-workflow li:before {
    content: counter(step-counter)". ";
    color: var(--blue);
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
}

.page-industry .devices {
    margin-top: 8em;
}

@media (min-width: 768px) {
    .page-industry .devices {
        margin-top: 10em;
    }
}

.page-industry .devices:before {
    bottom: 0;
    height: auto;
    max-height: none;
}

.industry-benefits,
.industry-benefits p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .industry-benefits,
    .industry-benefits p {
        font-size: 16px;
    }
}

.industry-benefits {
    padding: 3em 0 0em;
}

.industry-benefits .container {
    max-width: 1000px;
}

.page-industry-y23 .industry-benefits .container {
    max-width: 1200px;
}

.industry-benefits h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 auto 0.5em;
}

@media (min-width: 768px) {
    .industry-benefits h2 {
        font-size: 2em;
        max-width: 450px;
    }

    .page-industry-y23 .industry-benefits h2 {
        max-width: 600px;
    }
}

.industry-benefits-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-top: 4rem;
}

.industry-benefits-img,
.industry-benefits-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.industry-benefits-img {
    text-align: center;
    margin-bottom: 3rem;
}

.industry-benefits-img img {
    -webkit-filter: drop-shadow(0px 16px 12px #33333315);
    filter: drop-shadow(0px 16px 12px #33333315);
}

.page-industry-y23 .industry-benefits-img img {
    -webkit-filter: none;
    filter: none;
}

@media (min-width: 992px) {
    .industry-benefits-img,
    .industry-benefits-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-industry-y23 .industry-benefits-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 500px;
        flex: 0 1 500px;
    }

    .industry-benefits-img {
        padding-right: 25px;
    }

    .industry-benefits-content {
        padding-left: 25px;
    }
}

.industry-benefits-content .kc-icon {
    margin-top: 0.5rem;
}

.industry-benefits-content h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.875rem;
}

.industry-reviews {
    padding: 4em 0 8em;
    margin-top: 7em;
}

.industry-reviews,
.industry-reviews p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .industry-reviews,
    .industry-reviews p {
        font-size: 16px;
    }
}

.industry-reviews:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
}

.industry-reviews h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.75em;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 3.5rem;
    color: var(--white);
}

@media (min-width: 768px) {
    .industry-reviews h2 {
        font-size: 2.3125em;
    }
}

.industry-reviews .customer-reviews {
    margin-bottom: 1em;
}

.industry-reviews .btn.orange:hover,
.industry-reviews .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

.industry-reviews .cta {
    margin-top: -4rem;
    text-align: center;
}

.industry-reviews .cta .btn {
    font-size: 20px;
}

.testimonials-industry {
    margin: 4em 0;
}

@media (min-width: 850px) {
    .testimonials-industry {
        margin: 9em 0;
    }
}

.testimonials-industry .container {
    max-width: 650px;
}

.cta-industry {
    margin-top: 10em;
    padding: 11em 0 5em;
}

.page-industry-y23 .cta-industry {
    padding: 12em 0;
}

@media (min-width: 768px) {
    .cta-industry {
        padding: 4em 0 8em;
    }

    .page-industry-y23 .cta-industry {
        padding: 10em 0 14em;
    }
}

@media (min-width: 992px) {
    .cta-industry {
        padding: 4em 0 8em;
    }

    .page-industry-y23 .cta-industry {
        padding: 10em 0 16em;
    }
}

@media (min-width: 1400px) {
    .cta-industry {
        padding: 2em 0 8em;
    }

    .page-industry-y23 .cta-industry {
        padding: 10em 0 18em;
    }
}

.cta-industry:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
    border-top: 8rem solid var(--lightgray);
    border-bottom: 8rem solid var(--lightgray);
}

.cta-industry,
.cta-industry p {
    font-size: 15px;
    color: var(--white);
}

@media (min-width: 768px) {
    .cta-industry,
    .cta-industry p {
        font-size: 16px;
    }
}

.cta-industry .cta-container {
    max-width: 1000px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-industry-y23 .cta-industry .cta-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.cta-industry .cta-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.cta-industry .cta-img {
    position: relative;
    top: 10px;
    margin-top: 30px;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
    text-align: center;
    line-height: 0;
}

.page-industry-y23 .cta-industry .cta-img {
    top: 0;
}

@media (min-width: 768px) {
    .cta-industry .cta-container {
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-industry-y23 .cta-industry .cta-container {
        text-align: center;
    }

    .cta-industry .cta-content {
        padding-right: 8em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-industry-y23 .cta-industry .cta-content {
        padding-right: 0;
        max-width: 700px;
    }

    .cta-industry .cta-img {
        padding: 0;
        margin-top: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    }

    .page-industry-y23 .cta-industry .cta-img {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .page-industry-y23 .cta-industry .cta-container {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .page-industry-y23 .cta-industry .cta-content {
        padding-right: 8em;
        min-width: auto;
    }

    .page-industry-y23 .cta-industry .cta-img {
        margin-top: 0;
    }
}

@media (min-width: 1700px) {
    .cta-industry .cta-content {
        margin-top: -50px;
    }

    .cta-industry .cta-img {
        margin-top: -15px;
    }

    .page-industry-y23 .cta-industry .cta-content,
    .page-industry-y23 .cta-industry .cta-img {
        margin-top: 0;
    }
}

.cta-industry .cta-img img {
    max-height: 490px;
    -webkit-filter: drop-shadow(15px 16px 12px #33333352);
    filter: drop-shadow(15px 16px 12px #33333352);
}

.cta-industry h5 {
    font-size: 2.1875em;
    line-height: 1.1;
    margin-bottom: 0.5em;
    color: var(--white);
}

.page-industry-y23 .cta-industry h5 {
    line-height: 1.3;
}

.cta-industry .btn {
    margin: 5px;
}

.cta-industry .btn.orange:hover,
.cta-industry .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 992px) {
    .cta-industry .btn {
        margin: 5px 10px 5px 0;
    }
}

/* Page - Customize, Keycafe Shield
 * -------------------------------------------------- */
.page-customize::before,
.page-keycafe-shield::before {
    height: 95vh;
    max-height: 550px;
    border-bottom: 10rem solid var(--lightgray);
}

.page-keycafe-shield::before {
    max-height: 575px;
}

.page-customize .intro,
.page-keycafe-shield .intro {
    margin-bottom: 2rem;
}

.page-customize .intro,
.page-customize .intro h1,
.page-keycafe-shield .intro,
.page-keycafe-shield .intro h1 {
    color: var(--white);
}

.page-customize .intro .container,
.page-keycafe-shield .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-customize .intro-content,
.page-keycafe-shield .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-customize .intro-img,
.page-keycafe-shield .intro-img {
    position: relative;
    margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
}

.page-customize .intro-img img,
.page-keycafe-shield .intro-img img {
    border-radius: 8px;
}

.page-customize .intro-img-clipped {
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.page-customize .intro-img-clipped img {
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
}

.page-customize .intro-img .custom-key-fob {
    position: absolute;
    top: 300px;
    right: 0px;
    width: 170px;
    -webkit-filter: drop-shadow(-10px 18px 17px #00000029);
    filter: drop-shadow(-10px 18px 17px #00000029);
}

.page-customize .intro .section-title,
.page-keycafe-shield .intro .section-title {
    margin-top: 3px;
}

.page-customize .intro h1,
.page-keycafe-shield .intro h1 {
    margin-bottom: 10px;
}

.page-customize .intro .btn,
.page-keycafe-shield .intro .btn {
    margin: 5px;
}

.page-customize .intro .btn.orange:hover,
.page-customize .intro .btn.orange:focus,
.page-keycafe-shield .intro .btn.orange:hover,
.page-keycafe-shield .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 550px) {
    .page-customize .intro-img img,
    .page-keycafe-shield .intro-img img {
        max-height: none;
    }

    .page-customize .intro-img .custom-key-fob {
        top: 300px;
        right: -60px;
    }
}

@media (min-width: 850px) {
    .page-customize .intro,
    .page-keycafe-shield .intro {
        margin-bottom: 5rem;
    }

    .page-customize .intro .container,
    .page-keycafe-shield .intro .container {
        padding-top: 50px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-customize .intro-content,
    .page-keycafe-shield .intro-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 2rem 0 0 4.125rem;
    }

    .page-keycafe-shield .intro-content p {
        text-wrap: balance;
    }

    .page-customize .intro-img,
    .page-keycafe-shield .intro-img {
        padding: 0;
        margin-top: 0;
        -ms-flex: 0 1 370px;
        flex: 0 1 370px;
    }

    .page-customize .intro-img .custom-key-fob {
        top: 300px;
        right: -80px;
    }

    .page-customize .intro .btn,
    .page-keycafe-shield .intro .btn {
        margin: 5px 0;
    }
}

.page-customize .features .content-box,
.page-keycafe-shield .features .content-box {
    padding: 20px 0;
}

@media (min-width: 768px) {
    .page-customize .features .content-box,
    .page-keycafe-shield .features .content-box {
        padding: 20px 30px;
    }
}

@media (min-width: 992px) {
    .page-customize .features .content-box {
        padding: 20px 50px;
    }
}

.custom-package {
    text-align: center;
    padding: 8em 0 3em;
}

.page-keycafe-shield .program-overview {
    text-align: center;
    padding: 0 0 5em;
}

.custom-package .contained,
.page-keycafe-shield .program-overview .contained {
    max-width: 700px;
    margin: 0 auto;
}

.custom-package,
.custom-package p,
.custom-packages,
.custom-packages p,
.custom-screen,
.custom-screen p,
.shield-pricing,
.shield-pricing p,
.shield-pricing ul,
.page-keycafe-shield .program-overview,
.page-keycafe-shield .program-overview p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .custom-package,
    .custom-package p,
    .custom-packages,
    .custom-packages p,
    .custom-screen,
    .custom-screen p,
    .shield-pricing,
    .shield-pricing p,
    .shield-pricing ul,
    .page-keycafe-shield .program-overview,
    .page-keycafe-shield .program-overview p {
        font-size: 16px;
    }
}

.custom-package h2,
.page-keycafe-shield .program-overview h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

@media (min-width: 768px) {
    .custom-package h2,
    .page-keycafe-shield .program-overview h2 {
        font-size: 2em;
    }
}

.custom-packages h3 {
    font-size: 1.3125em;
    line-height: 1.5;
    margin: 2em 0 1em;
}

.custom-screen,
.shield-pricing {
    margin: 5rem 0;
    padding: 5rem 0 8rem;
    text-align: center;
}

.shield-pricing {
    text-align: left;
}

.custom-screen .container,
.shield-pricing .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 45px;
}

.shield-pricing .container {
    align-items: flex-start;
}

.custom-screen-media,
.shield-pricing-media {
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
}

.custom-screen-media,
.custom-screen-content,
.shield-pricing-media,
.shield-pricing-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 550px;
    flex: 0 1 550px;
    margin-inline: auto;
}

.custom-screen h3,
.shield-pricing h3 {
    font-size: 1.875em;
    line-height: 1.5;
    margin: 0.6em 0;
}

@media(min-width: 992px) {
    .custom-screen,
    .shield-pricing {
        text-align: left;
        margin: 8rem 0;
        padding: 5rem 0 12rem;
    }

    .custom-screen .container,
    .shield-pricing .container {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .custom-screen-media,
    .shield-pricing-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 550px;
        flex: 0 1 550px;
    }

    .custom-screen-content,
    .shield-pricing-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

/* Page - Press
 * -------------------------------------------------- */
.page-press {
    background: url("LgQHMWKSLCPXDBoNZ1jvwrcyKbnAZSuijc7wiL6A4Ec.svg") no-repeat 50% -150px;
    background-size: 1920px auto;
}

@media (min-width: 768px) {
    .page-press {
        background-position: 50% -40px;
    }
}

@media (min-width: 1920px) {
    .page-press {
        background-size: 100% auto;
    }
}

.page-press .intro {
    margin-bottom: 4em;
}

.page-press .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-press .intro h1 {
    margin-bottom: 10px;
}

.page-press .intro-img {
    margin-bottom: 20px;
}

.press-articles {
    margin-bottom: 4em;
}

.press-articles .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.press-article {
    overflow: hidden;
    width: 280px;
    margin: 10px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #e6ecf0;
    border-radius: 4px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 30px 20px -25px rgba(70, 70, 70, 0.1);
}

.press-article:hover,
.press-article:focus {
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px);
}

.press-article:hover .press-article-bg,
.press-article:focus .press-article-bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.press-article:hover .press-article-logo,
.press-article:focus .press-article-logo {
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.press-article-img {
    overflow: hidden;
    border-bottom: 1px solid #e6ecf0;
}

.press-article-img a {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 180px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.press-article-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.press-article-logo {
    position: relative;
    max-width: 65%;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

h2.press-article-title {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    h2.press-article-title {
        font-size: 1.05rem;
        line-height: 1.45;
    }
}

h2.press-article-title a {
    display: block;
    padding: 1em;
    transition: all 0.3s ease-in-out;
}

h2.press-article-title a:hover,
h2.press-article-title a:focus,
h2.press-article-title a:active {
    text-decoration: none;
    color: #0d4b60;
}

/* Page - Security
 * -------------------------------------------------- */
.page-security:before {
    height: 90vh;
    min-height: 400px;
}

.page-security .intro,
.page-security .intro h1 {
    color: var(--white);
}

.page-security .intro {
    padding-bottom: 4em;
}

@media(min-width: 768px) {
    .page-security .intro {
        padding-bottom: 8em;
    }
}

.page-security .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-security .intro h1 {
    margin-bottom: 10px;
}

.page-security .intro-img {
    margin-bottom: 20px;
}

.page-security .tagline {
    text-align: center;
    color: var(--white);
    background: var(--blue-gradient);
    padding: 50px 12%;
}

.page-security .tagline p {
    margin-bottom: 0;
}

.page-security .tagline,
.page-security .tagline p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-security .tagline,
    .page-security .tagline p {
        font-size: 16px;
    }
}

.page-security .tagline-icon {
    margin: 0 0 30px 0;
    line-height: 0;
}

.page-security .tagline a {
    text-transform: none;
    border-bottom: none;
    padding-bottom: 0;
    color: var(--blue);
}

.page-security .tagline a:hover,
.page-security .tagline a:focus,
.page-security .tagline a:active {
    border-bottom: none;
    color: var(--white);
}

.security-cta {
    text-align: center;
    margin: 4rem 0 2.5rem;
}

.security-features-heading h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.5555em;
}

.security-features-heading h2.text-white {
    color: var(--white);
}

.security-features {
    padding-bottom: 4em;
}

.security-features,
.security-features p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .security-features,
    .security-features p {
        font-size: 16px;
    }
}

.security-features .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.security-feature {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 9px 0;
    padding: 40px;
    text-align: center;
    background-color: rgba(247, 247, 249, 97%);
}

@media (min-width: 768px) {
    .security-feature {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin: 9px;
    }

    .security-feature:nth-child(odd) {
        margin-left: 0;
    }

    .security-feature:nth-child(even) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .security-feature {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.security-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: 0;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .security-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
        flex: 0 0 56px;
        margin: 0;
    }
}

.security-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 992px) {
    .security-desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 40px;
        text-align: left;
    }
}

.security-desc h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

.security-desc p {
    font-size: 1em;
    margin: 0;
}

/* Page - Contact
 * -------------------------------------------------- */
.page-contact:before {
    border-bottom: 4rem solid var(--lightgray);
    max-height: 350px;
}

.page-contact .intro {
    margin-bottom: 10em;
}

@media (min-width: 992px) {
    .page-contact:before {
        max-height: 500px;
    }

    .page-contact .intro {
        margin-bottom: 17em;
    }
}

.page-contact .intro,
.page-contact .intro h1 {
    color: var(--white);
}

.page-contact .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-contact .intro h1 {
    margin-bottom: 10px;
}

.page-contact .intro-img {
    margin-bottom: 20px;
}

.page-contact .tagline {
    padding: 4em 0 10em;
    background-color: transparent;
}

.page-contact .tagline:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
}

.page-contact .tagline h6 {
    margin-top: 10px;
    font-size: 2.3125em;
    line-height: 1.2;
}

.contact-wrapper {
    font-size: 15px;
    padding: 0 0 6em;
    text-align: center;
}

@media (min-width: 768px) {
    .contact-wrapper {
        font-size: 16px;
        padding: 0 0 12em;
    }
}

.contact-wrapper .container {
    max-width: 600px;
}

.contact-form {
    margin: 0 auto;
}

.contact-form h2 {
    font-size: 1.45em;
    line-height: 1.1851;
    margin: 0 0 1.5em;
}

.contact-form p {
    line-height: 1.5;
    margin: 0;
}

@media (min-width: 768px) {
    .contact-form p {
        font-size: 1.0625em;
    }
}

.lead-form-opt-in .opted-in-message {
    font-size: 13px !important;
    margin-bottom: 1em;
}

.offices {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3em;
    text-align: left;

    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 992px) {
    .offices {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.offices h5 {
    font-size: 1.125em !important;
}

.offices p {
    margin: 0;
}

@media (min-width: 768px) {
    .offices p {
        font-size: 0.9375em;
        line-height: 1.7;
    }
}

.office {
    flex: 1 1 100%;
    margin: 15px 0;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .office {
        flex: 1 1 50%;

        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
    }
}

@media (min-width: 992px) {
    .office {
        flex: 1;

        -webkit-flex: 1;
        -ms-flex: 1;
    }
}

.office.open .contact-popup-overlay {
    visibility: visible;
    opacity: 1;
}

.contact-popup-overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: 100%;
    cursor: auto;
    transition: all 400ms ease-in-out;
    opacity: 0;
    background-color: transparent;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-popup {
    z-index: 1;
    overflow-y: auto;
    width: 100vw;
    max-width: 1000px;
    height: 100vh;
    max-height: 100vh;
    padding: 40px 30px 20px;
    color: #fff;
    background: var(--blue-gradient);
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
    /* box-shadow: 0 0 50px 10px rgba(135, 135, 135, 0.2); */

    mix-blend-mode: color-burn;
}

@media (min-width: 768px) {
    .contact-popup {
        position: relative;
        width: 95vw;
        height: auto;
        padding: 60px 60px 30px;
    }
}

.contact-popup h4 {
    font-size: 21px;
    line-height: 1.5;
    color: #fff;
}

.contact-popup .close {
    font-size: 35px;
    line-height: 1;
    position: fixed;
    z-index: 999;
    top: 15px;
    right: 15px;
    transition: all 400ms ease-in-out;
    color: #fff;
    border-radius: 50%;
    background: #0d4b60;
}

.contact-popup .close a {
    color: #fff;
}

.contact-popup .close a,
.contact-popup .close a:hover,
.contact-popup .close a:focus {
    border-bottom: none;
}

@media (min-width: 768px) {
    .contact-popup .close {
        position: absolute;
        top: 25px;
        right: 25px;
    }
}

/* Pages - Terms Center
 * -------------------------------------------------- */
.page-terms .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-terms .intro h1 {
    font-size: 2.75em;
    margin-bottom: 10px;
}

.page-terms .intro-img {
    margin-bottom: 20px;
}

.page-terms a:hover,
.page-terms a:focus {
    color: #0d4b60;
}

.terms-wrapper {
    padding: 1em;
}

.terms-wrapper .container {
    font-size: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .terms-wrapper .container {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .terms-wrapper .container {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.terms-wrapper .container .sidebar {
    flex: 1 1 100%;
    padding: 45px 20px 40px 0;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .terms-wrapper .container .sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        flex: 0 1 290px;

        -webkit-flex: 0 1 290px;
        -ms-flex: 0 1 290px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}

.terms-wrapper .container .sidebar > ul,
.terms-wrapper .container .sidebar > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.terms-wrapper .container .sidebar > ul > li {
    font-size: 18px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .terms-wrapper .container .sidebar > ul > li {
        margin-bottom: 0.8em;
    }
}

.terms-wrapper .container .sidebar > ul > li > a {
    text-decoration: none;
}

.terms-wrapper .container .sidebar > ul > li > a:hover,
.terms-wrapper .container .sidebar > ul > li > a:focus {
    color: #0d4b60;
}

@media (max-width: 767px) {
    .terms-wrapper .container .sidebar a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #e1e4eb;
    }
}

.terms-wrapper .container .sidebar .tb {
    font-size: 1em;
    width: 100%;
    margin: 0 0 15px;
}

.terms-wrapper .container .sidebar .selectboxes .fa-angle-down {
    top: 15px;
}

.terms-wrapper .container .sidebar select {
    font-size: 18px;
    padding: 0.6em 0.75em 0.4em;
}

.terms-wrapper .container .terms {
    min-width: 0;
    flex: 1 1 100%;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .terms-wrapper .container .terms {
        flex: 1;
        padding: 40px 0 40px 40px;

        -webkit-flex: 1;
        -ms-flex: 1;
    }
}

.terms-wrapper .container .terms strong {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.terms-wrapper .container .terms .wrap {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -ms-word-break: break-all;

    overflow-wrap: break-word;
}

.terms-wrapper .container h1 {
    font-size: 1.7em;
    line-height: 1.6;
    margin: 0 0 0.1em;
}

.terms-wrapper .container h2 {
    font-size: 1.5em;
    line-height: 1.6;
    margin: 0 0 0.5em;
}

.terms-wrapper .container p,
.terms-wrapper .container table,
.terms-wrapper .container ul,
.terms-wrapper .container ol {
    font-size: 16px;
    line-height: 1.5;
}

.terms-wrapper .container p {
    margin: 0 0 1.5em;
}

.terms-wrapper .container h3 {
    font-size: 1.1em;
    line-height: 1.5;
    margin: 0 0 1em;
}

.terms-wrapper .container ul li {
    margin-bottom: 10px;
}

.terms-wrapper .container hr {
    margin-bottom: 1.5em;
    border: none;
    border-top: 1px solid #c1dcea;
}

.page-tos .link-tos,
.page-community-guidelines .link-community-guidelines,
.page-privacy-policy .link-privacy-policy,
.page-location-agreement .link-location-agreement,
.page-api-tos .link-api-tos,
.page-store-terms .link-store-terms,
.page-patents .link-patents,
.page-po-terms .link-po-terms{
    color: #0d4b60;
}

.terms-wrapper .dropdown {
    margin-bottom: 35px;
}

.terms-wrapper .dropdown .tb {
    margin: 0;
    padding: 0.375em 0.75em;
    color: #8e9bac;
    border: 1px solid #c1dcea;
    box-shadow: none;
}

.terms-wrapper .dropdown .trigger:after {
    content: none;
}

.legalese table table {
    margin-bottom: 0;
}

.terms-wrapper .patents {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 1em;
}

.terms-wrapper .patents dt,
.terms-wrapper .patents dd {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.terms-wrapper .patents dd {
    margin: 0 0 10px;
}

@media (min-width: 992px) {
    .terms-wrapper .patents dt,
    .terms-wrapper .patents dd {
        display: inline-block;
        margin: 0 0 10px;
    }

    .terms-wrapper .patents dt {
        width: 45%;
    }

    .terms-wrapper .patents dd {
        width: 54%;
    }
}

.page-frontline-agreement .btn.orange {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 1em 3em;
    text-transform: uppercase;
    border: none;
}

.page-terms .table-responsive {
    margin-bottom: 1em;
}

.table-bordered th {
    font-size: 15px;
    font-family: MuseoSans-500, Arial, Helvetica, sans-serif;
}

.table-bordered th,
.table-bordered td {
    text-align: left;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    padding: 12px 15px 10px;
}

/* Page - Team
 * -------------------------------------------------- */
.page-team .intro {
    margin-bottom: 0;
}

@media (min-width: 850px) {
    .page-team .intro {
        margin-bottom: 1em;
    }
}

.page-team .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-team .intro h1 {
    margin-bottom: 10px;
}

.page-team .intro-img {
    margin-bottom: 20px;
}

.team-intro {
    margin-bottom: 6rem;
}

.team-intro,
.team-intro p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .team-intro {
        margin-bottom: 11rem;
    }

    .team-intro,
    .team-intro p {
        font-size: 16px;
    }
}

.team-intro .container {
    max-width: 1100px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 700px;
    flex: 0 1 700px;
}

.team-intro-img {
    line-height: 0;
    padding: 15px 15px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 375px;
    flex: 0 1 375px;
}

@media (min-width: 850px) {
    .team-intro .container {
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .team-intro-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 0 0 5rem;
    }

    .team-intro-img {
        padding: 0;
    }
}

.team-wrapper {
    text-align: center;
    padding: 5em 0 8em;
}

.team-wrapper,
.team-wrapper p {
    font-size: 15px;
    color: var(--white);
}

@media (min-width: 768px) {
    .team-wrapper,
    .team-wrapper p {
        font-size: 16px;
    }
}

.team-wrapper:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
}

.team-wrapper h2 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.75em;
    line-height: 1.2;
    margin: 0 0 0.5em;
    color: var(--white);
}

@media (min-width: 768px) {
    .team-wrapper h2 {
        font-size: 2.3125em;
    }
}

.team-members {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-member {
    max-width: 100%;
    flex: 0 1 290px;
    margin: 40px 25px;
    cursor: pointer;
    outline: 0;

    -webkit-tap-highlight-color: transparent;
    -webkit-flex: 0 1 290px;
    -ms-flex: 0 1 290px;
}

.team-member-img {
    font-size: 0;
    overflow: hidden;
    width: 290px;
    max-width: 100%;
    max-height: 290px;
    margin: 0 0 20px;
    border-radius: 20px;
    transition: box-shadow 0.3s ease-in-out;
}

.team-member-img img {
    max-width: 100%;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.team-member.faded img {
    opacity: 0.6;
}

.team-member.open .team-member-img {
    -webkit-box-shadow: 0 5px 15px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px 7px rgba(0, 0, 0, 0.2);
}

.team-member h3,
.team-member h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    color: #fff;
    text-align: left;
}

.team-member h3 {
    border-top: 1px solid var(--white);
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.team-member h4 {
    font-size: 14px;
    color: var(--blue);
}

.team-member h3 .fas {
    color: var(--white);
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-member.open h3 .fas {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.team-member-bio {
    text-align: left;
    margin-top: 40px;
    background-color: #0e3a52;
    padding: 25px;
    border-radius: 18px;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.team-member-bio p {
    color: rgba(255, 255, 255, 0.9);
}

.team-member.open .team-member-bio {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.team-member-bio p:last-child {
    margin-bottom: 0;
}

@media (min-width: 745px) and (max-width: 1084px) {
    .team-member:nth-of-type(2n+1) .team-member-bio {
        margin-left: 0;
        margin-right: -340px;
    }

    .team-member:nth-of-type(2n+2) .team-member-bio {
        margin-left: -340px;
        margin-right: 0;
    }

    .team-member:last-child .team-member-bio {
        margin-left: -170px;
        margin-right: -170px;
    }
}

@media (min-width: 1085px) {
    .team-member:nth-of-type(3n+1) .team-member-bio {
        margin-left: 0;
        margin-right: -680px;
    }

    .team-member:nth-of-type(3n+2) .team-member-bio {
        margin-left: -340px;
        margin-right: -340px;
    }

    .team-member:nth-of-type(3n+3) .team-member-bio {
        margin-left: -680px;
        margin-right: 0;
    }
}

/* Page - Purchase
 * -------------------------------------------------- */
.page-purchase {
    background: url("H6ZicR904s7uNw8nburFdQM43fh6EZ0HN0qor5IY4ni.svg") no-repeat 50% -150px;
    background-size: 1920px auto;
}

@media (min-width: 768px) {
    .page-purchase {
        background-position: 50% -40px;
    }
}

@media (min-width: 1920px) {
    .page-purchase {
        background-position: 50% 0;
        background-size: 100% auto;
    }
}

.page-purchase .intro {
    margin-bottom: 4em;
}

.page-purchase .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-purchase .intro h1 {
    margin-bottom: 10px;
}

.page-purchase .intro-img {
    margin-bottom: 20px;
}

.purchase-items {
    font-size: 15px;
    margin-bottom: 6em;
}

@media (min-width: 768px) {
    .purchase-items {
        font-size: 16px;
    }
}

.purchase-items .container {
    max-width: 950px;
}

.purchase-items h3 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5;
    margin: 1.5em 0 0.2em 0;
    color: #0d4b60;
}

.purchase-items h3 .checkboxes {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-weight: 300;
    margin-top: 10px;
    color: #3a3a3a;
}

@media (min-width: 768px) {
    .purchase-items h3 .checkboxes {
        position: relative;
        top: 5px;
        float: right;
        margin-top: 0;
    }
}

.purchase-items h3 .checkboxes input[type="checkbox"] + label span {
    top: -5px;
}

.purchase-items h2,
.purchase-items .price,
.purchase-items .total {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #0d4b60;
}

.purchase-items h2,
.purchase-items .price {
    font-size: 1.25em;
    line-height: 1.5;
    margin: 3px 0;
}

.purchase-items .total {
    font-size: 1.4em;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 767px) {
    .purchase-items .total {
        margin-top: 10px;
    }
}

.purchase-items .amt {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1;
    margin: 5px 0;
    text-align: center;
}

.purchase-items .inventory {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
}

.purchase-items .buyer-info {
    max-width: 600px;
    margin: 4em auto 0;
}

@media (min-width: 768px) {
    .purchase-items .cols {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .purchase-items .cols > * {
        flex: 1 1 50%;
        margin: 5px;

        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
    }

    .purchase-items .cols > .selectboxes {
        margin: 0 5px;
    }

    .purchase-items .cols > :first-child {
        margin-left: 0;
    }

    .purchase-items .cols > :last-child {
        margin-right: 0;
    }
}

.purchase-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 30px 15px;
    border: 1px solid #c1dcea;
    border-radius: 5px;

    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

@media (min-width: 768px) {
    .purchase-item {
        padding: 30px 45px;

        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.purchase-item-img {
    font-size: 0;
}

.purchase-item-img img {
    max-width: 170px;
}

.purchase-item-img {
    flex: 1;
    text-align: center;

    -webkit-flex: 1;
    -ms-flex: 1;
}

@media (min-width: 768px) {
    .purchase-item-img {
        flex: 0 1 170px;

        -webkit-flex: 0 1 170px;
        -ms-flex: 0 1 170px;
    }
}

.purchase-item-qty {
    flex: auto;
    max-width: 200px;
    margin: 0 auto;
    text-align: center;

    -webkit-flex: auto;
    -ms-flex: auto;
}

@media (min-width: 768px) {
    .purchase-item-qty {
        flex: 0 1 150px;
        max-width: none;

        -webkit-flex: 0 1 150px;
        -ms-flex: 0 1 150px;
    }
}

.purchase-item-desc {
    flex: 1;
    text-align: center;

    -webkit-flex: 1;
    -ms-flex: 1;
}

@media (min-width: 768px) {
    .purchase-item-desc {
        padding: 0 50px;
        text-align: left;
    }
}

.purchase-item-desc.pl0 {
    padding-left: 0;
}

.spinner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.spinner .num-spinner {
    flex: 1;

    -moz-appearance: textfield;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.spinner .num-spinner::-webkit-inner-spin-button,
.spinner .num-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.spinner > .sub,
.spinner > .add {
    font-size: 1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 40px;
    cursor: pointer;
    transition: 0.1s linear;
    text-align: center;
    color: #0d4b60;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
}

/* Page - Franchise
 * -------------------------------------------------- */
.page-franchise {
    background: url("ZgpfL9mgkR7fa85C5z0hSvzVetgBg5lgH28S0KbCmq7.svg") no-repeat 50% 0;
    background-size: 1920px auto;
}

@media (min-width: 1920px) {
    .page-franchise {
        background-size: 100% auto;
    }
}

.page-franchise .intro {
    margin-bottom: 3em;
}

.page-franchise .intro .container {
    text-align: center;
}

.page-franchise .intro h1 {
    margin-bottom: 10px;
}

.page-franchise .intro p {
    max-width: 470px;
    margin-right: auto;
    margin-left: auto;
}

.page-franchise .intro-img {
    margin-bottom: 20px;
}

.page-franchise .contact {
    max-width: 600px;
    margin: 5em auto;
    text-align: center;
}

.page-franchise .contact h5,
.page-franchise .contact h6 {
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.5;
    margin: 1em auto 0;
}

.page-franchise .contact h5 {
    text-align: center;
}

.page-franchise .contact-form-success p {
    font-size: 1.6em;
    margin: 0 0 1em;
}

.franchise-highlights {
    font-size: 15px;
    padding: 40px 0;
    text-align: center;
    color: #fff;
    background-color: #0d4b60;
}

@media (min-width: 768px) {
    .franchise-highlights {
        font-size: 16px;
    }
}

.franchise-highlights .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .franchise-highlights .container {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.franchise-highlights p {
    font-size: 1.1em;
    margin-bottom: 0;
}

.franchise-highlight {
    flex: 1 1 100%;
    margin: 25px 0;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .franchise-highlight {
        flex: 1;
        margin: 20px 25px;

        -webkit-flex: 1;
        -ms-flex: 1;
    }

    .franchise-highlight:first-child {
        margin-left: 0;
    }

    .franchise-highlight:last-child {
        margin-right: 0;
    }
}

.franchise-highlight-icon,
.franchise-commitment-icon {
    font-size: 0;
    margin-bottom: 20px;
    text-align: center;
}

.franchise-commitments-header {
    font-size: 15px;
    margin: 5em 0 4em;
    text-align: center;
}

@media (min-width: 768px) {
    .franchise-commitments-header {
        font-size: 16px;
    }
}

.franchise-commitments-header .container {
    max-width: 1000px;
}

.franchise-commitments-header h2 {
    font-size: 3em;
}

.franchise-commitments {
    font-size: 15px;
}

@media (min-width: 768px) {
    .franchise-commitments {
        font-size: 16px;
    }
}

.franchise-commitments .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .franchise-commitments .container {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.franchise-commitments h3 {
    font-size: 1.8em;
}

.franchise-commitments h4 {
    font-size: 1.25em;
}

.franchise-commitment {
    flex: 1 1 100%;
    margin: 40px 0;
    padding: 50px 50px 10px;
    box-shadow: 0 0 50px 10px rgba(135, 135, 135, 0.1);

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .franchise-commitment {
        flex: 1;
        margin: 20px 40px;

        -webkit-flex: 1;
        -ms-flex: 1;
    }

    .franchise-commitment:first-child {
        margin-left: 0;
    }

    .franchise-commitment:last-child {
        margin-right: 0;
    }
}

/* Page - Location Partner
 * -------------------------------------------------- */
.page-location-partner {
    background: url("ZgpfL9mgkR7fa85C5z0hSvzVetgBg5lgH28S0KbCmq7.svg") no-repeat 50% 0;
    background-size: 1920px auto;
}

@media (min-width: 1920px) {
    .page-location-partner {
        background-size: 100% auto;
    }
}

.page-location-partner .intro {
    margin-bottom: 7em;
}

.page-location-partner .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-location-partner .intro h1 {
    margin-bottom: 10px;
}

.page-location-partner .intro .btn {
    padding-right: 3em;
    padding-left: 3em;
}

.page-location-partner .intro-img {
    margin-bottom: 20px;
}

.page-location-partner .tagline img {
    margin-bottom: 1.5em;
}

.page-location-partner .tagline h6 {
    font-size: 1.9em;
}

.page-location-partner .tagline p {
    max-width: 800px;
    margin: 0.5em auto;
}

.page-location-partner .contact {
    max-width: 600px;
    margin: 1em auto 5em;
    text-align: center;
}

.page-location-partner .contact-form p {
    font-size: 1.6em;
    margin: 0 0 1em;
}

.location-partner-benefits {
    font-size: 15px;
}

@media (min-width: 768px) {
    .location-partner-benefits {
        font-size: 16px;
    }
}

.location-partner-benefits .container {
    max-width: 1000px;
}

.location-partner-benefits h2 {
    font-size: 2.5em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.location-partner-benefit {
    margin-bottom: 7em;
    padding: 2em;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 50px 10px rgba(135, 135, 135, 0.1);
}

@media (min-width: 768px) {
    .location-partner-benefit {
        padding: 2em 5em;
    }
}

.location-partner-reasons {
    font-size: 15px;
}

@media (min-width: 768px) {
    .location-partner-reasons {
        font-size: 16px;
    }
}

.location-partner-reasons .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4em;
    padding-bottom: 4em;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.location-partner-reasons h3 {
    font-size: 1.6em;
    margin-top: 0.5em;
    text-align: center;
}

.location-partner-reason {
    flex: 1 1 100%;
    margin: 50px 0;
    padding: 50px 50px 10px;
    box-shadow: 0 0 50px 10px rgba(135, 135, 135, 0.1);

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 992px) {
    .location-partner-reason {
        flex: 0 1 calc(50% - 60px);
        margin: 60px;

        -webkit-flex: 0 1 calc(50% - 60px);
        -ms-flex: 0 1 calc(50% - 60px);
    }

    .location-partner-reason:nth-of-type(odd) {
        margin-left: 0;
    }

    .location-partner-reason:nth-of-type(even) {
        margin-right: 0;
    }
}

.location-partner-reason-icon {
    font-size: 0;
    text-align: center;
}

.location-partner-why-header {
    font-size: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .location-partner-why-header {
        font-size: 16px;
    }
}

.location-partner-why-header .container {
    max-width: 800px;
    padding: 3em 2em 2em;
}

.location-partner-why-header h2 {
    font-size: 2.5em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.location-partner-why-wrapper {
    font-size: 15px;
    margin-bottom: 2em;
}

@media (min-width: 768px) {
    .location-partner-why-wrapper {
        font-size: 16px;
    }
}

.location-partner-why-wrapper .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .location-partner-why-wrapper .container {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.location-partner-why {
    flex: 1 1 100%;

    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
}

@media (min-width: 768px) {
    .location-partner-why {
        flex: 1;
        margin: 0 35px;

        -webkit-flex: 1;
        -ms-flex: 1;
    }

    .location-partner-why:first-child {
        margin-left: 0;
    }

    .location-partner-why:last-child {
        margin-right: 0;
    }
}

.location-partner-why ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.location-partner-why li {
    font-size: 1.05em;
    margin: 0;
    padding: 2px 0 25px 55px;
    background: url(Z4jqXjIp7sI7h61bw9YmMPuaCmULEjZ0pTTwmJgvuAq.png) no-repeat 0 0;
    background-size: 30px;
}

.location-partner-contact-header {
    font-size: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .location-partner-contact-header {
        font-size: 16px;
    }
}

.location-partner-contact-header .container {
    max-width: 800px;
    padding: 2em;
}

.location-partner-contact-header h4 {
    font-size: 1.8em;
    line-height: 1.5;
    margin-bottom: 1em;
}

.location-partner-contact-sub-header {
    font-size: 1.1 em;
    max-width: 650px;
    margin: 0 auto;
    padding: 1.5em 2em;
    color: #fff;
    background-color: #0d4b60;
}

.location-partner-contact-sub-header p {
    margin-bottom: 0;
}

.location-partner-contact-sub-header p:first-child {
    font-size: 1.15em;
    font-weight: normal;
    text-transform: uppercase;
}

/* Page - Reseller
 * -------------------------------------------------- */
.page-reseller:before {
    height: 90vh;
}

.page-reseller .intro,
.page-reseller .intro h1 {
    color: var(--white);
}

.page-reseller .intro {
    padding-bottom: 5em;
}

@media(min-width: 768px) {
    .page-reseller .intro {
        padding-bottom: 5em;
    }
}

.page-reseller .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-reseller .intro h1 {
    margin-bottom: 10px;
}

.page-reseller .intro-img {
    margin-bottom: 20px;
}

.page-reseller .nouveau .tagline.slant:before {
    bottom: auto;
    height: 275px;
    max-height: 600px;
    background: var(--blue-gradient);
}

@media (max-width: 380px) {
    .page-reseller .nouveau .tagline.slant:before {
        height: 325px;
    }
}

@media (min-width: 768px) {
    .page-reseller .nouveau .tagline.slant:before {
        height: 300px;
    }
}

.page-reseller .tagline {
    text-align: center;
    color: var(--white);
    padding: 35px 12%;
}

.page-reseller .tagline p {
    margin-bottom: 0;
}

.page-reseller .tagline,
.page-reseller .tagline p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-reseller .tagline,
    .page-reseller .tagline p {
        font-size: 16px;
    }
}

.page-reseller .tagline h2 {
    font-size: 1.75em;
    line-height: 1.5;
    color: var(--white);
    margin: 0 0 0.5em;
}

@media (min-width: 768px) {
    .page-reseller .tagline h2 {
        font-size: 2em;
        margin: 0 0 0.25em;
    }
}

.page-reseller .tagline-icon {
    margin: 0 0 20px 0;
    line-height: 0;
}

.page-reseller .contact {
    max-width: 600px;
    margin: 1em auto 5em;
    text-align: center;
}

.page-reseller .contact-form h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 auto 2em;
    max-width: 350px;
}

.page-reseller .contact .btn {
    margin-top: 6px;
}

.reseller-benefits {
    margin-bottom: 5em;
}

@media (min-width: 768px) {
    .reseller-benefits {
        margin-bottom: 7em;
    }
}

.reseller-benefits,
.reseller-benefits p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .reseller-benefits,
    .reseller-benefits p {
        font-size: 16px;
    }
}

.reseller-benefits .content-boxes > div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .reseller-benefits .content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 268px;
        flex: 0 1 268px;
    }
}

.reseller-benefits .content-box-bg {
    background-color: rgba(247, 247, 249, 97%);
    border: 1px solid var(--white);
}

.reseller-benefits .content-box-icon-bg {
    background-color: var(--white);
}

.reseller-reasons {
    padding-bottom: 6em;
    margin-top: 7em;
}

@media (min-width: 768px) {
    .reseller-reasons {
        margin-top: 10em;
    }
}

.reseller-reasons,
.reseller-reasons p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .reseller-reasons,
    .reseller-reasons p {
        font-size: 16px;
    }
}

.reseller-reasons .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.reseller-reason {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 9px 0;
    padding: 40px;
    text-align: center;
    background-color: rgba(247, 247, 249, 97%);
}

@media (min-width: 768px) {
    .reseller-reason {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin: 9px;
    }

    .reseller-reason:nth-child(odd) {
        margin-left: 0;
    }

    .reseller-reason:nth-child(even) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .reseller-reason {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.reseller-reason-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: 0;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .reseller-reason-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
        flex: 0 0 56px;
        margin: 0;
    }
}

.reseller-reason-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 992px) {
    .reseller-reason-desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 40px;
        text-align: left;
    }
}

.reseller-reason-desc h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

.reseller-reason-desc p {
    font-size: 1em;
    margin: 0;
}

/* Page - Reviews
 * -------------------------------------------------- */
.page-reviews:before {
    height: 90vh;
    max-height: 550px;
}

@media (min-width: 2000px) {
    .page-reviews:before {
        max-height: 600px;
    }
}

.page-reviews .intro,
.page-reviews .intro h1 {
    color: var(--white);
}

.page-reviews .intro {
    padding-bottom: 5em;
}

@media(min-width: 768px) {
    .page-reviews .intro {
        padding-bottom: 7em;
    }
}

.page-reviews .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-reviews .intro h1 {
    margin-bottom: 10px;
}

.page-reviews .intro-img {
    margin-bottom: 20px;
}

.page-reviews .cta-industry {
    margin-top: 5em;
}

@media (min-width: 768px) {
    .page-reviews .cta-industry {
        margin-top: 10em;
    }
}

.customer-reviews {
    margin-bottom: 5em;
}

.customer-reviews,
.customer-reviews p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .customer-reviews,
    .customer-reviews p {
        font-size: 16px;
    }
}

.customer-reviews .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: -9px;
}

.customer-review {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 100%;
    margin: 9px 0;
    padding: 25px 30px;
    border-radius: 15px;
    background: var(--lightgray);
}

@media (min-width: 768px) {
    .customer-review {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 48%;
        margin: 9px;
    }

    .customer-review:nth-child(odd) {
        margin-left: 0;
    }

    .customer-review:nth-child(even) {
        margin-right: 0;
    }
}

.customer-review .stars {
    text-align: center;
    color: var(--orange);
}

.customer-review-meta .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.customer-review h3 {
    font-size: 1.0625em;
    line-height: 1.5;
    margin: 1em 0 0.5em
}

.customer-review-meta .customer-review h3 {
    margin: 0;
}

.customer-review-desc {
    margin-bottom: 0.5em;
}

.customer-review-desc:last-child,
.customer-review-desc p:last-child {
    margin-bottom: 0;
}

.customer-review-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 20px;
}

.customer-review-meta:not(:last-child) {
    margin-bottom: 2rem;
}

.customer-review-meta:last-child {
    margin-top: auto;
}

.customer-review-carousel + .customer-review-meta {
    margin-top: 0 !important;
}

.customer-review-logo {
    padding: 0.5rem;
    height: 76px;
    background-color: #fff;
    border-radius: 0.5rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customer-review-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 60px;
}

@media(min-width: 992px) {
    .customer-review-meta {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

    .customer-review-logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 160px;
        flex: 0 1 160px;
    }
}

.customer-review-industry {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customer-review-author {
    font-size: 14px;
    line-height: 1.4;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customer-review-meta .customer-review-author {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0;
}

.customer-review-author-image {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
}

.customer-review-author-image img {
    width: 60px;
    height: 60px;
}

.customer-review-author-info {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.customer-review-author-info strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1rem;
}

.customer-ratings .ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 25px;
}

.customer-ratings .rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: 0;
}

.customer-ratings .store-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 20px 0 0;
}

.customer-ratings .store-rating {
    text-align: center;
}

.customer-ratings .store-rating .stars {
    margin-bottom: 8px;
}

.customer-ratings .store-rating .fas {
    margin: 0 3px;
}

.customer-review-carousel {
    margin: auto 0 2rem;
}

.customer-review-carousel-thumbnails {
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}

.customer-review-carousel.visible .customer-review-carousel-thumbnails {
    display: none;
}

.customer-review-carousel-thumbnails > div {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 120px;
    flex: 0 1 120px;
}

.customer-review-carousel-thumbnails > div > img,
.customer-review-carousel .owl-carousel img {
    cursor: pointer;
}

.customer-review-carousel .owl-carousel-parent {
    overflow: hidden;
}

.customer-review-carousel:not(.visible) .owl-carousel-parent {
    height: 0;
}

.customer-review-carousel .owl-carousel {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    margin: 0;
}

.customer-review-carousel .owl-nav {
    font-size: 16px;
    padding: 0 25px;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.customer-review-carousel .owl-prev,
.customer-review-carousel .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.30);
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customer-review-carousel .owl-carousel:hover .owl-prev,
.customer-review-carousel .owl-carousel:hover .owl-next {
    background-color: rgba(0, 0, 0, 0.80);
}

.customer-ratings.mtb {
    margin: 6rem 0;
}

.customer-ratings h2 {
    text-align: center;
    font-size: 1.75rem;
    color: var(--green);
}

.customer-ratings .with-stars {
    text-align: center;
    font-size: 1.75rem;
    color: var(--white);
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--blue-gradient);
    width: fit-content;
    margin: 1rem auto 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.page-landing-hospitality-show .with-stars {
    margin-bottom: 2.5rem;
}

.customer-ratings .with-stars .stars {
    font-size: 1.25rem;
    color: var(--orange);
}

.customer-rating-platforms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 40px;
}

.page-landing-hospitality-show .customer-rating-platforms {
    gap: 30px;
}

.customer-rating-platforms>div img {
    display: block;
}

@media (min-width: 576px) {
    .customer-rating-platforms {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

/* Page - Blog
 * -------------------------------------------------- */
.page-blog:before {
    height: 90vh;
}

.page-blog .intro,
.page-blog .intro h1 {
    color: var(--white);
}

.page-blog .intro {
    padding-bottom: 3.75em;
}

.page-blog .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-blog .intro h1 {
    margin-bottom: 10px;
}

.page-blog .intro-img {
    margin-bottom: 20px;
}

.page-blog p {
    margin-bottom: 1em;
}

.intro .post-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.intro .post-filters .selectboxes {
    margin: 0 7px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 520px) {
    .intro .post-filters {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        margin: 24px 0;
    }

    .intro .post-filters .selectboxes {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 500px;
    }
}

.intro .post-filters .tb {
    border-radius: 5px;
    color: var(--white);
    border: 1px solid var(--white);
}

.intro .post-filters .tb option {
    /* Firefox fix */
    color: #000;
}

.intro .post-filters .selectboxes .fa-angle-down {
    color: var(--white);
}

.page-blog .nouveau,
.page-blog .nouveau p {
    font-size: 17px;
    line-height: 1.7;
}

@media (min-width: 768px) {
    .page-blog .nouveau,
    .page-blog .nouveau p {
        font-size: 17px;
    }
}

.page-blog .btn-more-posts {
    padding: 0.688em 2em !important;
}

.blog-featured-post-wrapper {
    margin-bottom: 5em;
}

@media (min-width: 768px) {
    .blog-featured-post-wrapper {
        margin-bottom: 7em;
    }
}

.blog-featured-post {
    background: var(--lightgray);
    border-radius: 16px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.blog-featured-post-image {
    line-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.blog-featured-post-content {
    padding: 1.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media (min-width: 768px) {
    .blog-featured-post {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .blog-featured-post-content {
        padding: 2em 2.5em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .blog-featured-post-image {
        -webkit-box-flex: 1.2;
        -ms-flex: 1.2;
        flex: 1.2;
    }
}

.blog-featured-post-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-post-categories {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: var(--blue);
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.blog-featured-post h2,
.blog-post h2 {
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 1em;
}

.blog-post h2 {
    font-size: 19px;
}

@media (min-width: 768px) {
    .blog-featured-post h2 {
        font-size: 20px;
    }

    .blog-post h2 {
        font-size: 19px;
    }
}

.blog-featured-post h2 a,
.blog-post h2 a {
    color: var(--green);
}

.blog-featured-post h2 a:hover,
.blog-featured-post h2 a:focus,
.blog-featured-post h2 a:active,
.blog-post h2 a:hover,
.blog-post h2 a:focus,
.blog-post h2 a:active {
    color: var(--blue);
}

.blog-featured-post,
.blog-post {
    position: relative;
    top: 0;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-featured-post:hover,
.blog-featured-post:focus,
.blog-post:hover,
.blog-post:focus {
    top: -10px;
    -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08);
}

.blog-featured-post .clickable,
.blog-post .clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
}

.blog-post-author {
    margin-top: 1.5em;
    font-size: 15px;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-post-author-image {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
}

.blog-post-author-image img {
    width: 45px;
    height: 45px;
}

.blog-post-author-info {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blog-post-author-info strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.blog-posts-wrapper {
    margin-bottom: 4em;
}

.blog-posts-wrapper h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 1em;
}

.blog-posts-wrapper h3.text-white {
    color: #fff;
}

.blog-posts-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.blog-posts-grid > .blog-post {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 8px 0;
    background: var(--lightgray);
    border-radius: 16px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .blog-posts-grid {
        margin: 0 -8px;
    }

    .blog-posts-grid.cols-two > .blog-post {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 16px);
        flex: 0 1 calc(50% - 16px);
        margin: 8px;
    }

    .blog-posts-grid.cols-three > .blog-post {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 16px);
        flex: 0 1 calc(50% - 16px);
        margin: 8px;
    }
}

@media (min-width: 992px) {
    .blog-posts-grid.cols-three > .blog-post {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33.33% - 16px);
        flex: 0 1 calc(33.33% - 16px);
        margin: 8px;
    }
}

.blog-post-image {
    line-height: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.blog-post-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog-post-content-wraper {
    padding: 1.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

@media (min-width: 768px) {
    .blog-post-content-wraper {
        padding: 2em;
    }
}

.blog-post-content-wraper > .blog-post-content {
    margin-bottom: 5px;
}

.blog-post-content-wraper > .blog-post-author {
    margin-top: auto;
}

/* Page - Blog Post
 * -------------------------------------------------- */
.page-blog-post:before {
    height: 100vh;
}

.page-blog-post .intro,
.page-blog-post .intro h1 {
    color: var(--white);
}

.page-blog-post .intro {
    padding-bottom: 1em;
}

.page-blog-post .intro .container {
    padding-top: 32px;
}

@media (min-width: 768px) {
    .page-blog-post .intro .container {
        padding-top: 114px;
    }
}

.page-blog-post .intro h1 {
    line-height: 1.4;
    max-width: 900px;
    margin-bottom: 4.5rem;
}

@media (max-width: 767px) {
    .page-blog-post .intro h1 {
        font-size: 24px;
        line-height: 1.5;
        text-align: left;
        margin-bottom: 2rem;
    }
}

.page-blog-post .blog-post-meta {
    font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 15px;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-blog-post .blog-post-meta > div {
    margin: 10px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-post-content strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

@media (min-width: 768px) {
    .page-blog-post .blog-post-meta {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-blog-post .blog-post-meta > div {
        margin: 0 32px 0 0;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .page-blog-post .blog-post-meta > div:last-child {
        margin-left: auto;
        margin-right: 0;
    }
}

.page-blog-post .blog-post-meta img {
    position: relative;
    top: -1px;
    margin-right: 12px;
}

.page-blog-post .blog-post-meta a {
    color: var(--white);
}

.page-blog-post .blog-post-meta a:hover,
.page-blog-post .blog-post-meta a:focus {
    color: var(--blue);
}

.page-blog-post .nouveau p,
.page-blog-post .nouveau ul,
.page-blog-post .nouveau ol {
    margin-bottom: 1em;
}

.page-blog-post .nouveau li {
    margin-bottom: 0.5em;
}

.page-blog-post .blog-post-wrapper h2 {
    font-size: 1.375em;
}

.page-blog-post .nouveau h2,
.page-blog-post .nouveau h3,
.page-blog-post .nouveau h4,
.page-blog-post .nouveau h5,
.page-blog-post .nouveau h6 {
    margin: 1em 0;
    clear: both;
}

.page-blog-post .nouveau h2 {
    margin: 2em 0 0.5em;
}

.page-blog-post .nouveau h2:first-child {
    margin-top: 0;
}

.page-blog-post .nouveau h3 {
    font-size: 1.1764em;
}

.page-blog-post .has-icon-block:not(:first-child) {
    margin-top: 2em !important;
}

.page-blog-post .nouveau,
.page-blog-post .nouveau p,
.page-blog-post .nouveau ul,
.page-blog-post .nouveau ol {
    font-size: 17px;
    line-height: 1.7;
}

@media (min-width: 768px) {
    .page-blog-post .nouveau,
    .page-blog-post .nouveau p,
    .page-blog-post .nouveau ul,
    .page-blog-post .nouveau ol {
        font-size: 17px;
    }
}

.page-blog-post .blog-post-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.page-blog-post .blog-post-categories {
    font-size: 16px;
}

.page-blog-post .blog-post-meta > .blog-post-categories:last-child {
    margin-left: 0;
    margin-bottom: 0;
}

.blog-post-featured-image {
    margin-bottom: 2em;
}

@media (min-width: 992px) {
    .blog-post-featured-image {
        margin-bottom: 3em;
    }
}

.blog-post-featured-image .container {
    line-height: 0;
    max-height: 700px;
    overflow: hidden;
}

.blog-post-featured-image img {
    width: 100%;
    height: 100%;
    max-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14px;
}

.blog-post-wrapper .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.blog-post-sidebar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 350px;
    margin: 20px auto 0;
}

.blog-post-wrapper .blog-post-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    /* Fix for owl carousel in blog post body */
    overflow-y: hidden;
}

@media (max-width: 767px) {
    .blog-post-sidebar {
        margin-top: 0;
    }

    .blog-post-wrapper .blog-post-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 10px;
    }
}

.blog-post-wrapper .blog-post-content :last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .blog-post-wrapper .container {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .blog-post-sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: none;
        margin: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }

    .blog-post-wrapper .blog-post-content {
        padding-left: 3em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.blog-post-sidebar .widget {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.blog-post-sidebar .bg-white {
    background-color: var(--white);
    border: 2px solid var(--lightgray);
}

.blog-post-sidebar .bg-gray {
    background: var(--lightgray);
}

.blog-post-sidebar .bg-green-grad {
    background: var(--blue-gradient);
}

.blog-post-sidebar .bg-blue-grad {
    background: #00a7e0;
    background: -o-linear-gradient(315deg, #00a7e0 0%, #085db7 100%);
    background: linear-gradient(135deg, #00a7e0 0%, #085db7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7e0', endColorstr='#085db7', GradientType=1);
}

.blog-post-sidebar .widget h1,
.blog-post-sidebar .widget h2,
.blog-post-sidebar .widget h3,
.blog-post-sidebar .widget h4,
.blog-post-sidebar .widget h5,
.blog-post-sidebar .widget h6 {
    margin-top: 8px;
}

.blog-post-sidebar h4 {
    font-size: 17px;
    line-height: 1.5;
    color: var(--text-color);
}

.blog-post-sidebar .widget-toc {
    font-size: 16px;
}

.blog-post-sidebar .widget-toc ul,
.blog-post-sidebar .widget-toc li {
    font-size: 16px;
    line-height: 1.6;
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog-post-sidebar .widget-toc ul {
    margin-bottom: 1.5em;
}

.blog-post-sidebar .widget-toc li {
    margin-bottom: 1em;
}

.blog-post-sidebar .widget-toc a {
    color: var(--text-color);
}

.blog-post-sidebar .widget-toc a:hover,
.blog-post-sidebar .widget-toc a:focus,
.blog-post-sidebar .widget-toc a:active {
    color: var(--blue);
}

.blog-post-sidebar .widget-company-profile {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.blog-post-sidebar .widget-company-profile dl,
.blog-post-sidebar .widget-company-profile dt,
.blog-post-sidebar .widget-company-profile dd {
    padding: 0;
    margin: 0;
}

.blog-post-sidebar .widget-company-profile dt {
    font-size: 14px;
    color: var(--blue);
}

.blog-post-sidebar .widget-company-profile dd {
    font-size: 17px;
    color: var(--green);
    margin-bottom: 15px;
}

.blog-post-sidebar .widget-company-profile dd a {
    color: var(--green);
}

.blog-post-sidebar .widget-company-profile dd a:hover,
.blog-post-sidebar .widget-company-profile dd a:focus {
    color: var(--blue);
}

.blog-post-sidebar .widget-company-profile dd:last-child {
    margin-bottom: 0;
}

.blog-post-sidebar .widget-testimonial {
    color: var(--white);
}

.blog-post-sidebar .widget-testimonial p {
    font-size: 16px;
}

.blog-post-sidebar .widget-testimonial .testimonial-author {
    font-size: 15px;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-post-sidebar .widget-testimonial .testimonial-author-image {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
}

.blog-post-sidebar .widget-testimonial .testimonial-author-image img {
    width: 65px;
    height: 65px;
}

.blog-post-sidebar .widget-testimonial .testimonial-author-info {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blog-post-sidebar .widget-testimonial .testimonial-author-info strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.blog-post-sidebar .widget-about-company h3 {
    margin: 0.5em 0 1em;
    font-size: 18px;
}

.blog-post-sidebar .widget-about-company p {
    font-size: 16px;
}

.blog-post-sidebar .widget-about-company p:last-child {
    margin-bottom: 0;
}

.blog-post-sidebar .widget-author.bg-white {
    color: var(--text-color);
}

.blog-post-sidebar .widget-author .post-author,
.blog-post-content .author {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-post-sidebar .widget-author .post-author-image,
.blog-post-content .author-image {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
}

.blog-post-sidebar .widget-author .post-author-image img,
.blog-post-content .author-image img {
    width: 65px;
    height: 65px;
}

.blog-post-sidebar .widget-author .post-author-info,
.blog-post-content .author-info {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.blog-post-sidebar .widget-author .post-author-info strong,
.blog-post-content .author-info strong {
    color: var(--green);
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.blog-post-content .author-info strong {
    color: var(--white);
}

.blog-post-sidebar .widget-author .post-author-info .text-small {
    color: var(--blue);
    font-size: 13px;
}

.blog-post-sidebar .widget-author .post-author + .author-bio {
    padding-top: 0;
}

.blog-post-sidebar .widget-toc .cta {
    padding: 1rem 0 0.5rem;
}

.blog-post-sidebar .widget-toc .cta a {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    margin-top: 0.35rem;
    display: inline-block;
    color: var(--blue);
}

.blog-post-sidebar .widget-toc .cta a:hover,
.blog-post-sidebar .widget-toc .cta a:focus {
    color: var(--text-color);
}

.share-this {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.share-this > a {
    margin: 0 6px 6px 0;
}

.share-this .fa-stack {
    color: var(--white);
}

.share-this .fa-inverse {
    color: var(--light-slate-gray);
}

.blog-post-sidebar .widget-author {
    color: var(--white);
}

.blog-post-sidebar .author-image {
    border-radius: 12px;
    width: 84px;
    height: 84px;
    margin-bottom: 12px;
    overflow: hidden;
}

.blog-post-sidebar .author-info {
    font-size: 14px;
    line-height: 1.5;
}

.blog-post-sidebar .author-info strong {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.blog-post-sidebar .author-bio {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 1em;
    padding-top: 1em;
}

.blog-post-sidebar .author-bio,
.blog-post-sidebar .author-bio p {
    font-size: 16px;
}

.blog-post-sidebar .author-bio p:last-child {
    margin-bottom: 0;
}

.blog-post-sidebar .widget-subscribe,
.blog-post-sidebar .widget-subscribe h4 {
    color: var(--white);
}

.blog-post-sidebar .widget-subscribe h4 {
    font-size: 16px;
    line-height: 1.4;
}

.blog-post-sidebar .widget-subscribe .tb {
    color: var(--white);
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.75);
}

.blog-post-sidebar .widget-subscribe .tb::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
}

.blog-post-sidebar .widget-subscribe .tb::-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
}

.blog-post-sidebar .widget-subscribe .tb:-ms-input-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
}

.blog-post-sidebar .widget-subscribe .tb:-moz-placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
}

.blog-post-sidebar .widget-subscribe .btn {
    font-size: 15px;
    margin-top: 5px;
}

.blog-post-sidebar .widget-subscribe .grecaptcha-protection-message a {
    color: #fff;
    text-decoration: underline;
}

.blog-post-sidebar .widget-subscribe .grecaptcha-protection-message a:hover,
.blog-post-sidebar .widget-subscribe .grecaptcha-protection-message a:focus {
    text-decoration: none;
}

.image-block,
.image-align-left,
.image-align-right {
    line-height: 0;
    margin: 1em 0;
    text-align: center;
    border-radius: 14px;
    overflow: hidden;
}

.image-block:not(:first-child) {
    margin: 2em 0;
}

@media (min-width: 768px) {
    .image-block {
        margin: 1em 0 2em;
    }

    .image-align-right {
        text-align: left;
        display: table;
        float: right;
        margin: 0.25em 0 1em 1.25em;
    }

    .image-align-left {
        text-align: left;
        display: table;
        float: left;
        margin: 0.25em 1.25em 1em 0;
    }
}

.blog-post-content > .image-block:first-child {
    margin-top: 0;
}

.cta-blog-post {
    margin: 10rem 0 7rem;
    padding: 11rem 0 5rem;
}

@media (min-width: 768px) {
    .cta-blog-post {
        padding: 4rem 0 8rem;
    }
}

@media (min-width: 992px) {
    .cta-blog-post {
        padding: 4rem 0 8rem;
    }
}

@media (min-width: 1400px) {
    .cta-blog-post {
        padding: 2rem 0 8rem;
    }
}

.cta-blog-post:before {
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--blue-gradient);
    border-top: 8rem solid var(--lightgray);
    border-bottom: 8rem solid var(--lightgray);
}

.cta-blog-post {
    color: var(--white);
}

.cta-blog-post .cta-container {
    max-width: 1000px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.cta-blog-post .cta-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.cta-blog-post .cta-img {
    position: relative;
    top: 10px;
    margin-top: 30px;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
    text-align: center;
    line-height: 0;
}

@media (min-width: 768px) {
    .cta-blog-post .cta-container {
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .cta-blog-post .cta-content {
        padding-right: 6rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cta-blog-post .cta-img {
        padding: 0;
        margin-top: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    }
}

@media (min-width: 992px) {
    .cta-blog-post .cta-content {
        padding-right: 8rem;
    }
}

@media (min-width: 1700px) {
    .cta-blog-post .cta-content {
        margin-top: -50px;
    }

    .cta-blog-post .cta-img {
        margin-top: -15px;
    }
}

.cta-blog-post .cta-img img {
    max-height: 490px;
    -webkit-filter: drop-shadow(15px 16px 12px #33333352);
    filter: drop-shadow(15px 16px 12px #33333352);
}

.page-blog-post .cta-blog-post h5 {
    font-size: 2.1875rem;
    line-height: 1.1;
    margin: 0 0 0.5em;
    color: var(--white);
}

.page-blog-post .cta-blog-post p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.cta-blog-post .btn {
    margin: 5px;
}

.cta-blog-post .btn.orange:hover,
.cta-blog-post .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 992px) {
    .cta-blog-post .btn {
        margin: 5px 10px 5px 0;
    }
}

.page-blog-post .owl-carousel {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    margin: 2em 0;
}

.page-blog-post .owl-nav {
    font-size: 16px;
    padding: 0 25px;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-blog-post .owl-prev,
.page-blog-post .owl-next {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.30);
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-blog-post .owl-carousel:hover .owl-prev,
.page-blog-post .owl-carousel:hover .owl-next {
    background-color: rgba(0, 0, 0, 0.80);
}

/* Page - Case Sudy
 * -------------------------------------------------- */
.page-case-study:before {
    border-bottom: 8rem solid var(--lightgray);
}

.page-case-study .intro {
    margin-bottom: 2rem;
}

.page-case-study .intro,
.page-case-study .intro h1 {
    color: var(--white);
}

.page-case-study .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-case-study .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-case-study .intro-img {
    margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
    max-height: 450px;
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.page-case-study .intro-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-case-study .intro .section-title {
    margin-top: 3px;
}

.page-case-study .intro h1 {
    margin-bottom: 10px;
}

.page-case-study .intro .btn {
    margin: 5px;
}

.page-case-study .intro .btn.orange:hover,
.page-case-study .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (max-width: 767px) {
    .page-case-study .intro h1 {
        text-align: center;
    }
}

@media (min-width: 850px) {
    .page-case-study .intro {
        margin-bottom: 7rem;
    }

    .page-case-study .intro .container {
        padding-top: 50px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-case-study .intro-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 2rem 3rem 0 0;
    }

    .page-case-study .intro-img {
        padding: 0;
        margin-top: 0;
    }

    .page-case-study .intro .btn {
        margin: 5px 0;
    }
}

/* Page - Integrations
 * -------------------------------------------------- */
.page-integrations:before {
    height: 90vh;
}

.page-integrations .intro,
.page-integrations .intro h1 {
    color: var(--white);
}

@media(max-width: 767px) {
    .page-integrations .intro {
        padding-bottom: 0;
    }
}

.page-integrations .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-integrations .intro h1 {
    margin-bottom: 10px;
}

.page-integrations .intro-img {
    margin-bottom: 20px;
}

.page-integrations .panes {
    padding-top: 0;
}

/* Page - Integration
 * -------------------------------------------------- */
.page-integration:before {
    height: 150vh;
    max-height: 850px;
}

@media (min-width: 992px) {
    .page-integration:before {
        height: 95vh;
        max-height: 650px;
    }
}

.page-integration .intro {
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.page-integration .intro,
.page-integration .intro h1 {
    color: var(--white);
}

.page-integration .intro h1 {
    margin-bottom: 10px;
}

.page-integration .intro .section-title {
    margin-top: 3px;
}

.page-integration .intro .btn {
    margin: 5px;
}

.page-integration .intro .btn.orange:hover,
.page-integration .intro .btn.orange:focus {
    color: var(--green) !important;
    background-color: var(--white);
}

@media (min-width: 992px) {
    .page-integration .intro {
        margin-bottom: 10rem;
        min-height: 435px;
    }

    .page-integration .intro .btn {
        margin: 5px 0;
    }

    .page-integration .intro .btn + .btn {
        margin-left: 10px;
    }
}

.page-integration .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-integration .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 650px;
    flex: 0 1 650px;
}

.page-integration .intro-meta {
    padding-top: 2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 650px;
    flex: 0 1 650px;
}

.page-integration .intro-meta a {
    color: var(--white);
}

.page-integration .intro-meta a:hover,
.page-integration .intro-meta a:focus {
    color: var(--blue);
}

.page-integration .intro-meta-key {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.071428em;
    line-height: 1.5em;
    color: var(--blue);
    margin: 0 0 1em;
}

.page-integration .intro-meta-separator {
    border: none;
    border-bottom: 1px solid rgba(247, 247, 249, 0.5);
    margin: 20px auto;
    max-width: 220px;
}

.page-integration .intro-meta-value span {
    margin: 0 1px;
}

@media (min-width: 992px) {
    .page-integration .intro .container {
        text-align: left;
        padding-top: 50px;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .page-integration .intro-content {
        padding: 2rem 0 0 0;
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
        flex: 0 1 600px;
    }

    .page-integration .intro-meta {
        padding: 4.5rem 0 0 3rem;
        text-align: right;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 350px;
        flex: 0 1 350px;
    }

    .page-integration .intro-meta-key {
        font-size: 0.9375em;
    }

    .page-integration .intro-meta-value span {
        display: block;
        margin: 0;
    }

    .page-integration .intro-meta-separator {
        margin-right: 0;
    }
}

.page-integration .integrations {
    padding-bottom: 5em;
}

.page-integration .integrations,
.page-integration .integrations p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-integration .integrations {
        padding-bottom: 9em;
    }

    .page-integration .integrations,
    .page-integration .integrations p {
        font-size: 16px;
    }
}

.page-integration .integrations .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-integration .integration {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 9px 0;
    padding: 40px;
    background-color: rgba(247, 247, 249, 97%);
}

@media (min-width: 768px) {
    .page-integration .integration {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        margin: 9px;
    }

    .page-integration .integration:nth-child(odd) {
        margin-left: 0;
    }

    .page-integration .integration:nth-child(even) {
        margin-right: 0;
    }
}

.page-integration .integration-logo {
    line-height: 0;
    margin-bottom: 2rem;
}

.page-integration .integration-logo img {
    max-height: 40px;
}

@media (min-width: 768px) {
    .page-integration .integration-logo {
        height: 40px;
    }
}

.page-integration .integration-desc p {
    font-size: 1em;
    margin: 0;
}

.integration-resource {
    padding-bottom: 4em;
}

.integration-resource,
.integration-resource p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .integration-resource {
        padding-bottom: 6em;
    }

    .integration-resource,
    .integration-resource p {
        font-size: 16px;
    }
}

.integration-resource .slant {
    padding: 3rem 0;
}

.integration-resource .slant:before {
    bottom: 0;
    height: 100%;
    max-height: none;
    background: -o-linear-gradient(315deg, #00a7e0 0%, #085db7 100%);
    background: linear-gradient(135deg, #00a7e0 0%, #085db7 100%);
}

.integration-resource .slant > .slant {
    padding: 0;
}

.integration-resource .slant > .slant:before {
    background: var(--lightgray);
}

.integration-resource-spacer {
    text-align: center;
    padding: 3rem 1rem 4rem;
    margin: 0 auto;
}

@media(min-width: 768px) {
    .integration-resource-spacer {
        max-width: calc(720px + 4rem);
        padding: 3rem 2rem 7rem;
    }
}

.integration-resource-spacer iframe {
    border-radius: 20px;
    -webkit-box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.29);
}

.page-integration .features,
.page-integration .features p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-integration .features,
    .page-integration .features p {
        font-size: 16px;
    }
}

.page-integration .features .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

@media(min-width: 992px) {
    .page-integration .features {
        margin-bottom: 12rem;
    }

    .page-integration .features .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

.page-integration .featured-image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    line-height: 0;
    max-width: 450px;
    padding: 10px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .page-integration .featured-image {
        width: 50%;
        padding: 10px 10px 10px 0;
        margin: 0;
    }
}

@media (min-width: 1050px) {
    .page-integration .featured-image {
        padding: 10px 50px 10px 0;
    }
}

.page-integration .featured-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-integration .content-boxes {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-integration .content-box-bg {
    background-color: var(--lightgray);
}

.page-integration .content-box-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.page-integration .content-box-icon-bg.content-box-icon-small .kc-icon {
    width: 3rem;
}

@media (min-width: 768px) {
    .page-integration .content-box {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 20px);
        flex: 1 1 calc(50% - 20px);
    }
}

.page-integration .content-boxes > div {
    height: 100%;
}

/* Page - SmartBox specs
 * -------------------------------------------------- */
.page-specs:before {
    height: 90vh;
    max-height: 700px;
}

.page-specs .intro {
    padding-bottom: 1.5em;
}

@media (min-width: 992px) {
    .page-specs .intro {
        padding-bottom: 3em;
    }
}

.page-specs .intro,
.page-specs .intro h1 {
    color: var(--white);
}

.page-specs .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-specs .intro h1 {
    margin-bottom: 10px;
}

.page-specs .smartbox-variants h2 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.5em;
}

.page-specs h3 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 1.5em;
}

@media (min-width: 992px) {
    .page-specs h3 {
        font-size: 2em;
    }
}

.page-specs h4 {
    font-size: 1.25em;
    line-height: 1.5;
    margin: 1em 0;
}

.page-specs .intro-img {
    margin-bottom: 20px;
}

.page-specs .smartbox-variants .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-specs .smartbox-variant-img {
    margin-bottom: 2.5em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -ms-grid;
    display: grid;
    justify-items: center;
}

.page-specs .smartbox-variant-img img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    display: none;
}

.page-specs .smartbox-variant-img img:first-child {
    display: block;
}

.page-specs .smartbox-variant-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 992px) {
    .page-specs .smartbox-variants .container {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-specs .smartbox-variant-img {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 370px;
        flex: 0 1 370px;
    }

    .page-specs .smartbox-variant-desc {
        padding-left: 5em;
        color: var(--white);
    }
}

.page-specs .smartbox-variant-desc,
.page-specs .smartbox-variant-desc p,
.page-specs .smartbox-variant-desc ul {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-specs .smartbox-variant-desc,
    .page-specs .smartbox-variant-desc p,
    .page-specs .smartbox-variant-desc ul {
        font-size: 16px;
    }
}

.page-specs .smartbox-features {
    color: var(--text-color);
    padding: 35px 40px;
    background-color: rgba(247, 247, 249, 97%);
    display: -ms-grid;
    display: grid;
}

.page-specs .smartbox-features ul {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 2 / 2;
    display: none;
}

.page-specs .smartbox-features [data-item="ms5"] {
    display: block;
}

.page-specs .intro-img,
.page-specs .intro-content,
.page-specs .smartbox-intro {
    display: -ms-grid;
    display: grid;
}

.page-specs .intro-img,
.page-specs .intro-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-specs .intro-img [data-item],
.page-specs .intro-content [data-item],
.page-specs .smartbox-intro [data-item] {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    display: none;
}

.page-specs .intro-img [data-item="ms5"],
.page-specs .intro-content [data-item="ms5"],
.page-specs .smartbox-intro [data-item="ms5"] {
    display: block;
}

.page-specs .smartbox-variant-selector {
    margin-bottom: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.page-specs .smartbox-variant-selector .btn {
    margin: 6px 0;
    padding: 0.688em 2em;
}

.page-specs .smartbox-variant-selector select.tb {
    border-radius: 5px;
}

@media (min-width: 992px) {
    .page-specs .smartbox-variant-selector > .selectboxes {
        min-width: 360px;
    }

    .page-specs .smartbox-variant-selector select.tb {
        color: var(--white);
        border: 1px solid var(--white);
    }

    .page-specs .smartbox-variant-selector .fa-angle-down {
        color: var(--white);
    }

    .page-specs .smartbox-variant-selector .btn:hover,
    .page-specs .smartbox-variant-selector .btn:focus,
    .page-specs .smartbox-variant-selector .btn:active {
        color: var(--green) !important;
        background-color: var(--white);
    }
}

.page-specs .selectboxes option {
    /* Firefox fix */
    color: var(--text-color);
}

@media (min-width: 1000px) {
    .page-specs .smartbox-variant-selector {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .page-specs .smartbox-variant-selector .btn {
        margin-left: 2em;
    }
}

.page-specs .sbox-specs {
    display: none;
}

.page-specs .sbox-specs#ms5 {
    display: block;
}

.page-specs .smartbox-variants,
.page-specs .smartbox-specs-data,
.page-specs .smartbox-specs-hardware {
    margin-bottom: 3rem;
}

@media (min-width: 992px) {
    .page-specs .smartbox-variants,
    .page-specs .smartbox-specs-data,
    .page-specs .smartbox-specs-hardware {
        margin-bottom: 7rem;
    }
}

.smartbox-specs-data dl {
    margin: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 6px;
}

.smartbox-specs-data dl > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

@media(min-width: 650px) {
    .smartbox-specs-data dl {
        -ms-grid-columns: 300px 1fr;
        grid-template-columns: 300px 1fr;
    }

    .smartbox-specs-data dl.one-col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.smartbox-specs-data dt,
.smartbox-specs-data dd {
    margin: 0;
    padding: 20px;
    background-color: rgba(247, 247, 249, 97%);
}

@media(min-width: 650px) {
    .smartbox-specs-data dt,
    .smartbox-specs-data dd {
        padding: 25px 30px;
    }
}

.smartbox-specs-data dt {
    color: var(--green);
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.0625em;
}

.smartbox-specs-hardware .specs-drawings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    /* max-width: 950px; */
}

#enclosure-ms5-single .smartbox-specs-hardware .specs-drawings,
#enclosure-ms5-double .smartbox-specs-hardware .specs-drawings,
#enclosure .smartbox-specs-hardware .specs-drawings {
    max-width: none;
}

@media(min-width: 768px) {
    .smartbox-specs-hardware .specs-drawings {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.smartbox-specs-hardware .specs-drawings > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 475px;
    flex: 0 1 475px;
}

#enclosure-ms5-single .smartbox-specs-hardware .specs-drawings > div,
#enclosure-ms5-double .smartbox-specs-hardware .specs-drawings > div,
#enclosure .smartbox-specs-hardware .specs-drawings > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

#enclosure .smartbox-specs-hardware .specs-drawings > div:nth-child(2),
#enclosure-ms5-double .smartbox-specs-hardware .specs-drawings > div:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 154px;
    flex: 0 1 154px;
}

#enclosure-ms5-single .smartbox-specs-hardware .specs-drawings > div:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 170px;
    flex: 0 1 170px;
}

.smartbox-specs-hardware .specs-labels {
    margin-top: -5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

@media (min-width: 768px) {
    .smartbox-specs-hardware .specs-labels {
        margin-top: 2rem;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
}

.specs-labels ol {
    color: var(--green);
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-size: 1.0625em;
    font-weight: normal;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 350px;
    flex: 0 1 350px;
}

.smartbox-specs-hardware .specs-labels li {
    margin-bottom: 1em;
}

@media (min-width: 768px) {
    .specs-labels ol {
        font-size: 1.125em;
    }
}

/* Print Styles
 * -------------------------------------------------- */
@media print {
    *,
    *::before,
    *::after {
        color: #000 !important;
        background-color: unset !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;

        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img {
        display: block;

        page-break-before: auto;
        page-break-after: auto;
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }

    header,
    footer {
        background-color: #fff;
    }

    header h1.logo {
        margin-bottom: 40px;
    }

    header .wrap {
        padding: 0;
    }

    header nav,
    footer nav,
    footer .social,
    footer .language,
    footer .translator,
    .blue-header,
    .page-icon,
    .page-terms .sidebar,
    .intro-img {
        display: none !important;
    }

    .container,
    footer .wrap,
    footer .copyright,
    .page-terms .terms-wrapper {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main,
    .billboard {
        border-bottom: 1px solid #999;
    }

    .billboard {
        min-height: 0 !important;
        margin-bottom: 40px !important;
        padding: 25px 0 !important;
        text-align: left;
        background-color: #fff;
    }

    .intro-content h1 {
        font-size: 20pt !important;
    }

    .d-print-block a[href]::after {
        content: " (" attr(href) ")";
    }

    .page-terms .terms {
        padding-left: 0 !important;
        border: none !important;
    }

    .page-mseries .intro-img {
        display: block !important;
    }
}

.d-print-block,
.d-print-inline,
.d-print-inline-block {
    display: none !important;
}

@media print {
    .d-print-block {
        display: block !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-none {
        display: none !important;
    }
}

/* KC Modal Window
 * -------------------------------------------------- */
.kc-backdrop,
.kc-backdrop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
}

.kc-backdrop {
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: all 400ms ease-in-out;
}

.kc-backdrop-overlay {
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.4);
}

.kc-backdrop.open {
    visibility: visible;
    opacity: 1;
}

.kc-modal {
    overflow-y: auto;
    position: fixed;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    padding: 15px;
    z-index: 102;
    background-color: #fff;
}

@media (min-width: 768px) {
    .kc-modal {
        max-width: 650px;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.kc-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.kc-modal-header .close {
    margin-left: auto;
    font-size: 0;
    cursor: pointer;
}

.kc-modal-footer {
    padding: 1.5rem 0;
    text-align: center;
}

.kc-modal form {
    margin: 0.7rem 0.5rem;
}

.kc-modal form .btn:not(.kc-form-btn) {
    margin: 1.5rem 0;
}

.kc-modal-y23 {
    padding: 20px;
}

@media(min-width: 768px) {
    .kc-modal-y23 {
        border-radius: 8px;
    }
}

.kc-modal-y23 .kc-modal-header .close {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    left: 20px;
}

.kc-modal-y23 .kc-modal-header {
    position: relative;
    margin: -20px -20px 30px;
    padding: 25px 20px 30px;
    color: #fff;
    background: var(--blue-gradient);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.kc-modal-y23 .kc-modal-logo {
    margin: 30px 0;
    line-height: 0;
}

.kc-modal-y23 .kc-modal-header h3 {
    color: #fff;
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.25em;
    text-align: center;
    margin: 0;
}

.kc-modal-y23 h2 + p {
    margin: -20px 0 20px;
}

/*
  Not sure about all of the spaces where this heading is being used,
  therefore hiding it via CSS for the new layout.
*/
.kc-modal-y23 .contact-form h5 {
    display: none;
}

/**
 * reCAPTCHA
 */

.grecaptcha-badge {
    visibility: hidden;
    right: 0 !important;
}

.grecaptcha-protection-message {
    font-size: 12px !important;
    padding-top: 15px;
}

/**
 * SB pricing page
 */

.sbpricing-page {
    font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

.sbpricing-page h1,
.sbpricing-page h2,
.sbpricing-page h3,
.sbpricing-page h4,
.sbpricing-page h5,
.sbpricing-page h6 {
    font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif;
    color: #0d4b60;
}

.sbpricing-page h3 {
    font-size: 1.2em;
}

.sbpricing-page p,
.sbpricing-page small,
.sbpricing-page td {
    font-weight: lighter;
}

.sbpricing-page section.main-container {
    max-width: 75em;
    margin: 0 auto;
    padding: 0 1.5625em;
}

.sbpricing-page section.main-container h1 {
    font-size: 1.5em;
}

.sbpricing-page section h1,
.sbpricing-page section p {
    text-align: center;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper {
    margin-top: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: space-around;
    -ms-flex-align: space-around;
    align-items: space-around;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper {
    margin: 1em;
    background-color: #f7f7f9;
    padding: 2em 1em;
    max-height: 25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 21em;
    flex-basis: 21em;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper h1 {
    font-size: 1.5em;
    margin-top: 1.5em;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper h1,
.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper h3 {
    margin-bottom: 0;
}

.sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper img {
    max-width: 48%;
}

.sbpricing-page section.plan-comparison-container {
    margin-top: 5em;
    background-color: #f7f7f9;
    padding: 2em 0;
}

.sbpricing-page section.plan-comparison-container section.main-container {
    padding: 0 0 3em 0;
}

.sbpricing-page section.plan-comparison-container section.main-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type {
    width: 12em;
    margin: 1em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: white;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    position: relative;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type input[type=radio]:checked::after {
    content: "";
    position: absolute;
    background-color: #07a7e0;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type input[type=radio]:focus {
    outline: none;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type input[type=radio]:checked ~ label {
    background-color: #0d4b60;
    color: white;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type input[type=radio]:checked ~ label h3 {
    color: white;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type label {
    display: block;
    cursor: pointer;
    width: 80%;
    padding: 0.2em;
    background-color: white;
    color: #0d4b60;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type label h3 {
    color: #0d4b60;
    margin: 0;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.sbpricing-page section.plan-comparison-container section.main-container table {
    margin: 3em 0 0 0;
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}

.sbpricing-page section.plan-comparison-container section.main-container form section.plan-type label small:last-of-type {
    display: block;
    margin-top: 2em;
}

.sbpricing-page section.plan-comparison-container section.main-container table td,
.sbpricing-page section.plan-comparison-container section.main-container table th {
    padding: 1.5rem 1rem;
}

.sbpricing-page section.plan-comparison-container section.main-container table colgroup col.features {
    background-color: #0d4b60;
    width: 34%;
}

.sbpricing-page section.plan-comparison-container section.main-container table thead {
    display: none;
}

.sbpricing-page section.plan-comparison-container section.main-container table tbody tr td:first-of-type {
    color: white;
}

.sbpricing-page section.plan-comparison-container section.main-container table tbody tr td i {
    font-size: 1.2em;
    color: #00a7e0;
}

.sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(2),
.sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(3) {
    background-color: white;
}

.sbpricing-page section.plan-comparison-container section.main-container table .section-title {
    font-size: 1.5em;
    font-weight: 500;
}

.sbpricing-page section.plan-comparison-container section.main-container table .premium-col {
    display: none;
}

/* SBPricing addons, also used in Pricing page */
section.addons-container {
    margin: 5em 0;
}

section.addons-container section.addons-wrapper {
    display: block;
    margin-top: 4em;
}


section.addons-container section.addons-wrapper,
section.addons-container section.addons-wrapper p {
    font-size: 15px;
}

@media (min-width: 768px) {
    section.addons-container section.addons-wrapper,
    section.addons-container section.addons-wrapper p {
        font-size: 16px;
    }
}

section.addons-container section.single-addon {
    background-color: #f7f7f9;
    max-width: 80%;
    margin: 1em auto;
    padding: 2em;
}

section.addons-container section.single-addon h1 {
    font-size: 1.3125em;
    text-align: left;
}

section.addons-container section.single-addon h3 {
    text-align: left;
}

section.addons-container section.single-addon p {
    text-align: left;
}

section.addons-container section.single-addon p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 48em) {
    .sbpricing-page #plan-selection {
        display: none;
    }

    .sbpricing-page .premium-col,
    .sbpricing-page .lite-col,
    .sbpricing-page .free-col {
        display: table-cell;
    }

    .sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .sbpricing-page section.hardware-price-container section.hardware-prices-wrapper section.single-price-wrapper:nth-of-type(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table colgroup col.features {
        background-color: unset;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table thead {
        display: table-header-group;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table thead h1 {
        text-align: left;
        margin-bottom: 0;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr.section-title-tr {
        background-color: #0d4b60;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr.section-title-tr td.section-title,
    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr.section-title-tr td {
        color: white;
        background-color: #0d4b60 !important;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr td:first-of-type {
        color: #3a3a3a;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr td img {
        max-width: 1.2em;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even).section-title-tr td {
        background-color: #0d4b60;
    }

    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(1),
    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(2),
    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(3),
    .sbpricing-page section.plan-comparison-container section.main-container table tbody tr:nth-of-type(even) td:nth-of-type(4) {
        background-color: white;
    }

    /* SBPricing addons, also used in Pricing page */
    section.addons-container {
        max-width: 75em;
        margin: 5em auto;
    }
}

/* SBPricing addons, also used in Pricing page*/
@supports (grid-area: auto) {
    @media screen and (min-width: 992px) {
        section.addons-container section.addons-wrapper {
            margin-top: 4em;
            display: grid;
            grid-template-columns: 1fr 1fr;
            /* grid-template-rows: 0.5fr 0.5fr; */
            grid-gap: 2em;
            /* grid-auto-rows: 20em; */
            padding: 0 1.5625em;
        }

        section.addons-container section.addons-wrapper section.single-addon {
            max-width: unset;
            margin: unset;
            grid-row-end: span 1;
        }

        /*
        section.addons-container section.addons-wrapper section.single-addon:nth-of-type(1){
            grid-column: 1/2;
            grid-row: 1/3;
        }

        section.addons-container section.addons-wrapper section.single-addon:nth-of-type(2){
            grid-column: 2/3;
            grid-row: 1/3;
        }
        */
    }
}

/* Tooltip
 * -------------------------------------------------- */
.dash-tooltip {
    cursor: pointer;
}

.dash-tooltip-text {
    font-size: 15px;
    line-height: 1.4;
    position: absolute;
    z-index: 10000000;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: rgba(0, 0, 0, .9);
    pointer-events: none;
}

.dash-tooltip-text:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    border-top: 10px solid rgba(0, 0, 0, .9);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.dash-tooltip-text.top:after {
    top: -20px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .9);
}

.dash-tooltip-text.left:after {
    left: 10px;
    margin: 0;
}

.dash-tooltip-text.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

/* Instant Quote Modal
 * -------------------------------------------------- */
#instant-quote .loading {
    margin: 50px 0 50px 0;
    text-align: center;
}

#instant-quote .kc-modal-header .close {
    padding: 5px;
}

#instant-quote .kc-modal-body {
    padding-left: 35px;
    padding-right: 35px;
}

@media (min-width: 768px) {
    #instant-quote .kc-modal {
        max-width: 1000px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    #instant-quote .kc-modal {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    #quote-box-form {
        margin-bottom: 80px;
    }
}

/* Page - Unsubscribe
 * -------------------------------------------------- */
.page-unsubscribe {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
}

.page-unsubscribe > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.page-unsubscribe > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}

.page-unsubscribe > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.page-unsubscribe:before {
    height: 60vh;
    min-height: 550px;
}

@media (min-width: 992px) {
    .page-unsubscribe:before {
        min-height: 650px;
    }
}

@media (min-width: 1700px) {
    .page-unsubscribe:before {
        height: 90vh;
        min-height: 700px;
    }
}

@media (min-width: 768px) {
    .page-unsubscribe .intro {
        margin-bottom: 1em;
    }
}

.page-unsubscribe .intro .container {
    max-width: 700px;
    text-align: center;
}

.page-unsubscribe .intro h1 {
    margin-bottom: 10px;
}

.page-unsubscribe .intro-img {
    margin-bottom: 20px;
}

.unsubscribe-wrapper {
    padding: 0 0 5em;
    min-height: 245px;
    text-align: center;
}

@media (min-width: 480px) {
    .unsubscribe-wrapper {
        padding: 0 0 10em;
        min-height: 312px;
    }
}

.unsubscribe-wrapper,
.unsubscribe-wrapper p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .unsubscribe-wrapper,
    .unsubscribe-wrapper p {
        font-size: 16px;
    }
}

.unsubscribe-wrapper p {
    margin-bottom: 1em;
}

.unsubscribe-wrapper .container {
    max-width: 600px;
}

.unsubscribe-form {
    margin: 0 auto;
}

/* Sale Message Bar
 * -------------------------------------------------- */
.sale-message {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 60px;
    padding: 10px 20px;
    background: linear-gradient(to right, #019edc 20%, #0a54ae);

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sale-message > a,
.sale-message > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-family: 'MuseoSans-500', Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sale-message .sale-icon {
    display: none;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background: url('vGdIdqFaTti1VSdU9LMq2SkzrEtCh5nLsTgWdsa1XZ2.svg') no-repeat;
}

.sale-message .message {
    transition: 0.3s;
    text-align: center;
}

.sale-message .arrow {
    display: none;
}

@media (min-width: 768px) {
    .sale-message .sale-icon {
        display: block;
    }

    .sale-message .arrow {
        display: block;
        opacity: 0;
        transition: 0.3s;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 0;
        background: url('dAcjRlfVPd9VOOW1n4kNuh7uTzqTdw8jmqC8TbkyCNo.svg') no-repeat;
    }

    .sale-message > a:hover .arrow {
        opacity: 1;
    }

    .sale-message > a:hover .message {
        margin-right: 23px;
    }
}

/* Lead form opt-in
 * -------------------------------------------------- */
.lead-form-opt-in {
    margin: 1em 0.25em;
}

/* Overrides for the admin section
 * -------------------------------------------------- */
.secure #main,
.sales #main {
    background: transparent;
}

/* Page - Landing Home Simple
 * -------------------------------------------------- */
.page-landing-home-demo:before {
    height: 90vh;
    max-height: 720px;
}

.page-landing-home-demo:after {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    max-height: 900px;
    display: block;
    content: '';
    background: var(--blue-gradient);
    -webkit-transform: var(--skew-angle);
    -ms-transform: var(--skew-angle);
    transform: var(--skew-angle);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}

.page-landing-home-demo.without-nav:before {
    max-height: 660px;
}

.page-landing-home-demo.without-nav:after {
    max-height: 840px;
}

.page-landing-home-demo .intro .logo {
    display: none;
    line-height: 0;
    margin-bottom: 1.5rem;
}

.page-landing-home-demo .intro .logo a {
    display: inline-block;
}

.page-landing-home-demo.without-nav .intro .logo {
    display: block !important;
}

.page-landing-home-demo .intro h1 {
    line-height: 1.3;
}

.page-landing-home-demo .intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-landing-home-demo.without-nav .intro .container {
    padding-top: 60px;
}

.page-landing-home-demo .intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-landing-home-demo .intro-img,
.page-landing-home-demo .intro-media {
    margin-top: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

.page-landing-home-demo .intro-img.has-video,
.page-landing-home-demo .intro-media.has-video {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.page-landing-home-demo.page-landing-cam .intro-img.has-video {
    align-self: auto;
}

.page-landing-home-demo .intro-media .ratio {
    max-width: 600px;
    margin-left: auto;
}

.page-landing-home-demo .intro .btn {
    margin: 5px;
}

.page-landing-home-demo.nav-light .intro .btn.orange:hover,
.page-landing-home-demo.nav-light .intro .btn.orange:focus-visible {
    color: var(--green) !important;
    background-color: var(--white);
}

.page-landing-home-demo .intro .fine-print {
    margin-top: 1rem;
}

@media (min-width: 992px) {
    .page-landing-home-demo .intro {
        padding-bottom: 2rem;
    }

    .page-landing-home-demo .intro .container {
        padding-top: 100px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-landing-home-demo.without-nav .intro .container {
        padding-top: 130px;
    }

    .page-landing-home-demo .intro-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 475px;
        flex: 0 1 475px;
        padding-right: 5rem;
    }

    .page-landing-home-demo .intro-img,
    .page-landing-home-demo .intro-media {
        -webkit-box-flex: 1;
        -ms-flex: 0 1 600px;
        flex: 0 1 600px;
        margin-top: -3rem;
        text-align: right;
    }

    .page-landing-home-demo .intro-img.has-video,
    .page-landing-home-demo .intro-media.has-video {
        margin-top: 0;
    }

    .page-landing-home-demo .intro .btn {
        margin: 5px 10px 5px 0;
    }
}

.page-landing-home-demo .features,
.page-landing-home-demo .features p {
    font-size: 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-landing-home-demo .features .content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 20px);
        flex: 0 1 calc(50% - 20px);
    }
}

.page-landing-home-demo .partners h2 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 4rem 0 2rem;
}

@media (min-width: 768px) {
    .page-landing-home-demo .partners h2 {
        font-size: 2rem;
        margin: 4rem 0
    }
}

.page-landing-home-demo .partner-logos,
.page-landing-home-demo .partner-logos > div {
    display: block;
}

@media (min-width: 1200px) {
    .page-landing-home-demo .partner-logos {
        padding: 0 2.5rem;
    }
}

.logos-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.logos-slider .owl-item > div {
    padding: 0 2.5rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-landing-home-demo .customer-ratings .store-icon {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    margin: 0 0 20px;
}

.page-landing-home-demo .customer-reviews {
    margin: 4rem 0 6rem;
}

@media (min-width: 992px) {
    .page-landing-home-demo .customer-reviews {
        margin: 4rem 0 8rem;
    }
}

.cta-landing-demo {
    margin: 6rem 0 10rem;
}

.cta-landing-demo:before {
    top: 220px;
    height: 80vh;
    max-height: 160px;
    background: var(--blue-gradient);
}

.cta-landing-demo:after {
    z-index: -2;
    position: absolute;
    top: 220px;
    left: 0;
    right: 0;
    height: 80vh;
    max-height: 350px;
    display: block;
    content: '';
    background: var(--lightgray);
    -webkit-transform: var(--skew-angle);
    -ms-transform: var(--skew-angle);
    transform: var(--skew-angle);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}

.page-landing-home-demo.without-nav .cta-landing-demo:after {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transform-origin: unset;
    -ms-transform-origin: unset;
    transform-origin: unset;
    max-height: unset;
    height: unset;
    bottom: -10rem;
}

@media (min-width: 992px) {
    .cta-landing-demo {
        margin: 6rem 0 20rem;
    }

    .cta-landing-demo:after {
        max-height: 450px;
    }

    .page-landing-home-demo.without-nav .cta-landing-demo:after {
        max-height: unset;
        height: unset;
        bottom: -20rem;
    }
}

.cta-landing-demo h4 {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 2rem;
    text-align: center;
}

@media (min-width: 768px) {
    .cta-landing-demo h4 {
        font-size: 1.75rem;
        margin: 0 0 4rem;
    }
}

.cta-landing-demo .container {
    max-width: 750px;
}

.cta-landing-demo .contact-form-wrapper {
    position: relative;
    padding: 35px;
    border-radius: 22px;
    color: var(--white);
    font-size: 15px;
    background: rgb(0, 167, 224);
    background: -o-linear-gradient(342deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
    background: linear-gradient(108deg, rgba(0, 167, 224, 1) 0%, rgba(8, 93, 183, 1) 100%);
}

.cta-landing-demo .tb {
    border-radius: 5px;
    padding: 11px 0.75em 9px;
    color: var(--green);
    border: 1px solid var(--white);
    background-color: var(--white);
}

.cta-landing-demo .btn {
    text-transform: uppercase;
}

.cta-landing-demo .btn.orange:hover,
.cta-landing-demo .btn.orange:focus,
.cta-landing-demo .btn.orange:active {
    color: var(--green) !important;
    background-color: var(--white);
}

.cta-landing-demo a,
.cta-landing-demo a:hover,
.cta-landing-demo a:focus,
.cta-landing-demo a:active {
    color: var(--white);
    text-decoration: underline;
}

.cta-landing-demo a:hover,
.cta-landing-demo a:focus,
.cta-landing-demo a:active {
    text-decoration: none;
}

.cta-landing-demo .btn-wrapper {
    text-align: center;
    max-width: 320px;
    margin: 30px auto 0;
}

.cta-landing-demo .key {
    display: none;
    position: absolute;
    right: -13%;
    bottom: -40%;
}

@media (min-width: 992px) {
    .cta-landing-demo .key {
        display: block;
    }
}

.cta-landing-demo .response-success {
    text-align: center;
}

.cta-landing-demo .response-success h5 {
    font-size: 1.25rem;
    font-family: 'MuseoSans-500', Arial, Helvetica, sans-serif;
    color: var(--white);
}

.cta-landing-demo .response-success p {
    font-size: 1rem;
    margin-bottom: 0;
}

/* Page - Landing Home
 * -------------------------------------------------- */
.page-landing-home:after {
    display: none;
}

.page-landing-home .intro .logo {
    display: none;
    line-height: 0;
    margin-bottom: 1.5rem;
}

.page-landing-home .intro .logo a {
    display: inline-block;
}

.page-landing-home.without-nav .intro .logo {
    display: block !important;
}

@media (min-width: 768px) {
    .page-landing-home .partners {
        margin-bottom: 0;
    }
}

.page-landing-home .kc-infra {
    margin-top: 2rem;
}

.page-landing-home .kc-infra-intro > :last-child {
    margin-bottom: 0;
}

.page-landing-home .cta-home {
    margin: 7rem 0 0;
}

.page-landing-home .cta-home:before {
    top: 20rem;
    max-height: 400px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-landing-home .cta-home:before {
        top: 12rem;
    }
}

.page-landing-home .cta-home > .container {
    padding-top: 0;
}

.page-landing-home .cta-home-2 {
    padding: 1.5rem 2rem;
    background-color: var(--white);
    border: 1px solid var(--lightgray);
    -webkit-box-flex: 0;
    -ms-flex: 0 1 550px;
    flex: 0 1 550px;
}

@media (min-width: 992px) {
    .page-landing-home .cta-home {
        margin: 7rem 0 10rem;
    }

    .page-landing-home .cta-home > .container {
        padding-top: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cta-home-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 550px;
        flex: 0 1 550px;
        padding: 0 5rem;
    }

    .page-landing-home .cta-home-2 {
        padding: 2rem;
    }
}

.page-landing-home .cta-home-2 p {
    margin-bottom: 1em;
}

.page-landing-home-demo .blog-featured-post-wrapper,
.page-landing-home-demo .blog-featured-post-wrapper p {
    font-size: 17px;
    line-height: 1.7;
}

.page-landing-home-demo .blog-featured-post-wrapper h3,
.page-landing-home-demo .img-carousel h3 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 4rem 0 2rem;
    text-align: center;
}

.page-landing-home-demo .img-carousel {
    max-width: 950px;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .page-landing-home-demo .blog-featured-post-wrapper,
    .page-landing-home-demo .blog-featured-post-wrapper p {
        font-size: 17px;
    }

    .page-landing-home-demo .blog-featured-post-wrapper h3,
    .page-landing-home-demo .img-carousel h3 {
        font-size: 2rem;
        margin: 4rem 0
    }
}

/* Landing Pages - Without Navigations
 * -------------------------------------------------- */
.without-nav header,
.without-nav footer {
    display: none !important;
}

/* Landing Page - Industry Specific
 * -------------------------------------------------- */
.page-landing-industry:before {
    height: 105vh;
}

.page-landing-industry:after {
    display: none;
}

.page-landing-industry .landing-header {
    background-color: var(--lightgray);
    padding-top: 3rem;
}

.page-landing-industry .landing-header .container,
.page-landing-hilton .landing-header .container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 2rem auto;
    grid-template-areas:
        "page-heading"
        "page-offer-badge";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
}

.page-landing-hilton .landing-header .container {
    max-width: 1200px;
}

@media(min-width: 992px) {
    .page-landing-industry .landing-header .container,
    .page-landing-hilton .landing-header .container {
        -ms-grid-columns: 200px 1fr 200px;
        grid-template-columns: 200px 1fr 200px;
        grid-template-areas: ". page-heading page-offer-badge";
    }
}

@media(min-width: 992px) {
    .page-landing-cam .landing-header .container,
    .page-landing-microlise2024 .landing-header .container,
    .page-landing-hilton .landing-header .container {
        -ms-grid-columns: 150px 1fr 150px;
        grid-template-columns: 150px 1fr 150px;
    }
}

.page-landing-industry .landing-header .landing-header-content,
.page-landing-hilton .landing-header .landing-header-content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: page-heading;
    text-align: center;
}

@media (min-width: 992px) {
    .page-landing-industry .landing-header .landing-header-content,
    .page-landing-hilton .landing-header .landing-header-content {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
}

.page-landing-industry .landing-header h1 {
    font-size: 2.25rem;
    margin-bottom: 1rem;
}

.page-landing-cam .landing-header h1 {
    font-size: 1.75rem;
}

.page-landing-microlise2024 .landing-header h1,
.page-landing-hilton .landing-header h1 {
    font-size: 1.5625rem;
}

.page-landing-pm-springfest .landing-header h1 {
    font-size: 1.875rem;
}

.page-landing-hospitality-show .landing-header h1 {
    font-size: 1.75rem;
}

.page-landing-industry .landing-header h2,
.page-landing-hilton .landing-header h2 {
    display: inline-block;
    font-family: "MuseoSans-300", Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    padding: 8px 48px 5px;
    border-radius: 8px;
    color: var(--white);
    background: linear-gradient(180deg, #f99c25, #ff633b);
}

.page-landing-industry .landing-header h2 strong,
.page-landing-hilton .landing-header h2 strong {
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.page-landing-industry .landing-header .landing-header-badge,
.page-landing-hilton .landing-header .landing-header-badge {
    grid-area: page-offer-badge;
    text-align: center;
}

@media (min-width: 992px) {
    .page-landing-industry .landing-header .landing-header-badge,
    .page-landing-hilton .landing-header .landing-header-badge {
        text-align: left;
        margin-left: -20px;
    }
}

@media (min-width: 1050px) {
    .page-landing-industry .landing-header .landing-header-badge,
    .page-landing-hilton .landing-header .landing-header-badge {
        margin-left: -50px;
    }
}

@media (min-width: 1150px) {
    .page-landing-industry .landing-header .landing-header-badge,
    .page-landing-hilton .landing-header .landing-header-badge {
        margin-left: -110px;
    }
}

.page-landing-industry .landing-header .offer-badge,
.page-landing-hilton .landing-header .offer-badge {
    display: inline-block;
    background-color: var(--white);
    border-radius: 8px;
    padding: 15px;
    line-height: 0;
}

.page-landing-industry .quote-form-wrapper {
    padding-bottom: 8rem;
}

.page-landing-industry .quote-form-wrapper::before {
    height: auto;
    max-height: none;
    bottom: 0;
}

.page-landing-industry .intro {
    padding-bottom: 0;
}

.page-landing-industry .intro .logo {
    margin-bottom: 2.5rem;
}

.page-landing-industry .intro-content {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 600px;
    flex: 0 1 600px;
}

.page-landing-industry .cta-landing-demo {
    margin-top: 10px;
    margin-bottom: 4rem;
}

.page-landing-industry .cta-landing-demo:before {
    display: none;
}

.page-landing-cam .cta-landing-demo::before {
    display: block;
}

.page-landing-industry .cta-landing-demo:after {
    background: var(--blue-gradient);
}

.page-landing-industry.without-nav .cta-landing-demo:after {
    max-height: unset;
    height: unset;
    bottom: -40rem;
    background: var(--blue-gradient);
    -webkit-transform: var(--skew-angle);
    -ms-transform: var(--skew-angle);
    transform: var(--skew-angle);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: -1;
}

.page-landing-cam.without-nav .cta-landing-demo:after {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transform-origin: unset;
    -ms-transform-origin: unset;
    transform-origin: unset;
    max-height: unset;
    height: unset;
    bottom: -10rem;
}

@media (min-width: 850px) {
    .page-landing-industry.without-nav .cta-landing-demo:after {
        bottom: -34rem;
    }
}

@media (min-width: 992px) {
    .page-landing-industry.without-nav .cta-landing-demo:after {
        bottom: -32rem;
    }
}

.page-landing-industry .cta-landing-demo h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.6875rem;
    color: var(--blue);
}

@media (min-width: 768px) {
    .page-landing-industry .cta-landing-demo h4 {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 992px) {
    .page-landing-industry.without-nav .intro .container,
    .page-landing-industry .intro .container {
        padding-top: 60px;
    }

    .page-landing-industry .intro-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
        flex: 0 1 600px;
        padding-right: 0;
    }
}

.page-landing-industry .industry-intro:before {
    display: none;
}

.page-landing-industry .industry-intro .kc-icon {
    width: 3rem;
}

.page-landing-industry .industry-intro {
    margin-bottom: 2rem;
}

.page-landing-industry .industry-intro,
.page-landing-industry .industry-intro h1 {
    color: var(--white);
}

.page-landing-industry .industry-intro .container {
    text-align: center;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-landing-industry .industry-intro .industry-intro-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 500px;
    flex: 0 1 500px;
}

.page-landing-industry .industry-intro .industry-intro-img {
    margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 330px;
    flex: 0 1 330px;
    max-height: 450px;
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.page-landing-industry .industry-intro .industry-intro-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-landing-industry .industry-intro .section-title {
    margin-top: 3px;
}

.page-landing-industry .industry-intro h1 {
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 10px;
}

.page-landing-industry .nouveau .industry-intro p {
    font-size: 16px;
    margin: 0 0 20px;
}

@media (min-width: 850px) {
    .page-landing-industry .industry-intro {
        margin-bottom: 7rem;
    }

    .page-landing-industry .industry-intro .container {
        padding-top: 50px;
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-landing-industry .industry-intro .industry-intro-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 2rem 0 0 4rem;
    }

    .page-landing-industry .industry-intro h1 {
        font-size: 2.3125rem;
    }

    .page-landing-industry .industry-intro .industry-intro-img {
        padding: 0;
        margin-top: 0;
    }
}

.page-landing-industry-y23 .intro {
    margin-bottom: 0;
}

.page-landing-industry-y23 .slant-dark::before {
    background: var(--blue-gradient);
}

.page-landing-industry-y23 .slant-dark h1,
.page-landing-industry-y23 .slant-dark p {
    color: var(--white);
}

.page-landing-industry-y23 .slant-dark h1 strong {
    color: var(--blue);
}

.page-landing-industry-y23 p.font-upscale {
    font-size: 18px;
}

.page-landing-industry-y23 .intro .container {
    max-width: 650px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.page-landing-industry-y23 .intro-content {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-landing-industry-y23 .intro-img {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: none;
    -webkit-clip-path: none;
    clip-path: none;
}

.page-landing-industry-y23 .intro-img img {
    border-radius: 12px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-landing-industry-y23 .intro .section-title-wrap {
    margin-bottom: 1.5rem;
}

.page-landing-industry-y23 .intro .section-icon {
    margin-bottom: 0;
}

.page-landing-industry-y23 .intro .kc-icon {
    width: 2.5rem;
}

.page-landing-industry-y23 .intro .section-title {
    font-size: 1rem;
}

@media (max-width: 991px) {
    .page-landing-industry-y23 .intro h1 {
        font-size: 1.75rem;
    }
}

@media (min-width: 900px) {
    .page-landing-industry-y23 .intro {
        margin-bottom: 5rem;
    }

    .page-landing-industry-y23 .intro .container {
        padding-top: 32px;
        max-width: 75%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }

    .page-landing-industry-y23.page-landing-cam .intro .container {
        flex-flow: column;
    }

    .page-landing-industry-y23 .intro-content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0;
    }

    .page-landing-industry-y23 .intro-img {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    .page-landing-industry-y23 .intro {
        margin-bottom: 10rem;
    }

    .page-landing-industry-y23 .intro .container {
        max-width: 1200px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .page-landing-industry-y23.page-landing-cam .intro .container {
        flex-flow: row;
    }

    .page-landing-industry-y23 .intro-content {
        text-align: left;
        padding: 2rem 4rem 0 0;
    }

    .page-landing-industry-y23 .intro-img {
        margin-top: 0;
        padding-top: 2rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 560px;
        flex: 0 1 560px;
    }

    .page-landing-industry-y23.page-landing-cam .intro-img {
        padding-top: 0;
    }

    .page-landing-industry-y23 .intro .section-title-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-landing-industry-y23 .intro .section-title {
        margin: 0 0 0 1em;
        font-size: 1.25em;
    }
}

.page-landing-industry .partners .container {
    max-width: 1000px;
}

@media (min-width: 768px) {
    .page-landing-industry .testimonials-industry {
        margin-bottom: 10em;
    }
}

.page-landing-industry-y23 .partners {
    padding-top: 4rem;
}

.page-landing-buildings .partners {
    padding-top: 2rem;
}

@media (min-width: 992px) {
    .page-landing-buildings .partners {
        padding-top: 10rem;
    }
}

.page-landing-industry .partners .container {
    max-width: 1000px;
}

.page-landing-industry-y23 .partners .container,
.page-landing-buildings .partners .container {
    max-width: 1100px;
}

.page-landing-industry-y23 .partners h2,
.page-landing-buildings .partners h2,
.page-landing-buildings .features-header h4 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 0 1em;
}

@media (min-width: 768px) {
    .page-landing-industry-y23 .partners h2,
    .page-landing-buildings .partners h2,
    .page-landing-buildings .features-header h4 {
        font-size: 2em;
    }
}

.page-landing-industry-y23 .partner-logos,
.page-landing-industry-y23 .partner-logos > div,
.page-landing-buildings .partner-logos,
.page-landing-buildings .partner-logos > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-landing-industry-y23 .features h3 {
    text-transform: none;
}

.page-landing-industry .devices:before {
    height: 100%;
    max-height: unset;
}

.page-landing-industry .devices .btn {
    display: none;
}

/* Landing Page - Hilton Hotels / Morgan Sindall / CAM
* -------------------------------------------------- */
.page-landing-industry-y23 .industry-benefits {
    padding-bottom: 3em;
}

.page-landing-industry-y23 .industry-benefits .container {
    max-width: 1200px;
}

@media (min-width: 768px) {
    .page-landing-industry-y23 .industry-benefits h2 {
        max-width: 600px;
    }
}

.page-landing-industry-y23 .industry-benefits-img img {
    -webkit-filter: none;
    filter: none;
}

@media (min-width: 992px) {
    .page-landing-industry-y23 .industry-benefits-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 500px;
        flex: 0 1 500px;
    }

    .page-landing-buildings .page-landing-industry-y23 .industry-benefits-content {
        padding-top: 2rem;
    }
}

.page-landing-industry .industry-workflow {
    margin-top: 3rem;
}

.page-landing-industry .industry-workflow,
.page-landing-industry .industry-workflow p {
    font-size: 15px;
}

@media (min-width: 768px) {
    .page-landing-industry .industry-workflow {
        margin-top: 5rem;
    }

    .page-landing-industry .industry-workflow,
    .page-landing-industry .industry-workflow p {
        font-size: 16px;
    }
}

.page-landing-industry .industry-workflow .container {
    max-width: 1100px;
}

.page-landing-industry .industry-workflow-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 3rem;
}

.page-landing-industry .industry-workflow-container > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-landing-industry .industry-workflow-media {
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 850px) {
    .page-landing-industry .industry-workflow-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        gap: 4rem;
    }

    .page-landing-industry .industry-workflow-container > div {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

.page-landing-industry .industry-workflow h2 {
    font-size: 1.75em;
    line-height: 1.5;
    margin: 0 auto 1.5em;
    text-align: center;
}

@media (min-width: 768px) {
    .page-landing-industry .industry-workflow h2 {
        font-size: 2em;
        max-width: 450px;
        margin-bottom: 2em;
    }
}

.page-landing-industry .industry-workflow h3 {
    font-size: 1.125em;
    line-height: 1.5;
    margin: 0 0 0.875rem;
}

.page-landing-industry .industry-workflow ol {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    counter-reset: step-counter;
}

.page-landing-industry .industry-workflow ol:last-child {
    margin-bottom: 0;
}

.page-landing-industry .industry-workflow li {
    font-size: 1.0625rem;
    margin: 1.25rem 0;
    padding: 0;
    counter-increment: step-counter;
}

.page-landing-industry .industry-workflow li:before {
    content: counter(step-counter)". ";
    color: var(--blue);
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
}

@media (min-width: 850px) {
    .page-landing-industry-y23 .testimonials-industry {
        margin-top: 7em;
    }
}

/* Landing Page - Hilton Hotels
 * -------------------------------------------------- */
.page-landing-hilton .stripe-blue,
.page-landing-hilton .stripe-blue::before,
.page-landing-morgan .stripe-blue,
.page-landing-morgan .stripe-blue::before,
.page-landing-cam .stripe-blue,
.page-landing-cam .stripe-blue::before {
    height: 60px;
}

.page-landing-hilton .stripe-blue::before,
.page-landing-morgan .stripe-blue::before,
.page-landing-cam .stripe-blue::before {
    background: var(--blue-gradient);
}

.page-landing-hilton.without-nav::before,
.page-landing-morgan.without-nav::before,
.page-landing-cam.without-nav::before {
    max-height: 500px;
}

.page-landing-hilton.without-nav::before {
    max-height: 600px;
}

.page-landing-fsr.without-nav::before {
    max-height: 550px;
}

.page-landing-hilton::after,
.page-landing-morgan::after,
.page-landing-cam::after {
    top: -200px;
    max-height: 500px !important;
}

.page-landing-buildings.without-nav::before {
    max-height: 600px;
    transform: none;
}

.page-landing-fsr::after,
.page-landing-buildings::after {
    display: none;
}

@media (min-width: 992px) {
    .page-landing-hilton.without-nav::before {
        max-height: 525px;
    }

    .page-landing-morgan.without-nav::before {
        max-height: 475px;
    }

    .page-landing-buildings.without-nav::before {
        max-height: 550px;
    }
}

@media (min-width: 1200px) {
    .page-landing-hilton.without-nav::before {
        max-height: 525px;
    }

    .page-landing-fsr.without-nav::before {
        max-height: 660px;
    }

    .page-landing-buildings.without-nav::before {
        max-height: 600px;
    }
}

.page-landing-hilton.without-nav .intro .container,
.page-landing-morgan.without-nav .intro .container,
.page-landing-fsr.without-nav .intro .container,
.page-landing-buildings.without-nav .intro .container {
    padding-top: 60px;
}

.page-landing-hilton .intro .logo,
.page-landing-morgan .intro .logo,
.page-landing-fsr .intro .logo,
.page-landing-buildings .intro .logo {
    margin-bottom: 3rem;
}

.page-landing-hilton .intro,
.page-landing-hilton .intro h1,
.page-landing-morgan .intro,
.page-landing-morgan .intro h1,
.page-landing-fsr .intro,
.page-landing-fsr .intro h1,
.page-landing-buildings .intro,
.page-landing-buildings .intro h1 {
    color: var(--white);
}

.page-landing-hilton .intro h1 strong,
.page-landing-morgan .intro h1 strong {
    display: block;
    color: var(--blue);
}

.page-landing-hilton .intro p,
.page-landing-morgan .intro p {
    font-size: 1.0625rem;
}

.page-landing-hilton .intro p.fine-print,
.page-landing-fsr .intro p.fine-print,
.page-landing-buildings .intro p.fine-print {
    font-size: 0.9375em;
    color: var(--white);
}

.page-landing-fsr .intro p.fine-print,
.page-landing-buildings .intro p.fine-print {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .page-landing-morgan .nouveau .btn-lg,
    .page-landing-fsr .nouveau .btn-lg,
    .page-landing-buildings .nouveau .btn-lg {
        font-size: 1.125rem;
    }
}

.page-landing-hilton .intro-media.has-video,
.page-landing-morgan .intro-media.has-video,
.page-landing-fsr .intro-media.has-video,
.page-landing-buildings .intro-media.has-video {
    margin-top: 0;
    margin-bottom: 0;
}

.page-landing-hilton .intro-media.has-video {
    margin-bottom: 2rem;
}

@media (max-width: 991px) {
    .page-landing-morgan .intro-media.has-video,
    .page-landing-fsr .intro-media.has-video,
    .page-landing-buildings .intro-media.has-video {
        margin-top: 1.25rem;
    }
}

@media (max-width: 1199px) {
    .page-landing-cam .intro-img.has-video .ratio {
        max-width: 600px;
        margin-inline: auto;
    }
}

.page-landing-hilton .intro-media iframe,
.page-landing-morgan .intro-media iframe,
.page-landing-cam .intro-img iframe {
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 450px) {
    .page-landing-hilton .intro h1,
    .page-landing-morgan .intro h1,
    .page-landing-fsr .intro h1,
    .page-landing-buildings .intro h1 {
        font-size: 1.75rem;
    }
}

@media (min-width: 992px) {
    .page-landing-hilton .intro .logo,
    .page-landing-morgan .intro .logo,
    .page-landing-fsr .intro .logo,
    .page-landing-buildings .intro .logo {
        margin-bottom: 5rem;
    }

    .page-landing-hilton .intro-content,
    .page-landing-morgan .intro-content,
    .page-landing-fsr .intro-content,
    .page-landing-buildings .intro-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
        flex: 0 1 600px;
        padding-right: 5rem;
    }

    .page-landing-hilton .intro-img,
    .page-landing-hilton .intro-media,
    .page-landing-morgan .intro-img,
    .page-landing-morgan .intro-media,
    .page-landing-fsr .intro-img,
    .page-landing-fsr .intro-media,
    .page-landing-buildings .intro-img,
    .page-landing-buildings .intro-media {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 540px;
        flex: 1 1 540px;
    }
}

@media (min-width: 1200px) {
    .page-landing-hilton .intro h1,
    .page-landing-morgan .intro h1,
    .page-landing-fsr .intro h1,
    .page-landing-buildings .intro h1 {
        font-size: 2.75rem;
    }

    .page-landing-hilton .intro p,
    .page-landing-morgan .intro p {
        font-size: 1.25rem;
    }
}

.page-landing-hilton .tagline,
.page-landing-morgan .tagline,
.page-landing-cam .tagline {
    text-align: center;
    padding: 2rem 0 0;
}

.page-landing-fsr .tagline {
    text-wrap: balance;
    text-align: center;
    padding: 2rem 0;
}

.page-landing-cam .tagline {
    margin-top: 4rem;
}

.page-landing-hilton .tagline .container,
.page-landing-morgan .tagline .container,
.page-landing-cam .tagline .container,
.page-landing-fsr .tagline .container {
    max-width: 950px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-landing-hilton .tagline-img,
.page-landing-morgan .tagline-img,
.page-landing-cam .tagline-img,
.page-landing-fsr .tagline-img {
    line-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.page-landing-hilton .tagline h2,
.page-landing-morgan .tagline h2,
.page-landing-cam .tagline h2,
.page-landing-fsr .tagline h2 {
    font-family: 'MuseoSans-500', Arial, Helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.38461;
    margin: 2rem 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

@media (min-width: 992px) {
    .page-landing-hilton .tagline,
    .page-landing-morgan .tagline {
        text-align: left;
        padding: 7rem 0 0;
    }

    .page-landing-fsr .tagline {
        text-align: left;
        padding: 8rem 0 6rem;
    }

    .page-landing-cam .tagline {
        text-align: left;
        padding: 4rem 0 0;
    }

    .page-landing-hilton .tagline .container,
    .page-landing-morgan .tagline .container,
    .page-landing-cam .tagline .container,
    .page-landing-fsr .tagline .container {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-landing-hilton .tagline-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 285px;
        flex: 0 1 285px;
    }

    .page-landing-morgan .tagline-img,
    .page-landing-cam .tagline-img,
    .page-landing-fsr .tagline-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 250px;
        flex: 0 1 250px;
    }

    .page-landing-hilton .tagline h2,
    .page-landing-morgan .tagline h2,
    .page-landing-cam .tagline h2,
    .page-landing-fsr .tagline h2 {
        font-size: 1.625rem;
        margin: 0;
        padding-left: 2.75rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-landing-cam .tagline h2 {
        font-size: 1.375rem;
    }
}

@media (min-width: 1200px) {
    .page-landing-fsr .tagline {
        padding: 12rem 0 6rem;
    }
}

@media (min-width: 768px) {
    .page-landing-hilton .content-boxes > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-landing-morgan .content-boxes > div,
    .page-landing-cam .content-boxes > div {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .page-landing-morgan .content-boxes > div,
    .page-landing-cam .content-boxes > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.page-landing-hilton .content-box-bg {
    background-color: var(--white);
    padding: 32px;
}

.page-landing-hilton .content-box-icon-bg {
    background-color: var(--white);
}

.page-landing-morgan .content-box-icon-bg-white,
.page-landing-cam .content-box-icon-bg-white {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.page-landing-hilton .content-boxes h3,
.page-landing-morgan .content-boxes h3,
.page-landing-cam .content-boxes h3 {
    font-size: 1.375rem;
    text-transform: capitalize;
}

.page-landing-hilton .features,
.page-landing-morgan .features,
.page-landing-cam .features {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.page-landing-hilton .features,
.page-landing-hilton .features p,
.page-landing-morgan .features,
.page-landing-morgan .features p,
.page-landing-cam .features,
.page-landing-cam .features p {
    font-size: 17px;
}

@media (min-width: 992px) {
    .page-landing-hilton .features,
    .page-landing-morgan .features,
    .page-landing-cam .features {
        margin-top: 7rem;
    }
}

.page-landing-hilton .review,
.page-landing-morgan .review,
.page-landing-cam .review {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.page-landing-fsr .review,
.page-landing-buildings .review {
    margin-top: 2rem;
    margin-bottom: 6rem;
    padding: 5rem 0;
    background: var(--lightgray);
}

@media (min-width: 450px) {
    .page-landing-hilton .review,
    .page-landing-morgan .review,
    .page-landing-cam .review {
        margin-top: 6rem;
    }
}

@media (min-width: 768px) {
    .page-landing-hilton .review,
    .page-landing-morgan .review,
    .page-landing-cam .review {
        margin-top: 8.75rem;
    }
}

@media (min-width: 1200px) {
    .page-landing-hilton .review,
    .page-landing-morgan .review,
    .page-landing-cam .review {
        margin-top: 10rem;
    }
}

.page-landing-hilton .review .container,
.page-landing-morgan .review .container,
.page-landing-cam .review .container,
.page-landing-fsr .review .container,
.page-landing-buildings .review .container {
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-landing-fsr .review .container,
.page-landing-buildings .review .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-landing-cam .review h2,
.page-landing-fsr .review h4,
.page-landing-buildings .review h4 {
    font-size: 1.875rem;
    line-height: 1.5;
    margin-bottom: 2em;
    text-align: center;
}

.page-landing-hilton .review-media,
.page-landing-morgan .review-media,
.page-landing-cam .review-media {
    line-height: 0;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 2rem;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.page-landing-morgan .review-media .ratio>img,
.page-landing-cam .review-media .ratio>img {
    -o-object-fit: cover;
    object-fit: cover;
}

.page-landing-hilton .review-content,
.page-landing-morgan .review-content,
.page-landing-cam .review-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

.page-landing-fsr .review-content,
.page-landing-buildings .review-content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: var(--white);
    background: var(--blue-gradient);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1em;
}

.page-landing-hilton .review-content p,
.page-landing-morgan .review-content p,
.page-landing-cam .review-content p {
    font-family: 'MuseoSans-500', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--green);
    margin-bottom: 1em;
}

.page-landing-fsr .review-content p,
.page-landing-buildings .review-content p {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 0;
}

.page-landing-hilton .testimonial-author,
.page-landing-morgan .testimonial-author,
.page-landing-cam .testimonial-author {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-landing-hilton .testimonial-author-image,
.page-landing-morgan .testimonial-author-image,
.page-landing-cam .testimonial-author-image {
    line-height: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.page-landing-hilton .testimonial-author-info,
.page-landing-morgan .testimonial-author-info,
.page-landing-cam .testimonial-author-info {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-landing-hilton .testimonial-author-info strong,
.page-landing-morgan .testimonial-author-info strong,
.page-landing-cam .testimonial-author-info strong {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    color: var(--green);
}

@media (min-width: 768px) {
    .page-landing-hilton .review-content p,
    .page-landing-morgan .review-content p,
    .page-landing-cam .review-content p {
        font-size: 1.75rem;
    }

    .page-landing-hilton .testimonial-author,
    .page-landing-morgan .testimonial-author,
    .page-landing-cam .testimonial-author {
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    .page-landing-hilton .review .container,
    .page-landing-morgan .review .container,
    .page-landing-cam .review .container,
    .page-landing-fsr .review .container,
    .page-landing-buildings .review .container {
        max-width: 1200px;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-landing-fsr .review .container,
    .page-landing-buildings .review .container {
        gap: 2rem;
    }

    .page-landing-hilton .review-media,
    .page-landing-morgan .review-media,
    .page-landing-cam .review-media {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 580px;
        flex: 0 1 580px;
    }

    .page-landing-hilton .review-content,
    .page-landing-morgan .review-content,
    .page-landing-cam .review-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 5rem;
    }

    .page-landing-fsr .review-content,
    .page-landing-buildings .review-content {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 580px;
        flex: 0 1 580px;
    }
}

.page-landing-home-demo .review .cta {
    text-align: center;
    margin: 4rem auto 2rem;
}

.page-landing-fsr .review .customer-ratings .container,
.page-landing-buildings .review .customer-ratings .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}

@media(min-width: 1200px) {
    .page-landing-fsr .review .customer-ratings .container,
    .page-landing-buildings .review .customer-ratings .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.page-landing-fsr .review .customer-ratings .with-stars,
.page-landing-buildings .review .customer-ratings .with-stars  {
    margin: 1rem 0;
}

.page-landing-fsr .review .customer-ratings h2,
.page-landing-buildings .review .customer-ratings h2 {
    margin-top: 0;
}

.page-landing-morgan .customer-ratings,
.page-landing-cam .customer-ratings {
    padding: 7rem 0 4rem;
    margin-bottom: 10rem;
}

.page-landing-morgan .customer-ratings::before,
.page-landing-cam .customer-ratings::before {
    height: auto;
    max-height: none;
    bottom: 0;
}

.page-landing-morgan .nouveau .customer-ratings h3,
.page-landing-cam .nouveau .customer-ratings h3 {
    font-size: 2.125rem;
    margin-bottom: 2em;
    text-align: center;
}

.page-landing-morgan .nouveau .customer-ratings .ratings,
.page-landing-cam .nouveau .customer-ratings .ratings {
    gap: 50px;
}

@media (min-width: 992px) {
    .page-landing-morgan .nouveau .customer-ratings .ratings,
    .page-landing-cam .nouveau .customer-ratings .ratings {
        gap: 100px;
    }
}

.page-landing-hilton .ratings .store-rating {
    font-size: 16px;
}

.page-landing-morgan .ratings .store-rating,
.page-landing-cam .ratings .store-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 20px;
}

.page-landing-morgan .case-study,
.page-landing-cam .case-study {
    margin-bottom: 6rem;
}

.page-landing-morgan .case-study,
.page-landing-morgan .case-study p,
.page-landing-morgan .case-study ul,
.page-landing-cam .case-study,
.page-landing-cam .case-study p,
.page-landing-cam .case-study ul {
    font-size: 17px;
    line-height: 1.7;
}

.page-landing-morgan .case-study .container,
.page-landing-cam .case-study .container {
    max-width: 900px;
}

.page-landing-morgan .case-study .has-icon-block,
.page-landing-cam .case-study .has-icon-block {
    text-align: center;
}

.page-landing-morgan .case-study h2,
.page-landing-cam .case-study h2 {
    font-size: 1.5294em;
    margin-bottom: 1em;
}

.page-landing-morgan .case-study h3,
.page-landing-cam .case-study h3 {
    font-size: 1.2941em;
    margin-bottom: 1em;
}

.page-landing-cam .case-study strong {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
}

.page-landing-cam .testimonial-box {
    font-size: 1.0625rem;
    border-radius: 8px;
    margin-block: 3rem;
}

.page-landing-hilton .request-demo,
.page-landing-morgan .request-demo,
.page-landing-cam .request-demo,
.page-landing-isc-west .request-demo,
.page-landing-pm-springfest .request-demo,
.page-landing-hospitality-show .request-demo {
    position: relative;
    margin: 2rem 0 2rem;
    padding: 5rem 0 3rem;
    color: var(--white);
    text-align: center;
}

.page-landing-isc-west .request-demo,
.page-landing-pm-springfest .request-demo,
.page-landing-hospitality-show .request-demo {
    margin-bottom: 0;
    padding: 5rem 0;
}

.page-landing-hilton .request-demo::before,
.page-landing-morgan .request-demo::before,
.page-landing-cam .request-demo::before,
.page-landing-isc-west .request-demo::before,
.page-landing-pm-springfest .request-demo::before,
.page-landing-hospitality-show .request-demo::before {
    background: var(--blue-gradient);
    bottom: 0;
    height: auto;
    max-height: none;
}

.page-landing-hilton .request-demo .container,
.page-landing-morgan .request-demo .container,
.page-landing-cam .request-demo .container,
.page-landing-isc-west .request-demo .container,
.page-landing-pm-springfest .request-demo .container,
.page-landing-hospitality-show .request-demo .container {
    max-width: 950px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.page-landing-morgan .request-demo .container,
.page-landing-cam .request-demo .container {
    max-width: 1000px;
}

.page-landing-hilton .request-demo-content,
.page-landing-hilton .request-demo-btn,
.page-landing-morgan .request-demo-content,
.page-landing-morgan .request-demo-btn,
.page-landing-cam .request-demo-content,
.page-landing-cam .request-demo-btn,
.page-landing-isc-west .request-demo-content,
.page-landing-isc-west .request-demo-btn,
.page-landing-pm-springfest .request-demo-content,
.page-landing-pm-springfest .request-demo-btn,
.page-landing-hospitality-show .request-demo-content,
.page-landing-hospitality-show .request-demo-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-landing-hilton .request-demo-btn .btn,
.page-landing-morgan .request-demo-btn .btn,
.page-landing-cam .request-demo-btn .btn,
.page-landing-isc-west .request-demo-btn .btn,
.page-landing-pm-springfest .request-demo-btn .btn,
.page-landing-hospitality-show .request-demo-btn .btn {
    font-size: 1.125rem !important;
    text-transform: uppercase;
}

.page-landing-morgan .request-demo-btn .btn,
.page-landing-cam .request-demo-btn .btn,
.page-landing-isc-west .request-demo-btn .btn,
.page-landing-pm-springfest .request-demo-btn .btn,
.page-landing-hospitality-show .request-demo-btn .btn {
    text-transform: capitalize;
    padding-inline: 2em;
}

.page-landing-hilton .request-demo-btn .btn:hover,
.page-landing-hilton .request-demo-btn .btn:focus,
.page-landing-morgan .request-demo-btn .btn:hover,
.page-landing-morgan .request-demo-btn .btn:focus,
.page-landing-cam .request-demo-btn .btn:hover,
.page-landing-cam .request-demo-btn .btn:focus,
.page-landing-isc-west .request-demo-btn .btn:hover,
.page-landing-isc-west .request-demo-btn .btn:focus,
.page-landing-pm-springfest .request-demo-btn .btn:hover,
.page-landing-pm-springfest .request-demo-btn .btn:focus,
.page-landing-hospitality-show .request-demo-btn .btn:hover,
.page-landing-hospitality-show .request-demo-btn .btn:focus {
    background: var(--white);
    color: var(--green) !important;
}

.page-landing-hilton .request-demo,
.page-landing-hilton .request-demo p,
.page-landing-morgan .request-demo,
.page-landing-morgan .request-demo p,
.page-landing-cam .request-demo,
.page-landing-cam .request-demo p,
.page-landing-isc-west .request-demo,
.page-landing-isc-west .request-demo p,
.page-landing-pm-springfest .request-demo,
.page-landing-pm-springfest .request-demo p,
.page-landing-hospitality-show .request-demo,
.page-landing-hospitality-show .request-demo p {
    font-size: 1rem;
}

.page-landing-hilton .request-demo h4,
.page-landing-morgan .request-demo h4,
.page-landing-cam .request-demo h4,
.page-landing-isc-west .request-demo h4,
.page-landing-pm-springfest .request-demo h4,
.page-landing-hospitality-show .request-demo h4 {
    color: var(--white);
    font-size: 1.75rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .page-landing-hilton .request-demo,
    .page-landing-morgan .request-demo,
    .page-landing-cam .request-demo {
        margin-bottom: 6rem;
        padding: 7rem 0 3rem;
    }

    .page-landing-isc-west .request-demo,
    .page-landing-pm-springfest .request-demo,
    .page-landing-hospitality-show .request-demo {
        margin-bottom: 0;
        padding: 5rem 0 7rem;
    }

    .page-landing-hilton .request-demo h4,
    .page-landing-morgan .request-demo h4,
    .page-landing-cam .request-demo h4,
    .page-landing-isc-west .request-demo h4,
    .page-landing-pm-springfest .request-demo h4,
    .page-landing-hospitality-show .request-demo h4 {
        font-size: 2rem;
    }

    .page-landing-hilton .request-demo-btn .btn,
    .page-landing-morgan .request-demo-btn .btn,
    .page-landing-cam .request-demo-btn .btn,
    .page-landing-isc-west .request-demo-btn .btn,
    .page-landing-pm-springfest .request-demo-btn .btn,
    .page-landing-hospitality-show .request-demo-btn .btn {
        font-size: 1.25rem !important;
    }
}

@media (min-width: 992px) {
    .page-landing-hilton .request-demo,
    .page-landing-morgan .request-demo,
    .page-landing-cam .request-demo {
        padding: 8rem 0 3rem;
    }

    .page-landing-isc-west .request-demo,
    .page-landing-pm-springfest .request-demo,
    .page-landing-hospitality-show .request-demo {
        padding: 5rem 0 8rem;
    }

    .page-landing-hilton .request-demo .container,
    .page-landing-morgan .request-demo .container,
    .page-landing-cam .request-demo .container,
    .page-landing-isc-west .request-demo .container,
    .page-landing-pm-springfest .request-demo .container,
    .page-landing-hospitality-show .request-demo .container {
        text-align: left;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-landing-hilton .request-demo-content,
    .page-landing-morgan .request-demo-content,
    .page-landing-cam .request-demo-content,
    .page-landing-isc-west .request-demo-content,
    .page-landing-pm-springfest .request-demo-content,
    .page-landing-hospitality-show .request-demo-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-landing-hilton .request-demo-btn,
    .page-landing-morgan .request-demo-btn,
    .page-landing-cam .request-demo-btn,
    .page-landing-isc-west .request-demo-btn,
    .page-landing-pm-springfest .request-demo-btn,
    .page-landing-hospitality-show .request-demo-btn {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .page-landing-hilton .request-demo p:last-child,
    .page-landing-morgan .request-demo p:last-child,
    .page-landing-cam .request-demo p:last-child,
    .page-landing-isc-west .request-demo p:last-child,
    .page-landing-pm-springfest .request-demo p:last-child,
    .page-landing-hospitality-show .request-demo p:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 1400px) {
    .page-landing-hilton .request-demo,
    .page-landing-morgan .request-demo,
    .page-landing-cam .request-demo {
        padding: 10rem 0 3rem;
    }

    .page-landing-isc-west .request-demo,
    .page-landing-pm-springfest .request-demo,
    .page-landing-hospitality-show .request-demo {
        padding: 4rem 0 9rem;
    }
}

.page-landing-hilton .key-feature .container {
    max-width: 800px;
}

.page-landing-hilton .key-feature {
    margin-bottom: 2rem;
    padding-top: 3rem;
}

.page-landing-hilton .key-feature.slant {
    padding: 6rem 0 3rem;
}

.page-landing-hilton .key-feature:before {
    height: auto;
    max-height: none;
    bottom: 0;
}

.page-landing-hilton .key-feature .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 2rem;
}

.page-landing-hilton .key-feature-media,
.page-landing-hilton .key-feature-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-landing-hilton .key-feature-media {
    text-align: center;
}

.page-landing-hilton .key-feature-media > img {
    border-radius: 8px;
    overflow: hidden;
}

.page-landing-hilton .key-feature h5 {
    font-size: 1.8125rem;
    text-align: center;
    margin-bottom: 3rem;
}

.page-landing-hilton .key-feature ul,
.page-landing-hilton .key-feature li {
    padding: 0;
    margin: 0;
    list-style: disc;
}

.page-landing-hilton .key-feature ul {
    font-size: 17px;
    line-height: 1.7;
}

.page-landing-hilton .key-feature li {
    margin: 0 0 1em 2rem;
}

@media (min-width: 992px) {
    .page-landing-hilton .key-feature {
        margin-bottom: 6rem;
        padding-top: 5rem;
    }

    .page-landing-hilton .key-feature.slant {
        padding: 10rem 0 5rem;
    }

    .page-landing-hilton .key-feature .container {
        max-width: 1200px;
    }

    .page-landing-hilton .key-feature .d-flex {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .page-landing-hilton .key-feature-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 540px;
        flex: 0 1 540px;
        text-align: left;
    }

    .page-landing-hilton .key-feature-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 540px;
        flex: 1 1 540px;
    }

    .page-landing-hilton .key-feature h5 {
        font-size: 2.125rem;
        margin-bottom: 5rem;
    }
}

.page-landing-hilton .benefits {
    margin-top: 2rem;
}

.page-landing-morgan .benefits,
.page-landing-cam .benefits {
    margin-top: 5rem;
}

.page-landing-hilton .benefits .content-box,
.page-landing-morgan .benefits .content-box,
.page-landing-cam .benefits .content-box {
    margin: 1.5rem 0;
}

.page-landing-hilton .benefits,
.page-landing-hilton .benefits p,
.page-landing-morgan .benefits,
.page-landing-morgan .benefits p,
.page-landing-cam .benefits,
.page-landing-cam .benefits p {
    font-size: 17px;
}

.page-landing-hilton .benefits h2,
.page-landing-morgan .benefits h2,
.page-landing-cam .benefits h2 {
    font-size: 1.25rem;
}

@media (min-width: 992px) {
    .page-landing-hilton .benefits {
        margin-top: 7rem;
    }

    .page-landing-morgan .benefits,
    .page-landing-cam .benefits {
        margin-top: 12rem;
    }

    .page-landing-hilton .benefits h2,
    .page-landing-morgan .benefits h2,
    .page-landing-cam .benefits h2 {
        font-size: 1.375rem;
    }
}

.page-landing-hilton .tagline-header,
.page-landing-morgan .tagline-header,
.page-landing-cam .tagline-header {
    position: relative;
    padding: 5rem 0 3rem;
    color: var(--white);
    text-align: center;
}

.page-landing-fsr .tagline-header,
.page-landing-buildings .tagline-header {
    padding: 5rem 0 3rem;
    text-align: center;
}

.page-landing-hilton .tagline-header::before,
.page-landing-morgan .tagline-header::before,
.page-landing-cam .tagline-header::before {
    background: var(--blue-gradient);
    bottom: 0;
    height: auto;
    max-height: none;
}

.page-landing-hilton .tagline-header h4,
.page-landing-morgan .tagline-header h4,
.page-landing-cam .tagline-header h4 {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 0;
}

.page-landing-fsr .tagline-header h4,
.page-landing-buildings .tagline-header h4 {
    font-size: 2rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .page-landing-hilton .tagline-header,
    .page-landing-morgan .tagline-header,
    .page-landing-cam .tagline-header {
        margin-bottom: 6rem;
        padding: 6rem 0 2rem;
    }

    .page-landing-fsr .tagline-header,
    .page-landing-buildings .tagline-header {
        padding: 6rem 0 2rem;
    }

    .page-landing-hilton .tagline-header h4,
    .page-landing-morgan .tagline-header h4,
    .page-landing-cam .tagline-header h4,
    .page-landing-fsr .tagline-header h4,
    .page-landing-buildings .tagline-header h4 {
        font-size: 2.375rem;
    }
}

@media (min-width: 1400px) {
    .page-landing-hilton .tagline-header,
    .page-landing-morgan .tagline-header,
    .page-landing-cam .tagline-header,
    .page-landing-fsr .tagline-header,
    .page-landing-buildings .tagline-header {
        padding: 8rem 0 2rem;
    }

    .page-landing-hilton .tagline-header h4 {
        font-size: 2.75rem;
    }
}

.page-landing-hilton .how-it-works,
.page-landing-morgan .how-it-works,
.page-landing-cam .how-it-works,
.page-landing-fsr .how-it-works,
.page-landing-buildings .how-it-works {
    position: relative;
    padding: 4rem 0 2rem;
    text-align: left;
    transition: none;
    background: none;
}

.page-landing-hilton .how-it-works .container,
.page-landing-morgan .how-it-works .container,
.page-landing-cam .how-it-works .container,
.page-landing-fsr .how-it-works .container,
.page-landing-buildings .how-it-works .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 3rem;
}

.page-landing-hilton .how-it-works .container::after,
.page-landing-morgan .how-it-works .container::after,
.page-landing-cam .how-it-works .container::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: none;
    background: url(iAAkxMo8CKCr7ZYwssnvmRlwLKEvNaOsNKnMVyALje5.svg) no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 800px) {
    .page-landing-hilton .how-it-works .container::after,
    .page-landing-morgan .how-it-works .container::after,
    .page-landing-cam .how-it-works .container::after {
        display: block;
        width: 40vw;
        height: calc(40vw + 4vw);
        left: 0;
        top: 20vw;
    }
}

@media (min-width: 992px) {
    .page-landing-hilton .how-it-works .container::after,
    .page-landing-morgan .how-it-works .container::after,
    .page-landing-cam .how-it-works .container::after {
        width: 24vw;
        height: calc(24vw + 4vw);
        left: -17vw;
        top: auto;
        bottom: 0;
    }
}

@media (min-width: 1200px) {
    .page-landing-fsr .how-it-works .container::after,
    .page-landing-buildings .how-it-works .container::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        background: url(qVd9ySxiz8XHrEkv2gsYV8LFXt5njWv51oXKGuAWhed.svg) no-repeat;
        width: 28rem;
        aspect-ratio: 1;
        left: -10rem;
        top: 5rem;
    }
}

@media (min-width: 1400px) {
    .page-landing-hilton .how-it-works .container::after,
    .page-landing-morgan .how-it-works .container::after,
    .page-landing-cam .how-it-works .container::after {
        width: 20vw;
        height: calc(20vw + 4vw);
        left: -13vw;
    }
}

@media (min-width: 1700px) {
    .page-landing-hilton .how-it-works .container::after,
    .page-landing-morgan .how-it-works .container::after,
    .page-landing-cam .how-it-works .container::after {
        width: 15vw;
        height: calc(15vw + 4vw);
        left: -10vw;
    }
}

.page-landing-hilton .how-it-works-media,
.page-landing-hilton .how-it-works-content,
.page-landing-morgan .how-it-works-media,
.page-landing-morgan .how-it-works-content,
.page-landing-cam .how-it-works-media,
.page-landing-cam .how-it-works-content,
.page-landing-fsr .how-it-works-media,
.page-landing-fsr .how-it-works-content,
.page-landing-buildings .how-it-works-media,
.page-landing-buildings .how-it-works-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.page-landing-hilton .how-it-works-media,
.page-landing-morgan .how-it-works-media,
.page-landing-cam .how-it-works-media,
.page-landing-fsr .how-it-works-media,
.page-landing-buildings .how-it-works-media {
    text-align: center;
}

.page-landing-hilton .how-it-works h6,
.page-landing-morgan .how-it-works h6,
.page-landing-cam .how-it-works h6,
.page-landing-fsr .how-it-works h6,
.page-landing-buildings .how-it-works h6 {
    font-size: 1.4375rem;
    line-height: 1.45;
    margin-bottom: 1em;
}

.page-landing-hilton .how-it-works ol,
.page-landing-morgan .how-it-works ol,
.page-landing-cam .how-it-works ol,
.page-landing-fsr .how-it-works ol,
.page-landing-buildings .how-it-works ol {
    margin: 0 0 4rem;
    padding: 0;
    list-style: none;
    counter-reset: step-counter;
}

.page-landing-hilton .how-it-works ol:last-child,
.page-landing-morgan .how-it-works ol:last-child,
.page-landing-cam .how-it-works ol:last-child,
.page-landing-fsr .how-it-works ol:last-child,
.page-landing-buildings .how-it-works ol:last-child {
    margin-bottom: 0;
}

.page-landing-hilton .how-it-works li,
.page-landing-morgan .how-it-works li,
.page-landing-cam .how-it-works li,
.page-landing-fsr .how-it-works li,
.page-landing-buildings .how-it-works li {
    font-size: 1.125rem;
    margin: 0 0 1.5rem;
    padding: 0.5rem 1rem 0.25rem;
    background: var(--lightgray);
    counter-increment: step-counter;
}

.page-landing-hilton .how-it-works li::before,
.page-landing-morgan .how-it-works li::before,
.page-landing-cam .how-it-works li::before,
.page-landing-fsr .how-it-works li::before,
.page-landing-buildings .how-it-works li::before {
    content: counter(step-counter)". ";
    color: var(--blue);
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
    .page-landing-hilton .how-it-works,
    .page-landing-morgan .how-it-works,
    .page-landing-cam .how-it-works,
    .page-landing-fsr .how-it-works,
    .page-landing-buildings .how-it-works {
        padding: 2rem 0 4rem;
    }

    .page-landing-hilton .how-it-works h6,
    .page-landing-morgan .how-it-works h6,
    .page-landing-cam .how-it-works h6,
    .page-landing-fsr .how-it-works h6,
    .page-landing-buildings .how-it-works h6 {
        font-size: 1.625rem;
    }

    .page-landing-hilton .how-it-works li,
    .page-landing-morgan .how-it-works li,
    .page-landing-cam .how-it-works li,
    .page-landing-fsr .how-it-works li,
    .page-landing-buildings .how-it-works li {
        font-size: 1.25rem;
    }
}

@media (min-width: 992px) {
    .page-landing-hilton .how-it-works {
        padding: 4rem 0 8rem;
    }

    .page-landing-morgan .how-it-works,
    .page-landing-cam .how-it-works {
        padding: 12rem 0 6rem;
    }

    .page-landing-fsr .how-it-works,
    .page-landing-buildings .how-it-works {
        padding: 5rem 0 6rem;
    }

    .page-landing-hilton .how-it-works .container,
    .page-landing-morgan .how-it-works .container,
    .page-landing-cam .how-it-works .container,
    .page-landing-fsr .how-it-works .container,
    .page-landing-buildings .how-it-works .container {
        gap: 5rem;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .page-landing-hilton .how-it-works-media,
    .page-landing-morgan .how-it-works-media,
    .page-landing-cam .how-it-works-media,
    .page-landing-fsr .how-it-works-media,
    .page-landing-buildings .how-it-works-media {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 300px;
        flex: 0 1 300px;
    }

    .page-landing-hilton .how-it-works-content,
    .page-landing-morgan .how-it-works-content,
    .page-landing-cam .how-it-works-content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .page-landing-fsr .how-it-works-content,
    .page-landing-buildings .how-it-works-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.page-landing-fsr .schedule-demo .container,
.page-landing-buildings .schedule-demo .container {
    max-width: 750px;
}

.page-landing-fsr .schedule-demo .testimonial-box,
.page-landing-buildings .schedule-demo .testimonial-box {
    text-align: center;
    padding: 3rem 2rem;
}

.page-landing-fsr .schedule-demo h4,
.page-landing-buildings .schedule-demo h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .page-landing-fsr .schedule-demo h4,
    .page-landing-buildings .schedule-demo h4 {
        font-size: 2rem;
    }
}

.page-landing-fsr .schedule-demo .customer-review-author,
.page-landing-buildings .schedule-demo .customer-review-author {
    display: inline-flex;
    text-align: left;
    margin: 0.5rem 0;
}

.page-landing-fsr .schedule-demo .btn-lg,
.page-landing-buildings .schedule-demo .btn-lg {
    padding: 1em 2.5em;
}

.page-landing-hilton .training {
    text-align: center;
}

.page-landing-hilton .training .container {
    max-width: 700px;
}

.page-landing-hilton .training h5 {
    font-size: 1.625rem;
    line-height: 1.3;
    margin-bottom: 2rem;
}

@media (min-width: 992px) {
    .page-landing-hilton .training h5 {
        font-size: 2rem;
        margin-bottom: 3rem;
    }
}

@media (min-width: 1200px) {
    .page-landing-hilton .training .container {
        max-width: 950px;
    }
}

.page-landing-hilton .training iframe {
    border-radius: 8px;
    overflow: hidden;
}

.page-landing-hilton .cta-landing-demo,
.page-landing-morgan .cta-landing-demo,
.page-landing-cam .cta-landing-demo {
    padding: 8rem 0 5rem;
    margin: 5rem 0 0;
}

.page-landing-hilton.without-nav .cta-landing-demo::before,
.page-landing-morgan.without-nav .cta-landing-demo::before,
.page-landing-cam.without-nav .cta-landing-demo::before {
    top: 0;
    bottom: 0;
    height: auto;
    max-height: none;
    background: var(--lightgray);
}

.page-landing-hilton.without-nav .cta-landing-demo::after,
.page-landing-morgan.without-nav .cta-landing-demo::after,
.page-landing-cam.without-nav .cta-landing-demo::after {
    top: 50%;
    bottom: -3rem;
    height: auto;
    max-height: none;
    background: var(--lightgray);
}

.page-landing-cam .cta-landing-demo h4 {
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: "MuseoSans-700", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 2rem;
    text-align: center;
    color: var(--green);
}

@media (min-width: 768px) {
    .page-landing-hilton.without-nav .cta-landing-demo::after,
    .page-landing-morgan.without-nav .cta-landing-demo::after,
    .page-landing-cam.without-nav .cta-landing-demo::after {
        bottom: -4rem;
    }

    .page-landing-hilton .cta-landing-demo {
        padding: 10rem 0 5rem;
    }

    .page-landing-morgan .cta-landing-demo,
    .page-landing-cam .cta-landing-demo {
        padding: 10rem 0 0;
    }

    .page-landing-cam .cta-landing-demo h4 {
        font-size: 1.75rem;
        margin: 0 0 4rem;
    }
}

@media (min-width: 992px) {
    .page-landing-hilton.without-nav .cta-landing-demo::after,
    .page-landing-morgan.without-nav .cta-landing-demo::after,
    .page-landing-cam.without-nav .cta-landing-demo::after {
        bottom: -8rem;
    }

    .page-landing-hilton .cta-landing-demo {
        padding: 12rem 0 5rem;
    }

    .page-landing-morgan .cta-landing-demo,
    .page-landing-cam .cta-landing-demo {
        padding: 12rem 0 0;
    }

    .page-landing-morgan .cta-landing-demo,
    .page-landing-cam .cta-landing-demo {
        margin-bottom: 7rem;
    }

    .page-landing-hilton .cta-landing-demo h4,
    .page-landing-morgan .cta-landing-demo h4,
    .page-landing-cam .cta-landing-demo h4 {
        font-size: 2rem;
    }
}

.page-landing-morgan .cta-landing-demo .btn,
.page-landing-cam .cta-landing-demo .btn {
    text-transform: capitalize;
    text-decoration: none;
    margin-inline: auto;
}

.page-landing-fsr .cta-landing-demo,
.page-landing-buildings .cta-landing-demo {
    position: relative;
    padding: 4rem 0;
    margin: 0;
    background: var(--blue-gradient);
}

.page-landing-fsr .cta-landing-demo .sbox-angle,
.page-landing-buildings .cta-landing-demo .sbox-angle {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55vw;
    max-width: 850px;
}

@media(min-width: 1200px) {
    .page-landing-fsr .cta-landing-demo .sbox-angle,
    .page-landing-buildings .cta-landing-demo .sbox-angle {
        width: 40vw;
    }
}

.page-landing-fsr .cta-landing-demo::before,
.page-landing-fsr .cta-landing-demo::after,
.page-landing-buildings .cta-landing-demo::before,
.page-landing-buildings .cta-landing-demo::after {
    display: none;
}

.page-landing-fsr .cta-landing-demo .container,
.page-landing-buildings .cta-landing-demo .container {
    text-align: left;
    max-width: 1200px;
}

.page-landing-fsr .cta-landing-demo h4,
.page-landing-buildings .cta-landing-demo h4 {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    color: var(--white);
    text-align: left;
    max-width: 600px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.page-landing-fsr .cta-landing-demo .request-demo-btn,
.page-landing-buildings .cta-landing-demo .request-demo-btn {
    max-width: 600px;
}

.page-landing-fsr .cta-landing-demo .request-demo-btn {
    position: relative;
    z-index: 1;
}

.page-landing-fsr .cta-landing-demo .btn,
.page-landing-buildings .cta-landing-demo .btn {
    text-decoration: none;
    text-transform: none;
}

.page-landing-fsr .cta-landing-demo .btn {
    margin: 5px;
}

@media(min-width: 992px) {
    .page-landing-fsr .cta-landing-demo .btn {
        margin: 5px 10px 5px 0;
    }
}

.page-landing-buildings .offer .container {
    max-width: 800px;
}

.page-landing-buildings .offer-header {
    max-width: 500px;
    margin: 0 auto 3rem;
    padding: 2rem;
    border-radius: 2.5rem;
    font-size: 1rem;
    text-align: center;
    color: var(--white);
    background: var(--orange-gradient);
}

.page-landing-buildings .offer-header h2 {
    margin: 0 0 1rem;
    padding: 1rem;
    font-size: 1.3125rem;
    background-color: var(--white);
    border-radius: 1.25rem;
}

.page-landing-buildings .offer-header p {
    font-size: 1rem;
    margin-bottom: 0;
}

.page-landing-buildings .offer-details {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

@media(min-width: 768px) {
    .page-landing-buildings .offer-details {
        -ms-grid-columns: 1fr 3rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

.page-landing-buildings .offer-details.content-boxes > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.page-landing-buildings .offer-details.content-boxes h3 {
    margin-top: 1em;
}

.page-landing-buildings .offer .btn-lg {
    font-size: 1.3125rem;
}

.page-landing-buildings .features-header {
    margin-top: 2rem;
}

.page-landing-buildings .features-header h4 {
    max-width: 550px;
    margin-inline: auto;
    text-align: center
}

@media (min-width: 768px) {
    .page-landing-buildings .nouveau .features .content-boxes > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* FAQs
 * -------------------------------------------------- */
.faqs-y23 {
    padding: 4rem 0 2rem;
}

@media (min-width: 768px) {
    .faqs-y23 {
        padding: 4rem 0 10rem;
    }
}

.page-blog-post .faqs-y23 {
    padding: 0;
}

.faqs-y23 .container {
    max-width: 800px;
}

.faqs-y23,
.faqs-y23 p {
    font-size: 16px;
}

.faqs-y23 h4 {
    font-size: 1.75em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 6rem;
}

.page-blog-post .nouveau .faqs-y23 h2 {
    font-size: 1.461em;
    line-height: 1.6;
    /* margin: 1em 0; */
    margin: 2em 0 1em;
}

@media (min-width: 768px) {
    .faqs-y23 h4 {
        font-size: 2em;
    }
}

.faqs-y23 details {
    font-size: 1rem;
    border-bottom: 1px solid #86a5af;
}

.faqs-y23 summary {
    padding: 1.5rem 0.5em 1.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5em;
    cursor: pointer;
    list-style: none;
}

.faqs-y23 summary::-webkit-details-marker {
    display: none;
}

.faqs-y23 h4 + details summary,
.page-blog-post .faqs-y23 h2 + details summary {
    padding-top: 0;
}

.faqs-y23 summary h5 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0;
}

.page-blog-post .nouveau .faqs-y23 summary h5 {
    font-size: 1.0625em;
    margin: 0;
}

.faqs-y23 summary + div {
    display: none;
    padding-bottom: 1.5rem;
}

.faqs-y23 summary + div > :last-child {
    margin-bottom: 0;
}

@media (min-width: 550px) {
    .faqs-y23 summary h5,
    .page-blog-post .nouveau .faqs-y23 summary h5 {
        font-size: 1.125rem;
    }
}

.faqs-y23 summary .fa-angle-down {
    font-size: 1.375em;
    margin-top: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.faqs-y23 details.open summary .fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/**
 * Zendesk Chat Button
 * -------------------------------------------------- */
.zendesk-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.zendesk-button {
    background-color: #0d4b60 !important;
    color: #fffafa !important;
    fill: #fffafa !important;
    padding: 0.92857rem 1.57143rem;
    border-radius: 999rem;
    bottom: 0;
    font-size: 1.07143rem;
    font-weight: bold;
}

@media (max-width: 992px) {
    .zendesk-text {
        display: none;
    }
}

/**
 * Column layout
 * -------------------------------------------------- */
 .kc-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 2rem;
}

.kc-grid-xs-1 .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (min-width: 768px) {
    .kc-grid {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .kc-grid-sm-3 .col {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }
}

.media-wrap-radius {
    display: inline-block;
    line-height: 0;
    border-radius: 8px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .media-wrap-radius {
        display: block;
    }
}

/**
 * Tables
 * -------------------------------------------------- */
.page-blog-post .table-responsive:has(+ h2) {
    padding-bottom: 0;
}

.page-blog-post .table-responsive:has(+ h2) table {
    margin-bottom: 0 !important;
}

.page-blog-post table {
    margin-bottom: 1em !important;
}

.page-blog-post .table-bordered th,
.page-blog-post .table-bordered td {
    font-size: 1rem;
    padding: 10px 15px 8px;
}

.page-blog-post .table-bordered thead th {
    color: var(--green);
}

.table-bordered th.text-center,
.table-bordered td.text-center {
    text-align: center;
}

.table-bordered .col-highlight {
    background: var(--lightgray);
}

.table-bordered .fa-check {
    font-size: 0.9375rem;
    color: var(--blue);
}