.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(/fonts/ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family: "slick";
    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/fonts/slick.woff) format("woff"),url(/fonts/slick.ttf) format("truetype"),url(/fonts/slick.svg#slick) format("svg");
    font-weight: normal;
    font-style: normal;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #000;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75;
        }
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow-x: hidden;
    padding-top: 92px;
}

@media (max-width: 991px) {
    body {
        padding-top: 45px;
    }
}

@media (max-width: 991px) {
    body.statement {
        padding-top: 76px;
    }
}

h1 {
    font-size: 2em;
    margin: 25px 0 12px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    resize: vertical;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.hide-desktop {
    display: block;
}

@media (max-width: 1280px) {
    .hide-desktop {
        display: none;
    }
}

.hide-desktop-sm {
    display: block;
}

@media (max-width: 991px) {
    .hide-desktop-sm {
        display: none;
    }
}

.hide-tablet {
    display: block;
}

@media (max-width: 980px) {
    .hide-tablet {
        display: none;
    }
}

.hide-phone {
    display: block;
}

@media (max-width: 768px) {
    .hide-phone {
        display: none !important;
    }
}

.show-desktop {
    display: none;
}

@media (max-width: 1280px) {
    .show-desktop {
        display: block;
    }
}

.show-desktop-sm {
    display: none;
}

@media (max-width: 991px) {
    .show-desktop-sm {
        display: block;
    }
}

.show-tablet {
    display: none;
}

@media (max-width: 980px) {
    .show-tablet {
        display: block;
    }
}

.show-phone {
    display: none;
}

@media (max-width: 768px) {
    .show-phone {
        display: block !important;
    }
}

*[data-f-id="pbf"] {
    height: 0px;
    width: 0px;
    display: none;
}

button:focus {
    outline: 0;
}

.cursor-pointer {
    cursor: pointer;
}

strong {
    font-size: inherit;
    font-weight: 500;
    color: inherit;
}

span {
    font-size: inherit;
    line-height: inherit;
}

em {
    color: inherit;
}

img, svg {
    max-width: 100%;
}

a {
    transition: all 200ms;
}

    a * {
        transition: all 200ms;
        font-size: inherit;
    }

    a.inline-button {
        border-bottom: 1px solid #ff7043;
    }

        a.inline-button:hover {
            border: none;
        }

section {
    position: relative;
    z-index: 1;
}

.mask-white {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.hov-red:hover {
    color: #f53655 !important;
}

    .hov-red:hover > * {
        color: #f53655 !important;
    }

    .hov-red:hover > svg * .filled-dark {
        fill: #f53655;
        opacity: 1;
    }

    .hov-red:hover > svg * .filled {
        fill: #f53655;
        opacity: 0.5;
    }

    .hov-red:hover > svg * .stroke {
        stroke: #f53655;
    }

.hov-green:hover {
    color: #93c75f !important;
}

    .hov-green:hover > * {
        color: #93c75f !important;
    }

    .hov-green:hover > svg * .filled {
        fill: #93c75f;
        opacity: 0.5;
    }

    .hov-green:hover > svg * .filled-dark {
        fill: #ebf2e1;
        stroke: #ebf2e1;
        opacity: 1;
    }

    .hov-green:hover > svg * .stroke {
        stroke: #93c75f;
    }

.hov-orange:hover {
    color: #ff7043 !important;
}

    .hov-orange:hover > * {
        color: #ff7043 !important;
    }

    .hov-orange:hover > svg * .filled {
        fill: #ffa98e;
        opacity: 0.5;
    }

    .hov-orange:hover > svg * .filled-brand {
        fill: #ff4c00;
        stroke: #ff4c00;
        opacity: 1;
    }

    .hov-orange:hover > svg * .filled-dark {
        fill: #fec9b2;
        stroke: #fec9b2;
        opacity: 1;
    }

    .hov-orange:hover > svg * .filled-light {
        fill: #fec9b2;
        stroke: #fff;
        opacity: 1;
    }

    .hov-orange:hover > svg * .stroke-dark {
        stroke: #ff4c00;
    }

    .hov-orange:hover > svg * .stroke-light {
        stroke: #fec9b2;
    }

    .hov-orange:hover > svg * .stroke {
        stroke: #ff4c00;
    }

    .hov-orange:hover > svg * .text {
        stroke: #ff4c00;
        fill: #ff4c00;
    }

.hov-pink:hover {
    color: #d657b6 !important;
}

    .hov-pink:hover > * {
        color: #d657b6 !important;
    }

    .hov-pink:hover > svg * .filled {
        fill: #d657b6;
        opacity: 0.5;
    }

    .hov-pink:hover > svg * .filled-dark {
        fill: #d657b6;
        opacity: 0.5;
    }

    .hov-pink:hover > svg * .stroke {
        stroke: #d657b6;
    }

.hov-teal:hover {
    color: #4dd0e1 !important;
}

    .hov-teal:hover > * {
        color: #4dd0e1 !important;
    }

    .hov-teal:hover > svg * .filled-dark {
        fill: #b9e6ef;
        stroke: #b9e6ef;
        opacity: 1;
    }

    .hov-teal:hover > svg * .filled {
        fill: #4dd0e1;
        opacity: 0.5;
    }

    .hov-teal:hover > svg * .stroke {
        stroke: #4dd0e1;
    }

.orange-accent {
    width: 8px;
    border-radius: 4px;
    margin: 0px 30px;
    background-color: #ff4c00;
}

ul.check-reverse li:before {
    right: 0px;
    top: 35%;
    position: absolute;
}

ul.check {
    padding: 0;
}

    ul.check li {
        list-style-type: none;
        position: relative;
        padding: 8px 20px 7px 30px;
        display: flex;
    }

        ul.check li:before {
            content: "";
            display: block;
            position: absolute;
            top: 10px;
            width: 28px;
            height: 25px;
            left: 0px;
        }

        ul.check li span {
            font-weight: 600;
        }

        ul.check li p {
            width: 90%;
        }

    ul.check.check-plus li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/check-plus.svg?mtime=20190709111406");
        background-repeat: no-repeat;
        margin-right: 0;
        top: 13px;
    }

    ul.check.black-ghost-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/black-circle-check-ghost.svg");
        background-repeat: no-repeat;
        margin-right: 0px;
    }

    ul.check.black-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-black.svg");
        background-repeat: no-repeat;
        margin-right: 0px;
    }

    ul.check.blue-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-blue.svg");
        background-repeat: no-repeat;
        margin-right: 0px;
    }

    ul.check.blue-check-2 li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-blue-2.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.blue-check-3 li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/blue-check-circle.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.blue-ghost-check-1 li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/blue-ghost-check-1.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.purple-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-purple.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.teal-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-teal.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.green-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-green.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.white-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/icon-check-white.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.white-ghost-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/white-circle-check-ghost.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.orange-light-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-orange-light.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul.check.orange-check-2 li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-orange-2.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
        background-position: 5px 9px;
    }

    ul.check.orange-check-dark li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/Icon-Check-Dark.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
        height: 18px;
        width: 18px;
    }

    ul.check.orange-check.block-hover li {
        margin-bottom: 10px;
        padding: 12px 10px;
        border-radius: 4px;
        cursor: pointer;
    }

        ul.check.orange-check.block-hover li:hover, ul.check.orange-check.block-hover li.active {
            background-color: #ffe2d9;
            box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
        }

        ul.check.orange-check.block-hover li:before {
            margin-right: 10px;
        }

    ul.check.orange-check li:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-orange.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

ul li.li-check {
    list-style-type: none;
    position: relative;
    padding: 8px 20px 7px 30px;
    display: flex;
}

    ul li.li-check:before {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        width: 28px;
        height: 25px;
        left: 0px;
    }

    ul li.li-check span {
        font-weight: 600;
    }

    ul li.li-check p {
        width: 90%;
    }

    ul li.li-check.blue-check-2:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-blue-2.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul li.li-check.orange-light-check:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-orange-light.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

    ul li.li-check.white-check:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/icon-check-white.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
    }

ul li p {
    width: 100%;
    line-height: 1.4;
    font-size: 1rem;
}

.number-blue {
    list-style-type: none;
    padding-left: 40px !important;
}

    .number-blue li {
        position: relative;
        margin-bottom: 30px !important;
    }

        .number-blue li span {
            position: absolute;
            left: -40px;
            top: 7px;
            background: #2583e3;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            color: white;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .number-blue li h3 {
            margin-bottom: 5px;
        }

.slick-dots li button:before {
    font-size: 16px;
}

.slick-dots li.slick-active button:before {
    color: #ff4c00;
}

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

@media (max-width: 767px) {
    .flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

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

@media (max-width: 575.98px) {
    .flex-column-mob {
        flex-direction: column;
    }
}

.flex-1 {
    flex: 1;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink-1 {
    flex-shrink: 1;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-basis-auto {
    flex-basis: auto;
}

.width-100 {
    width: 100%;
}

@media (min-width: 992px) {
    .full-width {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

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

@media (max-width: 425px) {
    img.full-height {
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (min-width: 992px) {
    img.full-width {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    img.full-height {
        width: auto !important;
    }
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left !important;
}

@media (max-width: 991px) {
    .centerMOB {
        margin: 0 auto;
        text-align: center !important;
        justify-content: center !important;
    }
}

@media (min-width: 992px) {
    .centerDESK {
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }
}

.padded {
    max-width: 1240px;
    margin: 0 10% 5%;
}

.no-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

@media (max-width: 767px) {
    .no-padding {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

.no-margin {
    margin: 0 !important;
}

.margin-right {
    margin-right: 10px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-bottom-overflow {
    margin-bottom: -200px;
}

.margin-top-account-for-overflow {
    margin-top: 175px;
}

.margin-top-overflow {
    margin-top: -50px;
}

.margin-topSM {
    margin-top: 15px;
}

@media (max-width: 992px) {
    .margin-top__vh {
        margin-top: 100vh;
    }
}

.margin-bottomSM {
    margin-bottom: 15px;
    color: #9E0507;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.margin-bottom-MED-SM {
    margin-bottom: 35px;
}

.margin-bottom {
    margin-bottom: 50px;
}

.margin-bottomLG {
    margin-bottom: 60px;
}

.margin-bottomXL {
    margin-bottom: 80px;
}

@media (max-width: 425px) {
    .margin-bottomXL {
        margin-bottom: 20px;
    }
}

.margin-bottomXXL {
    margin-bottom: 160px;
}

.margin-bottomXXXL {
    margin-bottom: 240px;
}

@media (max-width: 991px) {
    .margin-bottomMOB {
        margin-bottom: 60px;
    }
}

.margin-bottom-none {
    margin-bottom: 0px !important;
}

.margin-topSM {
    margin-top: 15px;
}

.margin-top-MED-SM {
    margin-top: 35px;
}

.margin-top {
    margin-top: 50px;
}

.margin-topLG {
    margin-top: 60px;
}

.margin-topXL {
    margin-top: 80px;
}

@media (max-width: 425px) {
    .margin-topXL {
        margin-top: 20px;
    }
}

.margin-topXXL {
    margin-top: 100px;
}

@media (max-width: 425px) {
    .margin-topXXL {
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .margin-topMOB {
        margin-top: 60px;
    }
}

@media (max-width: 575.98px) {
    .margin-topMOBSM {
        margin-top: 15px !important;
    }
}

.margin-top-none {
    margin-top: 0px !important;
}

.margin-horizontalSM {
    margin-left: 15px;
    margin-right: 15px;
}

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

.paddingXS {
    padding: 10px;
}

.padding-horizontal-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-horizontalXS {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-horizontalSM {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-horizontal {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.padding-horizontalLG {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.padding-horizontalXL {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.padding-horizontalXXL {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

@media (max-width: 991px) {
    .padding-horizontalXXL {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media (max-width: 575.98px) {
    .padding-horizontalMOB {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }
}

.padding-bottomSM {
    padding-bottom: 25px;
}

.padding-bottom {
    padding-bottom: 50px;
}

.padding-bottomLG {
    padding-bottom: 60px;
}

.padding-bottomXL {
    padding-bottom: 80px;
}

.padding-bottomXXL {
    padding-bottom: 100px;
}

.padding-bottomXXXL {
    padding-bottom: 150px;
}

.padding-topSM {
    padding-top: 25px;
}

.padding-top {
    padding-top: 50px;
}

.padding-topLG {
    padding-top: 60px;
}

.padding-topXL {
    padding-top: 80px;
}

.padding-topXXL {
    padding-top: 100px;
}

.padding-topXXXL {
    padding-top: 150px;
}

@media (max-width: 767px) {
    .paddingMOB {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .padding-left {
        padding-left: 40px;
    }
}

@media (min-width: 992px) {
    .padding-right {
        padding-right: 40px;
    }
}

.section-paddingXS {
    padding-top: 10px;
    padding-bottom: 10px;
}

.section-paddingSM {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-paddingLG {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-paddingXL {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    .section-paddingXL {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.section-paddingXXL {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 991px) {
    .section-paddingXXL {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.section-paddingXXXL {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 991px) {
    .section-paddingXXXL {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.border-round {
    border-radius: 4px;
}

.border-full {
    border: 0.063rem solid #8c8e9a;
    border-radius: 4px;
}

.border-full-light {
    border: 0.063rem solid #eaecf1;
    border-radius: 4px;
}

.border-bottom {
    border-bottom: 0.063rem solid #8c8e9a;
}

.border-bottom-dark {
    border-bottom: 0.75px solid #c9cad2 !important;
}

.border-bottom-light {
    border-bottom: 0.063rem solid #efefef;
}

.border-left {
    border-left: 0.063rem solid #8c8e9a;
}

.border-left-light {
    border-left: 0.063rem solid #efefef;
}

.border-right {
    border-right: 0.063rem solid #8c8e9a;
}

.border-md-right-thick, .border-right-thick {
    border-right: 0.1rem solid;
}

.border-right-light {
    border-right: 0.063rem solid #efefef;
}

.border-top {
    border-top: 0.063rem solid #8c8e9a;
}

.border-top-light {
    border-top: 0.063rem solid #efefef;
}

.orange-glow {
    background-color: #ffe2d9;
}

.box-shadow {
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.box-shadow-dark {
    box-shadow: 0 4px 6px 0 rgba(173,173,173,0.5);
}

.border-orange-brand {
    border-color: #ff4c00;
}

.border-orange-medium {
    border-color: #ff7043;
}

.border-orange-light {
    border-color: #ffa98e;
}

.border-orange-extra-light {
    border-color: #ffe2d9;
}

.border-blue-light {
    border-color: #7cb4ee;
}

@media (max-width: 768px) {
    .border-md-right-thick {
        border: none;
    }
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.no-events {
    pointer-events: none;
}

.overflow-hidden {
    overflow: hidden;
}

.content-label {
    text-transform: uppercase;
    color: #a0a2ad;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 5px;
    letter-spacing: 0.2em;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.underline-blue {
    border-bottom: 1px solid #2583e3;
}

    .underline-blue:hover {
        border: none;
    }

.banner {
    padding: 17px 0;
}

.highlight {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    width: 100%;
}

@media (max-width: 991px) {
    .highlight {
        background-color: #f1f7fd;
        width: 100%;
        margin: 0;
        flex-direction: column;
        padding: 27px 20px 27px;
    }
}

.highlight span {
    background-color: #f1f7fd;
    padding: 15px 0;
    width: calc(83% - 15px);
    text-align: center;
    margin-right: 15px;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .highlight span {
        line-height: 1.4;
        width: 100%;
        padding: 0;
    }
}

.highlight.full span {
    width: 100%;
    margin-right: 0px;
}

.bottom-schedule-demo-img {
    max-width: 500px !important;
    width: 100%;
}

.new-release-tag {
    background-color: #ffe2d9;
    color: #ff4c00;
    border-radius: 20px;
    font-weight: 600;
    padding: 3px 15px 4px 15px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
}

@media (max-width: 1199px) {
    .new-release-tag {
        margin-right: 40px;
    }
}

@media (max-width: 425px) {
    .new-release-tag {
        margin: 0 auto;
    }
}

.new-release-tag.small {
    padding: 1px 10px 2px 10px;
    margin-bottom: 5px;
}

.new-release-tag.uppercase-bold {
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 15px 2px 15px;
    letter-spacing: 2px;
}

.new-release-tag.inverted {
    background-color: #ff4c00;
    color: #fff;
}

@media (max-width: 1199px) {
    .new-release-tag.inverted {
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
    .new-release-tag.inverted {
        margin: 0 auto;
    }
}

.new-release-tag.style-b {
    padding: 1px 15px 2px;
    font-family: Calibre;
    font-size: 1.125rem;
    line-height: 144%;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.new-release-header-tag {
    background-color: #ffe2d9;
    color: #ff4c00;
    border-radius: 20px;
    font-weight: 600;
    padding: 1px 8px 2px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0.7rem;
}

@media (max-width: 1199px) {
    .new-release-header-tag {
        margin-right: 40px;
    }
}

.new-release-header-tag.inverted {
    background-color: #ff4c00;
    color: #fff;
}

@media (max-width: 1199px) {
    .new-release-header-tag.inverted {
        margin-right: 0px;
    }
}

h3 {
    position: relative;
}

    h3 span.new-release-tag, h3 span.new-release-header-tag {
        display: inline;
        position: relative;
        left: 5px;
        top: -3px;
    }

    h3 span.new-release-tag__big, h3 span.new-release-header-tag__big {
        font-size: 1.25rem;
        left: 10px;
    }

.label__product-package {
    text-transform: uppercase;
    font-family: "proxima-soft";
    font-weight: 800;
    font-size: 1.125rem;
    letter-spacing: 0.1em;
}

.striped-circle-top-left {
    position: relative;
}

    .striped-circle-top-left:before {
        position: absolute;
        top: 0;
        left: -50px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.striped-circle-top-left-corner {
    position: relative;
}

    .striped-circle-top-left-corner:before {
        position: absolute;
        top: -50px;
        left: -50px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.striped-circle-top-right {
    position: relative;
}

    .striped-circle-top-right:before {
        position: absolute;
        top: -50px;
        right: 17px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.striped-circle-bottom-left {
    position: relative;
}

    .striped-circle-bottom-left:before {
        position: absolute;
        bottom: -14px;
        left: -50px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.striped-circle-bottom-left-corner {
    position: relative;
}

    .striped-circle-bottom-left-corner:before {
        position: absolute;
        bottom: -60px;
        left: -50px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.striped-circle-bottom-right-corner {
    position: relative;
}

    .striped-circle-bottom-right-corner:before {
        position: absolute;
        bottom: -60px;
        right: -50px;
        content: url(striped-circle.svg);
        z-index: -1;
    }

.ring-top-right-corner {
    position: relative;
}

    .ring-top-right-corner:before {
        position: absolute;
        top: -35px;
        right: -35px;
        content: url(ring.svg);
        z-index: -1;
    }

.dot-top-right {
    position: relative;
}

    .dot-top-right:after {
        position: absolute;
        top: 70px;
        right: -25px;
        content: url(dot.svg);
    }

.dot-bottom-left {
    position: relative;
}

    .dot-bottom-left:after {
        position: absolute;
        bottom: -35px;
        left: 125px;
        content: url(dot.svg);
    }

.double-dot-bottom-right {
    position: relative;
}

    .double-dot-bottom-right:after {
        position: absolute;
        bottom: -30px;
        right: 3px;
        content: url(double-dot.svg);
    }

.triangle-grid-top-right {
    position: relative;
}

    .triangle-grid-top-right:after {
        position: absolute;
        top: 14px;
        right: 15px;
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/backgrounds/grid-triangle-right.svg);
    }

.triangle-grid-bottom-left {
    position: relative;
}

    .triangle-grid-bottom-left:before {
        position: absolute;
        bottom: -33px;
        left: -27px;
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/backgrounds/grid-triangle-left.svg);
        z-index: -1;
    }

.circle-dot-large-brand-bottom-right {
    position: relative;
}

    .circle-dot-large-brand-bottom-right:before {
        position: absolute;
        bottom: -55px;
        right: -15px;
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/backgrounds/circle-dot-large-brand.svg);
        z-index: -1;
    }

.double-dot-brand-top-left {
    position: relative;
}

    .double-dot-brand-top-left:after {
        position: absolute;
        top: -20px;
        left: 60px;
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/backgrounds/double-dot-brand.svg?mtime=20190513140726);
    }

.grid-5-slider, .grid-4-slider {
    width: 100%;
}

    .grid-5-slider .slick-list, .grid-4-slider .slick-list {
        overflow: visible;
    }

        .grid-5-slider .slick-list .slick-track .slick-slide, .grid-4-slider .slick-list .slick-track .slick-slide {
            padding: 0 10px;
        }

.accessories-slider {
    width: 100%;
}

    .accessories-slider .slick-list {
        overflow: visible;
    }

#vidyard-content-fixed {
    z-index: 1001 !important;
}

#vidyard-overlay {
    z-index: 1000 !important;
}

.vidyard-video .play-button-container {
    left: calc(50% - 53px);
}

@media (max-width: 991px) {
    .vidyard-video .play-button-container {
        top: auto;
    }
}

.vidyard-video.border-round img {
    border-radius: 4px;
}

#vidyard-overlay-wrapper, .vidyard-lightbox-content-backer {
    opacity: 1 !important;
}

.vidyard-player-embed.entry-embed {
    display: block !important;
    align-self: center;
}

.vidyard-player-container {
    display: none !important;
}

.video-embed {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .video-embed .play-button-container {
        left: 50%;
    }

@media (max-width: 1199px) {
    .video-embed .play-button-container {
        left: calc(50% - 50px);
    }
}

@media (max-width: 991px) {
    .video-embed .play-button-container {
        top: auto;
    }
}

.wistia_embed {
    max-width: 100%;
}

    .wistia_embed img {
        left: 0 !important;
        width: 100% !important;
    }

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

@media (max-width: 767px) {
    #vidyard-popbox {
        top: 40% !important;
        left: 10px !important;
        right: 10px !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
}

.play-button-container {
    position: absolute;
    align-self: center;
    height: 107px;
    left: calc(40% - 75px);
    width: 107px;
    cursor: pointer;
    padding: 0;
    z-index: 1;
}

@media (max-width: 991px) {
    .play-button-container {
        left: auto;
        top: 100px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .play-button-container {
        top: calc(50% - 53px);
    }
}

.play-button-container .play-button {
    padding: 0;
}

    .play-button-container .play-button.orange * {
        fill: #ff4c00;
    }

    .play-button-container .play-button.orange circle {
        fill: #fff;
    }

.edit-entry {
    position: fixed;
    height: 50px;
    background-color: #eaecf1;
    bottom: 0px;
    right: 0px;
    left: 0;
    z-index: 1000;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-announcement {
    padding: 9px 0;
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

img.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

img.icon, svg.icon {
    width: 40px;
    height: 40px;
}

img.x-small-icon, svg.x-small-icon {
    width: 15px;
    height: 15px;
}

img.small-icon, svg.small-icon {
    width: 25px;
    height: 25px;
}

img.med-sm-icon, svg.med-sm-icon {
    width: 35px;
    height: 35px;
}

img.med-icon, svg.med-icon {
    width: 60px;
    height: 60px;
}

img.medium-icon, svg.medium-icon {
    width: 75px;
    height: 75px;
}

img.large-icon, svg.large-icon {
    width: 100px;
    height: 100px;
}

@media (max-width: 767px) {
    img.large-icon, svg.large-icon {
        width: 60px;
        height: 60px;
    }
}

img.xlarge-icon, svg.xlarge-icon {
    width: 150px;
    height: 150px;
}

@media (max-width: 767px) {
    img.xlarge-icon, svg.xlarge-icon {
        width: 100px;
        height: 100px;
    }
}

.white-icon * .filled {
    fill: #fff;
    opacity: 1;
}

.white-icon * .filled-brand {
    fill: #fff;
    stroke: #fff;
    opacity: 1;
}

.white-icon * .filled-dark {
    fill: #fff;
    stroke: #fff;
    opacity: 1;
}

.white-icon * .stroke {
    stroke: #fff;
}

.blue-icon * .filled {
    fill: #cee6fa;
    opacity: 1;
}

.blue-icon * .filled-brand {
    fill: #2583e3;
    stroke: #2583e3;
    opacity: 1;
}

.blue-icon * .filled-dark {
    fill: #bed8f7;
    stroke: #bed8f7;
    opacity: 1;
}

.blue-icon * .stroke {
    stroke: #f74b01;
}

.red-icon * .filled-dark {
    fill: #fdd6dd;
    opacity: 1;
}

.red-icon * .filled {
    fill: #f53655;
    opacity: 0.5;
}

.red-icon * .stroke-dark {
    stroke: #f53655;
}

.red-icon * .fill-dark {
    fill: #f53655;
}

.red-icon * .stroke {
    stroke: #f53655;
}

.green-icon .filled {
    fill: #93c75f;
    opacity: 0.5;
}

.green-icon .filled-dark {
    fill: #ebf2e1;
    stroke: #ebf2e1;
    opacity: 1;
}

.green-icon .stroke-dark {
    stroke: #93c75f;
}

.green-icon .stroke-light {
    stroke: #ebf2e1;
}

.green-icon .fill-light {
    fill: #ebf2e1;
}

.green-icon .fill-dark {
    fill: #93c75f;
}

.green-icon .stroke {
    stroke: #93c75f;
}

.orange-icon .filled {
    fill: #ffa98e;
    opacity: 0.5;
}

.orange-icon .filled-brand {
    fill: #ff4c00;
    stroke: #ff4c00;
    opacity: 1;
}

.orange-icon .fill-dark {
    fill: #ff4c00;
}

.orange-icon .filled-dark {
    fill: #fec9b2;
    stroke: #fec9b2;
    opacity: 1;
}

.orange-icon .filled-light {
    fill: #fec9b2;
    stroke: #fff;
    opacity: 1;
}

.orange-icon .stroke-dark {
    stroke: #ff4c00;
}

.orange-icon .stroke-light {
    stroke: #fec9b2;
}

.orange-icon .stroke {
    stroke: #ff4c00;
}

.orange-icon .text {
    stroke: #ff4c00;
    fill: #ff4c00;
}

.filled-white .filled {
    fill: #fff;
    opacity: 1;
}

.orange-alt-icon .filled {
    fill: #ff9103;
    opacity: 0.5;
}

.orange-alt-icon .filled-dark {
    fill: #fee8c8;
    stroke: #fee8c8;
    opacity: 1;
}

.orange-alt-icon .filled-light {
    fill: #fee8c8;
    stroke: #fff;
    opacity: 1;
}

.orange-alt-icon .stroke {
    stroke: #ff9103;
}

.pink-icon * .filled {
    fill: #d657b6;
    opacity: 0.5;
}

.pink-icon * .filled-dark {
    fill: #e3afd9;
    opacity: 1;
}

.pink-icon * .stroke-dark {
    stroke: #d657b6;
}

.pink-icon * .fill-dark {
    fill: #d657b6;
}

.pink-icon * .stroke {
    stroke: #d657b6;
}

.teal-icon * .filled-dark {
    fill: #b9e6ef;
    stroke: #b9e6ef;
    opacity: 1;
}

.teal-icon * .filled {
    fill: #4dd0e1;
    opacity: 0.5;
}

.teal-icon * .stroke-dark {
    stroke: #4dd0e1;
}

.teal-icon * .fill-dark {
    fill: #4dd0e1;
}

.teal-icon * .stroke {
    stroke: #4dd0e1;
}

.grey-icon * .filled-dark {
    fill: #ddddea;
    stroke: #ddddea;
    opacity: 1;
}

.grey-icon * .filled-dark-only {
    fill: #ddddea;
}

.grey-icon * .filled {
    fill: #ddddea;
    opacity: 1;
}

.grey-icon * .stroke {
    stroke: #252a35;
}

.grey-icon * .text {
    stroke: #252a35;
    fill: #252a35;
}

.grey-transparent-icon * .filled-dark {
    fill: none;
    stroke: #a0a2ad;
    opacity: 1;
}

.grey-transparent-icon * .filled {
    fill: none;
    stroke: #a0a2ad;
    opacity: 1;
}

.grey-transparent-icon * .stroke {
    stroke: #a0a2ad;
    fill: none;
}

.icon-callout {
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
}

    .icon-callout h6 {
        font-family: "Calibre";
        font-size: 0.875rem;
        font-weight: 700;
        border-radius: 8px;
    }

        .icon-callout h6 span {
            font-weight: 700;
        }

    .icon-callout.orange h6 {
        color: #ff4c00;
    }

        .icon-callout.orange h6 span {
            color: #ff4c00;
        }

    .icon-callout.orange-2 h6 {
        color: #ff9100;
    }

        .icon-callout.orange-2 h6 span {
            color: #ff9100;
        }

    .icon-callout.blue h6 {
        color: #2583e3;
    }

        .icon-callout.blue h6 span {
            color: #2583e3;
        }

    .icon-callout.red h6 {
        color: #f53655;
    }

        .icon-callout.red h6 span {
            color: #f53655;
        }

    .icon-callout.monospace h6 {
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: 0.125rem;
    }

    .icon-callout p {
        color: #252a35;
        font-family: "Calibre";
        font-size: 1.125rem;
    }

h1 svg.icon {
    top: 1px;
    margin-right: 20px;
}

html {
    font-size: 16px;
}

@media (max-width: 320px) {
    html {
        font-size: 14px;
    }
}

@font-face {
    font-family: "Gliko";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Glick/Gliko-Modern-M-Black.woff") format("woff2"),url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Glick/GlikoGliko-Modern-M-Black.woff2") format("woff");
    font-display: auto;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-BlackItalic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: fallback;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-BoldItalic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Light.eot");
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Light.woff2") format("woff2");
    font-weight: 300;
    font-display: fallback;
    font-style: normal;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-LightItalic.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Medium.otf");
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/CalibreWeb-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: fallback;
    font-style: normal;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-MediumItalic.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Regular.eot");
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: fallback;
    font-style: normal;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-RegularItalic.eot");
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-RegularItalic.woff") format("woff2");
    font-weight: 400;
    font-display: fallback;
    font-style: italic;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Semibold.eot");
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Semibold.woff2") format("woff2");
    font-weight: 600;
    font-display: fallback;
    font-style: normal;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-SemiboldItalic.otf") format("opentype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-Thin.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Calibre";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Calibre/Calibre-ThinItalic.otf") format("opentype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Belluga";
    src: url("https://d1pxgl8l8levq9.cloudfront.net/fonts/Belluga-Solid.otf") format("opentype");
    font-style: normal;
}

* {
    font-family: "Calibre", sans-serif;
    font-size: 1.1rem;
    margin: 0;
    line-height: 1.4;
    color: #252a35;
}

h1 {
    font-family: "Calibre", sans-serif;
    font-size: 3.125rem;
    font-weight: 600;
    font-style: normal;
    line-height: 3.125rem;
    letter-spacing: -0.031rem;
    color: #252a35;
}

    h1 + p, h1 + h2 {
        font-family: "Calibre", sans-serif;
        font-size: 1.375rem;
        font-weight: 400;
        font-style: normal;
        line-height: 30px;
        opacity: 0.8;
    }

@media (max-width: 575px) {
    h1 + p, h1 + h2 {
        font-family: "Calibre", sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        font-style: normal;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    h1 {
        font-family: "Calibre", sans-serif;
        font-size: 2.75rem;
        font-weight: 600;
        font-style: normal;
        line-height: 2.9rem;
    }
}

h1 svg {
    position: relative;
    top: 6px;
    left: 10px;
}

h2 {
    font-family: "Calibre", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    color: #252a35;
}

@media (max-width: 575px) {
    h2 {
        font-family: "Calibre", sans-serif;
        font-size: 1.75rem;
        font-weight: 600;
        font-style: normal;
        line-height: 1.2;
    }
}

h2 + p {
    font-family: "Calibre", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}

@media (max-width: 575px) {
    h2 + p {
        font-family: "Calibre", sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1.4;
    }
}

h3 {
    font-family: "Calibre", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    font-style: normal;
    line-height: 1.875rem;
    color: #252a35;
}

    h3 + p {
    font-family: "Calibre", sans-serif;
    font-size: large;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4rem;
    }

@media (max-width: 575px) {
    h3 + p {
        font-family: "Calibre", sans-serif;
        font-size: 1.125rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1.4;
    }
}

h4 {
    font-family: "Calibre", sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: normal;
    line-height: auto;
    color: #252a35;
}

h5 {
    font-family: "Calibre", sans-serif;
    font-size: .938rem;
    font-weight: 600;
    font-style: normal;
    line-height: auto;
}

a {
    font-family: "Calibre", sans-serif;
    font-size: inherit;
    font-weight: 500;
    font-style: inherit;
    line-height: inherit;
    text-decoration: none;
}

    a, a:hover, a:active, a:visited {
    color: #18A6F5;
    }

p {
    line-height: 1.4;
    font-size: large;
}

.weight-300 {
    font-weight: 300;
}

.weight-400 {
    font-weight: 400;
}

.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

blockquote {
    font-family: "Calibre", sans-serif;
    font-size: 1.625rem;
    font-weight: 500;
    font-style: normal;
    line-height: 2.813rem;
}

    blockquote a {
        font-weight: 600;
        color: #2583e3;
        font-size: 1.625rem;
        text-decoration: none;
    }

.callout {
    font-family: "Calibre", sans-serif;
    font-size: 3.125rem;
    font-weight: 600;
    font-style: normal;
    line-height: 3.125rem;
    margin: 0;
}

@media (max-width: 980px) {
    .callout {
        text-align: center;
    }
}

.callout.customer-newsletter {
    font-family: "Calibre", sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    font-style: normal;
    line-height: 2.5rem;
}

@media (max-width: 768px) {
    .text-align-centerMOB {
        text-align: center;
    }
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.belluga {
    font-family: "Belluga", sans-serif;
}

.sub-line {
    font-size: 1.125rem;
}

.color-grey-medium-dark {
    color: #4e5260 !important;
}

    .color-grey-medium-dark svg * {
        fill: #4e5260 !important;
    }

.color-grey-medium {
    color: #a0a2ad !important;
}

    .color-grey-medium svg * {
        fill: #a0a2ad !important;
    }

.color-grey-price {
    color: #282c37 !important;
}

.color-grey-light {
    color: #ddddea !important;
}

    .color-grey-light p, .color-grey-light span {
        color: #ddddea !important;
    }

    .color-grey-light svg * {
        fill: #ddddea !important;
    }

.color-white {
    color: #fff !important;
}

    .color-white p, .color-white span {
        color: #fff !important;
    }

    .color-white svg * {
        fill: #fff !important;
    }

.color-red {
    color: #f53655 !important;
}

    .color-red svg * {
        fill: #f53655 !important;
    }

.color-navy-dark {
    color: #252a35 !important;
}

    .color-navy-dark svg * {
        fill: #252a35 !important;
    }

.color-blue {
    color: #2583e3 !important;
}

    .color-blue svg * {
        fill: #2583e3 !important;
    }

.color-orange {
    color: #ff4c00 !important;
}

    .color-orange svg * {
        fill: #ff4c00 !important;
    }

.color-orange-2 {
    color: #ff7043 !important;
}

    .color-orange-2 svg * {
        fill: #ff7043 !important;
    }

.color-orange-3 {
    color: #ff9100 !important;
}

    .color-orange-3 svg * {
        fill: #ff9100 !important;
    }

.color-teal {
    color: #4dd0e1 !important;
}

    .color-teal svg * {
        fill: #4dd0e1 !important;
    }

.color-pink {
    color: #d657b6 !important;
}

    .color-pink svg * {
        fill: #d657b6 !important;
    }

.color-green {
    color: #93c75f !important;
}

    .color-green svg * {
        fill: #93c75f !important;
    }

.header-1 {
    font-family: "Calibre",sans-serif;
    font-size: 2.1875rem !important;
    letter-spacing: -0.0275rem !important;
    line-height: 2.5rem !important;
}

.normal-text {
    font-family: "Calibre",sans-serif;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.25rem;
}

.font-1125 {
    font-size: 1.125rem;
}

.font-1375 {
    font-size: 1.375rem;
}

.font-225 {
    font-size: 2.25rem;
}

.font-1 {
    font-size: 1rem;
}

.font-2 {
    font-size: 2rem;
}

.font-175 {
    font-size: 1.75rem;
}

.font-15 {
    font-size: 1.5rem;
}

.font-125 {
    font-size: 1.25rem;
}

.italic {
    display: block;
    font-style: italic;
    font-size: 0.75rem;
}

.disclaimer {
    font-size: 1rem;
}

.line-height-normal {
    line-height: 1.4;
}

.strike-through {
    text-decoration: line-through;
}

.whitespace-nowrap {
    white-space: nowrap;
}

a.buttonPL, button.buttonPL {
    font-family: "Calibre", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    font-style: normal;
    line-height: 1rem;
    border-radius: 6px;
    padding: 23px 20px;
    transition: all 300ms;
    display: inline-block;
}

a.buttonPS, button.buttonPS {
    font-family: "Calibre", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
    line-height: 1rem;
    border-radius: 0.188rem;
    letter-spacing: 0;
    padding: 18px 20px;
    transition: all 300ms;
    display: inline-block;
}

input.buttonSS, a.buttonSS, button.buttonSS {
    border-radius: 4px;
    padding: 11px 20px;
    transition: all 300ms;
    display: inline-block;
}

input.buttonFW, a.buttonFW, button.buttonFW {
    border-radius: 4px;
    padding: 15px 20px;
    width: 100%;
    transition: all 300ms;
    display: inline-block;
}

button.button-navy-dark, a.button-navy-dark {
    border: none;
    background-color: #252a35;
    color: white !important;
}

    button.button-navy-dark:hover, a.button-navy-dark:hover {
        background-color: #00376d;
    }

    button.button-navy-dark:active, a.button-navy-dark:active {
        background-color: #164e88;
        box-shadow: none;
    }

input.button-blue, button.button-blue, a.button-blue {
    border: none;
    background-color: #2583e3;
    color: white !important;
}

    input.button-blue:hover, button.button-blue:hover, a.button-blue:hover {
        background-color: #1f68c2;
    }

    input.button-blue:active, button.button-blue:active, a.button-blue:active {
        background-color: #164e88;
        box-shadow: none;
    }

a.button-black, button.button-black, input.button-black {
    border: none;
    background-color: #000;
    color: white !important;
}

    a.button-black:hover, button.button-black:hover, input.button-black:hover {
        background-color: #000;
    }

input.button-orange, a.button-orange {
    border: none;
    background-color: #ff4c00;
    color: white;
}

    input.button-orange:hover, a.button-orange:hover {
        background-color: #e04300;
    }

a.button-blue-ghost, button.button-blue-ghost {
    border: 0.063rem solid #2583e3;
    background-color: white;
    color: #2583e3 !important;
}

a.button-orange-ghost {
    border: 0.063rem solid #ff4c00;
    background-color: white;
    color: #ff4c00 !important;
}

a.clear, button.clear {
    color: white;
    border-radius: 0.313rem;
    border: 1px solid #fff;
    background-color: transparent;
    padding: 14px 22px 8px 15px;
}

a.block-cta {
    display: block;
    padding: 22px 25px;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
}

button.disabled, button.disabled:hover, button.disabled:active, button.disabled:focus {
    background-color: #eaecf1;
    box-shadow: none;
    color: #a0a2ad;
    border: none;
    pointer-events: none;
}

a.inline:hover {
    text-decoration: underline;
}

.button-pulse {
    transform-origin: 50%;
    transform: scale(0);
    -webkit-animation-name: play-button-2;
    animation-name: play-button-2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.button-pulse-2 {
    transform-origin: 50%;
    -webkit-animation-name: play-button-2;
    animation-name: play-button-2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.button-pulse-3 {
    transform-origin: 50%;
    -webkit-animation-name: pulse-3;
    animation-name: pulse-3;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.arrow-down:after {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/down-arrow.svg);
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    left: 10px;
    transition: 300ms all;
    z-index: 1;
}

.arrow-down-white:after {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/down-arrow-white.svg);
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    left: 10px;
    transition: 300ms all;
    z-index: 1;
}

.play-button {
    padding-left: 37px;
    position: relative;
}

    .play-button:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/play.svg);
        position: absolute;
        top: 0px;
        display: inline-block;
        width: 20px;
        height: 20px;
        left: 10px;
        transition: 300ms all;
        z-index: 1;
    }

a.download {
    padding-left: 30px;
    padding-right: 80px;
    position: relative;
    margin-right: 25px;
    overflow: hidden;
}

    a.download:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/download-orange.svg);
        position: absolute;
        top: 0px;
        right: 0;
        display: inline-block;
        transition: 300ms all;
        z-index: 1;
    }

.arrow {
    padding-right: 20px;
}

    .arrow:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/right-arrow.svg);
        position: relative;
        top: 0px;
        display: inline-block;
        width: 16px;
        left: 10px;
        transition: 300ms all;
        z-index: 1;
    }

    .arrow:hover:after {
        left: 15px;
    }

    .arrow.arrow-white:after, .arrow.color-white:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/right-arrow-white.svg);
    }

    .arrow.color-grey:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/right-arrow-grey.svg);
    }

    .arrow.arrow-blue:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/right-arrow-blue.svg);
    }

.arrow-back {
    position: relative;
    padding-left: 35px;
}

    .arrow-back:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/left-arrow.svg);
        position: absolute;
        display: inline-block;
        width: 16px;
        left: 10px;
        top: 0px;
        transition: 300ms all;
        z-index: 1;
    }

    .arrow-back:hover:after {
        left: 5px;
    }

    .arrow-back.color-grey:after, .arrow-back.color-grey-medium:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/left-arrow-grey.svg);
    }

.pulse-container {
    position: relative;
}

    .pulse-container img {
        position: absolute;
        bottom: 0;
        left: 10%;
        width: 80%;
        top: 20px;
    }

.button-pulse-container {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ff4c00;
}

    .button-pulse-container > div {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.button-pulse-container__play-button {
    height: 100%;
    width: 100%;
}

.button-pulse-layer-content {
    position: absolute;
    z-index: 5;
    padding: 10px;
}

    .button-pulse-layer-content > img {
        margin: auto;
    }

.button-pulse-layer-2 {
    position: absolute;
    z-index: 4;
    background-color: inherit;
    opacity: 0.8;
    -webkit-animation-name: pulse-layer-2;
    animation-name: pulse-layer-2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    pointer-events: none;
}

.button-pulse-layer-3 {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    background-color: inherit;
    -webkit-animation-name: pulse-layer-3;
    animation-name: pulse-layer-3;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*, *::before, *::after {
    box-sizing: inherit;
}

.container, .container-1180, .container-1600 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-1440 {
    max-width: 1440px;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .container-1180 {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .container-1180 {
        max-width: 820px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .container-1180 {
        max-width: 1060px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .container-1180 {
        max-width: 1240px;
    }
}

@media (min-width: 1600px) {
    .container-1600 {
        max-width: 1520px;
    }
}

@media (max-width: 1599px) {
    .container-1600 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

.container-grid-5 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px) {
    .container-grid-5 {
        width: 1400px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.d-none {
    display: none !important;
}

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

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

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

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

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

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

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

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

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

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

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

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

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

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

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@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;
    }

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

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

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

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

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

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

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

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

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

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

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

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

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.flex-first {
    order: -1;
}

.flex-last {
    order: 1;
}

.flex-unordered {
    order: 0;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
}

.height-md-100 {
    height: 100%;
}

@media (min-width: 576px) {
    .flex-sm-first {
        order: -1;
    }

    .flex-sm-last {
        order: 1;
    }

    .flex-sm-unordered {
        order: 0;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .height-md-100 {
        height: auto;
    }

    .flex-md-first {
        order: -1;
    }

    .flex-md-last {
        order: 1;
    }

    .flex-md-unordered {
        order: 0;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-first {
        order: -1;
    }

    .flex-lg-last {
        order: 1;
    }

    .flex-lg-unordered {
        order: 0;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-first {
        order: -1;
    }

    .flex-xl-last {
        order: 1;
    }

    .flex-xl-unordered {
        order: 0;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-grid-row-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
    }
}

.hidden {
    display: none !important;
}

.hidden-xs-up {
    display: none !important;
}

@media (max-width: 575.98px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (max-width: 769px) {
    .hidden-tablet-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

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

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

@media (max-width: 425px) {
    .order-1-mobile {
        order: 1;
    }
}

.max-width-50 {
    max-width: 50%;
}

@media (max-width: 575.98px) {
    .max-width-50 {
        max-width: 90%;
    }
}

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

    .breadcrumb a {
        color: #ff4c00;
    }

        .breadcrumb a:hover {
            color: #ff9466;
        }

    .breadcrumb .icon {
        display: flex;
        align-items: center;
        width: 20px;
        height: 20px;
    }

        .breadcrumb .icon svg {
            width: 20px;
            height: 20px;
            position: relative;
            top: 3px;
        }

    .breadcrumb .divider {
        padding: 0 15px;
    }

.cardLight {
    box-shadow: 0 0rem 0.313rem rgba(0,0,0,0.14);
    border-radius: 0.313rem;
    background-color: #fff;
    padding: 15px;
}

.cardMed {
    box-shadow: 0 0 1.25rem rgba(112,112,112,0.1);
    border-radius: 0.25rem;
    background-color: #fff;
    padding: 30px 15px;
}

.cardHeavy {
    box-shadow: 0 0 1.25rem rgba(91,27,0,0.1);
    border-radius: 0.313rem;
    background-color: #fff;
    padding: 15px;
}

@media (min-width: 992px) {
    .cardMed-desktop {
        box-shadow: 0 0 1.25rem rgba(112,112,112,0.1);
        border-radius: 0.25rem;
        background-color: #fff;
        padding: 30px 15px;
    }
}

.icon-card {
    border-radius: 0.188rem;
    border: 1px solid #efeeef;
    box-shadow: 0px 4px 0px #efeeef;
    background-color: #fff;
    position: relative;
    transition: 300ms all;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .icon-card:hover {
        transform: scale(1.03);
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    }

    .icon-card h4 {
        border-radius: 0.188rem 0.188rem 0 0;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.125rem;
        padding: 12px 20px;
        margin: 0;
    }

    .icon-card svg {
        margin-right: 10px;
    }

    .icon-card .content {
        padding: 25px 15px 30px 20px;
        height: calc(100% - 43px);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        color: #ff7043;
    }

        .icon-card .content p {
            font-weight: 400;
            line-height: 1.4;
            padding-top: 10px;
        }

            .icon-card .content p:first-child {
                margin-bottom: 15px;
            }

        .icon-card .content ul {
            list-style: none;
            padding: 0;
        }

            .icon-card .content ul li {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
            }

.category.management {
    background-color: #ff9100;
}

.category.technology {
    background-color: #f53655;
}

.category.menu-kitchen {
    background-color: #d657b6;
}

.category.staffing-hiring {
    background-color: #4dd0e1;
}

.category.marketing {
    background-color: #93c75f;
}

.category.metrics-finance {
    background-color: #ff4c00;
}

.category.industry-trends {
    background-color: #a0a2ad;
}

.card-arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

    .card-arrow.management path {
        fill: #ff7043;
    }

    .card-arrow.technology path {
        fill: #f53655;
    }

    .card-arrow.menu-kitchen path {
        fill: #d657b6;
    }

    .card-arrow.staffing-hiring path {
        fill: #4dd0e1;
    }

    .card-arrow.marketing path {
        fill: #93c75f;
    }

    .card-arrow.metrics-finance path {
        fill: #ff4c00;
    }

    .card-arrow.industry-trends path {
        fill: #a0a2ad;
    }

.card-shadow-hover {
    transition: transform 200ms;
}

    .card-shadow-hover:hover {
        transform: scale(1.03);
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    }

    .card-shadow-hover:not(.ghost-card) {
        box-shadow: 0px 5px 0px #efeeef;
    }

.card {
    background-color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 4px;
    transition: transform 200ms;
    width: 100%;
    height: 100%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .card {
        display: block !important;
    }
}

.card:hover {
    transform: scale(1.03);
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.card:not(.ghost-card) {
    box-shadow: 0px 5px 0px #efeeef;
}

@media (max-width: 767px) {
    .card {
        height: auto;
    }
}

.card .categories {
    margin-bottom: 5px;
}

    .card .categories span {
        text-transform: uppercase;
        color: #c9cad3;
        font-size: 0.675rem;
        letter-spacing: 0.03em;
    }

.card .title {
    font-size: 1.125rem;
    margin-bottom: 10px;
}

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

.card .thumbnail-container {
    padding: 22px;
}

    .card .thumbnail-container.management {
        background: #ffe9cc;
        color: #ff7043;
    }

    .card .thumbnail-container.technology {
        background: #fdd6dd;
        color: #f53655;
    }

    .card .thumbnail-container.menu-kitchen {
        background: #f6ddf0;
    }

    .card .thumbnail-container.staffing-hiring {
        background: #dbf5f9;
    }

    .card .thumbnail-container.marketing {
        background: #e9f3df;
    }

    .card .thumbnail-container.metrics-finance {
        background: #ffe2d9;
    }

    .card .thumbnail-container.industry-trends {
        background: #eaecf1;
    }

    .card .thumbnail-container.payroll-management {
        background: #ffcdbc;
    }

    .card .thumbnail-container.co-marketing {
        background: #ffece4;
    }

    .card .thumbnail-container.sales-enablement {
        background: #dfe5f7;
    }

    .card .thumbnail-container.pos-toast {
        background: #c5ede4;
    }

    .card .thumbnail-container.pink {
        background: #ffc9c9;
    }

    .card .thumbnail-container .thumbnail {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        height: 182px;
    }

.card .content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

    .card .content p {
        font-weight: 400;
    }

    .card .content h2 {
        margin-bottom: 10px;
    }

    .card .content .tags {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .card .content .tags > div {
            display: flex;
            align-items: center;
        }

.card .footer- .description {
    position: relative;
    flex-grow: 1;
}

    .card .footer- .description.height-medium {
        height: 10rem;
        overflow: hidden;
    }

    .card .footer- .description:after {
        content: "";
        box-shadow: inset 0 -85px 93px -32px #fff;
        position: absolute;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .card .footer- .description.shadow-light-gray-inset:after {
        content: "";
        box-shadow: inset 0 -85px 93px -32px #f8f9fc;
        position: absolute;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.card .link {
    margin-bottom: 7px;
}

.card .author {
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

    .card .author svg {
        position: relative;
        top: 2px;
        margin-right: 7px;
    }

.card .read-time {
    font-weight: 400;
}

.card .location, .card .date, .card .service-type {
    font-weight: 400;
    margin-right: 20px;
}

    .card .location svg, .card .location img, .card .date svg, .card .date img, .card .service-type svg, .card .service-type img {
        position: relative;
        top: -1px;
        margin-right: 5px;
        height: 17px;
    }

.card.press-release-card-2 .thumbnail-container {
    padding: 0;
}

    .card.press-release-card-2 .thumbnail-container img {
        width: 100%;
        max-height: none;
    }

.card.press-release-card-2 .content {
    padding: 30px;
}

    .card.press-release-card-2 .content .title {
        margin-bottom: 20px;
    }

.card.resource-card .thumbnail-container .thumbnail {
    height: 138px;
}

.cardBorder {
    box-shadow: none;
    border: 1px solid #eaecf1;
    border-radius: 0.313rem;
    background-color: #fff;
    padding: 15px;
}

.blog-preview-card {
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    height: auto;
}

    .blog-preview-card .category {
        width: 15px;
    }

    .blog-preview-card .details {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 50px 16px 15px;
        width: calc(100% - 15px);
    }

        .blog-preview-card .details h4 {
            font-size: 1rem;
            margin-bottom: 10px;
        }

        .blog-preview-card .details p {
            font-size: 0.875rem;
        }

.integration-card .thumbnail-container {
    padding: 20px 70px;
}

.integration-card .content {
    padding: 30px;
}

    .integration-card .content h2 {
        margin-bottom: 10px;
    }

.news-coverage-container .card .thumbnail-container {
    padding: 20px 50px;
}

    .news-coverage-container .card .thumbnail-container .thumbnail img {
        width: 150px;
    }

.event-card .content {
    padding: 25px;
}

    .event-card .content .tags {
        display: block;
    }

        .event-card .content .tags .date {
            margin-bottom: 10px;
        }

        .event-card .content .tags .location span {
            width: 90%;
        }

.event-card .thumbnail-img {
    width: 60%;
}

.customer-story-card .thumbnail-container {
    padding: 0;
}

    .customer-story-card .thumbnail-container .thumbnail .thumbnail-img {
        height: auto;
        width: 100%;
    }

.customer-story-card .tags {
    flex-grow: 1;
}

.customer-story-card .link {
    padding-top: 20px;
    margin-bottom: 0;
}

.blog-card .image-container {
    height: 182px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hs-form {
    max-width: 100%;
}

@media (max-width: 991px) {
    .hs-form {
        flex-direction: column;
        width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .hs-form {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }
}

.hs-form.button-blue input[type="submit"] {
    background: #2583e3 !important;
}

    .hs-form.button-blue input[type="submit"]:hover {
        background-color: #1b74cf !important;
    }

.hs-form.button-orange input[type="submit"] {
    background-color: #ff4c00 !important;
    color: white;
    margin-bottom: 0 !important;
}

    .hs-form.button-orange input[type="submit"]:hover {
        background-color: #e04300 !important;
    }

.hs-form:not(.hubspot-style) > * {
    border: none;
}

@media (max-width: 991px) {
    .hs-form:not(.hubspot-style) > div {
        width: 100%;
    }
}

.hs-form:not(.hubspot-style) fieldset {
    padding: 0;
    margin-bottom: 0;
}

    .hs-form:not(.hubspot-style) fieldset.form-columns-2 > div {
        display: inline-block;
        width: 49%;
    }

        .hs-form:not(.hubspot-style) fieldset.form-columns-2 > div:nth-child(1) {
            margin-right: 1%;
        }

        .hs-form:not(.hubspot-style) fieldset.form-columns-2 > div:nth-child(2) {
            margin-left: 1%;
        }

.hs-form:not(.hubspot-style) textarea {
    width: 100%;
    border: 1px solid #ddddea;
    border-radius: 4px;
    resize: none;
    padding: 10px;
    height: 100px;
    margin-bottom: 10px;
}

    .hs-form:not(.hubspot-style) textarea:focus {
        outline: none;
    }

.hs-form:not(.hubspot-style) input[type="text"], .hs-form:not(.hubspot-style) input[type="email"], .hs-form:not(.hubspot-style) input[type="tel"], .hs-form:not(.hubspot-style) input[type="submit"], .hs-form:not(.hubspot-style) input[type="number"], .hs-form:not(.hubspot-style) select {
    border-radius: 4px;
    border: none;
    transition: border, box-shadow 300ms;
    width: 100%;
    -webkit-appearance: none;
    padding: 12px 10px;
    margin-bottom: 10px;
    height: 43px;
    font-family: "Calibre", sans-serif;
    font-size: 1rem;
    box-sizing: border-box !important;
    box-shadow: none;
    font-weight: 500;
    max-width: none;
}

    .hs-form:not(.hubspot-style) input[type="text"]:not([type="submit"]), .hs-form:not(.hubspot-style) input[type="email"]:not([type="submit"]), .hs-form:not(.hubspot-style) input[type="tel"]:not([type="submit"]), .hs-form:not(.hubspot-style) input[type="submit"]:not([type="submit"]), .hs-form:not(.hubspot-style) input[type="number"]:not([type="submit"]), .hs-form:not(.hubspot-style) select:not([type="submit"]) {
        border: 1px solid #ddddea;
    }

    .hs-form:not(.hubspot-style) input[type="text"]:focus, .hs-form:not(.hubspot-style) input[type="email"]:focus, .hs-form:not(.hubspot-style) input[type="tel"]:focus, .hs-form:not(.hubspot-style) input[type="submit"]:focus, .hs-form:not(.hubspot-style) input[type="number"]:focus, .hs-form:not(.hubspot-style) select:focus {
        outline: none;
        border: 1px solid transparent;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    }

    .hs-form:not(.hubspot-style) input[type="text"].error, .hs-form:not(.hubspot-style) input[type="email"].error, .hs-form:not(.hubspot-style) input[type="tel"].error, .hs-form:not(.hubspot-style) input[type="submit"].error, .hs-form:not(.hubspot-style) input[type="number"].error, .hs-form:not(.hubspot-style) select.error {
        border: 1px solid #f98699;
    }

@media (max-width: 991px) {
    .hs-form:not(.hubspot-style) input[type="text"], .hs-form:not(.hubspot-style) input[type="email"], .hs-form:not(.hubspot-style) input[type="tel"], .hs-form:not(.hubspot-style) input[type="submit"], .hs-form:not(.hubspot-style) input[type="number"], .hs-form:not(.hubspot-style) select {
        width: 100%;
        margin-bottom: 15px;
    }
}

.hs-form:not(.hubspot-style) input[type="radio"] {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.hs-form:not(.hubspot-style) input[type="submit"] {
    background: #2583e3;
    color: #fff;
    padding: 12px 20px;
    cursor: pointer;
    margin-bottom: 10px;
    width: 100%;
    text-shadow: none;
    transition: 200ms all;
}

    .hs-form:not(.hubspot-style) input[type="submit"]:hover {
        background-color: #1b74cf;
    }

    .hs-form:not(.hubspot-style) input[type="submit"]:hover, .hs-form:not(.hubspot-style) input[type="submit"]:active {
        border: none !important;
        box-shadow: none !important;
    }

@media (max-width: 991px) {
    .hs-form:not(.hubspot-style) input[type="submit"] {
        width: 100%;
    }
}

.hs-form:not(.hubspot-style) input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 2px;
}

.hs-form:not(.hubspot-style) input::-webkit-input-placeholder, .hs-form:not(.hubspot-style) select::-webkit-input-placeholder, .hs-form:not(.hubspot-style) textarea::-webkit-input-placeholder {
    color: #c9cad3;
}

.hs-form:not(.hubspot-style) input:-ms-input-placeholder, .hs-form:not(.hubspot-style) select:-ms-input-placeholder, .hs-form:not(.hubspot-style) textarea:-ms-input-placeholder {
    color: #c9cad3;
}

.hs-form:not(.hubspot-style) input::-ms-input-placeholder, .hs-form:not(.hubspot-style) select::-ms-input-placeholder, .hs-form:not(.hubspot-style) textarea::-ms-input-placeholder {
    color: #c9cad3;
}

.hs-form:not(.hubspot-style) input::placeholder, .hs-form:not(.hubspot-style) select::placeholder, .hs-form:not(.hubspot-style) textarea::placeholder {
    color: #c9cad3;
}

.hs-form:not(.hubspot-style) .hs-zip {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

    .hs-form:not(.hubspot-style) .hs-zip.active {
        position: relative;
        opacity: 1;
        width: inherit;
        height: inherit;
    }

.hs-form:not(.hubspot-style) .hs-field-desc, .hs-form:not(.hubspot-style) .hs-form-field > label {
    display: none !important;
}

.hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-checkbox, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-file, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-radio {
    text-align: left;
    margin-bottom: 15px !important;
}

    .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-checkbox > label, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-file > label, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date > label, .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-radio > label {
        display: block !important;
        text-align: left;
        font-weight: 400;
        font-size: 1rem;
        margin-top: 10px;
        margin-bottom: 5px;
    }

.hs-form:not(.hubspot-style) .hs-form-checkbox-display span {
    margin-left: 25px;
    display: block;
}

.hs-form:not(.hubspot-style) .hs-fieldtype-select .input {
    position: relative;
}

    .hs-form:not(.hubspot-style) .hs-fieldtype-select .input:after {
        position: absolute;
        content: "";
        top: 20px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #a0a2ad transparent transparent transparent;
        pointer-events: none;
    }

    .hs-form:not(.hubspot-style) .hs-fieldtype-select .input select {
        background-color: #fff;
    }

.hs-form:not(.hubspot-style) .hbspt-form {
    width: 100%;
    margin: 0;
}

.hs-form:not(.hubspot-style) .hs-form-radio {
    margin-bottom: 0px;
}

.hs-form:not(.hubspot-style) .hs-form-field {
    position: relative;
    margin-bottom: 0 !important;
}

    .hs-form:not(.hubspot-style) .hs-form-field .hs-error-msgs {
        position: absolute;
        bottom: 5px;
        right: 10px;
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .hs-form:not(.hubspot-style) .hs-form-field .hs-error-msgs {
        bottom: 10px;
    }
}

.hs-form:not(.hubspot-style) .hs-form-field .hs-error-msgs li {
    list-style-type: none;
    margin-bottom: 3px;
}

    .hs-form:not(.hubspot-style) .hs-form-field .hs-error-msgs li label {
        color: #f53655;
        font-size: 11px;
        text-align: right;
    }

.hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date {
    display: flex;
    align-items: center;
}

    .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date > label {
        font-size: 1rem;
        margin: 0 10px 0 0;
    }

    .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date input {
        margin-bottom: 0;
        position: relative;
    }

        .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date input:before {
            content: "yyyy-mm-dd";
            left: 10px;
            top: 10px;
        }

    .hs-form:not(.hubspot-style) .hs-form-field.hs-fieldtype-date .input {
        flex-grow: 1;
    }

.hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker {
    display: none;
}

    .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) {
        background-color: #fff;
        padding: 15px;
        border-radius: 3px;
        display: block;
    }

        .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) button {
            -webkit-appearance: none;
            border: none;
            font-weight: 500;
        }

        .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-title > button {
            text-decoration: underline;
            cursor: pointer;
        }

            .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-title > button:hover {
                text-decoration: none;
            }

        .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-next {
            float: right;
        }

        .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-table tr, .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-table th {
            padding: 0 5px;
            text-align: center;
        }

        .hs-form:not(.hubspot-style) .hs-datepicker .fn-date-picker:not(.is-hidden) .pika-table td:hover {
            text-decoration: underline;
        }

.hs-form:not(.hubspot-style) .hs_submit .actions {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.hs-form:not(.hubspot-style) .hs_error_rollup {
    display: none;
}

.hs-form:not(.hubspot-style) .submitted-message {
    text-align: center;
}

.hs-form:not(.hubspot-style) .hs-fieldtype-booleancheckbox {
    padding: 10px 0;
}

.hs-form:not(.hubspot-style) .inputs-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    text-align: left;
    margin-bottom: 10px;
}

    .hs-form:not(.hubspot-style) .inputs-list:not(.hs-error-msgs) > li {
        margin-right: 30px;
    }

    .hs-form:not(.hubspot-style) .inputs-list span {
        font-size: 1rem !important;
    }

.hs-form:not(.hubspot-style) .hs-richtext {
    width: 100% !important;
}

label.hs-form-booleancheckbox-display {
    padding-left: 20px !important;
    position: relative;
}

label.hs-form-checkbox-display {
    position: relative;
}

.grecaptcha-badge {
    margin-bottom: 15px;
}

.five-col-form {
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    border-radius: 0.313rem;
    background-color: #d3e6f9;
    padding: 50px;
    position: relative;
}

@media (max-width: 767px) {
    .five-col-form {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.five-col-form.vertical .hs-submit input {
    width: 100%;
}

.five-col-form.horizontal form {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .five-col-form.horizontal form .input {
        margin-right: 10px;
    }
}

.five-col-form h3 {
    margin-top: 0;
    text-align: center;
}

.five-col-form .hbspt-form {
    width: 100%;
}

.five-col-form-b {
    box-shadow: 0px 5px 23px rgba(0,0,0,0.2);
    border-radius: 0.313rem;
    background-color: #fff;
    padding: 30px;
    position: relative;
}

@media (max-width: 767px) {
    .five-col-form-b {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.five-col-form-b.vertical .hs-submit input {
    width: 100%;
}

.five-col-form-b.horizontal form {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .five-col-form-b.horizontal form .input {
        margin-right: 10px;
    }
}

.five-col-form-b h3 {
    margin-top: 0;
    text-align: center;
}

.five-col-form-b .hbspt-form {
    width: 100%;
}

.form.gated-resource form {
    padding-left: 40px;
    flex-direction: column;
}

@media (max-width: 767px) {
    .form.gated-resource form {
        padding-left: 0;
        width: 100%;
    }
}

.form.gated-resource form select {
    -webkit-appearance: none;
}

.form.gated-resource form .hs-form-field > label {
    display: none;
}

.form.horizontal form {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .form.horizontal form input {
        width: 250px;
        margin-right: 10px;
    }

@media (max-width: 991px) {
    .form.horizontal form input {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.form-wrapper {
    border-radius: 4px;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.new-form-container {
    position: relative;
}

    .new-form-container h2 {
        font-size: 3rem;
    }

.new-form-section {
    position: relative;
}

    .new-form-section:before {
        content: url(circlely-boi.svg);
        position: absolute;
        left: -700px;
        bottom: -100px;
        z-index: -1;
    }

@media (max-width: 768px) {
    .new-form-section:before {
        display: none;
    }
}

.new-form-section:after {
    content: url(blue-circley-boi.svg);
    position: absolute;
    right: -500px;
    top: 200px;
    z-index: -1;
}

@media (max-width: 768px) {
    .new-form-section:after {
        display: none;
    }
}

.new-form-image {
    position: absolute;
    width: calc(100% - 20px);
    top: -150px;
}

.ccpa-form-disclaimer {
    font-size: 0.75rem !important;
}

    .ccpa-form-disclaimer a {
        text-decoration: underline;
    }

.hide-desktop {
    display: block;
}

@media (max-width: 1280px) {
    .hide-desktop {
        display: none;
    }
}

.hide-desktop-sm {
    display: block;
}

@media (max-width: 991px) {
    .hide-desktop-sm {
        display: none;
    }
}

.hide-tablet {
    display: block;
}

@media (max-width: 980px) {
    .hide-tablet {
        display: none;
    }
}

.hide-phone {
    display: block;
}

@media (max-width: 768px) {
    .hide-phone {
        display: none !important;
    }
}

.show-desktop {
    display: none;
}

@media (max-width: 1280px) {
    .show-desktop {
        display: block;
    }
}

.show-desktop-sm {
    display: none;
}

@media (max-width: 991px) {
    .show-desktop-sm {
        display: block;
    }
}

.show-tablet {
    display: none;
}

@media (max-width: 980px) {
    .show-tablet {
        display: block;
    }
}

.show-phone {
    display: none;
}

@media (max-width: 768px) {
    .show-phone {
        display: block !important;
    }
}

.toast-form {
    width: 100%;
}

    .toast-form.form-wrap > div {
        display: flex;
        flex-wrap: wrap;
    }

        .toast-form.form-wrap > div .field-wrapper {
            flex-grow: 1;
        }

            .toast-form.form-wrap > div .field-wrapper:last-child {
                margin-right: 0px;
            }

            .toast-form.form-wrap > div .field-wrapper.checkbox-wrapper {
                margin-bottom: 25px;
            }

            .toast-form.form-wrap > div .field-wrapper span:not(.form-error) {
                top: -5px;
            }

@media (min-width: 576px) {
    .toast-form.form-wrap > div .field-wrapper {
        margin-right: 10px;
        min-width: 300px;
    }
}

@media (min-width: 768px) {
    .toast-form.two-column {
        display: flex;
        flex-wrap: wrap;
    }
}

.toast-form.two-column > div {
    display: flex;
    flex-wrap: wrap;
}

    .toast-form.two-column > div .field-wrapper {
        width: 100%;
    }

        .toast-form.two-column > div .field-wrapper:nth-child(odd) {
            margin-right: 0px;
        }

        .toast-form.two-column > div .field-wrapper:nth-child(even) {
            margin-left: 0px;
        }

        .toast-form.two-column > div .field-wrapper.full-width {
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

@media (min-width: 576px) {
    .toast-form.two-column > div .field-wrapper {
        width: calc(50% - 5px);
    }

        .toast-form.two-column > div .field-wrapper:nth-child(odd) {
            margin-right: 5px;
        }

        .toast-form.two-column > div .field-wrapper:nth-child(even) {
            margin-left: 5px;
        }
}

.toast-form.two-column .flip-margin .field-wrapper:nth-child(even) {
    margin-right: 0px;
}

.toast-form.two-column .flip-margin .field-wrapper:nth-child(odd) {
    margin-left: 0px;
}

@media (min-width: 576px) {
    .toast-form.two-column .flip-margin .field-wrapper:nth-child(odd) {
        margin-right: 5px;
        margin-left: 0;
    }

    .toast-form.two-column .flip-margin .field-wrapper:nth-child(even) {
        margin-left: 5px;
        margin-right: 0;
    }
}

.toast-form.horizontal > .full-width {
    display: flex;
}

@media (max-width: 991px) {
    .toast-form.horizontal > .full-width {
        flex-direction: column;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .toast-form.horizontal > .full-width .field-wrapper, .toast-form.horizontal > .full-width .submit-wrapper {
        width: 100%;
    }
}

.toast-form.horizontal .field-wrapper {
    flex-grow: 1;
    width: 150px;
    margin: 0 5px 20px;
}

.toast-form.horizontal .submit-wrapper {
    flex-grow: 1;
    width: 150px;
    margin: 0 5px 20px;
}

.toast-form.horizontal.otl > div {
    max-width: none;
}

.toast-form.horizontal.otl .field-wrapper {
    width: 100%;
}

@media (min-width: 768px) {
    .toast-form.horizontal.otl .field-wrapper {
        width: calc(33% - 10px);
        flex-grow: 1;
    }
}

.toast-form.horizontal.otl .field-wrapper.checkbox-wrapper {
    width: 100%;
    margin-bottom: 25px;
}

    .toast-form.horizontal.otl .field-wrapper.checkbox-wrapper span:not(.form-error) {
        left: 0;
        top: -4px;
    }

.toast-form input[type="tel"], .toast-form input[type="phone"], .toast-form input[type="email"], .toast-form input[type="text"], .toast-form input[type="number"], .toast-form input[type="date"], .toast-form select, .toast-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
    border: none;
    background-color: #fff;
    transition: border, box-shadow 300ms;
    width: 100%;
    padding: 12px 10px;
    box-shadow: none;
    border: 1px solid #ddddea;
}

    .toast-form input[type="tel"]:focus, .toast-form input[type="phone"]:focus, .toast-form input[type="email"]:focus, .toast-form input[type="text"]:focus, .toast-form input[type="number"]:focus, .toast-form input[type="date"]:focus, .toast-form select:focus, .toast-form textarea:focus {
        outline: none;
        border: 1px solid transparent;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    }

    .toast-form input[type="tel"].valid, .toast-form input[type="phone"].valid, .toast-form input[type="email"].valid, .toast-form input[type="text"].valid, .toast-form input[type="number"].valid, .toast-form input[type="date"].valid, .toast-form select.valid, .toast-form textarea.valid {
        border: 1px solid #2583e3;
    }

    .toast-form input[type="tel"].error, .toast-form input[type="phone"].error, .toast-form input[type="email"].error, .toast-form input[type="text"].error, .toast-form input[type="number"].error, .toast-form input[type="date"].error, .toast-form select.error, .toast-form textarea.error {
        border: 1px solid #f98699;
    }

.toast-form textarea {
    resize: vertical;
}

.toast-form input[type="date"] {
    padding: 9px 10px;
}

.toast-form label {
    display: block;
    margin-bottom: 3px;
}

.toast-form fieldset {
    padding: 0;
    outline: 0;
    border: none;
}

.toast-form input::-webkit-input-placeholder, .toast-form textarea::-webkit-input-placeholder, .toast-form input[type="date"]:invalid {
    color: #c9cad3;
}

.toast-form input:-ms-input-placeholder, .toast-form textarea:-ms-input-placeholder, .toast-form input[type="date"]:invalid {
    color: #c9cad3;
}

.toast-form input::-ms-input-placeholder, .toast-form textarea::-ms-input-placeholder, .toast-form input[type="date"]:invalid {
    color: #c9cad3;
}

.toast-form input::placeholder, .toast-form textarea::placeholder, .toast-form input[type="date"]:invalid {
    color: #c9cad3;
}

.toast-form select {
    color: #c9cad3;
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/down-arrow-grey.svg);
    background-repeat: no-repeat;
    background-position: right 15px bottom 16px;
}

    .toast-form select:focus, .toast-form select.valid {
        color: #252a35;
    }

.toast-form input[type="submit"] {
    width: 100%;
    cursor: pointer;
    padding: 13px 10px 12px;
}

    .toast-form input[type="submit"]:focus {
        outline: none;
        border: 1px solid transparent;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
    }

.toast-form h1, .toast-form h2 {
    width: 100%;
}

.toast-form .submit-wrapper {
    width: 100%;
}

    .toast-form .submit-wrapper .spinner-wrapper {
        display: none;
        background-color: #2583e3;
        border-radius: 4px;
        height: 43px;
        width: 100%;
    }

        .toast-form .submit-wrapper .spinner-wrapper.active {
            display: block;
        }

        .toast-form .submit-wrapper .spinner-wrapper .loading-spinner {
            display: none;
            width: 43px;
            height: 43px;
            margin: 0 auto;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }

            .toast-form .submit-wrapper .spinner-wrapper .loading-spinner.active {
                display: block;
            }

.toast-form .field-wrapper {
    position: relative;
    margin-bottom: 20px;
}

    .toast-form .field-wrapper .input-icon-container {
        display: flex;
        width: 100% !important;
    }

        .toast-form .field-wrapper .input-icon-container input {
            flex: 1 0 auto;
            border-radius: 4px 0px 0px 4px;
            width: auto;
        }

            .toast-form .field-wrapper .input-icon-container input:focus .icon-container {
                background-color: red;
            }

        .toast-form .field-wrapper .input-icon-container .icon-container {
            display: flex;
            flex: 0 0 auto;
            padding-right: 10px;
            padding-left: 10px;
            justify-content: center;
            align-items: center;
            text-align: center;
            border: 1px solid #ddddea;
            border-radius: 0px 4px 4px 0px;
            border-left: none;
        }

    .toast-form .field-wrapper.file-upload-wrapper input {
        display: none;
    }

    .toast-form .field-wrapper.file-upload-wrapper label {
        border: 1px dashed #c9cad3;
        padding: 10px 10px 9px;
        border-radius: 4px;
        color: #c9cad3;
        cursor: pointer;
    }

        .toast-form .field-wrapper.file-upload-wrapper label span {
            position: relative;
            top: 2px;
            left: -6px;
        }

        .toast-form .field-wrapper.file-upload-wrapper label.valid {
            border: 1px dashed #2583e3;
        }

        .toast-form .field-wrapper.file-upload-wrapper label.error {
            border: 1px dashed #f98699;
        }

    .toast-form .field-wrapper.radio-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .toast-form .field-wrapper.checkbox-wrapper {
        margin-bottom: 40px;
    }

    .toast-form .field-wrapper:not(.checkbox-wrapper) > div:nth-child(1) {
        width: calc(100% - 100px);
    }

    .toast-form .field-wrapper:not(.checkbox-wrapper) > div:nth-child(2) {
        width: 100px;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .toast-form .field-wrapper span:not(.form-error) {
        position: relative;
        top: 1px;
        left: 7px;
    }

.toast-form .form-error {
    display: none;
    color: #f98699;
    font-size: 0.875rem;
    position: absolute;
    bottom: -18px;
    left: 2px;
}

    .toast-form .form-error.active {
        display: block;
    }

.toast-form.referral-form-b .submit-wrapper {
    max-width: calc(50% - 5px);
    margin-right: calc(50% + 5px);
}

@media (max-width: 768px) {
    .toast-form.referral-form-b .submit-wrapper {
        max-width: none;
    }
}

.no-js-message {
    display: none;
}

.ccpa-form-disclaimer {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

    .ccpa-form-disclaimer.center {
        text-align: center !important;
    }

    .ccpa-form-disclaimer.color-grey-medium {
        color: #a0a2ad !important;
    }

    .ccpa-form-disclaimer a {
        color: inherit;
        text-decoration: underline;
    }

.inline-calculator {
    max-width: 1400px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}

    .inline-calculator .ccpa-form-disclaimer {
        margin-top: 10px;
        width: 100%;
    }

.inline-calculator__4-fields {
    align-items: flex-end;
}

    .inline-calculator__4-fields .field-wrapper {
        width: 18%;
        margin-left: 1%;
        margin-right: 1%;
    }

@media (max-width: 1279px) {
    .inline-calculator__4-fields .field-wrapper {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .inline-calculator__4-fields .field-wrapper {
        width: 98%;
    }
}

.inline-calculator__4-fields .submit-wrapper {
    width: 200px;
    margin-left: 1%;
    margin-right: 1%;
}

.inline-calculator__2-fields .field-wrapper {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}

@media (max-width: 1279px) {
    .inline-calculator__2-fields .field-wrapper {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .inline-calculator__2-fields .field-wrapper {
        width: 98%;
    }
}

.inline-calculator__2-fields .submit-wrapper {
    width: 200px;
    margin-left: 1%;
    margin-right: 1%;
}

.inline-calculator__3-fields {
    max-width: 1200px;
}

    .inline-calculator__3-fields .field-wrapper {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }

@media (max-width: 1279px) {
    .inline-calculator__3-fields .field-wrapper {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .inline-calculator__3-fields .field-wrapper {
        width: 98%;
    }
}

.inline-calculator__3-fields .submit-wrapper {
    width: 200px;
    margin-left: 1%;
    margin-right: 1%;
}

.background-pulse #Oval-1 {
    transform: scale(0);
    -webkit-animation-name: pulse-1;
    animation-name: pulse-1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.background-pulse #Oval-2 {
    transform: scale(0);
    -webkit-animation-name: pulse-2;
    animation-name: pulse-2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.background-pulse #Oval-3 {
    transform: scale(0);
    -webkit-animation-name: pulse-3;
    animation-name: pulse-3;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.feature-pulse {
    cursor: pointer;
}

    .feature-pulse #Oval-1 {
        transform: scale(0);
        -webkit-animation-name: pulse-1;
        animation-name: pulse-1;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .feature-pulse #Oval-2 {
        transform: scale(0);
        -webkit-animation-name: pulse-2;
        animation-name: pulse-2;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .feature-pulse.active #Oval-1, .feature-pulse.active #Oval-2 {
        -webkit-animation: none;
        animation: none;
    }

.play-button-container {
    cursor: pointer;
}

    .play-button-container #play-button-pulse {
        transform-origin: 50%;
        transform: scale(0);
        -webkit-animation-name: play-button;
        animation-name: play-button;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .play-button-container #play-button-pulse-2 {
        transform-origin: 50%;
        -webkit-animation-name: play-button-2;
        animation-name: play-button-2;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes pulse-1 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse-1 {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes pulse-2 {
    5% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse-2 {
    5% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes pulse-3 {
    10% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse-3 {
    10% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes play-button {
    10% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes play-button {
    10% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes play-button-2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes play-button-2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes pulse-layer-2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulse-layer-2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes pulse-layer-3 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@keyframes pulse-layer-3 {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.animated-background {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.mediabox {
    position: relative;
    display: block;
    height: 182px;
    width: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden;
}

.mediabox-img.ls-blur-up-is-loading, .mediabox-img.lazyload:not([src]) {
    visibility: hidden;
}

.ls-blur-up-img, .mediabox-img {
    width: 100%;
    height: 182px;
    display: block;
    font-family: "blur-up: auto", "object-fit: cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.ls-blur-up-img {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 1;
    transition: opacity 1000ms, -webkit-filter 1500ms;
    transition: opacity 1000ms, filter 1500ms;
    transition: opacity 1000ms, filter 1500ms, -webkit-filter 1500ms;
}

    .ls-blur-up-img.ls-inview.ls-original-loaded {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

@-webkit-keyframes fadeInSection {
    0% {
        top: 50px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes fadeInSection {
    0% {
        top: 50px;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.fade-in-section {
    position: relative;
    -webkit-animation-name: fadeInSection;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-name: fadeInSection;
    animation-duration: 1s;
    animation-timing-function: linear;
}

@-webkit-keyframes fadeInOne {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes fadeInOne {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInTwo {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    25% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes fadeInTwo {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    25% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInThree {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    67% {
        transform: translateY(15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes fadeInThree {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    67% {
        transform: translateY(15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInFour {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    80% {
        transform: translateY(15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes fadeInFour {
    0% {
        transform: translateY(15px);
        opacity: 0;
    }

    80% {
        transform: translateY(15px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDeep {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes fadeInDeep {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes bounce-pricing {
    0% {
        transform: translateY(40%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(40%);
    }
}

@keyframes bounce-pricing {
    0% {
        transform: translateY(40%);
    }

    50% {
        transform: translateY(50%);
    }

    100% {
        transform: translateY(40%);
    }
}

.bounce {
    -webkit-animation-name: bounce-pricing;
    animation-name: bounce-pricing;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.fade-in-one {
    -webkit-animation-name: fadeInOne;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeInOne;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.fade-in-two {
    -webkit-animation-name: fadeInTwo;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeInTwo;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

.fade-in-three {
    -webkit-animation-name: fadeInThree;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeInThree;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

.fade-in-four {
    -webkit-animation-name: fadeInThree;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeInThree;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

.fade-in-deep {
    -webkit-animation-name: fadeInDeep;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeInDeep;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    .fade-in-deep.delay-1 {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .fade-in-deep.delay-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .fade-in-deep.delay-3 {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

.hover_background__black:hover {
    background-color: #000;
}

.scale-zoom {
    transition: transform 0.25s ease-out;
}

    .scale-zoom:hover {
        transform: scale(0.95);
    }

.toast-table {
    width: 100%;
    text-align: center;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
    border-collapse: collapse;
}

    .toast-table tr:not(:last-child) {
        border-bottom: 2px solid #f8f9fc;
    }

    .toast-table tr:nth-child(odd):not(:first-child) {
        background-color: #fffaf7;
    }

    .toast-table tr th {
        font-weight: 500;
    }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .toast-table tr th svg {
        height: 25px !important;
    }
}

.toast-table tr th, .toast-table tr td {
    padding: 15px 5px 9px;
    font-size: 0.875rem;
}

    .toast-table tr th:nth-child(1), .toast-table tr td:nth-child(1) {
        text-align: left;
        width: 302px;
        padding: 7px 0px 7px 15px;
    }

    .toast-table tr th em, .toast-table tr td em {
        font-size: 0.875rem;
    }

    .toast-table tr td:nth-child(2) {
        width: 134px;
    }

    .toast-table tr td:not(:first-child) {
        color: #ff4c00;
    }

    .toast-table tr td span {
        color: #ff4c00;
    }

.gray-light {
    background: #f8f9fc;
    color: #000;
}

.white {
    background: white;
    color: #000;
}

.white-text {
    color: white;
}

.red-light {
    background: #fdd6dd;
    color: #000;
}

.red-medium {
    background: #fdd6dd;
}

.orange-light {
    background: #ffede5;
    color: #000;
}

.orange-light-2 {
    background: #ffe9cc;
    color: #000;
}

.teal-light {
    background: #dbf5f9;
    color: #000;
}

.pink-light {
    background: #f6ddf0;
    color: #000;
}

.green-light {
    background: #e9f3df;
    color: #000;
}

.bg-brick {
    background-image: url("brick-bg.png");
    background-position: center;
    background-size: cover;
}

.bg-light-orange {
    background-color: #fcdec9;
}

.bg-blue {
    background-color: #edf4fc;
}

.bg-blue-2 {
    background-color: #e9f3fc;
}

.bg-blue-3 {
    background-color: #7cb4ee;
}

.bg-navy {
    background-color: #00376d;
}

.bg-blue-cta {
    background-color: #2583e3;
}

.bg-brand-orange {
    background-color: #ff4c00;
}

.bg-brand-orange-toast-now {
    background-color: #ff8a00;
}

.bg-navy-dark {
    background-color: #252a35;
}

.bg-red {
    background-color: #fcf4f7;
}

.bg-red-light {
    background-color: #fef9f8;
}

.bg-orange {
    background-color: #fff9f5;
}

.bg-orange-light {
    background: rgba(255,76,0,0.04);
}

.bg-teal {
    background-color: #f8fdfd;
}

.bg-pink {
    background-color: #fdf6fb;
}

.bg-white {
    background-color: #ffffff;
}

.bg-tan {
    background-color: #f7f4f0;
}

.bg-grey {
    background-color: #f8f9fc !important;
}

.bg-green {
    background-color: #f8fdf3 !important;
}

.bg-grey-medium {
    background-color: #eaecf1 !important;
}

.bg-blue-gradient {
    background-image: linear-gradient(180deg, #fff 0%, #d3e6f9 100%);
}

.bg-red-gradient {
    background-image: linear-gradient(135deg, #fef9f9 0%, #fdede9 100%);
}

.red-gradient {
    background-image: linear-gradient(#fff, #fef9f8);
}

.blue-gradient {
    background-image: linear-gradient(-155deg, #5aa2ea 0%, #2469b6 100%);
}

.orange-gradient {
    background-image: linear-gradient(145deg, #ff4c00 0%, #ffb79a 100%);
}

.orange-gradient-2 {
    background: linear-gradient(133deg, #ff4f05 0%, #ff7a43 100%);
}

.blue-gradient-2 {
    background: linear-gradient(135deg, #2583e3 0%, #5ea3ea 100%);
}

.blue-gradient-3 {
    background: linear-gradient(180deg, #1d68b5 37%, #1d68b5 100%);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    header:before, section:before, div:before, article:before {
        display: none !important;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    header:after, section:after, div:after, article:after {
        display: none !important;
    }
}

header.before-brand-bubble, section.before-brand-bubble, div.before-brand-bubble, article.before-brand-bubble {
    position: relative;
    z-index: 1;
}

    header.before-brand-bubble:before, section.before-brand-bubble:before, div.before-brand-bubble:before, article.before-brand-bubble:before {
        content: url(before-brand-bubble.svg);
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        z-index: 0;
    }

header.before-wave-red, section.before-wave-red, div.before-wave-red, article.before-wave-red {
    position: relative;
    z-index: 1;
}

    header.before-wave-red:before, section.before-wave-red:before, div.before-wave-red:before, article.before-wave-red:before {
        content: url(blob-1.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 10px);
        z-index: 0;
    }

header.after-wave-red, section.after-wave-red, div.after-wave-red, article.after-wave-red {
    position: relative;
    z-index: 1;
}

    header.after-wave-red:before, section.after-wave-red:before, div.after-wave-red:before, article.after-wave-red:before {
        content: url(blob-1.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

header.after-wave-red-2, section.after-wave-red-2, div.after-wave-red-2, article.after-wave-red-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-2:before, section.after-wave-red-2:before, div.after-wave-red-2:before, article.after-wave-red-2:before {
        content: url(wave-red.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

header.before-wave-orange, section.before-wave-orange, div.before-wave-orange, article.before-wave-orange {
    position: relative;
    z-index: 1;
}

    header.before-wave-orange:before, section.before-wave-orange:before, div.before-wave-orange:before, article.before-wave-orange:before {
        content: url(wave-orange.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 10px);
        z-index: 0;
    }

header.after-wave-orange, section.after-wave-orange, div.after-wave-orange, article.after-wave-orange {
    position: relative;
    z-index: 1;
}

    header.after-wave-orange:before, section.after-wave-orange:before, div.after-wave-orange:before, article.after-wave-orange:before {
        content: url(wave-orange.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

header.after-wave-orange-2, section.after-wave-orange-2, div.after-wave-orange-2, article.after-wave-orange-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-orange-2:before, section.after-wave-orange-2:before, div.after-wave-orange-2:before, article.after-wave-orange-2:before {
        content: url(hero-pattern-orange-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

header.before-wave-blue, section.before-wave-blue, div.before-wave-blue, article.before-wave-blue {
    position: relative;
    z-index: 1;
}

    header.before-wave-blue:before, section.before-wave-blue:before, div.before-wave-blue:before, article.before-wave-blue:before {
        content: url(blob-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 10px);
        z-index: -1;
    }

header.after-wave-blue, section.after-wave-blue, div.after-wave-blue, article.after-wave-blue {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue:before, section.after-wave-blue:before, div.after-wave-blue:before, article.after-wave-blue:before {
        content: url(blob-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-blue-2, section.after-wave-blue-2, div.after-wave-blue-2, article.after-wave-blue-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-2:before, section.after-wave-blue-2:before, div.after-wave-blue-2:before, article.after-wave-blue-2:before {
        content: url(hero-pattern-blue-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

header.after-wave-blue-3, section.after-wave-blue-3, div.after-wave-blue-3, article.after-wave-blue-3 {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-3:before, section.after-wave-blue-3:before, div.after-wave-blue-3:before, article.after-wave-blue-3:before {
        content: url(wave-blue-3.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.before-wave-white, section.before-wave-white, div.before-wave-white, article.before-wave-white {
    position: relative;
    z-index: 1;
}

    header.before-wave-white:before, section.before-wave-white:before, div.before-wave-white:before, article.before-wave-white:before {
        content: url(blob-white.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 10px);
        z-index: -1;
    }

header.after-wave-white, section.after-wave-white, div.after-wave-white, article.after-wave-white {
    position: relative;
    z-index: 1;
}

    header.after-wave-white:before, section.after-wave-white:before, div.after-wave-white:before, article.after-wave-white:before {
        content: url(blob-white.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-white-2, section.after-wave-white-2, div.after-wave-white-2, article.after-wave-white-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-2:before, section.after-wave-white-2:before, div.after-wave-white-2:before, article.after-wave-white-2:before {
        content: url(after-white-curved.svg);
        position: absolute;
        width: 100%;
        left: 0%;
        right: 0%;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-white-3, section.after-wave-white-3, div.after-wave-white-3, article.after-wave-white-3 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-3:before, section.after-wave-white-3:before, div.after-wave-white-3:before, article.after-wave-white-3:before {
        content: url(wave-white-3.svg);
        position: absolute;
        width: 100%;
        left: 0%;
        right: 0%;
        bottom: calc(0% - 10px);
        z-index: 0;
    }

@media (max-width: 991px) {
    header.after-wave-white-3:before, section.after-wave-white-3:before, div.after-wave-white-3:before, article.after-wave-white-3:before {
        content: url(after-white-curved.svg);
    }
}

header.after-wave-white-4, section.after-wave-white-4, div.after-wave-white-4, article.after-wave-white-4 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-4:before, section.after-wave-white-4:before, div.after-wave-white-4:before, article.after-wave-white-4:before {
        content: url(blob-white.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
        transform: scaleX(-1);
    }

header.after-wave-white-5, section.after-wave-white-5, div.after-wave-white-5, article.after-wave-white-5 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-5:before, section.after-wave-white-5:before, div.after-wave-white-5:before, article.after-wave-white-5:before {
        content: url(wave-white-5.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 767px) {
    header.after-wave-white-5:not(.no-mobile-adjust):before, section.after-wave-white-5:not(.no-mobile-adjust):before, div.after-wave-white-5:not(.no-mobile-adjust):before, article.after-wave-white-5:not(.no-mobile-adjust):before {
        content: url(wave-white-5-mobile.svg);
    }
}

header.after-wave-white-6, section.after-wave-white-6, div.after-wave-white-6, article.after-wave-white-6 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-6:before, section.after-wave-white-6:before, div.after-wave-white-6:before, article.after-wave-white-6:before {
        content: url(wave-white-6.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 767px) {
    header.after-wave-white-6:before, section.after-wave-white-6:before, div.after-wave-white-6:before, article.after-wave-white-6:before {
        content: url(after-white-curved.svg);
    }
}

header.after-wave-white-7, section.after-wave-white-7, div.after-wave-white-7, article.after-wave-white-7 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    header.after-wave-white-7:before, section.after-wave-white-7:before, div.after-wave-white-7:before, article.after-wave-white-7:before {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/white-curve-7_1_191018_210646.svg);
        position: absolute;
        width: calc(100% + 10px);
        left: -5px;
        right: -5px;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-white-8, section.after-wave-white-8, div.after-wave-white-8, article.after-wave-white-8 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    header.after-wave-white-8:before, section.after-wave-white-8:before, div.after-wave-white-8:before, article.after-wave-white-8:before {
        content: url(white-curve-8-2-1.svg);
        position: absolute;
        width: 130%;
        left: calc(-30% + 5px);
        right: -5px;
        bottom: calc(-5% - 10px);
        z-index: -1;
    }

@media (max-width: 991px) {
    header.after-wave-white-8:before, section.after-wave-white-8:before, div.after-wave-white-8:before, article.after-wave-white-8:before {
        width: calc(100% + 10px);
        left: -5px;
        bottom: calc(0px - 10px);
    }
}

header.after-wave-white-blue-9, section.after-wave-white-blue-9, div.after-wave-white-blue-9, article.after-wave-white-blue-9 {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-blue-9:after, section.after-wave-white-blue-9:after, div.after-wave-white-blue-9:after, article.after-wave-white-blue-9:after {
        content: url(after-wave-blue-4.svg);
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-white-blue-9-upside-down, section.after-wave-white-blue-9-upside-down, div.after-wave-white-blue-9-upside-down, article.after-wave-white-blue-9-upside-down {
    position: relative;
    z-index: 1;
}

    header.after-wave-white-blue-9-upside-down:before, section.after-wave-white-blue-9-upside-down:before, div.after-wave-white-blue-9-upside-down:before, article.after-wave-white-blue-9-upside-down:before {
        content: url(before-wave-blue-upside-down.svg);
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-grey, section.after-wave-grey, div.after-wave-grey, article.after-wave-grey {
    position: relative;
    z-index: 1;
}

    header.after-wave-grey:before, section.after-wave-grey:before, div.after-wave-grey:before, article.after-wave-grey:before {
        content: url(wave-grey.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
        pointer-events: none;
    }

header.after-wave-grey-2, section.after-wave-grey-2, div.after-wave-grey-2, article.after-wave-grey-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-grey-2:before, section.after-wave-grey-2:before, div.after-wave-grey-2:before, article.after-wave-grey-2:before {
        content: url(wave-grey-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
        pointer-events: none;
    }

header.before-wave-grey-2, section.before-wave-grey-2, div.before-wave-grey-2, article.before-wave-grey-2 {
    position: relative;
    z-index: 1;
}

    header.before-wave-grey-2:before, section.before-wave-grey-2:before, div.before-wave-grey-2:before, article.before-wave-grey-2:before {
        content: url(wave-grey-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(100% - 10px);
        z-index: -1;
        pointer-events: none;
    }

header.after-wave-blue-white, section.after-wave-blue-white, div.after-wave-blue-white, article.after-wave-blue-white {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-white:before, section.after-wave-blue-white:before, div.after-wave-blue-white:before, article.after-wave-blue-white:before {
        content: url(wave-blue-white.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 991px) {
    header.after-wave-blue-white:before, section.after-wave-blue-white:before, div.after-wave-blue-white:before, article.after-wave-blue-white:before {
        content: url(wave-blue-white-mobile.svg);
    }
}

header.after-wave-blue-white-2, section.after-wave-blue-white-2, div.after-wave-blue-white-2, article.after-wave-blue-white-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-white-2:before, section.after-wave-blue-white-2:before, div.after-wave-blue-white-2:before, article.after-wave-blue-white-2:before {
        content: url(wave-blue-white-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-blue-white-3, section.after-wave-blue-white-3, div.after-wave-blue-white-3, article.after-wave-blue-white-3 {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-white-3:before, section.after-wave-blue-white-3:before, div.after-wave-blue-white-3:before, article.after-wave-blue-white-3:before {
        content: url(wave-blue-white-2.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
        transform: scaleX(-1);
    }

@media (max-width: 991px) {
    header.after-wave-blue-white-3:before, section.after-wave-blue-white-3:before, div.after-wave-blue-white-3:before, article.after-wave-blue-white-3:before {
        content: url(wave-blue-white-2.svg);
    }
}

header.after-wave-blue-white-4, section.after-wave-blue-white-4, div.after-wave-blue-white-4, article.after-wave-blue-white-4 {
    position: relative;
    z-index: 1;
}

    header.after-wave-blue-white-4:before, section.after-wave-blue-white-4:before, div.after-wave-blue-white-4:before, article.after-wave-blue-white-4:before {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/after-wave-blue-white-4.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 991px) {
    header.after-wave-blue-white-4:before, section.after-wave-blue-white-4:before, div.after-wave-blue-white-4:before, article.after-wave-blue-white-4:before {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/after-wave-blue-white-4.svg);
    }
}

header.after-wave-red-white, section.after-wave-red-white, div.after-wave-red-white, article.after-wave-red-white {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-white:before, section.after-wave-red-white:before, div.after-wave-red-white:before, article.after-wave-red-white:before {
        content: url(wave-orange-vertical.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-red-white-2, section.after-wave-red-white-2, div.after-wave-red-white-2, article.after-wave-red-white-2 {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-white-2:before, section.after-wave-red-white-2:before, div.after-wave-red-white-2:before, article.after-wave-red-white-2:before {
        content: url(wave-red-white.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 991px) {
    header.after-wave-red-white-2:before, section.after-wave-red-white-2:before, div.after-wave-red-white-2:before, article.after-wave-red-white-2:before {
        content: url(wave-red-white-mobile.svg);
    }
}

header.after-wave-red-white-3, section.after-wave-red-white-3, div.after-wave-red-white-3, article.after-wave-red-white-3 {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-white-3:before, section.after-wave-red-white-3:before, div.after-wave-red-white-3:before, article.after-wave-red-white-3:before {
        content: url(wave-red-white-mobile.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
        transform: scaleX(-1);
    }

header.after-wave-red-white-4, section.after-wave-red-white-4, div.after-wave-red-white-4, article.after-wave-red-white-4 {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-white-4:before, section.after-wave-red-white-4:before, div.after-wave-red-white-4:before, article.after-wave-red-white-4:before {
        content: url(wave-red-white-4.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

header.after-wave-red-white-5, section.after-wave-red-white-5, div.after-wave-red-white-5, article.after-wave-red-white-5 {
    position: relative;
    z-index: 1;
}

    header.after-wave-red-white-5:before, section.after-wave-red-white-5:before, div.after-wave-red-white-5:before, article.after-wave-red-white-5:before {
        content: url(wave-red-white-5.svg);
        position: absolute;
        width: 100%;
        left: 0;
        bottom: calc(0% - 10px);
        z-index: -1;
    }

@media (max-width: 991px) {
    header.after-wave-red-white-5:before, section.after-wave-red-white-5:before, div.after-wave-red-white-5:before, article.after-wave-red-white-5:before {
        content: url(wave-red-white-mobile.svg);
    }
}

header.after-navy-blue, section.after-navy-blue, div.after-navy-blue, article.after-navy-blue {
    position: relative;
    z-index: 1;
}

    header.after-navy-blue:before, section.after-navy-blue:before, div.after-navy-blue:before, article.after-navy-blue:before {
        content: "";
        position: absolute;
        background-color: #252a35;
        width: 100%;
        left: 0;
        right: 0;
        height: 100px;
        bottom: 0;
        z-index: -1;
    }

header.after-gray-light, section.after-gray-light, div.after-gray-light, article.after-gray-light {
    position: relative;
    z-index: 1;
}

    header.after-gray-light:before, section.after-gray-light:before, div.after-gray-light:before, article.after-gray-light:before {
        content: "";
        position: absolute;
        background-color: #f8f9fc;
        width: 100%;
        left: 0;
        right: 0;
        height: 25%;
        bottom: 0;
        z-index: -1;
    }

header.bg-pattern, section.bg-pattern, div.bg-pattern, article.bg-pattern {
    position: relative;
    z-index: 1;
}

    header.bg-pattern:after, section.bg-pattern:after, div.bg-pattern:after, article.bg-pattern:after {
        content: "";
        background: url(pattern-bg.png);
        background-size: cover;
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0;
        pointer-events: none;
        z-index: -1;
    }

body.bg-pattern-2, header.bg-pattern-2, section.bg-pattern-2, div.bg-pattern-2, article.bg-pattern-2 {
    position: relative;
    z-index: 1;
}

    body.bg-pattern-2:after, header.bg-pattern-2:after, section.bg-pattern-2:after, div.bg-pattern-2:after, article.bg-pattern-2:after {
        content: "";
        background: url(pattern-bg-2.svg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0;
        pointer-events: none;
        z-index: -1;
    }

footer h3 {
    margin: 0 0 30px;
    font-size: 1.375rem;
    line-height: 30px;
    color: #393e4b;
    opacity: 0.8;
    font-weight: 400;
}

@media (min-width: 992px) {
    footer h3 {
        margin: 0;
    }
}

footer ul li {
    color: #a0a2ad;
}

    footer ul li a {
        color: #a0a2ad;
        font-weight: 400;
    }

        footer ul li a:visited {
            color: #a0a2ad;
        }

        footer ul li a:hover {
            color: #252a35;
        }

footer .bottom {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

@media (min-width: 768px) {
    footer .bottom {
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    footer .bottom {
        justify-content: space-between;
    }
}

footer .bottom nav {
    padding: 45px 0px;
}

@media (max-width: 991px) {
    footer .bottom nav {
        width: 33%;
    }
}

@media (max-width: 767px) {
    footer .bottom nav {
        width: 50%;
        padding: 20px 0px;
    }
}

footer .bottom h5 {
    margin-bottom: 20px;
}

footer .bottom ul {
    list-style: none;
    padding: 0;
}

    footer .bottom ul li {
        line-height: 1.563rem;
        font-size: 1.125rem;
        margin-bottom: 15px;
    }

footer .bottom-2 ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 767px) {
    footer .bottom-2 ul {
        justify-content: center;
    }
}

footer .bottom-2 ul li {
    line-height: 1.563rem;
    padding: 0;
    margin-right: 30px;
}

@media (max-width: 767px) {
    footer .bottom-2 ul li {
        padding: 12px 10px;
    }
}

footer .social {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

    footer .social p {
        font-size: 1.125rem;
    }

        footer .social p:last-of-type svg {
            padding-left: 15px;
            font-size: 1.188rem;
        }

            footer .social p:last-of-type svg path {
                fill: #ff4c00;
            }

footer.gated-resource-footer .form-title {
    position: relative;
    margin-bottom: 30px;
    font-size: 2.5rem;
}

    footer.gated-resource-footer .form-title:after {
        position: absolute;
        content: "";
        width: 50px;
        height: 5px;
        background: #ff4c00;
        border-radius: 4px;
        bottom: -25px;
        left: 0;
    }

.footer-1 ul {
    justify-content: center;
}

    .footer-1 ul li {
        margin-right: 0px !important;
    }

        .footer-1 ul li a, .footer-1 ul li p {
            padding-left: 30px;
            padding-right: 30px;
            border-right: 1px solid #ddddea;
        }

@media (max-width: 768px) {
    .footer-1 ul li a, .footer-1 ul li p {
        border: none;
    }
}

.footer-1 ul li:last-child a, .footer-1 ul li:last-child p {
    border: none;
}

body.no-nav {
    padding-top: 0;
}

body.show-promo {
    padding-top: 132px;
}

@media (max-width: 991px) {
    body.show-promo {
        padding-top: 87px;
    }
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: all 1s;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    min-height: 92px;
}

@media (max-width: 991px) {
    header {
        min-height: auto;
    }
}

header.open .primary-nav ul:not(.more-dropdown) {
    border-bottom: 0.063rem solid #efefef;
}

header.slide-away {
    top: -102px;
}

    header.slide-away.show-promo {
        top: -142px;
    }

header nav.primary-nav ul .search {
    position: relative;
    top: 5px;
}

header nav.primary-nav ul:not(.more-dropdown) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 991px) {
    header nav.primary-nav ul:not(.more-dropdown) {
        align-items: flex-start;
    }
}

header nav.primary-nav ul:not(.more-dropdown) li {
    font-weight: 500;
    font-size: 1.188rem;
    cursor: pointer;
}

    header nav.primary-nav ul:not(.more-dropdown) li.menu-item {
        padding: 33px 0;
    }

        header nav.primary-nav ul:not(.more-dropdown) li.menu-item.has-link {
            padding: 0;
        }

            header nav.primary-nav ul:not(.more-dropdown) li.menu-item.has-link a:not(.button) {
                padding: 33px 0;
                display: block;
            }

            header nav.primary-nav ul:not(.more-dropdown) li.menu-item.has-link a {
                position: relative;
            }

    header nav.primary-nav ul:not(.more-dropdown) li.dropdown, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown {
        position: relative;
    }

        header nav.primary-nav ul:not(.more-dropdown) li.dropdown.active, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown.active {
            color: #ff4c00;
        }

        header nav.primary-nav ul:not(.more-dropdown) li.dropdown > svg, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown > svg {
            position: absolute;
            top: 44px;
            width: 9px;
            right: -16px;
            pointer-events: none;
        }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    header nav.primary-nav ul:not(.more-dropdown) li.dropdown > svg, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown > svg {
        display: none !important;
    }
}

header nav.primary-nav ul:not(.more-dropdown) li.dropdown.active > svg, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown.active > svg {
    margin-bottom: 13px;
    transform: scale(1, -1);
}

    header nav.primary-nav ul:not(.more-dropdown) li.dropdown.active > svg path, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown.active > svg path {
        fill: #ff4c00;
    }

header nav.primary-nav ul:not(.more-dropdown) li.dropdown:hover > svg path, header nav.primary-nav ul:not(.more-dropdown) li.mDropdown:hover > svg path {
    fill: #ff4c00;
}

header nav.primary-nav ul:not(.more-dropdown) li a {
    color: #252a35;
    font-size: 1.188rem;
}

    header nav.primary-nav ul:not(.more-dropdown) li a:hover, header nav.primary-nav ul:not(.more-dropdown) li a.active {
        color: #ff4c00;
    }

        header nav.primary-nav ul:not(.more-dropdown) li a.active:hover {
            color: black;
        }

    header nav.primary-nav ul:not(.more-dropdown) li a.demo {
        background: #2583e3;
        border-radius: 3px;
        color: white;
        font-size: 15px;
        text-decoration: none;
        padding: 18px;
    }

    header nav.primary-nav ul:not(.more-dropdown) li a.phone-number {
        position: relative;
        top: -3px;
    }

        header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator {
            position: absolute;
            top: 42px;
            background-color: #93c75f;
            border-radius: 15px;
            padding: 5px 0px;
            width: calc(100% - 49px);
            text-transform: uppercase;
            font-size: 0.875rem;
            text-align: center;
            left: 49px;
        }

            header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator span {
                color: #fff;
            }

            header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator:after {
                content: "";
                width: 10px;
                height: 10px;
                background-color: #ddddea;
                border: 2px solid #fff;
                border-radius: 10px;
                top: -30px;
                left: 8px;
                position: absolute;
                z-index: 1;
                overflow: hidden;
            }

            header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator.on:before {
                content: "";
                width: 10px;
                height: 10px;
                border-top: 5px solid #fff;
                border-left: 5px solid #fff;
                border-right: 5px solid #fff;
                border-bottom: 5px solid #93c75f;
                bottom: 100%;
                left: 60px;
                position: absolute;
            }

            header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator.on:after {
                background-color: #93c75f;
            }

            header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator.off {
                height: 0;
                pointer-events: none;
                padding: 0;
            }

                header nav.primary-nav ul:not(.more-dropdown) li a.phone-number .phone-number-indicator.off span {
                    visibility: hidden;
                }

@media (max-width: 991px) {
    header nav.primary-nav ul:not(.more-dropdown) li a {
        padding: 12px 10px 5px;
    }
}

header .header-dropdown {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: all 200ms;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

    header .header-dropdown.open {
        opacity: 1;
        pointer-events: auto;
        height: auto;
    }

    header .header-dropdown .dropdown-item {
        flex-wrap: wrap;
        display: none;
        position: relative;
        opacity: 0;
        height: 0;
        transition: all 200ms;
    }

        header .header-dropdown .dropdown-item.active {
            display: flex;
            opacity: 1;
            height: auto;
        }

        header .header-dropdown .dropdown-item.standard-dropdown a {
            margin-bottom: 10px;
        }

        header .header-dropdown .dropdown-item.standard-dropdown .headline {
            width: 25%;
            padding: 0 30px 0 0;
            margin-bottom: 0px;
            flex-direction: column;
        }

            header .header-dropdown .dropdown-item.standard-dropdown .headline.otl {
                padding-right: 30px;
            }

                header .header-dropdown .dropdown-item.standard-dropdown .headline.otl .on-the-line {
                    display: inline-flex;
                    flex-direction: column;
                    flex-wrap: nowrap;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 30px;
                    text-align: left;
                    background-color: #f7f4f0;
                    text-align: center;
                }

                    header .header-dropdown .dropdown-item.standard-dropdown .headline.otl .on-the-line h4 {
                        font-family: "Glicko";
                        font-weight: 600;
                        font-size: 1.5rem;
                        text-transform: unset;
                    }

            header .header-dropdown .dropdown-item.standard-dropdown .headline h4 {
                margin-bottom: 8px;
            }

            header .header-dropdown .dropdown-item.standard-dropdown .headline a {
                padding-left: 0;
            }

        header .header-dropdown .dropdown-item.standard-dropdown .menu-items {
            display: flex;
            flex-wrap: wrap;
        }

            header .header-dropdown .dropdown-item.standard-dropdown .menu-items:nth-child(1) {
                width: 100%;
            }

            header .header-dropdown .dropdown-item.standard-dropdown .menu-items:nth-child(2) {
                width: 75%;
            }

            header .header-dropdown .dropdown-item.standard-dropdown .menu-items > div {
                width: 33.333%;
                margin-bottom: 35px;
                padding-right: 40px;
            }

                header .header-dropdown .dropdown-item.standard-dropdown .menu-items > div a {
                    display: flex;
                    align-items: center;
                }

                header .header-dropdown .dropdown-item.standard-dropdown .menu-items > div p {
                    font-weight: 400;
                }

        header .header-dropdown .dropdown-item#drop-products > div {
            width: 50%;
        }

            header .header-dropdown .dropdown-item#drop-products > div:nth-child(1) {
                border-right: 0.063rem solid #efefef;
            }

        header .header-dropdown .dropdown-item#drop-products div:nth-child(2) .headline {
            padding-left: 40px;
        }

        header .header-dropdown .dropdown-item > div {
            display: flex;
            width: 33.333%;
        }

            header .header-dropdown .dropdown-item > div > div {
                width: 50%;
            }

            header .header-dropdown .dropdown-item > div ul {
                padding-left: 0;
                margin: 0;
            }

                header .header-dropdown .dropdown-item > div ul li {
                    list-style-type: none;
                }

                    header .header-dropdown .dropdown-item > div ul li:not(:last-of-type) {
                        margin-bottom: 20px;
                    }

                    header .header-dropdown .dropdown-item > div ul li a {
                        display: flex;
                        align-items: center;
                        font-weight: 400;
                        color: #252a35;
                    }

                        header .header-dropdown .dropdown-item > div ul li a:hover {
                            color: #ff4c00;
                        }

            header .header-dropdown .dropdown-item > div svg {
                margin-right: 10px;
            }

        header .header-dropdown .dropdown-item .headline {
            padding-right: 40px;
        }

            header .header-dropdown .dropdown-item .headline h4 {
                text-transform: uppercase;
                font-weight: 600;
                font-size: 1.0625rem;
                margin: 0 0 10px;
            }

            header .header-dropdown .dropdown-item .headline p {
                margin-bottom: 10px;
            }

            header .header-dropdown .dropdown-item .headline a {
                color: #ff4c00;
            }

header .more-dropdown {
    display: flex;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms;
    flex-direction: column;
    padding: 0;
    top: 91px;
    left: -41px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0px 2px 6px #979797;
    width: 170px;
}

    header .more-dropdown.open {
        opacity: 1;
        pointer-events: auto;
    }

    header .more-dropdown li {
        list-style-type: none;
    }

        header .more-dropdown li a {
            padding: 15px 25px;
            display: flex;
            align-items: center;
        }

            header .more-dropdown li a svg {
                margin-right: 10px;
            }

@media (max-width: 991px) {
    nav .logo {
        top: -1px;
        width: 88px;
    }
}

nav .logo a {
    display: block;
}

nav .logo svg {
    width: 127px;
    height: 32px;
}

@media (max-width: 991px) {
    nav .logo svg {
        height: 20px;
    }
}

@media (max-width: 991px) {
    nav .toast-now-logo {
        top: -1px;
        width: 88px;
    }
}

nav .toast-now-logo a {
    display: block;
}

nav .toast-now-logo svg {
    height: 46px;
}

@media (max-width: 991px) {
    nav .toast-now-logo svg {
        height: 20px;
    }
}

.resource-header {
    box-shadow: none;
}

@media (min-width: 992px) {
    .resource-header {
        padding: 27px 0 32px;
    }
}

@media (min-width: 992px) {
    .resource-header.show-promo {
        padding: 0px 0 32px;
    }
}

.resource-header.show-promo .banner-announcement {
    margin-bottom: 27px;
}

.resource-header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 500px;
    top: 0;
    right: -500px;
    transition: right 500ms;
    z-index: 1001;
}

    .mobile-nav.open {
        right: 0;
    }

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

.mobile-nav .demo-link {
    position: absolute;
    bottom: 10px;
    left: 30px;
    right: 30px;
    display: flex;
    justify-content: space-between;
}

    .mobile-nav .demo-link a {
        width: 100%;
    }

        .mobile-nav .demo-link a.half {
            width: 49%;
        }

.mobile-nav > .mobile-nav {
    height: 100%;
}

.mobile-nav .resources .headline {
    width: 100%;
    padding: 30px;
    margin-bottom: 0px;
    flex-direction: column;
}

    .mobile-nav .resources .headline.otl .on-the-line {
        display: inline-flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 20px;
        text-align: left;
        background-color: #f7f4f0;
    }

        .mobile-nav .resources .headline.otl .on-the-line h4 {
            font-family: "Glicko";
            font-weight: 600;
            font-size: 1.5rem;
            text-transform: unset;
            margin: 0;
            padding: 0;
        }

    .mobile-nav .resources .headline h4 {
        margin-bottom: 8px;
    }

    .mobile-nav .resources .headline a {
        padding-left: 0;
    }

@media (max-width: 320px) {
    .mobile-nav .resources {
        overflow: auto;
    }
}

@media (max-width: 320px) {
    .mobile-nav .resources .demo-link {
        position: relative;
        right: 0;
        left: 0;
        width: calc(100% - 60px);
        margin: 0 auto;
    }
}

.mobile-nav .mobile-nav-header {
    display: flex;
    justify-content: flex-end;
}

    .mobile-nav .mobile-nav-header .mobile-nav-inner-close {
        flex-grow: 1;
        padding: 26px 45px;
        position: relative;
        cursor: pointer;
    }

        .mobile-nav .mobile-nav-header .mobile-nav-inner-close:before {
            content: "";
            background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/carat-left.svg);
            background-size: cover;
            width: 7px;
            height: 10px;
            position: absolute;
            top: 32px;
            left: 30px;
        }

    .mobile-nav .mobile-nav-header .mobile-nav-close {
        padding: 35px 30px 18px;
        position: relative;
        z-index: 1;
    }

.mobile-nav .mobile-nav-body {
    position: relative;
    padding: 0 30px;
}

    .mobile-nav .mobile-nav-body .mobile-inner-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .mobile-nav .mobile-nav-body .mobile-inner-header .type {
            text-transform: uppercase;
            color: #c9cad3;
            font-weight: 500;
            font-size: 0.875rem;
        }

        .mobile-nav .mobile-nav-body .mobile-inner-header .separator {
            width: 75px;
            height: 1px;
            background-color: #ddddea;
        }

    .mobile-nav .mobile-nav-body .mobile-nav-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 3px 0;
    }

        .mobile-nav .mobile-nav-body .mobile-nav-cards .mobile-nav-card {
            position: relative;
            width: 49%;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 6px 15px 0px;
            justify-content: center;
            height: 105px;
            margin-bottom: 15px;
            box-shadow: 0px 4px 0px #efeeef;
            line-height: 1.2;
        }

            .mobile-nav .mobile-nav-body .mobile-nav-cards .mobile-nav-card .icon {
                margin: 0;
                width: 45px;
                height: 45px;
            }

            .mobile-nav .mobile-nav-body .mobile-nav-cards .mobile-nav-card .card-arrow {
                width: 10px;
            }

.mobile-nav .mobile-nav-links {
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

    .mobile-nav .mobile-nav-links a {
        cursor: pointer;
    }

        .mobile-nav .mobile-nav-links a:not(.button) {
            display: block;
            font-size: 1.875rem;
            padding: 12px 0 6px;
            position: relative;
            display: flex;
            align-items: center;
        }

            .mobile-nav .mobile-nav-links a:not(.button).mobile-nav-link:after {
                content: "";
                background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/carat-right.svg);
                background-size: cover;
                width: 8px;
                height: 13px;
                position: relative;
                top: 2px;
                left: 13px;
            }

.hero {
    position: relative;
}

    .hero .hero-image {
        display: block;
        position: absolute;
        left: 0%;
        top: 0%;
        bottom: 0%;
        width: 50%;
    }

@media (max-width: 991px) {
    .hero .hero-image {
        position: static;
        width: 100%;
        height: 500px;
        background-position: 50% 0 !important;
    }
}

@media (max-width: 567px) {
    .hero .hero-image {
        position: static;
        width: 100%;
        height: 300px;
        background-position: 50% 0 !important;
    }
}

.hero .hero-image-left {
    display: block;
    position: absolute;
    right: 51%;
    top: 55px;
    bottom: 0%;
    width: 675px;
}

@media (max-width: 991px) {
    .hero .hero-image-left {
        position: static;
        max-width: 400px;
        margin: 0 auto;
        padding-top: 50px;
    }
}

.hero .hero-image-left-full {
    display: block;
    position: absolute;
    right: 50%;
    height: 80%;
    top: 10%;
    max-width: none;
    z-index: 0;
}

@media (max-width: 991px) {
    .hero .hero-image-left-full {
        position: static;
        height: 40vh;
        margin: 0 auto;
        padding-top: 50px;
    }
}

@media (max-width: 980px) {
    .hero .hero-image-left-full {
        height: auto;
        width: 100%;
    }
}

.hero .hero-image-right {
    display: block;
    position: absolute;
    left: 50%;
    top: 39px;
    bottom: 0%;
    width: 675px;
}

@media (max-width: 1350px) {
    .hero .hero-image-right {
        left: 44%;
    }
}

@media (max-width: 1199px) {
    .hero .hero-image-right {
        left: 42%;
        width: 600px;
    }
}

@media (max-width: 991px) {
    .hero .hero-image-right {
        position: static;
        margin: 0 auto;
        padding-top: 50px;
    }
}

.hero .hero-image-right-portrait-img {
    display: block;
    position: absolute;
    right: 8%;
    top: -70%;
    width: 675px;
    max-width: 500px;
}

@media (max-width: 980px) {
    .hero .hero-image-right-portrait-img {
        height: 300px;
    }
}

@media (max-width: 1199px) {
    .hero .hero-image-right-portrait-img {
        right: 20px;
        width: 600px;
    }
}

@media (max-width: 991px) {
    .hero .hero-image-right-portrait-img {
        position: static;
        margin: 0 auto;
        padding-top: 50px;
    }
}

.hero .hero-image-right-full {
    display: block;
    position: absolute;
    right: 0%;
    top: 0%;
    width: 840px;
    z-index: 0;
}

@media (max-width: 1500px) {
    .hero .hero-image-right-full {
        left: 44%;
        right: auto;
    }
}

@media (max-width: 991px) {
    .hero .hero-image-right-full {
        display: none;
    }
}

.hero .hero-image-right-full-flex {
    display: block;
    position: absolute;
    z-index: -1;
    max-width: 1700px;
    left: calc(50% - 57px);
    width: 70%;
}

@media (max-width: 1200px) {
    .hero .hero-image-right-full-flex {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .hero .hero-image-right-full-flex {
        display: none;
    }
}

.hero .hero-image-full {
    display: block;
    position: absolute;
    left: 0%;
    top: 0%;
    bottom: 0%;
    width: 100%;
    z-index: -2;
}

@media (max-width: 991px) {
    .hero .hero-image-full {
        display: none;
    }
}

.hero h2, .hero h3 {
    margin-bottom: 35px;
}

.hero .refer-form-description h3 {
    margin-bottom: 15px;
}

.hero .hero-img__floating-toast-now {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 60%;
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hero-image/toast-now-hp-hero-fixed.jpg);
    background-position: bottom 135px left -215px;
    z-index: -1;
    background-repeat: no-repeat;
}

.hero__product-container > div {
    width: 50%;
}

.mobile-load {
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

    .mobile-load .hero-img__floating-toast-now {
        height: calc(100vh - 160px);
        position: relative;
        width: 200vw;
        top: -100px;
        left: -50%;
        opacity: 0;
    }

        .mobile-load .hero-img__floating-toast-now > div {
            width: 100%;
        }

            .mobile-load .hero-img__floating-toast-now > div > div {
                width: 50%;
                margin: 15px;
            }

                .mobile-load .hero-img__floating-toast-now > div > div:first-child {
                    text-align: right;
                }

                .mobile-load .hero-img__floating-toast-now > div > div img {
                    max-height: 100%;
                }

        .mobile-load .hero-img__floating-toast-now .intro-imgs {
            display: flex;
        }

            .mobile-load .hero-img__floating-toast-now .intro-imgs img {
                width: 100%;
                height: 100%;
            }

    .mobile-load .toast-now-slider {
        display: flex;
    }

        .mobile-load .toast-now-slider .toast-now-slide {
            position: relative;
        }

            .mobile-load .toast-now-slider .toast-now-slide > div {
                padding: 40px 10px 50px;
            }

        .mobile-load .toast-now-slider .toast-now-slide__content {
            height: 0;
            position: absolute;
            overflow: hidden;
            opacity: 0;
        }

@media (min-width: 992px) {
    .mobile-load .toast-now-slider .toast-now-slide__content {
        padding: 0 40px;
    }
}

.mobile-load .toast-now-slider .toast-now-slide__content p {
    font-size: 1rem;
}

.mobile-load .toast-now-slider .toast-now-slide img {
    max-width: auto;
    max-height: 100%;
    height: 145px;
    margin: 0 auto 25px;
}

.mobile-load .toast-now-slider .toast-now-slide .buttonPS {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0px;
    text-align: center;
}

.mobile-load .toast-now-slider .toast-now-slide .label__product-package {
    overflow: hidden;
    opacity: 0;
    margin-bottom: 40px;
}

.mobile-load .slick-list {
    margin: 0 !important;
}

.mobile-load .slick-dots {
    bottom: 70px;
}

    .mobile-load .slick-dots li button:before {
        color: white;
    }

.index-b .hero {
    position: relative;
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .entry .hero {
        padding-bottom: 100px;
    }
}

.entry .hero .hero-content {
    text-align: right;
    position: relative;
}

    .entry .hero .hero-content > img {
        width: 100%;
    }

    .entry .hero .hero-content.video-testimonial {
        display: flex;
        justify-content: center;
        width: 100%;
    }

@media (max-width: 991px) {
    .entry .hero .hero-content.video-testimonial {
        flex-direction: column;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .entry .hero .hero-content.video-testimonial {
        display: block !important;
    }
}

.entry .hero .hero-content.video-testimonial .story-details-container {
    left: auto;
}

@media (max-width: 1199px) {
    .entry .hero .hero-content.video-testimonial .story-details-container {
        position: absolute;
        top: auto;
    }
}

@media (max-width: 991px) {
    .entry .hero .hero-content.video-testimonial .story-details-container {
        position: relative;
        bottom: -100px;
        top: 0px;
    }
}

@media (max-width: 991px) {
    .entry .hero .hero-content.video-testimonial .story-details-container .partner-call-out {
        border-radius: 0px;
    }
}

.entry .hero .hero-content.video-testimonial .video-embed {
    width: 100%;
}

    .entry .hero .hero-content.video-testimonial .video-embed img {
        width: 100%;
    }

.entry .hero .hero-content.video-testimonial .play-button {
    left: -56px;
}

@media (max-width: 1199px) {
    .entry .hero .hero-content.video-testimonial .play-button {
        left: 0;
    }
}

.entry .hero .hero-content .story-details {
    display: flex;
    align-items: center;
    text-align: left;
}

    .entry .hero .hero-content .story-details > div {
        padding: 30px;
    }

@media (max-width: 575px) {
    .entry .hero .hero-content .story-details > div {
        padding: 15px;
    }
}

.entry .hero .hero-content .story-details > div:nth-child(1) {
    border-right: 1px solid #f8f9fc;
    width: 75%;
    padding: 30px 30px 30px;
}

@media (max-width: 991px) {
    .entry .hero .hero-content .story-details > div:nth-child(1) {
        border: none;
        width: 100%;
    }
}

.entry .hero .hero-content .story-details h1 {
    font-size: 1.875rem;
    line-height: 1.875rem;
    letter-spacing: 0;
}

@media (max-width: 575px) {
    .entry .hero .hero-content .story-details h1 {
        margin-bottom: 25px;
    }
}

.entry .hero .hero-content .story-details h2 {
    margin-bottom: 10px;
}

.entry .hero .hero-content .story-details .type {
    text-transform: uppercase;
    font-size: 0.675rem;
    letter-spacing: 0.06rem;
    color: #777a87;
    font-weight: 500;
    margin-bottom: 10px;
}

.entry .hero .hero-content .story-details-container {
    position: absolute;
    bottom: -100px;
    left: -50px;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    border-radius: 4px;
    width: 800px;
    max-width: 100%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .entry .hero .hero-content .story-details-container {
        witdh: 100% !important;
    }
}

@media (max-width: 1199px) {
    .entry .hero .hero-content .story-details-container {
        position: relative;
        border-radius: 0px 0px 4px 4px;
        left: 0px;
        width: 100%;
        top: -20px;
    }
}

@media (max-width: 991px) {
    .entry .hero .hero-content .story-details-container {
        border-radius: 4px;
    }
}

.entry .hero .hero-content .story-details-container .partner-call-out {
    padding: 20px;
    height: 50px;
    border-radius: 4px 4px 0px 0px;
}

@media (max-width: 1199px) {
    .entry .hero .hero-content .story-details-container .partner-call-out {
        border-radius: 0px;
    }
}

@media (max-width: 991px) {
    .entry .hero .hero-content .story-details-container .partner-call-out {
        border-radius: 4px 4px 0px 0px;
    }
}

.entry .hero .hero-content .story-details-container .partner-call-out .logo {
    height: 50px;
    width: 100px;
}

@media (max-width: 767px) {
    .entry .hero .entry-nav {
        flex-direction: row;
    }
}

.entry.news .hero .hero-content .story-details > div:nth-child(1) {
    border-right: none;
    width: 100%;
}

.blocker {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 1000;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    text-align: center;
}

    .blocker:before :before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.05em;
    }

    .blocker.behind {
        background-color: transparent;
    }

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
}

@media (max-width: 575px) {
    .modal {
        width: 100%;
    }
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal.bio {
    -o-box-shadow: 0 0 10px #777a87;
    -ms-box-shadow: 0 0 10px #777a87;
    box-shadow: 0 0 10px #777a87;
    padding: 0px;
}

    .modal.bio .image-container {
        width: 100%;
        background-color: #2583e3;
        height: 50px;
        border-radius: 8px 8px 0px 0px;
        margin-bottom: 50px;
    }

@media (max-width: 768px) {
    .modal.bio .image-container {
        margin-bottom: 30px;
    }
}

.modal.bio .job-title {
    width: 100%;
}

@media (max-width: 768px) {
    .modal.bio .job-title {
        margin-bottom: 0px;
    }
}

.modal.bio .headshot {
    top: -100px;
    width: 200px;
    border-radius: 50%;
    border: 3px solid #2583e3;
    margin-left: calc(50% - 100px);
    margin-right: calc(50% - 100px);
}

@media (max-width: 768px) {
    .modal.bio .headshot {
        top: -50px;
        width: 100px;
        margin-left: calc(50% - 50px);
        margin-right: calc(50% - 50px);
    }
}

.modal.bio .description {
    padding: 40px;
}

@media (max-width: 768px) {
    .modal.bio .description {
        padding: 20px;
    }
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
}

    .modal-spinner > div {
        border-radius: 100px;
        background-color: #fff;
        height: 20px;
        width: 2px;
        margin: 0 1px;
        display: inline-block;
    }

.background-hero-slider {
    position: relative;
}

    .background-hero-slider .background-slider-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

        .background-hero-slider .background-slider-container .slide {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .background-hero-slider .background-slider-container .slide .feature {
                position: absolute;
                width: 200px;
                top: 30%;
                right: 20%;
                cursor: pointer;
            }

@media (min-width: 1200px) {
    .background-hero-slider .background-slider-container .slide .feature {
        top: 22%;
        right: 8%;
    }
}

.background-hero-slider .background-slider-container .slide .feature .feature-pulse {
    width: 35px;
}

.background-hero-slider .background-slider-container .slide .feature .details {
    display: none;
}

    .background-hero-slider .background-slider-container .slide .feature .details.active {
        display: block;
    }

    .background-hero-slider .background-slider-container .slide .feature .details > :nth-child(1) {
        font-size: 1.25rem;
        font-weight: 500;
    }

    .background-hero-slider .background-slider-container .slide .feature .details > :nth-child(2) {
        line-height: 1;
    }

.background-hero-slider .background-slider-container .slide img {
    width: 100%;
}

.background-hero-slider .background-slider-container .slide-arrow {
    position: absolute;
    top: 30%;
    cursor: pointer;
    width: 15px;
}

@media (max-width: 1450px) {
    .background-hero-slider .background-slider-container .slide-arrow {
        display: none;
    }
}

.background-hero-slider .background-slider-container .slide-prev {
    left: 100px;
}

.background-hero-slider .background-slider-container .slide-next {
    right: 100px;
}

.smart-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .smart-tabs {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .smart-tabs {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.smart-tabs > div {
    width: 48%;
}

@media (max-width: 991px) {
    .smart-tabs > div {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .smart-tabs > div img {
        margin-bottom: 25px;
    }
}

.smart-tabs h2 {
    font-size: 1.875rem;
}

    .smart-tabs h2 + p {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 20px;
    }

.smart-tabs .image {
    position: relative;
}

@media (max-width: 767px) {
    .smart-tabs .image {
        width: 100%;
    }
}

.smart-tabs .image > img {
    width: 90%;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .smart-tabs .image > img {
        width: 100%;
        padding-right: 0;
    }
}

.smart-tabs .image .feature-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
}

@media (max-width: 767px) {
    .smart-tabs .image .feature-container {
        width: 100%;
        display: none;
    }
}

.smart-tabs .image .feature-container svg {
    position: absolute;
}

.smart-tabs .image .zoomed-images {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms;
    pointer-events: none;
}

@media (max-width: 575px) {
    .smart-tabs .image .zoomed-images {
        width: 150px;
        height: 150px;
    }
}

.smart-tabs .image .zoomed-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 300ms;
}

    .smart-tabs .image .zoomed-images img.active {
        opacity: 1;
    }

.smart-tabs .tabs-container.two-column {
    display: flex;
}

@media (max-width: 767px) {
    .smart-tabs .tabs-container.two-column {
        flex-direction: column;
    }
}

.smart-tabs .tabs-container.two-column .tabs {
    width: 50%;
}

@media (max-width: 767px) {
    .smart-tabs .tabs-container.two-column .tabs {
        width: 100%;
    }
}

.smart-tabs .tabs-container .tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .smart-tabs .tabs-container .tabs.red-check div:before {
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-red.svg");
    }

    .smart-tabs .tabs-container .tabs.dark-check div:before {
        height: 18px;
        width: 18px;
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/Icon-Check-Dark.svg");
    }

@media (max-width: 767px) {
    .smart-tabs .tabs-container .tabs {
        width: 100%;
    }
}

.smart-tabs .tabs-container .tabs div {
    padding: 8px 20px 7px 30px;
    border-radius: 4px;
    position: relative;
}

    .smart-tabs .tabs-container .tabs div:before {
        content: "";
        background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/icon-check-orange.svg");
        background-repeat: no-repeat;
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        left: 0px;
        top: 9px;
    }

    .smart-tabs .tabs-container .tabs div p {
        line-height: 1.4;
        font-size: 1rem;
    }

        .smart-tabs .tabs-container .tabs div p span:nth-child(1) {
            font-size: 1rem;
            font-weight: 600;
        }

.smart-tabs .tabs-container.painted-door {
    width: 100%;
}

@media (max-width: 768px) {
    .smart-tabs .tabs-container.painted-door {
        padding: 0 !important;
    }
}

.smart-tabs .tabs-container.painted-door > div :last-child {
    margin-bottom: 0px;
}

.smart-tabs .tabs-container .cta {
    width: 100%;
}

.smart-tabs .tabs-container-using-grid {
    display: flex;
    flex-wrap: wrap;
}

.smart-tabs-horizontal {
    display: flex;
    flex-direction: column;
}

    .smart-tabs-horizontal .images {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: relative;
    }

@media (max-width: 767px) {
    .smart-tabs-horizontal .images > img {
        padding: 20px;
        width: 33.3333%;
    }
}

.smart-tabs-horizontal .scrollbar {
    display: flex;
    justify-content: center;
}

    .smart-tabs-horizontal .scrollbar svg {
        width: 66.667%;
    }

.smart-tabs-horizontal .tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

    .smart-tabs-horizontal .tabs div {
        width: 33.333%;
        padding: 20px;
        border-radius: 4px;
        display: flex;
        align-items: center;
    }

        .smart-tabs-horizontal .tabs div:hover, .smart-tabs-horizontal .tabs div.active {
            background-color: #d3e6f9;
            cursor: pointer;
        }

        .smart-tabs-horizontal .tabs div p {
            line-height: 1.5;
            font-size: 1.125rem;
        }

            .smart-tabs-horizontal .tabs div p span {
                font-size: 1rem;
                font-weight: 600;
            }

.social-icons {
    top: 0;
}

    .social-icons.fixed {
        position: fixed;
        top: 50px;
    }

    .social-icons.bottom {
        position: absolute;
        bottom: 0px;
        top: auto;
    }

    .social-icons .social-share {
        display: flex;
        padding: 0;
        width: 105px;
        justify-content: space-between;
        padding-top: 5px;
    }

@media (max-width: 767px) {
    .social-icons .social-share {
        padding: 0 !important;
    }
}

.social-icons .social-share.vertical {
    flex-direction: column;
}

@media (max-width: 767px) {
    .social-icons .social-share.vertical {
        flex-direction: row;
        margin: 0 auto;
    }
}

.social-icons .social-share li {
    list-style-type: none;
}

.social-icons .social-share.text {
    width: auto;
    justify-content: center;
}

    .social-icons .social-share.text > li > a {
        height: auto;
        display: flex;
        align-items: center;
    }

        .social-icons .social-share.text > li > a > svg {
            margin: 0px 10px;
        }

.social-icons .social-share.center {
    justify-content: center;
    margin: auto;
}

.social-icons .social-share.space-between {
    width: auto;
}

    .social-icons .social-share.space-between li {
        margin-left: 10px;
        margin-right: 10px;
    }

.features-header {
    position: relative;
}

@media (min-width: 768px) {
    .features-header .features-header-content {
        box-shadow: 0 0px 200px 100px rgba(255,255,255,0.93);
        background: rgba(255,255,255,0.9);
    }
}

.features-header:before {
    content: "";
    position: absolute;
    right: 83%;
    width: 17%;
    height: 80%;
    top: 10%;
    background-position: left;
    background-repeat: no-repeat;
}

@media (max-width: 1199px) {
    .features-header:before {
        background-position: right;
    }
}

@media (max-width: 767px) {
    .features-header:before {
        display: none;
    }
}

.features-header:after {
    content: "";
    position: absolute;
    left: 83%;
    width: 17%;
    top: 10%;
    height: 80%;
    background-position: right;
    background-repeat: no-repeat;
    z-index: -1;
}

@media (max-width: 1199px) {
    .features-header:after {
        background-position: left;
    }
}

@media (max-width: 767px) {
    .features-header:after {
        display: none;
    }
}

.features-header h2 + p {
    font-size: 1.125rem;
}

.content-sections h4 {
    margin-bottom: 20px;
}

.content-sections h2, .content-sections h3 {
    font-size: 1.375rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .content-sections h2, .content-sections h3 {
        text-align: left;
    }
}

.content-sections h2 strong, .content-sections h3 strong {
    font-size: inherit;
}

    .content-sections h2 strong a, .content-sections h3 strong a {
        font-size: inherit;
    }

.content-sections h3 img {
    padding-left: 30px;
}

.content-sections p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

    .content-sections p span {
        text-align: center;
    }

    .content-sections p:last-child {
        margin-bottom: 0;
    }

.content-sections ul, .content-sections ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

    .content-sections ul:last-child, .content-sections ol:last-child {
        margin-bottom: 0;
    }

@media (max-width: 575px) {
    .content-sections ul, .content-sections ol {
        padding-left: 15px;
    }
}

.content-sections ul li, .content-sections ol li {
    line-height: 1.5;
    margin-bottom: 10px;
}

.content-sections a {
    color: #ff4c00;
}

    .content-sections a span {
        color: #ff4c00;
    }

    .content-sections a br {
        display: none;
    }

.content-sections center br {
    display: none;
}

.content-sections figure {
    text-align: center;
    margin-bottom: 20px;
}

.content-sections .yj6qo {
    display: none;
}

.content-sections .hs_cos_wrapper_meta_field {
    display: block;
    background-color: #ffe2d9;
    border-radius: 4px;
    text-align: center;
    padding: 12px 10px;
    margin-bottom: 30px;
}

.content-sections .general-body:nth-child(1) {
    padding-top: 0;
}

.content-sections .general-body h3 figure img {
    text-align: left;
}

.content-sections .benefit-bullets {
    padding: 40px 10px 34px;
}

@media (max-width: 767px) {
    .content-sections .benefit-bullets {
        padding: 40px 25px 34px;
    }
}

.content-sections .benefit-bullets ul {
    margin-bottom: 0;
}

    .content-sections .benefit-bullets ul li {
        align-items: flex-start;
    }

        .content-sections .benefit-bullets ul li p {
            margin: 0;
        }

@media (max-width: 767px) {
    .content-sections .benefit-bullets ul li {
        margin-bottom: 0;
    }
}

.content-sections .testimonial {
    position: relative;
}

    .content-sections .testimonial .background-underlay img {
        box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.08);
    }

@media (max-width: 768px) {
    .content-sections .testimonial .background-underlay {
        display: none;
    }
}

@media (max-width: 599px) {
    .content-sections .testimonial .background-underlay {
        display: none;
    }
}

.content-sections .testimonial .quote-overlay {
    position: relative;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.13);
    border-radius: 5px;
    margin: 0px 15%;
    margin-top: -100px;
}

@media (max-width: 980px) {
    .content-sections .testimonial .quote-overlay {
        margin: 0px 50px;
        margin-top: -100px;
    }
}

@media (max-width: 768px) {
    .content-sections .testimonial .quote-overlay {
        margin: 0px;
        margin-top: 0px;
        box-shadow: none;
    }
}

@media (max-width: 599px) {
    .content-sections .testimonial .quote-overlay {
        margin: 0px;
        margin-top: 0px;
        box-shadow: none;
    }
}

.content-sections .testimonial .quote-icon {
    margin-bottom: 30px;
}

.content-sections .testimonial .quote {
    padding: 0px 30px;
}

    .content-sections .testimonial .quote p {
        font-size: 1.25rem;
        line-height: 1.3;
        font-weight: 500;
        margin-bottom: 0px;
    }

@media (max-width: 767px) {
    .content-sections .testimonial .quote p {
        font-size: 1.125rem;
    }
}

.content-sections .testimonial .source {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .content-sections .testimonial .source img {
        margin-right: 15px;
        width: 100px;
        border-radius: 25px;
    }

    .content-sections .testimonial .source p {
        font-size: 1.3125rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .content-sections .testimonial .source .name {
        margin-bottom: 0px;
    }

    .content-sections .testimonial .source .job-title {
        margin-top: 10px;
        font-size: 1rem;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .content-sections .testimonial .source div:nth-child(2) p {
        margin-bottom: 0;
        text-align: left;
    }

.content-sections .testimonial .testimonial-sharer {
    position: absolute;
    bottom: -18px;
    width: 100%;
    margin: auto;
}

    .content-sections .testimonial .testimonial-sharer .open-icon.active {
        margin: 0px;
    }

    .content-sections .testimonial .testimonial-sharer ul {
        padding: 0;
        margin: 0;
        display: flex;
    }

        .content-sections .testimonial .testimonial-sharer ul li {
            list-style-type: none;
            display: block;
            background-color: #ff4c00;
            border-radius: 25px;
            margin-bottom: 0;
            width: 0px;
            height: 0px;
            transition: all 200ms;
            cursor: pointer;
            opacity: 0;
            position: relative;
        }

            .content-sections .testimonial .testimonial-sharer ul li:hover {
                transform: scale(1.1) translateY(-3px);
                box-shadow: 0 3px 6px rgba(0,0,0,0.25);
            }

            .content-sections .testimonial .testimonial-sharer ul li.active {
                opacity: 1;
                width: 35px;
                height: 35px;
                margin-right: 10px;
                padding: 8px;
            }

            .content-sections .testimonial .testimonial-sharer ul li:last-child {
                margin-right: 0px;
            }

.content-sections .html-columns figure {
    margin-bottom: 20px;
}

.content-sections .wistia-video .wistia_embed {
    width: 730px;
    height: 410px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .content-sections .wistia-video .wistia_embed {
        width: 580px;
        height: 253px;
    }
}

@media (max-width: 767px) {
    .content-sections .wistia-video .wistia_embed {
        width: 520px;
        height: 325px;
    }
}

@media (max-width: 575px) {
    .content-sections .wistia-video .wistia_embed {
        width: 100%;
        height: 250px;
    }
}

.content-sections .side-by-side.customer-newsletter img {
    border-radius: 5px;
}

.content-sections .integration {
    border-radius: 5px;
}

    .content-sections .integration p {
        margin-bottom: 0px;
    }

    .content-sections .integration .icon-margin-right {
        margin-right: 20px;
    }

.content-sections .compare-table {
    overflow: hidden;
}

    .content-sections .compare-table#partner-hub-table .table-headers {
        cursor: pointer;
        position: relative;
    }

@media (max-width: 768px) {
    .content-sections .compare-table#partner-hub-table .table-headers.open .table-col-1 {
        margin-bottom: 20px;
    }
}

.content-sections .compare-table#partner-hub-table .table-headers.open .table-col-3rd {
    display: block;
    padding: 0 15px;
}

@media (max-width: 768px) {
    .content-sections .compare-table#partner-hub-table .table-headers.open .table-title {
        margin-bottom: 20px;
    }
}

.content-sections .compare-table#partner-hub-table .table-headers.open::after {
    display: none;
}

.content-sections .compare-table#partner-hub-table .table-headers .table-title {
    margin-bottom: 0px;
}

.content-sections .compare-table#partner-hub-table .table-headers .table-col-3rd {
    display: none;
    padding: 0px;
}

.content-sections .compare-table#partner-hub-table .table-headers::after {
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: inline-block;
    height: 15px;
    position: relative;
    top: 0px;
    vertical-align: top;
    width: 15px;
    border-color: #fff;
    left: -25px;
    transform: rotate(45deg);
}

@media (max-width: 768px) {
    .content-sections .compare-table#partner-hub-table .table-headers::after {
        position: absolute;
        top: 25px;
        right: 25px;
        left: unset;
    }
}

.content-sections .compare-table#partner-hub-table .table-content {
    display: none;
}

    .content-sections .compare-table#partner-hub-table .table-content.show {
        display: block;
    }

    .content-sections .compare-table#partner-hub-table .table-content .table-row {
        padding: 15px 0px 5px;
    }

.content-sections .compare-table#partner-hub-table .table-column {
    font-size: 1.125rem;
}

    .content-sections .compare-table#partner-hub-table .table-column p, .content-sections .compare-table#partner-hub-table .table-column h3 {
        font-size: 1.125rem;
    }

    .content-sections .compare-table#partner-hub-table .table-column.table-col-3rd {
        flex: 0 0 140px;
    }

@media (max-width: 768px) {
    .content-sections .compare-table#partner-hub-table .table-column.table-col-3rd {
        flex: 1 1 33%;
    }
}

@media (max-width: 320px) {
    .content-sections .compare-table#partner-hub-table .table-column.table-col-3rd {
        flex: 1 1 33%;
    }
}

.content-sections .compare-table .table-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px;
}

@media (max-width: 768px) {
    .content-sections .compare-table .table-row {
        flex-wrap: wrap;
    }
}

.content-sections .compare-table .table-row.shaded-bg {
    background: #fff9f7;
}

.content-sections .compare-table .table-column {
    padding: 0px 20px;
}

    .content-sections .compare-table .table-column p, .content-sections .compare-table .table-column h3 {
        margin-bottom: 0;
    }

    .content-sections .compare-table .table-column.table-col-1 {
        flex: 7 1 auto;
    }

@media (max-width: 768px) {
    .content-sections .compare-table .table-column.table-col-1 {
        flex: 7 1 100%;
        margin-bottom: 20px;
        text-align: center;
    }

        .content-sections .compare-table .table-column.table-col-1 p {
            font-weight: 500;
        }
}

.content-sections .compare-table .table-column.table-col-2 {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    flex: 0 0 100px;
}

@media (max-width: 768px) {
    .content-sections .compare-table .table-column.table-col-2 {
        flex: 1 1 50%;
    }
}

@media (max-width: 320px) {
    .content-sections .compare-table .table-column.table-col-2 {
        flex: 1 1 50%;
    }
}

.content-sections .compare-table .table-column.table-col-2 h2 {
    width: 100%;
    margin-bottom: 0;
}

.content-sections .compare-table .table-column.table-col-3rd {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    flex: 0 0 100px;
}

@media (max-width: 768px) {
    .content-sections .compare-table .table-column.table-col-3rd {
        flex: 1 1 33%;
    }
}

@media (max-width: 320px) {
    .content-sections .compare-table .table-column.table-col-3rd {
        flex: 1 1 33%;
    }
}

.content-sections .compare-table .table-column.table-col-3rd h2 {
    width: 100%;
    margin-bottom: 0;
}

.content-sections .compare-table .table-column.table-col-4th {
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    flex: 0 0 100px;
}

@media (max-width: 768px) {
    .content-sections .compare-table .table-column.table-col-4th {
        flex: 1 1 25%;
    }
}

@media (max-width: 320px) {
    .content-sections .compare-table .table-column.table-col-4th {
        flex: 1 1 25%;
    }
}

.content-sections .compare-table .table-column.table-col-4th h2 {
    width: 100%;
    margin-bottom: 0;
}

.content-sections .compare-table .compare-mobile-text {
    display: none;
}

    .content-sections .compare-table .compare-mobile-text h2 {
        position: relative;
        top: -3px;
        margin-bottom: 0;
        text-align: center;
    }

    .content-sections .compare-table .compare-mobile-text img {
        max-width: 100px;
    }

@media (max-width: 768px) {
    .content-sections .compare-table .compare-mobile-text {
        display: block;
        margin-bottom: 10px;
    }
}

.content-sections .compare-table .compare-mobile-icon {
    text-align: center;
}

@media (max-width: 768px) {
    .content-sections .compare-table .compare-mobile-icon:empty {
        display: none;
    }
}

@media (max-width: 768px) {
    .content-sections .compare-table .hide-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .content-sections .quadrant {
        padding: 20px;
        border: none;
    }
}

.content-sections .hubspot-form .form.hs-form form {
    padding: 0px 30px;
}

.content-sections .hubspot-form .error {
    color: #f53655;
}

.content-sections .resource-cta .form.gated-resource form, .content-sections .resource-cta .form.static-page form {
    padding: 30px;
}

.content-sections .resource-cta .error {
    color: #f53655;
}

.content-sections .form-with-content .hbspt-form {
    padding: 20px;
}

.featured-entry-slider .card-container {
    padding: 60px 20px 20px;
}

.continuous-scroll .card-container {
    padding: 15px;
}

#load-more-cards {
    display: none;
}

.loading-spinner {
    display: none;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}

    .loading-spinner.active {
        display: block;
    }

.category-toggle {
    display: flex;
    border-top: 1px solid #eaecf1;
    border-bottom: 1px solid #eaecf1;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .category-toggle a {
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 500;
        color: #a0a2ad;
        cursor: pointer;
        padding: 15px 0 9px;
        transition: all 200ms;
    }

        .category-toggle a.active {
            color: #ff4c00;
        }

        .category-toggle a:hover {
            color: #ff4c00;
        }

.category-filter {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #eaecf1;
    outline: none;
    color: #777a87;
    font-weight: 500;
    background-color: #fff;
    padding: 12px 10px;
    border-radius: 3px;
    position: relative;
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/carat-filter.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-right: 10px;
    width: 180px;
    cursor: pointer;
}

    .category-filter:focus {
        outline: none;
    }

@media (max-width: 991px) {
    .category-filter {
        width: 100%;
        margin-right: 0;
    }
}

.clear-filter {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: #ddddea;
    color: white;
    padding: 14px 10px 8px;
    border-radius: 3px;
    text-align-last: left;
    position: relative;
    font-weight: 500;
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/close-filter.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-right: 10px;
    width: 100px;
    cursor: pointer;
}

    .clear-filter.active {
        display: inline-block;
    }

    .clear-filter:focus {
        outline: none;
    }

#search-box {
    width: 100%;
    padding: 12px 10px 12px 43px;
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/search.svg");
    background-repeat: no-repeat;
    background-position: left 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #eaecf1;
    border-radius: 3px;
}

    #search-box:focus {
        outline: none;
        border: 1px solid #c9cad3;
    }

#category-filter .type {
    color: #c9cad3;
    text-transform: uppercase;
    font-size: 0.875rem;
    margin-right: 10px;
    margin-bottom: 13px;
    font-weight: 500;
}

@media (max-width: 991px) {
    #category-filter .type {
        align-self: flex-start;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

    .cd-words-wrapper span {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0;
    }

        .cd-words-wrapper span.is-visible {
            position: relative;
        }

.cd-headline.rotate-1 .cd-words-wrapper {
    perspective: 300px;
    position: relative;
    left: 3px;
    top: -3px;
    width: 205px;
}

@media (max-width: 767px) {
    .cd-headline.rotate-1 .cd-words-wrapper {
        text-align: center;
    }
}

.cd-headline.rotate-1 .cd-words-wrapper span {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: rotateX(180deg);
    width: 205px;
}

    .cd-headline.rotate-1 .cd-words-wrapper span.is-visible {
        opacity: 1;
        transform: rotateX(0deg);
        -webkit-animation: cd-rotate-1-in 1.2s;
        animation: cd-rotate-1-in 1.2s;
    }

    .cd-headline.rotate-1 .cd-words-wrapper span.is-hidden {
        transform: rotateX(180deg);
        -webkit-animation: cd-rotate-1-out 1.2s;
        animation: cd-rotate-1-out 1.2s;
    }

@-webkit-keyframes cd-rotate-1-in {
    0% {
        transform: rotateX(180deg);
        opacity: 0;
    }

    35% {
        transform: rotateX(120deg);
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@keyframes cd-rotate-1-in {
    0% {
        transform: rotateX(180deg);
        opacity: 0;
    }

    35% {
        transform: rotateX(120deg);
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        transform: rotateX(0deg);
        opacity: 1;
    }

    35% {
        transform: rotateX(-40deg);
        opacity: 1;
    }

    65% {
        opacity: 0;
    }

    100% {
        transform: rotateX(180deg);
        opacity: 0;
    }
}

@keyframes cd-rotate-1-out {
    0% {
        transform: rotateX(0deg);
        opacity: 1;
    }

    35% {
        transform: rotateX(-40deg);
        opacity: 1;
    }

    65% {
        opacity: 0;
    }

    100% {
        transform: rotateX(180deg);
        opacity: 0;
    }
}

.similar-stories .card {
    height: auto;
}

.exit-intent-open {
    overflow: hidden;
    pointer-events: none;
}

    .exit-intent-open:not(.shop-body) section:not(.exit-intent-modal), .exit-intent-open:not(.shop-body) header:not(.exit-intent-modal), .exit-intent-open:not(.shop-body) footer:not(.exit-intent-modal) {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .exit-intent-open.shop-body {
        position: fixed;
    }

    .exit-intent-open .exit-intent-modal {
        opacity: 1;
        pointer-events: all;
    }

.exit-intent-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: all 300ms;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .exit-intent-modal .exit-intent-container {
        position: relative;
        max-width: 600px;
        max-height: 500px;
        background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/homepage/exit-intent.jpg);
        background-size: cover;
        border-radius: 7px;
        overflow-y: scroll;
    }

@media (max-width: 600px) {
    .exit-intent-modal .exit-intent-container {
        max-width: none;
        max-height: 100vh;
    }
}

.exit-intent-modal .exit-intent-container h2 {
    font-size: 3.75rem;
}

.exit-intent-modal .exit-intent-container h4 {
    font-size: 1.325rem;
    font-weight: 400;
    max-width: 350px;
    margin: 0 auto 40px;
}

@media (min-width: 992px) {
    .exit-intent-modal .exit-intent-container input[name="email"] {
        width: 250px;
    }
}

.exit-intent-modal .exit-intent-container input[type="submit"] {
    background-color: #2583e3;
}

    .exit-intent-modal .exit-intent-container input[type="submit"]:hover {
        background-color: #186abd;
    }

.exit-intent-modal .exit-intent-container .type {
    text-transform: uppercase;
    font-weight: 500;
}

.exit-intent-modal .exit-intent-container .close {
    top: 20px;
    right: 20px;
}

.exit-intent-modal .exit-intent-container .no-thanks {
    text-decoration: underline;
}

    .exit-intent-modal .exit-intent-container .no-thanks:hover {
        text-decoration: none;
    }

.exit-intent-modal.restaurant-success-survey .exit-intent-container {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/popup-2019-success-report_websit-popup-copy.jpg);
    background-size: cover;
    padding: 40px 100px 150px !important;
}

@media (max-width: 575px) {
    .exit-intent-modal.restaurant-success-survey .exit-intent-container {
        padding: 40px 15px 150px !important;
    }
}

.exit-intent-modal.restaurant-success-survey .exit-intent-container .no-thanks {
    display: block;
}

.exit-intent-modal.restaurant-success-survey .exit-intent-container h4 {
    max-width: none;
}

.exit-intent-modal.pos-comparison-tool .exit-intent-container {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/POSComparison_DefinitiveGuide_Background-Dark.svg);
    background-size: cover;
    padding: 0px !important;
    max-height: 500px;
    margin: 5px;
}

@media (max-width: 599px) {
    .exit-intent-modal.pos-comparison-tool .exit-intent-container {
        height: auto;
        max-height: none;
    }
}

.exit-intent-modal.pos-comparison-tool .exit-intent-container .content {
    padding: 40px 100px 50px !important;
    height: 300px;
}

@media (max-width: 575px) {
    .exit-intent-modal.pos-comparison-tool .exit-intent-container .content {
        padding: 40px 15px 50px !important;
    }
}

@media (max-width: 768px) {
    .exit-intent-modal.pos-comparison-tool .exit-intent-container .content {
        height: auto;
    }
}

.exit-intent-modal.pos-comparison-tool .exit-intent-container .no-thanks {
    display: block;
}

.exit-intent-modal.pos-comparison-tool .exit-intent-container h4 {
    max-width: none;
}

.exit-intent-modal.pos-comparison-tool .exit-intent-container h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.exit-intent-modal.pos-comparison-tool .bottom-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .exit-intent-modal.pos-comparison-tool .bottom-image {
        height: auto;
        padding-bottom: 50px;
    }
}

.exit-intent-modal.pos-comparison-tool .bottom-image > a {
    z-index: 5;
}

.exit-intent-modal.pos-comparison-tool .bottom-image:before {
    content: "";
    z-index: 0;
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/Left-Columns.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-position-x: left;
    background-position-y: bottom;
}

@media (max-width: 768px) {
    .exit-intent-modal.pos-comparison-tool .bottom-image:before {
        top: 40px;
        background-position-y: top;
    }
}

@media (max-width: 599px) {
    .exit-intent-modal.pos-comparison-tool .bottom-image:before {
        left: -30px;
    }
}

.exit-intent-modal.pos-comparison-tool .bottom-image:after {
    content: "";
    z-index: 0;
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/Right-Columns.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-position-x: right;
    background-position-y: bottom;
}

@media (max-width: 768px) {
    .exit-intent-modal.pos-comparison-tool .bottom-image:after {
        top: 0;
        background-position-y: top;
    }
}

.ecomm-promo-wrapper {
    background-color: #fff;
    padding: 50px 15px 0;
}

.container > .ecomm-promo-wrapper {
    padding: 50px 0;
}

.grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: 1fr 1rem 1fr 1rem auto;
    grid-template-rows: 1fr 1fr auto;
    grid-template-areas: "product1 product1 product1 product1 product1 product1 product2 product2 product2 product2 product2 product2" "product3 product3 product3 product3 product3 product3 product4 product4 product4 product4 product4 product4" "main main main main main main main main main main main main";
    grid-gap: 1rem;
}

@media (min-width: 768px) {
    .grid {
        -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
        grid-template-columns: repeat(12, 1fr);
        -ms-grid-rows: auto 1rem 132px 1rem minmax(100px, 130px);
        grid-template-rows: auto 132px minmax(100px, 130px);
        grid-template-areas: "product1 product1 product1 product1 product1 product1 main main main main main main" "product2 product2 product2 product3 product3 product3 main main main main main main" "product4 product4 product4 product4 product4 product4 main main main main main main";
        grid-gap: 1rem;
    }
}

@media (min-width: 992px) {
    .grid {
        -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
        grid-template-columns: repeat(12, 1fr);
        -ms-grid-rows: auto 1rem auto 1rem auto;
        grid-template-areas: "product1 product1 product1 product1 product2 product2 main main main main main main" "product1 product1 product1 product1 product3 product3 main main main main main main" "product4 product4 product4 product4 product4 product4 main main main main main main";
        grid-gap: 1rem;
    }
}

.grid > * {
    border-radius: 8px;
}

.grid .toast-flex, .grid .toast-tap, .grid .printer, .grid .cash-drawer {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .grid .toast-flex > img, .grid .toast-tap > img, .grid .printer > img, .grid .cash-drawer > img {
        min-width: 1px;
    }

.grid .toast-flex, .grid .ecomm-promo {
    background-color: #ff4c00;
}

.grid .toast-flex {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-area: product1;
}

@media (min-width: 768px) {
    .grid .toast-flex {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11;
    }
}

@media (min-width: 992px) {
    .grid .toast-flex {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7;
    }
}

.grid .toast-tap {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    background-color: #f53655;
    grid-area: product2;
}

@media (min-width: 768px) {
    .grid .toast-tap {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
    }
}

@media (min-width: 992px) {
    .grid .toast-tap {
        -ms-grid-row: 1;
        -ms-grid-column: 9;
        -ms-grid-column-span: 3;
    }
}

.grid .cash-drawer {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
    -ms-grid-column-span: 11;
    background-color: #ff9100;
    grid-area: product4;
}

@media (min-width: 768px) {
    .grid .cash-drawer {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11;
    }
}

@media (min-width: 992px) {
    .grid .cash-drawer {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11;
    }
}

.grid .printer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    background-color: #2683e3;
    grid-area: product3;
}

@media (min-width: 768px) {
    .grid .printer {
        -ms-grid-row: 3;
        -ms-grid-column: 7;
        -ms-grid-column-span: 5;
    }
}

@media (min-width: 992px) {
    .grid .printer {
        -ms-grid-row: 3;
        -ms-grid-column: 9;
        -ms-grid-column-span: 3;
    }
}

.grid .ecomm-promo {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 23;
    display: flex;
    flex-direction: column;
    grid-area: main;
    justify-content: center;
    padding: 25px;
}

@media (min-width: 576px) {
    .grid .ecomm-promo {
        padding: 50px;
    }
}

@media (min-width: 768px) {
    .grid .ecomm-promo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 13;
        -ms-grid-column-span: 11;
    }
}

@media (min-width: 992px) {
    .grid .ecomm-promo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 13;
        -ms-grid-column-span: 11;
    }
}

.grid .ecomm-promo__tagline, .grid .ecomm-promo__heading, .grid .ecomm-promo__body {
    color: #fff;
}

.grid .ecomm-promo__tagline {
    font-size: 1.125rem;
    line-height: 1.44;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.grid .ecomm-promo__heading {
    font-size: 3.125rem;
    line-height: 1;
    margin-bottom: 15px;
}

.grid .ecomm-promo__body {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 40px;
}

.covid-promo {
    background-color: #f8f9fc;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
    padding: 40px 25px 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .covid-promo {
        padding: 40px 50px 20px;
    }
}

.covid-promo__tagline {
    background-color: #ffede5;
    border-radius: 50px;
    color: #ff4c00;
    font-weight: 600;
    line-height: 1;
    left: 50%;
    min-width: 236px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    top: -11px;
    transform: translateX(-50%);
}

.covid-promo__heading, .covid-promo__body {
    color: #282c37;
}

.covid-promo__heading {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.covid-promo__body {
    line-height: 1.25;
    margin-bottom: 1.25rem;
}

.company.about .hero h1 span {
    position: relative;
    top: 6px;
    margin-left: 10px;
}

.company.about .about-us-timeline {
    position: relative;
}

    .company.about .about-us-timeline .intro {
        position: absolute;
        width: 500px;
        top: 50px;
        z-index: 1000;
    }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .company.about .about-us-timeline .intro {
        position: relative !important;
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .company.about .about-us-timeline .intro {
        position: relative;
        width: 100%;
        top: 0;
        padding: 50px 0 80px;
    }
}

.company.about .about-us-timeline .timeline-list {
    display: none;
}

@media (max-width: 991px) {
    .company.about .about-us-timeline .timeline-list {
        display: block;
        padding-top: 10px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .company.about .about-us-timeline .timeline-list {
        display: block !important;
    }
}

.company.about .about-us-timeline .timeline-list > div {
    padding: 10px 0;
}

.company.about .about-us-timeline-container {
    position: relative;
    top: -50px;
}

@media (min-width: 992px) {
    .company.about .about-us-timeline-container {
        padding-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .company.about .about-us-timeline-container {
        padding-top: 75px;
    }
}

@media (max-width: 767px) {
    .company.about .about-us-timeline-container {
        padding-top: 150px;
        padding-bottom: 30px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .company.about .about-us-timeline-container {
        display: none !important;
    }
}

.company.about .about-us-timeline-container svg {
    pointer-events: none;
}

.company.about .facts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .company.about .facts {
        flex-direction: column;
    }
}

.company.about .facts .fact {
    text-align: center;
    padding: 30px 15px;
}

    .company.about .facts .fact .stat {
        color: #2583e3;
        font-size: 4.375rem;
        font-weight: 500;
        line-height: 1;
    }

@media (max-width: 767px) {
    .company.about .facts .fact .stat {
        font-size: 3.375rem;
    }
}

.company.about .facts .fact .detail {
    font-weight: 600;
}

@media (max-width: 767px) {
    .company.about .facts .fact .detail {
        font-size: 1.125rem;
    }
}

.company.about .features-header:before {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/company/our-culture-1.jpg);
}

.company.about .features-header:after {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/company/our-culture-2.jpg);
}

@media (min-width: 768px) {
    .company.about .our-culture {
        text-align: center;
    }
}

.company.about .our-culture img {
    width: 100%;
}

.company.about .toast-org-cta {
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px;
}

@media (max-width: 767px) {
    .company.about .toast-org-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

.company.about .toast-org-cta svg {
    width: 300px;
}

@media (max-width: 991px) {
    .company.about .toast-org-cta svg {
        width: 200px;
    }
}

@media (min-width: 768px) {
    .company.about .toast-org-cta .details {
        width: 40%;
    }
}

.company.leadership .hero h4, .company.leadership .hero p {
    margin-bottom: 0;
}

.company.leadership .team .card {
    padding: 15px 30px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.03);
}

@media (max-width: 575px) {
    .company.leadership .team .card {
        padding: 15px;
    }
}

.company.leadership .team .card.expandable {
    display: flex;
    flex-direction: column;
    padding-top: 21px;
}

    .company.leadership .team .card.expandable.open .expanded-content {
        display: block;
    }

    .company.leadership .team .card.expandable .visible-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .company.leadership .team .card.expandable .visible-content > div:nth-child(1) {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .company.leadership .team .card.expandable .visible-content .image-container {
            margin-bottom: 0;
        }

        .company.leadership .team .card.expandable .visible-content .open-details-icon .show {
            display: block;
        }

        .company.leadership .team .card.expandable .visible-content .open-details-icon .hide {
            display: none;
        }

        .company.leadership .team .card.expandable .visible-content .open-details-icon svg {
            cursor: pointer;
        }

@media (max-width: 575px) {
    .company.leadership .team .card.expandable .visible-content .open-details-icon {
        position: absolute;
        top: calc(50% - 15px);
        right: 10px;
    }
}

.company.leadership .expanded-content > p {
    padding: 0 0 30px;
}

@media (max-width: 575px) {
    .company.leadership .expanded-content > p {
        max-height: 250px;
        overflow-y: scroll;
    }
}

.company.leadership .expanded-content .fun-fact {
    display: flex;
    align-self: center;
    padding: 20px 0 0;
}

    .company.leadership .expanded-content .fun-fact svg {
        margin-right: 15px;
        position: relative;
        top: -2px;
    }

    .company.leadership .expanded-content .fun-fact span {
        padding-left: 20px;
    }

.company .image-container {
    margin-bottom: 10px;
    position: relative;
    width: 100px;
    margin-right: 20px;
}

@media (max-width: 575px) {
    .company .image-container {
        width: 70px;
    }
}

.company .image-container img {
    border-radius: 50px;
}

.company .image-container div, .company .image-container a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.contact .contact-box {
    display: flex;
    box-shadow: 0px 4px 0px #efeeef;
}

.contact .locations .location {
    display: flex;
    align-items: center;
    padding: 30px 0;
}

    .contact .locations .location .details {
        padding: 0 30px;
    }

.request-demo-hubspot .hero {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/company/demo-request-hubspot.jpg);
    background-size: cover;
}

.request-demo-hubspot .hero-dark-blue {
    background: url(blue-wave-demo-request.svg);
    background-size: cover;
    background-position: bottom center;
}

@media (max-width: 991px) {
    .request-demo-hubspot .hero-dark-blue {
        background-color: #2583e3;
    }
}

.request-demo-hubspot .hero-gray {
    background: url(gray-wave-demo-request-1.svg);
    background-size: cover;
    background-position: bottom center;
}

.request-demo-hubspot .hero-orange-transparent {
    background: url(orange-bg-curve-transparent.svg);
    background-size: cover;
    background-position: bottom center;
}

.quote-request .hero {
    background: url(quote-request-bg.svg);
    background-size: cover;
    background-position: bottom;
}

.request-demo-a .hero {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/company/request-demo-hero.jpg);
    background-position: right top;
    background-size: cover;
    padding-bottom: 200px;
}

@media (max-width: 991px) {
    .request-demo-a .hero {
        background-position: center top;
        padding-bottom: 0;
    }
}

.pricing-promo {
    display: none;
    padding: 21px 0 15px;
    align-items: center;
    background-color: #fefbf8;
}

    .pricing-promo.active {
        display: flex;
    }

    .pricing-promo.hidden {
        display: none !important;
    }

    .pricing-promo .close {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 50px;
        cursor: pointer;
    }

    .pricing-promo .flip-clock {
        position: relative;
        z-index: 1;
        display: flex;
        width: 400px;
    }

        .pricing-promo .flip-clock > div {
            display: flex;
            flex-direction: column;
            text-align: center;
            margin-right: 15px;
        }

            .pricing-promo .flip-clock > div p {
                text-transform: uppercase;
                color: #ff4c00;
                font-size: 1rem;
                font-weight: 600;
            }

            .pricing-promo .flip-clock > div > div {
                display: flex;
                justify-content: center;
                margin-bottom: 10px;
            }

                .pricing-promo .flip-clock > div > div span {
                    font-weight: bold;
                    font-size: 3.25rem;
                    text-align: center;
                    color: #ffede5;
                    height: 50px;
                    background-color: #ff4c00;
                    border-radius: 3px;
                    padding: 18px 6px 2px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                }

                    .pricing-promo .flip-clock > div > div span:nth-child(2) {
                        margin-left: 6px;
                    }

                    .pricing-promo .flip-clock > div > div span:after {
                        content: "";
                        width: 100%;
                        height: 25px;
                        box-shadow: 0 0px 20px -3px #a0a2ad;
                        display: block;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                    }

    .pricing-promo .promo-details * {
        margin-bottom: 5px;
    }

    .pricing-promo .promo-details h3 {
        font-weight: 400;
    }

.entry-toggle .entry-button {
    display: flex;
    flex-direction: row;
    padding: 25px;
    margin-bottom: 10px;
    border-radius: 4px;
    transition: 300ms all;
}

@media (min-width: 992px) {
    .entry-toggle .entry-button:hover, .entry-toggle .entry-button.active {
        background-color: rgba(255,76,0,0.08);
    }
}

.entry-toggle .entry-button .category {
    text-transform: uppercase;
    color: #777a87;
    letter-spacing: 2px;
}

.entry-toggle .entry-button .title {
    font-weight: 600;
    font-size: 1.625rem;
    color: #252a35;
    margin: 5px 0 15px;
}

.entry-toggle .testimonial {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 40px;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    border-radius: 4px;
    display: none;
    background-color: #fff;
}

    .entry-toggle .testimonial.active {
        display: flex;
    }

    .entry-toggle .testimonial .thumbnail-container {
        padding: 30px;
    }

    .entry-toggle .testimonial .content .quote {
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 30px;
        line-height: 1.4;
    }

    .entry-toggle .testimonial .content .person-name {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .entry-toggle .testimonial .content .person-title {
        margin-bottom: 30px;
    }

.entry-toggle .thumbnail-image {
    display: none;
}

    .entry-toggle .thumbnail-image.active {
        display: block;
    }

.entry-slider {
    position: relative;
}

    .entry-slider .entry-slide {
        display: flex;
        position: relative;
        background-color: #ff4c00;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.05);
    }

@media (max-width: 991px) {
    .entry-slider .entry-slide {
        flex-direction: column;
    }
}

.entry-slider .entry-slide.bg-white {
    background-color: #fff;
}

@media (max-width: 991px) {
    .entry-slider .entry-slide.capital {
        flex-direction: row;
        background-image: none !important;
    }
}

.entry-slider .entry-slide.capital p {
    font-size: 1rem;
    line-height: 1.4375rem;
}

.entry-slider .entry-slide.picture-background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .entry-slider .entry-slide.picture-background.capital-1 {
        background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/capital/do-what-you-love.png);
    }

@media (max-width: 991px) {
    .entry-slider .entry-slide.picture-background.capital-1 {
        background-image: none;
        background-color: #f8f9fc;
    }
}

.entry-slider .entry-slide.picture-background.capital-2 {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/capital/capital-2.png);
}

@media (max-width: 991px) {
    .entry-slider .entry-slide.picture-background.capital-2 {
        background-image: none;
        background-color: #f8f9fc;
    }
}

.entry-slider .entry-slide.picture-background.capital-3 {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/capital/daily-sales.png);
}

@media (max-width: 991px) {
    .entry-slider .entry-slide.picture-background.capital-3 {
        background-image: none;
        background-color: #f8f9fc;
    }
}

.entry-slider .entry-slide .play-button {
    position: absolute;
    align-self: center;
    cursor: pointer;
    padding: 0;
    z-index: 1;
}

.entry-slider .entry-slide .video-embed {
    width: 40%;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .entry-slider .entry-slide .video-embed {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .entry-slider .entry-slide .video-embed {
        width: 100%;
        height: 300px;
        margin: 0;
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    }
}

.entry-slider .entry-slide .video-embed img {
    position: absolute;
    height: 100%;
    max-width: none;
}

@media (max-width: 991px) {
    .entry-slider .entry-slide .video-embed img {
        position: relative;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .entry-slider .entry-slide .video-embed img {
        height: 100%;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .entry-slider .entry-slide .video-embed img {
        position: relative !important;
    }
}

.entry-slider .entry-slide .video-embed img.img-cover {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.entry-slider .entry-slide.payroll-video {
    height: 375px;
}

@media (max-width: 991px) {
    .entry-slider .entry-slide.payroll-video {
        height: 300px;
    }
}

.entry-slider .entry-slide.payroll-video .video-embed {
    width: 100%;
}

@media (max-width: 991px) {
    .entry-slider .entry-slide.payroll-video .video-embed img {
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.entry-slider .entry-slide.payroll-video .play-button-container {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.entry-slider .entry-slide .detail {
    width: 60%;
    padding: 50px 50px 50px 70px;
    position: relative;
}

@media (max-width: 991px) {
    .entry-slider .entry-slide .detail {
        width: 100%;
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .entry-slider .entry-slide .detail.capital {
        width: 100% !important;
    }
}

.entry-slider .entry-slide .detail:not(.no-quote):after {
    position: absolute;
    content: url(testimonial-quote.svg);
    width: 200px;
    height: 200px;
    top: 10px;
    left: 0;
    z-index: 0;
}

.entry-slider .entry-slide .detail .wave {
    position: absolute;
    top: -5px;
    height: calc(100% + 10px);
    right: 99%;
}

.entry-slider .entry-slide .detail .quote {
    color: white;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 575px) {
    .entry-slider .entry-slide .detail .quote {
        font-size: 1.2rem;
    }
}

.entry-slider .entry-slide .detail .owner {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .entry-slider .entry-slide .detail .owner > img {
        max-width: 150px;
    }

    .entry-slider .entry-slide .detail .owner .source {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-right: 40px;
    }

@media (max-width: 575px) {
    .entry-slider .entry-slide .detail .owner .source {
        display: none;
    }
}

.entry-slider .entry-slide .detail .owner .source img {
    margin-right: 15px;
    width: 50px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.entry-slider .entry-slide .detail .owner .source p {
    text-align: left;
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
}

    .entry-slider .entry-slide .detail .owner .source p span {
        font-size: 0.875rem;
        color: #fff;
    }

.entry-slider .slick-list {
    overflow: visible;
}

.entry-slider .slick-slide {
    transition: all 500ms;
    outline: none;
    height: auto;
}

@media (max-width: 991px) {
    .entry-slider .slick-slide img {
        align-self: center;
    }
}

.entry-slider .slick-slide:not(.slick-current) {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transform: scale(0.9);
    opacity: 0.85;
}

@media (max-width: 575px) {
    .entry-slider .slick-slide:not(.slick-current) {
        opacity: 0;
    }
}

.slider-with-arrows {
    margin-left: 20px;
    margin-right: 20px;
}

.slider-arrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 20px);
    height: 40px;
    width: 40px !important;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ddddea;
    z-index: 5;
    cursor: pointer;
}

    .slider-arrow:hover {
        box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
        background-color: #ddddea;
    }

        .slider-arrow:hover .filled-dark-only {
            fill: white;
        }

    .slider-arrow.left {
        left: -20px;
    }

    .slider-arrow.right {
        right: -20px;
    }

.video-only-slider .entry-slide {
    background-color: none !important;
    height: 450px;
}

@media (max-width: 980px) {
    .video-only-slider .entry-slide {
        height: auto;
    }
}

.video-only-slider .entry-slide .play-button-container {
    left: calc(50% - 53px);
}

.video-only-slider .entry-slide .video-embed {
    width: 100%;
}

.video-only-slider .entry-slide .video-embed-image {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.white-bg-quote-slider .white-background-quote {
    background-color: #fff !important;
}

.white-bg-quote-slider .white-background-quote__feature-img-container {
    overflow: hidden;
    position: relative;
    flex: 0 0 40%;
}

    .white-bg-quote-slider .white-background-quote__feature-img-container .feature-img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .white-bg-quote-slider .white-background-quote__feature-img-container > img {
        position: relative;
        z-index: 0;
    }

    .white-bg-quote-slider .white-background-quote__feature-img-container .white-curve-divider {
        content: url("testimonial-white-curve-divider.svg");
        position: absolute;
        right: -25px;
        top: 0px;
        z-index: 1;
        height: 100%;
        width: auto;
    }

@media (max-width: 980px) {
    .white-bg-quote-slider .white-background-quote__feature-img-container {
        display: none;
    }
}

.white-bg-quote-slider .white-background-quote__detail {
    flex: 1 1 auto;
    padding: 10px 75px;
    align-self: center;
}

    .white-bg-quote-slider .white-background-quote__detail .quote {
        color: black;
        font-size: 1.5rem;
        line-height: 1.4;
    }

.white-bg-quote-slider .white-background-quote__customer-logo {
    max-height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.entry-slider.hardware-slider .slick-list {
    overflow-x: hidden;
}

.entry-slider.featured-blog-slider .entry-slide {
    background-color: #fff;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media (max-width: 991px) {
    .entry-slider.featured-blog-slider .entry-slide {
        flex-direction: column-reverse;
    }
}

.entry-slider.featured-blog-slider .entry-slide .video-embed {
    width: 50%;
}

@media (max-width: 991px) {
    .entry-slider.featured-blog-slider .entry-slide .video-embed {
        width: 100%;
        height: auto;
    }
}

.entry-slider.featured-blog-slider .entry-slide .detail {
    padding: 30px;
    width: 50%;
}

@media (max-width: 991px) {
    .entry-slider.featured-blog-slider .entry-slide .detail {
        width: 100%;
    }
}

.entry-slider.featured-blog-slider .entry-slide .detail .type {
    text-transform: uppercase;
    color: #c9cad3;
}

.entry-slider.featured-blog-slider .entry-slide .detail .description {
    position: relative;
}

    .entry-slider.featured-blog-slider .entry-slide .detail .description:after {
        content: "";
        box-shadow: inset 0 -55px 40px -32px #fff;
        position: absolute;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.entry-slider.featured-blog-slider .entry-slide .detail:after {
    display: none;
}

.testimonial-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .testimonial-logos {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .testimonial-logos img {
        width: 25%;
        padding: 10px;
    }
}

@media (max-width: 575px) {
    .testimonial-logos img {
        width: 33%;
        padding: 10px;
    }
}

.slider-nav .slider-nav-item {
    cursor: pointer;
    padding: 20px 80px;
    border-bottom: 4px solid #ddddea;
}

@media (max-width: 768px) {
    .slider-nav .slider-nav-item {
        padding: 20px 15px;
    }
}

.slider-nav .slider-nav-item:hover {
    border-color: #ff4c00;
}

.slider-nav .slider-nav-item.current {
    border-color: #ff4c00;
}

    .slider-nav .slider-nav-item.current h2 {
        color: #ff4c00;
    }

    .slider-nav .slider-nav-item.current svg * .filled {
        fill: #ffa98e;
        opacity: 0.5;
    }

    .slider-nav .slider-nav-item.current svg * .filled-brand {
        fill: #ff4c00;
        stroke: #ff4c00;
        opacity: 1;
    }

    .slider-nav .slider-nav-item.current svg * .filled-dark {
        fill: #fec9b2;
        stroke: #fec9b2;
        opacity: 1;
    }

    .slider-nav .slider-nav-item.current svg * .filled-light {
        fill: #fec9b2;
        stroke: #fff;
        opacity: 1;
    }

    .slider-nav .slider-nav-item.current svg * .stroke {
        stroke: #ff4c00;
    }

    .slider-nav .slider-nav-item.current svg * .text {
        stroke: #ff4c00;
        fill: #ff4c00;
    }

.slider-nav-theme-1 [data-slick-nav-index] {
    padding: 10px 50px;
    position: relative;
    z-index: auto;
    background-color: white;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

@media (max-width: 768px) {
    .slider-nav-theme-1 [data-slick-nav-index] {
        padding: 10px;
    }
}

.slider-nav-theme-1 [data-slick-nav-index] .slider-nav-title {
    color: #2583e3;
    margin: 0px;
}

@media (max-width: 768px) {
    .slider-nav-theme-1 [data-slick-nav-index] .slider-nav-title {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.slider-nav-theme-1 [data-slick-nav-index].current {
    background-color: #d3e6f9;
}

    .slider-nav-theme-1 [data-slick-nav-index].current:after {
        background-color: #d3e6f9;
    }

.slider-nav-theme-1 [data-slick-nav-index]:after {
    position: absolute;
    z-index: 1;
    content: "";
    height: 6px;
    width: 6px;
    top: calc(50% - 3px);
    right: -4px;
    background-color: white;
    transform: rotate(45deg);
    border-right: 1px solid #eaecf1;
    border-top: 1px solid #eaecf1;
}

.slider-nav-theme-1 [data-slick-nav-index]:last-child:after {
    display: none;
}

@media (max-width: 599px) {
    .slider-nav-theme-2 {
        flex-flow: column;
    }
}

.slider-nav-theme-2 [data-slick-nav-index] {
    padding: 10px 25px 10px 10px;
    position: relative;
    z-index: auto;
    display: flex;
}

    .slider-nav-theme-2 [data-slick-nav-index] .number {
        font-weight: 600;
        font-size: 1.25rem;
        margin: auto 15px;
    }

@media (max-width: 768px) {
    .slider-nav-theme-2 [data-slick-nav-index] {
        width: 33%;
    }
}

@media (max-width: 599px) {
    .slider-nav-theme-2 [data-slick-nav-index] {
        width: auto;
        padding: 10px;
    }
}

.slider-nav-theme-2 [data-slick-nav-index] .slider-nav-title {
    margin: 0px;
}

@media (max-width: 768px) {
    .slider-nav-theme-2 [data-slick-nav-index] .slider-nav-title {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.slider-nav-theme-2 [data-slick-nav-index].current {
    background-color: #ff4c000a;
}

    .slider-nav-theme-2 [data-slick-nav-index].current * {
        color: #ff4c00;
    }

.slider-nav-theme-3 [data-slick-nav-index] {
    padding: 10px 20px;
    position: relative;
}

    .slider-nav-theme-3 [data-slick-nav-index] * {
        color: #ff4c00;
    }

    .slider-nav-theme-3 [data-slick-nav-index]:hover * {
        color: #000;
    }

    .slider-nav-theme-3 [data-slick-nav-index].current {
        background-color: #ff4c000a;
    }

        .slider-nav-theme-3 [data-slick-nav-index].current * {
            color: #000;
        }

.payroll-module {
    display: flex;
    padding: 50px;
    align-items: center;
}

@media (max-width: 767px) {
    .payroll-module {
        flex-direction: column;
    }
}

.payroll-module img {
    padding: 0 50px;
}

@media (max-width: 767px) {
    .payroll-module img {
        padding: 0;
    }
}

.payroll-module > * {
    width: 50%;
}

@media (max-width: 767px) {
    .payroll-module > * {
        width: 100%;
    }
}

.payroll-module .release-details {
    padding-left: 50px;
}

@media (max-width: 767px) {
    .payroll-module .release-details {
        padding-left: 0;
    }
}

.step-module {
    border-radius: 10px;
    padding: 50px;
    width: 100%;
    position: relative;
    background: linear-gradient(135deg, #2583e3 0%, #5ea3ea 100%);
}

    .step-module a, .step-module p {
        font-size: 1.375rem;
    }

        .step-module a:hover {
            text-decoration: underline;
        }

    .step-module:after {
        content: url(blue-dots-top-right-corner.svg);
        position: absolute;
        z-index: 2;
        top: 25px;
        right: 25px;
    }

    .step-module:before {
        position: absolute;
        z-index: -1;
        bottom: -25px;
        left: -25px;
        content: url(blue-dots-bottom-left-corner.svg);
    }

    .step-module .step-text {
        display: flex;
        flex: 0 1 auto;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .step-module .connector-line {
        height: 2px;
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
        background-color: white;
        min-width: 80px;
    }

.accordian .accordian-item {
    cursor: pointer;
    border-bottom: 2px solid #eaecf1;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .accordian .accordian-item .title {
        word-wrap: break-word;
    }

    .accordian .accordian-item:last-child {
        border-bottom: none;
    }

    .accordian .accordian-item .accordian-margin-top {
        margin-top: 25px;
    }

.accordian .rotate-minus90 {
    transform: rotate(-90deg);
}

.accordian .icon-container {
    margin: 0px 20px;
}

.accordian .veritcal-blue-bar {
    width: 4px;
    height: 100%;
    background-color: #7cb4ee;
    border-radius: 2px;
}

.graph {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 0;
    padding-right: 15px;
    padding-left: 15px;
}

    .graph .bar-container {
        display: flex;
        flex-direction: column;
        flex: 1 0 30px;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
    }

    .graph .bar-top {
        background-color: #ff4c00;
        border-radius: 5px 5px 0px 0px;
        width: 70px;
    }

@media (max-width: 768px) {
    .graph .bar-top {
        width: 30px;
    }
}

.graph .bar {
    background-color: #ffe2d9;
    width: 70px;
}

@media (max-width: 768px) {
    .graph .bar {
        width: 30px;
    }
}

.graph .not-available {
    background-color: #fff;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, #eaecf1 5px, #eaecf1 7px);
    width: 70px;
}

@media (max-width: 768px) {
    .graph .not-available {
        width: 30px;
    }
}

.graph .bar-section {
    display: flex;
    border-bottom: 2px solid #eaecf1;
    height: 300px;
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/capital/border-top-v2.svg);
    background-repeat: round;
}

@media (max-width: 980px) {
    .graph .bar-section {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .graph .bar-section {
        height: 200px;
    }
}

.graph .x-axis {
    display: flex;
    border-bottom: 2px solid #eaecf1;
}

.graph .legend-color-icon {
    height: 10px;
    width: 10px;
    min-width: 10px;
    border-radius: 5px;
    background-color: #ffa98e;
    margin-right: 10px;
}

    .graph .legend-color-icon.brand-orange {
        background-color: #ff4c00;
    }

.graph .label {
    display: flex;
    flex: 1 1 30px;
    margin: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

@media (max-width: 980px) {
    .graph .label {
        transform: rotate(90deg);
        height: 80px;
        justify-content: center;
        width: 1%;
    }
}

.hardware-hero-card {
    height: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media (max-width: 991px) {
    .hardware-hero-card {
        display: none;
    }
}

.hardware-hero-card.hardware-1 {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/hardware-overview_hero-top-left-high-res.png?mtime=20200227124128);
    background-position: center;
    background-size: cover;
}

.hardware-hero-card.hardware-2 {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/hardware-overview_hero-bottom-left.png);
    background-position: center;
    background-size: cover;
}

.hardware-hero-card.hardware-3 {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/hardware-overview_hero-bottom-right.png);
    background-position: center;
    background-size: cover;
}

.learn-more-card {
    position: relative;
}

    .learn-more-card .image-container {
        height: 450px;
        padding: 15px 15px 150px;
        border-radius: 4px 4px 0px 0px;
    }

        .learn-more-card .image-container > img {
            height: 100%;
        }

@media (max-width: 768px) {
    .learn-more-card .image-container {
        height: auto;
        border-radius: 4px;
        padding-bottom: 0px;
    }

        .learn-more-card .image-container > img {
            height: auto;
        }
}

.learn-more-card .learn-more-container {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 0;
    padding: 50px 100px 35px 60px;
    border-radius: 4px 4px;
    background-image: url(blue-curved-bg-1.svg);
    background-position: center;
    background-position-y: top;
    background-size: cover;
}

    .learn-more-card .learn-more-container .reveal-description {
        max-height: 0px;
        opacity: 0;
        transition: all 1s;
        overflow: hidden;
    }

    .learn-more-card .learn-more-container:hover .reveal-description {
        opacity: 1;
        max-height: 500px;
        margin-bottom: 30px;
    }

.partner-hover-module-section {
    margin-top: 300px;
}

@media (max-width: 980px) {
    .partner-hover-module-section {
        margin-top: 200px;
    }
}

.partner-hover-module-section .partner-hover-module {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: -300px;
}

@media (max-width: 980px) {
    .partner-hover-module-section .partner-hover-module {
        margin-top: -200px;
    }
}

.partner-hover-module-section .partner-hover-module .partner-hover-img {
    height: 350px;
}

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .partner-hover-img {
        width: 100%;
        height: auto;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item {
    position: absolute;
    cursor: pointer;
}

    .partner-hover-module-section .partner-hover-module .hover-item img {
        position: relative;
        z-index: 6;
    }

    .partner-hover-module-section .partner-hover-module .hover-item:hover .pulse-layer-2 {
        -webkit-animation: none;
        animation: none;
    }

    .partner-hover-module-section .partner-hover-module .hover-item:hover .pulse-layer-3 {
        -webkit-animation: none;
        animation: none;
    }

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item .pulse-layer-2 {
        -webkit-animation: none;
        animation: none;
    }

    .partner-hover-module-section .partner-hover-module .hover-item .pulse-layer-3 {
        -webkit-animation: none;
        animation: none;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item .reveal {
    z-index: 0;
    position: absolute;
    opacity: 0;
    height: 40px;
    padding-right: 20px;
    transition: all ease-in-out 1s;
    top: calc(50% - 20px);
    left: 50px;
    border-radius: 0px 4px 4px 0px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item .reveal {
        display: none;
        cursor: none;
        opacity: 0 !important;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item:hover .reveal {
    opacity: 1;
    padding-left: 45px;
}

.partner-hover-module-section .partner-hover-module .hover-item.us-foods {
    top: 40px;
    left: 70%;
}

    .partner-hover-module-section .partner-hover-module .hover-item.us-foods .pulse-container {
        background-color: #5a881c;
    }

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item.us-foods {
        top: 20px;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item.restaurant365 {
    top: 80px;
    left: 0px;
}

    .partner-hover-module-section .partner-hover-module .hover-item.restaurant365 .pulse-container {
        background-color: #e4211f;
    }

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item.restaurant365 {
        top: 60px;
    }
}

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item.restaurant365 {
        top: 30px;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item.olo {
    bottom: 0px;
    left: -40px;
}

    .partner-hover-module-section .partner-hover-module .hover-item.olo .pulse-container {
        background-color: #00a5df;
    }

@media (max-width: 768px) {
    .partner-hover-module-section .partner-hover-module .hover-item.olo {
        left: 0px;
    }
}

.partner-hover-module-section .partner-hover-module .hover-item.chowly {
    bottom: 20px;
    left: 50%;
    width: 40px;
    height: 40px;
}

    .partner-hover-module-section .partner-hover-module .hover-item.chowly .pulse-container {
        background-color: #1947ba;
    }

.partner-hover-module-section .partner-hover-module .hover-item.shifts {
    bottom: 30px;
    right: 0px;
}

    .partner-hover-module-section .partner-hover-module .hover-item.shifts .pulse-container {
        background-color: #fb7448;
    }

.sticky-banner-bottom-screen-container {
    margin-bottom: 84px;
    position: relative;
}

@media (max-width: 980px) {
    .sticky-banner-bottom-screen-container img {
        display: none;
    }
}

.sticky-banner-bottom-screen {
    position: fixed;
    bottom: 0;
    z-index: 100;
    left: 0;
    border-top: 1px solid #efefef;
    min-height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    letter-spacing: -0.4375px;
}

.sticky-banner-bottom__link {
    display: inline-block;
    padding: 20px;
}

    .sticky-banner-bottom__link:hover .arrow::after {
        left: 15px;
    }

.sticky-banner__heading {
    font-weight: 600;
}

.sticky-banner__body {
    font-weight: 400;
}

.widget {
    position: absolute;
    top: calc(100% + 20px);
    right: 40px;
}

@media (max-width: 767px) {
    .widget {
        right: 20px;
    }
}

.widget-cart--container {
    padding: 10px 20px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 2px 12px rgba(0,0,0,0.2);
    transition: all 200ms;
}

    .widget-cart--container:hover {
        box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    }

@media (max-width: 991px) {
    .widget-cart--container {
        padding: 10px;
    }
}

.widget-cart--container span {
    font-family: Calibre;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .widget-cart--container span {
        display: none;
    }
}

.chapter-hero-image-container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 225px;
    width: 100%;
    border-radius: 5px;
    max-width: 366px;
    margin: 0px auto;
}

@media (max-width: 980px) {
    .chapter-hero-image-container {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .chapter-hero-image-container {
        margin-bottom: 20px;
    }
}

@media (max-width: 599px) {
    .chapter-hero-image-container {
        margin-bottom: 20px;
    }
}

.chapter-hero-title-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-radius: 4px;
}

    .chapter-hero-title-container h4 {
        font-size: 1rem;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .chapter-hero-title-container ul {
        margin-bottom: 0px;
    }

        .chapter-hero-title-container ul li {
            margin-bottom: 0px;
        }

@media (min-width: 576px) {
    .chapter-hero-title-container {
        padding: 0px 50px;
    }
}

.chapter-hero-title {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 2rem;
}

.more-from-toast-container {
    border-top: 1px solid #eaecf1;
    border-bottom: 1px solid #eaecf1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
    position: relative;
    width: 100vw;
}

@media (max-width: 768px) {
    .more-from-toast-container {
        background-color: #ff4c00;
    }

        .more-from-toast-container a {
            text-align: center;
        }
}

@media (max-width: 599px) {
    .more-from-toast-container {
        background-color: #ff4c00;
    }

        .more-from-toast-container a {
            text-align: center;
        }
}

.more-from-toast-icon {
    display: flex;
    align-items: center;
    margin-right: 20px;
    height: 30px;
}

@media (max-width: 768px) {
    .more-from-toast-icon {
        display: none;
    }
}

@media (max-width: 599px) {
    .more-from-toast-icon {
        display: none;
    }
}

.more-from-toast-label {
    border-radius: 4px;
    position: absolute;
    padding: 6px 30px;
    height: 30px;
    top: 0px;
    margin-top: -15px;
    background-color: #ff4c00;
    color: #fff;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .more-from-toast-label {
        text-align: center;
        position: relative;
        height: auto;
    }
}

@media (max-width: 599px) {
    .more-from-toast-label {
        text-align: center;
        position: relative;
        height: auto;
    }
}

.link-text {
    font-size: 1.25rem;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .link-text {
        color: #fff !important;
    }
}

@media (max-width: 599px) {
    .link-text {
        color: #fff !important;
    }
}

.readmore-list-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.readmore-card {
    border: 1px solid #eaecf1;
    border-radius: 4px;
    margin: 0px;
}

@media (max-width: 767px) {
    .compare.index .comparison-section img {
        width: 100%;
    }
}

.compare.inner .hero {
    padding-bottom: 200px;
}

@media (max-width: 767px) {
    .compare.inner .hero {
        padding-bottom: 80px;
    }
}

.compare .hero h2 p {
    font-size: inherit;
}

.compare .hero .hero-content {
    position: relative;
    display: flex;
    justify-content: center;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .compare .hero .hero-content {
        display: block !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .compare .hero .hero-content {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .compare .hero .hero-content .video-embed img {
        position: relative;
        left: 2px;
    }
}

.compare .hero .hero-content .story-details {
    position: absolute;
    width: 600px;
    top: 75%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media (max-width: 767px) {
    .compare .hero .hero-content .story-details {
        position: relative;
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .compare .hero .hero-content .story-details {
        display: block !important;
        position: relative !important;
        margin: 0 auto !important;
    }
}

.compare .hero .hero-content .story-details h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.compare .hero .hero-content .story-details > div {
    padding: 0;
}

.compare .hero .hero-content .story-details .quote p {
    margin-bottom: 25px;
}

.compare .hero .hero-content .story-details .source {
    display: flex;
    align-items: center;
}

    .compare .hero .hero-content .story-details .source img {
        margin-right: 20px;
        position: relative;
        top: -2px;
    }

    .compare .hero .hero-content .story-details .source p {
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 600;
    }

        .compare .hero .hero-content .story-details .source p span {
            font-size: 1rem;
            font-weight: 400;
        }

.compare .hero .hero-content .play-button {
    left: -56px;
}

@media (max-width: 991px) {
    .compare .hero .hero-content .play-button {
        left: 0;
    }
}

.compare .compare-table-container {
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .compare .compare-table-container {
        overflow-x: scroll;
    }
}

.compare .compare-table-container .toast-table {
    position: absolute;
    right: -15px;
    width: 65%;
    bottom: -65px;
    display: block;
    border: 1px solid #eaecf1;
}

    .compare .compare-table-container .toast-table a {
        text-decoration: underline;
        position: relative;
        top: -2px;
    }

        .compare .compare-table-container .toast-table a:hover {
            text-decoration: none;
        }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .compare .compare-table-container .toast-table {
        width: 75% !important;
    }
}

@media (max-width: 767px) {
    .compare .compare-table-container .toast-table {
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0;
    }
}

a.compare-card {
    display: block;
    padding: 30px;
    border-radius: 4px;
    margin-bottom: 20px;
}

    a.compare-card:hover {
        box-shadow: 0 5px 23px rgba(0,0,0,0.2);
    }

    a.compare-card .title {
        font-size: 2.625rem;
        font-weight: 600;
        margin-bottom: 30px;
        line-height: 1.1;
    }

@media (max-width: 1199px) {
    a.compare-card .title {
        font-size: 2rem;
    }
}

a.compare-card .title span {
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

a.compare-card .type {
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}

a.legacy {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/compare/legacy.jpg);
    background-size: cover;
}

a.low-cost {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/compare/low-cost.jpg);
    background-size: cover;
}

a.cash-register {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/compare/cash-register.jpg);
    background-size: cover;
}

a.ipad {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/compare/ipad.jpg);
    background-size: cover;
}

a.blog {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/homepage/blog-card.jpg);
    background-size: cover;
}

a.events {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/homepage/event-card.jpg);
    background-size: cover;
}

a.customer {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/homepage/success-story-card.jpg);
    background-size: cover;
}

.home .testimonial-section .video-embed {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .home .testimonial-section .video-embed {
        justify-content: center;
        max-width: 470px;
        margin: 0 auto 20px;
    }
}

.home .testimonial-section .video-embed img {
    width: 100%;
}

@media (min-width: 992px) {
    .home .testimonial-section .video-embed img {
        height: 230px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.home .testimonial-section .content .play-button-container {
    top: 65px;
    left: calc(50% - 53px);
}

@media (max-width: 991px) {
    .home .testimonial-section .content .play-button-container {
        top: calc(30% - 53px);
    }
}

@media (max-width: 991px) {
    .home .testimonial-section .content .play-button-container {
        top: calc(22% - 53px);
    }
}

.home .testimonial-section .content .subhead {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 22px;
    letter-spacing: 0.1em;
}

.home .support-callout {
    text-align: center;
    border-radius: 4px;
}

    .home .support-callout svg {
        margin-bottom: 10px;
    }

    .home .support-callout .stat {
        margin-bottom: 10px;
    }

    .home .support-callout .stat-desc {
        font-size: 1.25rem;
    }

.resources-cta-section .compare-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

    .resources-cta-section .compare-card .title {
        font-size: 1.625rem;
        flex-grow: 1;
    }

.customer-logos {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 992px) {
    .customer-logos {
        justify-content: space-between;
    }
}

.customer-logos.greyscale img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5;
}

.customer-logos.orange {
    background-color: #ff4c000a;
}

.customer-logos img {
    margin: 0 10px 20px;
    max-width: 120px;
}

@media (max-width: 768px) {
    .customer-logos {
        overflow: visible;
        display: block;
    }

        .customer-logos .slick-slide {
            margin: 0 10px !important;
        }

        .customer-logos .slick-dots li.slick-active button:before {
            color: #ff4c00;
        }

        .customer-logos .slick-dots li button:before {
            color: #fff;
        }
}

.covid-banner {
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/emptyrestaurant-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

    .covid-banner h3 {
        font-size: 0.875rem;
        letter-spacing: 0.05em;
    }

.hardware-launch .social-proof {
    font-size: 1.125rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.hardware-launch .img-container {
    position: relative;
    padding: 20px;
}

.hardware-launch .img-list-overlay {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    width: 265px;
    padding: 20px 30px;
    box-shadow: 0px 5px 0px #efeeef;
}

    .hardware-launch .img-list-overlay.left {
        left: -100px;
    }

@media (max-width: 991px) {
    .hardware-launch .img-list-overlay.left {
        left: 0px;
        bottom: -10px;
    }
}

.hardware-launch .img-list-overlay.right {
    right: -100px;
}

@media (max-width: 991px) {
    .hardware-launch .img-list-overlay.right {
        right: 0px;
        bottom: -10px;
    }
}

.hardware-launch .img-list-overlay li {
    padding: 8px 0px 7px 30px;
}

.index-b.home .community {
    position: relative;
}

    .index-b.home .community:after {
        content: url(pattern-bg-4.svg);
        position: absolute;
        left: -400px;
        top: 0%;
        z-index: -1;
    }

@media (max-width: 767px) {
    .index-b.home .community:after {
        left: -500px;
    }
}

.index-b.home .community .container:nth-child(1):before {
    content: url(pattern-bg-3.svg);
    position: absolute;
    right: -250px;
    top: 0;
}

@media (max-width: 767px) {
    .index-b.home .community .container:nth-child(1):before {
        right: -300px;
    }
}

.index-b.home .community .support-callout {
    padding: 50px;
    border-radius: 4px;
    background-color: #fff5f0;
    border-left: 5px solid #ff4c00;
    display: flex;
    align-items: center;
}

    .index-b.home .community .support-callout svg {
        margin-right: 10px;
    }

.index-b.home .community .stat {
    font-size: 3.0635rem;
}

.index-b.home .community .stat-desc {
    font-size: 2rem;
    font-weight: 400;
}

@media (max-width: 991px) {
    .events.index .hero .entry-slide {
        flex-direction: column-reverse;
    }
}

.events.index .hero .entry-slide .detail {
    padding: 50px;
    width: 55%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 991px) {
    .events.index .hero .entry-slide .detail {
        width: 100%;
        padding: 25px;
    }
}

.events.index .hero .entry-slide .detail h2 {
    font-size: 2rem;
    margin-bottom: 15px;
}

.events.index .hero .entry-slide .img-container {
    width: 45%;
}

@media (max-width: 991px) {
    .events.index .hero .entry-slide .img-container {
        width: 100%;
    }
}

.events.index .hero .entry-slide .img-container img {
    width: 100%;
    height: 100%;
}

.events.nra .toast-partners-section .toast-partners {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

    .events.nra .toast-partners-section .toast-partners div {
        width: 20%;
        margin-bottom: 20px;
        padding: 5px;
    }

.events.nra .product-card:hover h3 {
    color: #252a35;
}

.partners.partners-hub .hero h2 {
    width: 70%;
}

@media (max-width: 768px) {
    .partners.partners-hub .hero h2 {
        margin-bottom: 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .partners.partners-hub .hero .row {
        margin-bottom: 0;
    }
}

.partners.partners-hub .hero h1 {
    margin: 40px 0px;
}

.partners.partners-hub .hero .hero-image-right-portrait-img {
    top: -50%;
}

.partners.partners-hub .content-sections p {
    font-size: 1.125rem;
}

.partners.partners-hub .guidebook .download-guidebook {
    margin-bottom: 40px;
}

.partners.partners-hub .guidebook h3 {
    font-size: unset;
}

.partners.partners-hub .guidebook p {
    margin-bottom: 40px;
}

.partners.partners-hub .guidebook ul.check {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 0px;
}

    .partners.partners-hub .guidebook ul.check li {
        flex: 0 0 50%;
        font-size: 1.125rem;
    }

.partners.partners-hub #partner-rewards .content h3 {
    font-size: 1.875rem;
}

@media (min-width: 768px) {
    .partners.partners-hub #partner-rewards .content p {
        padding-right: 70px;
    }
}

@media (max-width: 768px) {
    .partners.partners-hub #partner-referral {
        overflow: hidden;
    }
}

.partners.partners-hub #partner-referral .five-col-form {
    background-color: #2583e3;
}

    .partners.partners-hub #partner-referral .five-col-form input[type="submit"] {
        width: 290px;
        margin: 0 auto;
        background-color: #80bcfa;
    }

    .partners.partners-hub #partner-referral .five-col-form h4, .partners.partners-hub #partner-referral .five-col-form p, .partners.partners-hub #partner-referral .five-col-form p.ccpa-form-disclaimer {
        color: #fff !important;
    }

    .partners.partners-hub #partner-referral .five-col-form .justify-content-center h4 {
        display: block;
        width: 100%;
        font-size: 1.875rem;
    }

    .partners.partners-hub #partner-referral .five-col-form .justify-content-center p {
        margin-bottom: 20px;
    }

.partners.partners-hub #partner-referral .row {
    position: relative;
}

    .partners.partners-hub #partner-referral .row::before {
        content: url("blue-dot-circle.svg");
        position: absolute;
        top: -40px;
        left: -90px;
    }

    .partners.partners-hub #partner-referral .row::after {
        content: url("blue-dot-circle.svg");
        position: absolute;
        bottom: -50px;
        right: -60px;
        z-index: -1;
    }

.partners.partners-hub #key-partner h3 {
    font-size: 1.875rem;
}

@media (max-width: 768px) {
    .partners.partners-hub #key-partner h3 {
        text-align: center;
    }
}

.partners.partners-hub #key-partner .resources {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 768px) {
    .partners.partners-hub #key-partner .resources {
        width: 100%;
        margin-bottom: 20px;
    }
}

.partners.partners-hub #key-partner .resources h4 {
    font-size: 1.5rem;
    line-height: 1.2;
}

.partners.partners-hub #key-partner .resources p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.partners.partners-hub #key-partner .resources .arrow {
    padding-right: 0px;
}

.partners.partners-hub #resources-testimonial {
    padding: 100px 0px 40px;
    background-color: #f8f9fc;
}

@media (max-width: 768px) {
    .partners.partners-hub #resources-testimonial {
        padding: 40px 0px;
    }
}

.partners.partners-hub #resources-testimonial .card .content {
    justify-content: space-between;
}

.partners.partners-hub .footer-crumbs svg.small-icon {
    width: 20px;
    height: 20px;
}

.partners .partnership-options {
    position: relative;
    top: -130px;
}

    .partners .partnership-options .build-integration {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .partners .partnership-options .build-integration .title {
            background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/partners/partners-orange.jpg);
            background-size: cover;
        }

            .partners .partnership-options .build-integration .title h2 {
                font-size: 2.375rem;
                line-height: 1.1;
            }

    .partners .partnership-options .no-build-integration {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .partners .partnership-options .no-build-integration .title {
            background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/partners/partners-blue.jpg);
            background-size: cover;
        }

            .partners .partnership-options .no-build-integration .title h2 {
                font-size: 2.375rem;
                line-height: 1.1;
            }

    .partners .partnership-options .title {
        border-radius: 4px;
        overflow: hidden;
    }

    .partners .partnership-options .details {
        flex-grow: 1;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        max-height: 458px;
    }

        .partners .partnership-options .details > div:first-child {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .partners .partnership-options .details p {
            margin-bottom: 25px !important;
        }

    .partners .partnership-options .testimonial {
        flex-grow: 1;
    }

.point-of-sale .hero .canvas-fallback {
    width: 100%;
    max-width: 800px;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .point-of-sale .hero .canvas-fallback {
        display: none;
    }
}

@media (max-width: 767px) {
    .point-of-sale .hero #canvas-output {
        display: none;
    }
}

.point-of-sale .benefits .support-card {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: white;
}

@media (max-width: 991px) {
    .point-of-sale .benefits .support-card {
        padding: 20px 15px;
        margin-bottom: 20px;
        height: auto;
    }
}

.point-of-sale .benefits .support-card h4 {
    margin-bottom: 10px;
}

.point-of-sale .benefits .support-card .more > p {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 1.125rem;
}

@media (max-width: 991px) {
    .point-of-sale .benefits .support-card .more li {
        margin-bottom: 15px;
    }
}

.point-of-sale .benefits .support-card .more li p {
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.125rem;
}

.point-of-sale .benefits .support-card .more li:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .point-of-sale .product-table {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .point-of-sale .product-table.software {
        background-color: transparent !important;
    }
}

.point-of-sale .product-table.software h4 {
    background-color: #eaecf1;
}

@media (max-width: 767px) {
    .point-of-sale .product-table.software h4 {
        background-color: #f8f9fc;
    }
}

.point-of-sale .product-table h4 {
    padding: 31px 0 25px;
    background-color: #f8f9fc;
    font-size: 1.875rem;
}

.point-of-sale .product-table .table-cell {
    padding: 50px 20px;
    height: 160px;
    flex-direction: row;
}

    .point-of-sale .product-table .table-cell.align-items-center {
        align-items: center;
    }

@media (max-width: 991px) {
    .point-of-sale .product-table .table-cell {
        padding: 30px 20px;
        height: 150px;
    }
}

@media (max-width: 767px) {
    .point-of-sale .product-table .table-cell {
        height: auto;
    }
}

.point-of-sale .product-table .table-cell:not(:last-child) {
    border-bottom: 1px solid #eaecf1;
}

.point-of-sale .product-table .table-cell svg {
    width: 15%;
    margin-right: 0;
}

.point-of-sale .product-table .table-cell > div {
    width: 85%;
    padding-left: 15px;
    text-align: left;
}

    .point-of-sale .product-table .table-cell > div h6 {
        margin-bottom: 4px;
        font-weight: 600;
        font-size: 1.125rem;
    }

    .point-of-sale .product-table .table-cell > div p {
        font-weight: 400;
        line-height: 1.4;
        font-size: 1.125rem;
    }

@media (min-width: 992px) {
    .solutions .hero {
        padding-bottom: 200px;
    }
}

.solutions .hero.eco {
    padding-bottom: 200px;
}

.solutions.foh #foh-benefits h2 {
    font-size: 1.5rem;
}

.solutions.foh .features-header:before {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-1.jpg);
    background-size: cover;
}

.solutions.foh .features-header:after {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-2.jpg);
    background-size: cover;
}

.solutions.boh .hero .hero-image-right-full {
    top: auto;
    bottom: 0;
}

.solutions.boh .features-header:before {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-3.jpg);
    background-size: cover;
}

.solutions.boh .features-header:after {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-4.jpg);
    background-size: cover;
}

.solutions.gft .features-header:before {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-5.jpg);
    background-size: cover;
}

.solutions.gft .features-header:after {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-6.jpg);
    background-size: cover;
}

.solutions.boo .hero .hero-image-right-full {
    top: auto;
    bottom: 0;
}

.solutions.boo .features-header:before {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-7.jpg);
    background-size: cover;
}

.solutions.boo .features-header:after {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/customers-8.jpg);
    background-size: cover;
}

.solutions.eco .features-header:before {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/partners-1.svg);
}

.solutions.eco .features-header:after {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/partners-2.svg);
}

.solutions.eco .header-size-large {
    font-size: 2.25rem;
}

.solutions.eco footer h3 {
    font-size: 1.375rem;
}

.solutions.eco .eco-hero-img {
    top: -100px;
}

.solutions.eco .margin-neg-100px {
    margin-top: -75px;
    margin-bottom: -75px;
}

@media (max-width: 768px) {
    .solutions.eco .margin-neg-100px {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.solutions.eco .padding-plus-100px {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width: 768px) {
    .solutions.eco .padding-plus-100px {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.solutions.eco .eco-hero-neg-margin-top {
    margin-top: -200px;
}

.solutions.eco .margin-net-0 {
    margin-top: 0px;
}

.solutions.eco .eco-card-content {
    display: flex;
    align-items: center;
    height: 200px;
}

.solutions.eco .eco-card-title-content {
    display: flex;
    align-items: center;
    height: 120px;
}

.solutions.eco .card-bg-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .solutions.eco .card-bg-img {
        height: auto;
    }
}

.solutions.eco .card-bg-img.integration-partners {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/partners/partner-integrations-card-bg.png);
}

.solutions.eco .card-bg-img.local-partners {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/partners/local-partners-card-bg.png);
}

.solutions.eco .card-bg-img.partner-marketplace {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/partners/partner-marketplace-card-bg.png);
}

@media (max-width: 991px) {
    .solutions .metrics .metrics-toggle {
        background-color: transparent;
    }
}

.solutions .metrics .metrics-toggle .tab {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    cursor: pointer;
    transition: all 300ms;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

    .solutions .metrics .metrics-toggle .tab * {
        color: #ff4c00;
    }

    .solutions .metrics .metrics-toggle .tab > svg {
        margin-bottom: 25px;
    }

    .solutions .metrics .metrics-toggle .tab .detail {
        font-size: 1.375rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.5;
    }

        .solutions .metrics .metrics-toggle .tab .detail.no-stat {
            font-size: 1.5rem;
            line-height: 1.3;
        }

    .solutions .metrics .metrics-toggle .tab .detail-2 {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .solutions .metrics .metrics-toggle .tab:not(.active) {
        transform: scale(0.8);
    }

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .tab:hover {
        background-color: #ffe2d9;
        transform: scale(1);
    }
}

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .tab.active {
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
        background-color: #ff4c00;
    }
}

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .tab.active * {
        color: white;
    }
}

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .tab.active svg.icon * {
        fill: #ff4c00;
        stroke: #fff;
    }
}

.solutions .metrics .metrics-toggle .tab .stat {
    font-size: 3.75rem;
    font-weight: 700;
    margin: 0;
}

    .solutions .metrics .metrics-toggle .tab .stat svg {
        position: relative;
        top: 1px;
        left: -10px;
    }

@media (max-width: 991px) {
    .solutions .metrics .metrics-toggle .tab .stat svg {
        top: 6px;
        width: 35px;
    }
}

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .content {
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
        border-radius: 5px;
        position: relative;
        background-color: white;
        display: none;
    }
}

@media (max-width: 991px) {
    .solutions .metrics .metrics-toggle .content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0px 0px 23px rgba(0,0,0,0.15);
    }
}

.solutions .metrics .metrics-toggle .content.active {
    display: flex;
}

.solutions .metrics .metrics-toggle .content .video-embed {
    width: 40%;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .solutions .metrics .metrics-toggle .content .video-embed {
        width: 100%;
        height: 313px;
    }
}

.solutions .metrics .metrics-toggle .content .video-embed img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    width: 100%;
}

.solutions .metrics .metrics-toggle .content .detail {
    position: relative;
    width: 60%;
    padding: 50px 50px 50px 70px;
}

@media (max-width: 991px) {
    .solutions .metrics .metrics-toggle .content .detail {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 575px) {
    .solutions .metrics .metrics-toggle .content .detail {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .solutions .metrics .metrics-toggle .content .detail:before {
        position: absolute;
        content: "";
        right: 100%;
        width: 53px;
        height: 100%;
        top: 0;
        z-index: 0;
        background: url(wave-white-vertical.svg);
        background-size: 70px 100%;
    }
}

.solutions .metrics .metrics-toggle .content .detail .quote {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 30px;
    text-align: center;
}

.solutions .metrics .metrics-toggle .content .detail .owner {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 575px) {
    .solutions .metrics .metrics-toggle .content .detail .owner {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}

.solutions .metrics .metrics-toggle .content .detail .owner > img {
    max-width: 150px;
}

.solutions .metrics .metrics-toggle .content .detail .owner .source {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 40px;
}

    .solutions .metrics .metrics-toggle .content .detail .owner .source img {
        margin-right: 15px;
        width: 50px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

@media (max-width: 575px) {
    .solutions .metrics .metrics-toggle .content .detail .owner .source img {
        display: none;
    }
}

.solutions .metrics .metrics-toggle .content .detail .owner .source p {
    text-align: left;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
}

.solutions .platform .product {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 60px 40px;
    border-radius: 4px;
    transition: all 300ms;
    box-shadow: 0px 5px 0px #efeeef;
}

    .solutions .platform .product:hover {
        transform: scale(1.03);
    }

    .solutions .platform .product:hover {
        transform: scale(1.03);
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    }

    .solutions .platform .product h4 {
        font-weight: 600;
        font-size: 1.375rem;
    }

.news.index .hero .card .content {
    padding: 50px 20px;
}

@media (min-width: 992px) {
    .news.index .hero .card .content {
        padding: 40px;
    }
}

.news.index .card.featured-release {
    background-color: #ff4c00;
}

.news.index .card.featured-coverage {
    background-color: #00376d;
}

.news.index .card.media-kit {
    background-color: #252a35;
    width: 100%;
}

    .news.index .card.media-kit .date {
        margin-right: 0;
    }

.news.index .card .trending-content {
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    color: #000;
    background-color: white;
    border-radius: 4px;
    width: 160px;
    margin-bottom: 30px;
    padding: 8px 5px;
    position: absolute;
    top: -16px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .news.index .card .trending-content {
        width: 100% !important;
    }
}

.news.index .card .trending-content svg {
    position: relative;
    top: -3px;
    margin-right: 7px;
}

.news.index .card .content {
    justify-content: center;
}

    .news.index .card .content h2 {
        flex-grow: 1;
    }

    .news.index .card .content .date {
        text-transform: uppercase;
        font-size: 0.875rem;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
        letter-spacing: 1.5px;
    }

.news.index .card .view-all {
    background-color: white;
    padding: 22px 25px;
    text-align: center;
}

    .news.index .card .view-all a {
        font-weight: 400;
        color: #626573;
        letter-spacing: 0.5px;
    }

        .news.index .card .view-all a:hover {
            color: #626573;
        }

.news.index .card a {
    color: white;
    font-weight: 400;
}

    .news.index .card a:hover {
        color: white;
        opacity: 0.8;
    }

.news.index .news-feed .headline {
    padding-bottom: 20px;
    display: block;
    border-bottom: 1px solid #eaecf1;
    color: #a0a2ad;
    font-weight: 400;
}

.news.index #press-releases .press-card {
    padding: 50px 0;
    display: flex;
    align-items: center;
}

    .news.index #press-releases .press-card .thumbnail-img {
        margin-right: 40px;
        border-radius: 10px;
        width: 20%;
    }

@media (max-width: 991px) {
    .news.index #press-releases .press-card .thumbnail-img {
        display: none;
    }
}

.news.index #press-releases .press-card .content {
    margin-right: 20px;
    width: 60%;
}

@media (max-width: 991px) {
    .news.index #press-releases .press-card .content {
        width: 100%;
    }
}

.news.index #press-releases .press-card .content h2 {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 10px;
}

.news.index #press-releases .press-card .content p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
}

.news.index #press-releases .press-card .content .author {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .news.index #press-releases .press-card .article-cta {
        display: none;
    }
}

.news.index #press-releases .press-card a {
    align-self: center;
}

.news.index #news-coverage .description:after {
    display: none;
}

.news.index #media-kit .media-kit-card-container .media-kit-card {
    margin-bottom: 30px;
}

    .news.index #media-kit .media-kit-card-container .media-kit-card .thumbnail {
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
        border-radius: 4px;
    }

    .news.index #media-kit .media-kit-card-container .media-kit-card .content {
        padding: 20px 0;
    }

        .news.index #media-kit .media-kit-card-container .media-kit-card .content h4 {
            margin-bottom: 10px;
        }

        .news.index #media-kit .media-kit-card-container .media-kit-card .content a {
            padding: 6px 15px 6px 20px;
            position: relative;
            color: #000;
            font-weight: 400;
        }

            .news.index #media-kit .media-kit-card-container .media-kit-card .content a:before {
                content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/download.svg);
                width: 15px;
                height: 15px;
                position: absolute;
                left: 0px;
                top: 6px;
            }

            .news.index #media-kit .media-kit-card-container .media-kit-card .content a:hover {
                color: #ff4c00;
            }

.news .pr-contact-hero p {
    margin-bottom: 0;
}

.integrations.index .hero .card {
    align-items: center;
}

@media (max-width: 767px) {
    .integrations.index .hero .card {
        margin-bottom: 20px;
    }
}

.integrations.index .hero .card .description {
    height: 154px;
}

    .integrations.index .hero .card .description:after {
        display: none;
    }

.integrations.index .hero .card .customer-logo {
    position: absolute;
    top: -60px;
    background-color: white;
    border-radius: 4px;
    padding: 10px;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media (max-width: 991px) {
    .integrations.index .hero .card .customer-logo {
        width: 80px;
        height: 80px;
        top: -40px;
    }
}

@media (max-width: 767px) {
    .integrations.index .hero .card .customer-logo {
        width: 120px;
        height: 120px;
        top: -60px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .integrations.index .hero .card .customer-logo {
        left: calc(50% - 60px);
        display: block;
        padding-top: 40px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .integrations.index .hero .card .content {
        height: auto !important;
    }
}

.integrations.index .hero .card .card-details {
    padding: 70px 0 0;
    width: 100%;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .integrations.index .hero .card .card-details {
        padding: 70px 0 20px;
    }
}

.integrations.index .hero .card .card-details .preferred {
    opacity: 0.7;
}

.integrations.index .hero .card .card-details .type {
    text-transform: uppercase;
    font-size: 0.675rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.integrations.index .hero .card .card-details .company {
    font-weight: 400;
    font-size: 2.625rem;
}

.integrations.index .hero .card .card-details p {
    font-weight: 300;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .integrations.index .card .thumbnail-container .thumbnail {
        display: block;
        padding-top: 40px;
    }
}

.integrations.entry .hero-content .story-details {
    position: relative;
    width: 100%;
    bottom: 0;
}

    .integrations.entry .hero-content .story-details > div {
        padding: 50px;
    }

@media (max-width: 575px) {
    .integrations.entry .hero-content .story-details > div {
        padding: 15px;
    }
}

.integrations.entry .hero-content .story-details h1 {
    margin-top: 0px;
}

.integrations.entry .hero .category {
    display: flex;
    align-items: center;
}

    .integrations.entry .hero .category span {
        display: block;
        margin-left: 10px;
        padding: 10px;
        color: #ff9100;
        background-color: #ffe2d9;
        border-radius: 4px;
        position: relative;
        top: -1px;
    }

.state {
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    color: #2583e3;
    background-color: #d3e6f9;
    border-radius: 4px;
    position: relative;
    top: -1px;
}

    .state.title {
        color: #c9cad3;
        font-weight: 500;
        background: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        margin-right: 10px;
    }

.customer-stories.index .hero .card {
    justify-content: center;
    align-items: center;
    max-width: 360px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .customer-stories.index .hero .card {
        margin-bottom: 10px;
    }
}

.customer-stories.index .hero .card .customer-logo {
    position: absolute;
    top: -60px;
    background-color: white;
    border-radius: 4px;
    padding: 10px;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .customer-stories.index .hero .card .customer-logo {
        left: calc(50% - 60px);
    }
}

@media (min-width: 1200px) {
    .customer-stories.index .hero .card .content {
        height: 185px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .customer-stories.index .hero .card .content {
        height: auto !important;
    }
}

.customer-stories.index .hero .card .content h4 {
    flex-grow: 1;
}

@media (max-width: 991px) {
    .customer-stories.entry .hero {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .restaurant-pos.index #hero-b {
        padding-bottom: 150px;
    }
}

.restaurant-pos.index .toast-pillar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .restaurant-pos.index .toast-pillar {
        flex-direction: column;
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .restaurant-pos.index .toast-pillar {
        border: none;
        flex-direction: column;
    }
}

.restaurant-pos.index .toast-pillar > div:nth-child(1) {
    width: 25%;
    margin-left: 5%;
    margin-right: 5%;
}

@media (max-width: 767px) {
    .restaurant-pos.index .toast-pillar > div:nth-child(1) {
        margin-bottom: 20px;
        width: 100%;
    }
}

.restaurant-pos.index .toast-pillar ul {
    width: 65%;
}

@media (max-width: 767px) {
    .restaurant-pos.index .toast-pillar ul {
        width: 100%;
    }
}

.restaurant-pos.index .features-header:before {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/restaurant-types/integration-partners-1.svg);
}

.restaurant-pos.index .features-header:after {
    content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/restaurant-types/integration-partners-2.svg);
    width: 450px;
}

.restaurant-pos.index .res-pos-exit-intent .exit-intent-container {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/pos/res-pos-exit-intent.jpg);
    background-size: 100% auto;
    background-color: #4381dc;
    background-repeat: no-repeat;
    padding-top: 270px;
}

    .restaurant-pos.index .res-pos-exit-intent .exit-intent-container h2 {
        font-size: 2.5rem;
    }

    .restaurant-pos.index .res-pos-exit-intent .exit-intent-container h4 {
        margin: 0 10px 15px;
        max-width: none;
    }

.restaurant-pos.entry.enterprise .hero {
    padding-bottom: 150px;
}

@media (max-width: 991px) {
    .restaurant-pos.entry.enterprise .hero {
        padding-bottom: 80px;
    }
}

.restaurant-pos.entry .hero {
    padding-bottom: 250px;
}

@media (max-width: 991px) {
    .restaurant-pos.entry .hero {
        padding-bottom: 80px;
    }
}

.restaurant-pos .analytics-stat p {
    line-height: 1.4;
}

.restaurant-pos .hardware-options .product-table {
    display: flex;
    flex-wrap: wrap;
}

    .restaurant-pos .hardware-options .product-table > div {
        width: 33%;
        padding: 25px 20px 20px;
    }

        .restaurant-pos .hardware-options .product-table > div a {
            font-size: 1.125rem;
            line-height: 1.4;
        }

            .restaurant-pos .hardware-options .product-table > div a:hover {
                color: #ff4c00;
            }

        .restaurant-pos .hardware-options .product-table > div:nth-child(1) {
            border-right: 1px solid #eaecf1;
            border-bottom: 1px solid #eaecf1;
            padding-left: 0;
        }

        .restaurant-pos .hardware-options .product-table > div:nth-child(2) {
            border-right: 1px solid #eaecf1;
            border-bottom: 1px solid #eaecf1;
        }

        .restaurant-pos .hardware-options .product-table > div:nth-child(3) {
            border-bottom: 1px solid #eaecf1;
        }

        .restaurant-pos .hardware-options .product-table > div:nth-child(4) {
            border-right: 1px solid #eaecf1;
            padding-left: 0;
        }

        .restaurant-pos .hardware-options .product-table > div:nth-child(5) {
            border-right: 1px solid #eaecf1;
        }

.restaurant-type-card {
    position: relative;
    display: flex;
    align-items: center;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .restaurant-type-card {
        align-items: initial !important;
    }
}

.restaurant-type-card a {
    display: block;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    width: calc(80% - 100px);
    right: 0;
    overflow: hidden;
    border: 1px solid #eaecf1;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .restaurant-type-card a {
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .restaurant-type-card a {
        position: static;
        width: 100%;
    }
}

.restaurant-type-card a p {
    padding: 17px 20px;
    border-bottom: 1px solid #eaecf1;
    font-size: 1.3125rem;
}

.restaurant-type-card a ul {
    padding: 0;
}

    .restaurant-type-card a ul li {
        padding: 17px 60px 17px 40px;
        list-style-type: none;
        font-weight: 400;
    }

        .restaurant-type-card a ul li:before {
            left: 10px;
        }

        .restaurant-type-card a ul li:nth-of-type(even) {
            background-color: #fff9f7;
            border-top: 1px solid #eaecf1;
            border-bottom: 1px solid #eaecf1;
        }

.restaurant-type-card a:hover {
    border: 1px solid transparent;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

    .restaurant-type-card a:hover p {
        background-color: #ff4c00;
        color: #fff;
    }

    .restaurant-type-card a:hover .card-arrow path {
        fill: #fff;
    }

.restaurant-type-card img {
    width: 100%;
    margin-right: 100px;
}

.restaurant-type-card .card-arrow {
    top: 24px;
    right: 15px;
}

    .restaurant-type-card .card-arrow path {
        fill: #ff4c00;
    }

.pricing h1 {
    margin-top: 0;
}

.pricing .price {
    color: #2583e3;
    font-size: 2.1875rem;
    font-weight: 600;
}

    .pricing .price span {
        color: #2583e3;
        font-size: 1.125rem;
    }

.pricing .price-big {
    font-size: 2.5rem;
}

.pricing .price-small {
    font-size: 1.8125rem;
}

.pricing .pricing-step {
    display: flex;
}

@media (max-width: 991px) {
    .pricing .pricing-step {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.pricing .pricing-step span {
    display: flex;
    background-color: #000;
    width: 30px;
    height: 30px;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    padding-top: 7px;
    font-size: 1.375rem;
    border-radius: 15px;
    position: relative;
    top: -2px;
}

@media (max-width: 991px) {
    .pricing .pricing-step span {
        margin-bottom: 20px;
    }
}

.pricing .starter-bundle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #eaecf1;
}

@media (max-width: 991px) {
    .pricing .starter-bundle {
        box-shadow: none;
        background-color: transparent;
        border: none;
    }
}

.pricing .starter-bundle > div {
    width: 25%;
    background-color: white;
    position: relative;
}

    .pricing .starter-bundle > div.open .open-list-icon {
        transform: rotateZ(45deg);
    }

@media (max-width: 991px) {
    .pricing .starter-bundle > div {
        width: 100%;
        box-shadow: none;
        margin-bottom: 30px;
        border-radius: 4px;
        border: 1px solid #eaecf1;
    }
}

@media (min-width: 992px) {
    .pricing .starter-bundle > div:nth-child(2n) {
        background-color: #f8f9fc;
    }
}

.pricing .starter-bundle > div ul {
    padding: 0 30px 20px;
}

@media (max-width: 991px) {
    .pricing .starter-bundle > div ul {
        display: none;
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .pricing .starter-bundle > div ul.active {
        display: block;
    }
}

.pricing .starter-bundle > div ul li {
    margin-bottom: 15px;
    align-items: flex-start;
}

.pricing .starter-bundle > div .heading {
    padding: 21px 0 15px;
}

    .pricing .starter-bundle > div .heading svg {
        margin: 0px;
    }

.pricing .starter-bundle > div .price-detail {
    height: 170px;
    padding: 0px 0 23px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

    .pricing .starter-bundle > div .price-detail .disclaimer {
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: center;
    }

        .pricing .starter-bundle > div .price-detail .disclaimer em {
            font-size: 0.875rem;
        }

.pricing .starter-bundle > div .type {
    margin-bottom: 10px;
    font-size: 1.125rem;
}

.pricing .starter-bundle > div .open-list-icon {
    display: none;
}

@media (max-width: 991px) {
    .pricing .starter-bundle > div .open-list-icon {
        display: block;
        position: absolute;
        bottom: -16px;
        left: calc(50% - 11px);
        height: 30px;
    }
}

.pricing .pricing-customizations h2 {
    margin-bottom: 10px;
}

    .pricing .pricing-customizations h2:not(.pricing-step) + p {
        font-style: italic;
        color: #64718f;
    }

.pricing .pricing-customizations p a {
    color: #529de9;
}

.pricing .pricing-customizations .product-card {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 4px;
    background-color: #f8f9fc;
    border: 1px solid #eaecf1;
    height: 165px;
}

@media (max-width: 1199px) {
    .pricing .pricing-customizations .product-card {
        height: 200px;
    }
}

@media (max-width: 991px) {
    .pricing .pricing-customizations .product-card {
        margin-bottom: 20px;
        height: auto;
        padding-top: 25px;
    }
}

.pricing .pricing-customizations .product-card h3 {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .pricing .pricing-customizations .product-card h3 {
        margin-bottom: 10px;
    }
}

.pricing .pricing-customizations .product-card svg {
    width: 62px;
    margin: 0 40px 0 20px;
}

.pricing .pricing-customizations .product-card > div {
    width: 60%;
    margin-right: 30px;
}

@media (max-width: 991px) {
    .pricing .pricing-customizations .product-card > div {
        width: 55%;
    }
}

.pricing .pricing-customizations .product-card .price {
    font-size: 2.5rem;
    line-height: 1;
}

    .pricing .pricing-customizations .product-card .price span {
        color: #c9cad3;
        white-space: nowrap;
        margin-right: 10px;
    }

@media (max-width: 991px) {
    .pricing .pricing-customizations .product-card .price br {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .pricing.variant-b {
        margin-bottom: 100px;
    }
}

@media (max-width: 575.98px) {
    .pricing.variant-b .hero {
        padding-bottom: 20px;
    }
}

.pricing.variant-b .bg-blue-gradient {
    background: linear-gradient(354.72deg, #e8f2fc 8.16%, #f5f9fe 109.91%) !important;
}

.pricing.variant-b .pricing-tabs {
    box-shadow: 0px -5px 15px rgba(193,193,193,0.2);
    background: #fff;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs {
        box-shadow: none;
    }
}

.pricing.variant-b .pricing-tabs .tabs-container {
    position: relative;
    top: -127px;
    width: 100%;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .tabs-container {
        top: -55px;
    }
}

.pricing.variant-b .pricing-tabs .tabs {
    width: 100%;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .tabs {
        flex-direction: column;
        padding: 0px 25px;
    }
}

.pricing.variant-b .pricing-tabs .tabs .tab {
    flex: 0 0 50%;
    text-align: center;
    padding: 30px 25px;
    border-radius: 10px 10px 0px 0px;
    background: #f8f9fc;
    z-index: 1;
    color: #7b7e86;
    cursor: pointer;
}

    .pricing.variant-b .pricing-tabs .tabs .tab h3, .pricing.variant-b .pricing-tabs .tabs .tab p {
        color: #7b7e86;
    }

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .tabs .tab {
        height: auto;
        padding: 20px;
    }

        .pricing.variant-b .pricing-tabs .tabs .tab h3 {
            font-size: 1.675rem;
            margin-bottom: 0px !important;
        }

        .pricing.variant-b .pricing-tabs .tabs .tab#toast-now {
            border-radius: 0px 0px 10px 10px;
        }
}

.pricing.variant-b .pricing-tabs .tabs .tab.active {
    border: 1px solid #efefef;
    border-bottom-color: #fff;
    background: #fff;
    box-shadow: 0px -5px 10px rgba(193,193,193,0.2);
    position: relative;
    top: -5px;
    height: calc(100% + 5px);
    z-index: 3;
    color: #282c37 !important;
}

    .pricing.variant-b .pricing-tabs .tabs .tab.active h3, .pricing.variant-b .pricing-tabs .tabs .tab.active p {
        color: #282c37 !important;
    }

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .tabs .tab.active {
        height: auto;
        top: 0;
    }
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .tabs .tab {
        height: auto;
    }
}

.pricing.variant-b .pricing-tabs .content {
    width: 100%;
    box-shadow: 0px -5px 15px rgba(193,193,193,0.2);
    z-index: 2;
    position: relative;
}

    .pricing.variant-b .pricing-tabs .content:before {
        background: #fff;
        content: "";
        width: 10px;
        height: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
        right: 100%;
    }

    .pricing.variant-b .pricing-tabs .content:after {
        background: #fff;
        content: "";
        width: 10px;
        height: 100%;
        position: absolute;
        z-index: 3;
        top: 0;
        left: 100%;
    }

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .content {
        box-shadow: none;
        padding-top: 10px;
    }

        .pricing.variant-b .pricing-tabs .content .mobile-desc {
            padding: 25px;
        }

            .pricing.variant-b .pricing-tabs .content .mobile-desc h3 {
                font-size: 1.625rem;
            }

            .pricing.variant-b .pricing-tabs .content .mobile-desc p {
                max-width: 75%;
                margin: 0 auto 15px;
            }

            .pricing.variant-b .pricing-tabs .content .mobile-desc .divider-blue {
                width: 85px;
                margin: 0 auto;
                height: 1px;
                background: #2683e3;
            }
}

.pricing.variant-b .pricing-tabs .content .col-md-3, .pricing.variant-b .pricing-tabs .content .col-md-4 {
    padding: 0px 25px;
}

.pricing.variant-b .pricing-tabs .content p {
    color: #282c37;
}

.pricing.variant-b .pricing-tabs .content .price-b {
    height: 95px;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .content .price-b {
        height: auto;
    }
}

.pricing.variant-b .pricing-tabs .content span {
    display: inline-block;
}

    .pricing.variant-b .pricing-tabs .content span.italic {
        display: block;
        font-style: italic;
        font-size: 0.75rem;
    }

    .pricing.variant-b .pricing-tabs .content span.callout {
        display: inline-block;
        background: rgba(255,76,0,0.1);
        border-radius: 2px;
        padding: 8px 15px;
        color: #ff4c00;
        text-align: center;
        font-size: 1rem;
        line-height: 1;
    }

.pricing.variant-b .pricing-tabs .content ul li p {
    font-size: 1rem;
}

.pricing.variant-b .pricing-tabs .content .full-width {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.pricing.variant-b .pricing-tabs .content.toast-now .get-started {
    padding-top: 12px;
    padding-bottom: 12px;
    width: 90%;
}

.pricing.variant-b .pricing-tabs .content.toast-now .callout {
    margin-left: 20px;
}

.pricing.variant-b .pricing-tabs .content .products-container {
    margin-bottom: 30px;
    height: 80px;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-tabs .content .products-container {
        height: auto;
    }
}

.pricing.variant-b .pricing-tabs .content .products-container h4 {
    letter-spacing: 0.06em;
    font-size: 0.875rem;
}

.pricing.variant-b .pricing-tabs .content .products-container .toast-now-product {
    width: 50%;
    flex: 1 1 100%;
}

.pricing.variant-b .pricing-faqs h3 {
    position: relative;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-faqs h3:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: "";
        display: inline-block;
        height: 12px;
        position: absolute;
        top: 15px;
        vertical-align: top;
        width: 12px;
        border-color: #b1b1b1;
        right: 10px;
        transform: rotate(-45deg);
    }

    .pricing.variant-b .pricing-faqs h3.close:after {
        transform: rotate(-225deg);
    }
}

.pricing.variant-b .pricing-faqs .padding-left {
    padding-left: 40px;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-faqs .padding-left {
        padding-left: 15px;
    }
}

.pricing.variant-b .pricing-faqs .padding-right {
    padding-right: 40px;
}

@media (max-width: 575.98px) {
    .pricing.variant-b .pricing-faqs .padding-right {
        padding-right: 0px;
    }
}

.pricing.variant-b .after-gray-light:before {
    height: 50% !important;
}

.pricing .link-tab {
    color: #2683e3;
    font-size: 1.375rem;
    cursor: pointer;
}

    .pricing .link-tab.all-in-one-link:after {
        border-width: 0px;
    }

    .pricing .link-tab.all-in-one-link:before {
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: "";
        display: inline-block;
        height: 8px;
        position: relative;
        top: 12px;
        vertical-align: top;
        width: 8px;
        left: -10px;
        border-color: #2683e3;
        transform: rotate(225deg);
    }

    .pricing .link-tab.all-in-one-link.active:before {
        border-color: #b1b1b1;
    }

    .pricing .link-tab.toast-now-link:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: "";
        display: inline-block;
        height: 8px;
        position: relative;
        top: 12px;
        vertical-align: top;
        width: 8px;
        border-color: #2683e3;
        left: 10px;
        transform: rotate(45deg);
    }

    .pricing .link-tab.toast-now-link.active:after {
        border-color: #b1b1b1;
    }

    .pricing .link-tab.active {
        color: #b1b1b1;
    }

.pricing.variant-b-new .hero h1 {
    font-family: "Calibre";
    font-weight: normal;
    letter-spacing: -0.5px;
    width: 60%;
    margin: 0 auto 25px;
}

.pricing.variant-b-new .hero p {
    width: 85%;
    margin: 0 auto;
    color: #282c37;
}

.pricing.variant-b-new .pricing-tabs {
    background: #2683e3;
}

    .pricing.variant-b-new .pricing-tabs .container {
        position: relative;
    }

    .pricing.variant-b-new .pricing-tabs .drop-arrow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        transform-origin: bottom;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(50%);
        width: 40px;
        height: 40px;
        background: #fff;
        border: 1px solid #cccccc;
        border-radius: 50%;
        padding: 10px;
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .tabs-container {
        top: -90px;
    }
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .tabs-container {
        top: -80px;
    }
}

.pricing.variant-b-new .pricing-tabs .tabs {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .tabs {
        width: 100%;
        flex-direction: row;
        padding: 0px;
    }
}

.pricing.variant-b-new .pricing-tabs .tabs .tab {
    position: relative;
    background: #eef3f8;
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .tabs .tab#toast-now {
        border-radius: 10px 10px 0px 0px;
    }
}

.pricing.variant-b-new .pricing-tabs .tabs .tab h3, .pricing.variant-b-new .pricing-tabs .tabs .tab p {
    color: #282c37;
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .tabs .tab h3 {
        font-size: 1.125rem;
        line-height: 1.2;
    }
}

.pricing.variant-b-new .pricing-tabs .tabs .tab::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2683e3;
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .tabs .tab::after {
        height: 4px;
    }
}

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .tabs .tab {
        height: auto;
    }

        .pricing.variant-b-new .pricing-tabs .tabs .tab h3 {
            margin-bottom: 0px;
        }
}

.pricing.variant-b-new .pricing-tabs .tabs .tab.active {
    background: #2683e3;
    border-color: #2683e3;
    box-shadow: none;
}

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .tabs .tab.active {
        height: auto;
        top: 0px;
    }
}

.pricing.variant-b-new .pricing-tabs .tabs .tab.active h3, .pricing.variant-b-new .pricing-tabs .tabs .tab.active p {
    color: #fff !important;
}

.pricing.variant-b-new .pricing-tabs .content {
    background: #2683e3;
    box-shadow: none;
}

    .pricing.variant-b-new .pricing-tabs .content a.buttonFW {
        font-size: 1.25rem;
    }

    .pricing.variant-b-new .pricing-tabs .content:before {
        content: none;
    }

    .pricing.variant-b-new .pricing-tabs .content:after {
        content: none;
    }

    .pricing.variant-b-new .pricing-tabs .content .col-md-4 {
        padding: 0 15px;
    }

    .pricing.variant-b-new .pricing-tabs .content .logo-slider {
        max-width: 1140px;
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .content .logo-slider img {
        padding: 0 10px;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card {
    background-color: white;
    padding: 40px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.pricing.variant-b-new .pricing-tabs .content .tab-card__title {
    height: 100px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card__title {
        height: 130px;
    }
}

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card__title {
        height: auto;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card__price {
    height: 150px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card__price {
        height: 190px;
    }
}

@media (max-width: 768px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card__price {
        height: auto;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card.center-card {
    padding-top: 40px;
    padding-bottom: 60px;
    box-shadow: 0px 15px 23px rgba(0,0,0,0.2);
}

.pricing.variant-b-new .pricing-tabs .content .tab-card.card-top {
    margin-top: 10px;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card ul li {
    white-space: nowrap;
}

    .pricing.variant-b-new .pricing-tabs .content .tab-card ul li span {
        display: inline;
    }

    .pricing.variant-b-new .pricing-tabs .content .tab-card ul li > * {
        vertical-align: text-top;
    }

@media (max-width: 1279px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card ul li {
        white-space: normal;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card ul li .tip {
    white-space: normal;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .card-tag-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
}

    .pricing.variant-b-new .pricing-tabs .content .tab-card .card-tag-container .card-tag {
        display: inline-block;
        background-color: #ff4c00;
        border-radius: 30px;
        padding: 10px 15px;
        transform: translateY(-50%);
    }

        .pricing.variant-b-new .pricing-tabs .content .tab-card .card-tag-container .card-tag span {
            font-family: Calibre;
            font-weight: bold;
            font-size: 0.875rem;
            letter-spacing: 0.055em;
            display: inline;
        }

.pricing.variant-b-new .pricing-tabs .content .tab-card h4 {
    font-family: Calibre;
    font-style: normal;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 22px;
    color: #282c37;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .price-container {
    line-height: 1.2;
}

@media (max-width: 1279px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card .price-container .whitespace-nowrap {
        white-space: normal;
    }
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card .price-container.margin-bottomXL {
        margin-bottom: 80px;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .price-container .price {
    font-family: Calibre;
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    color: #282c37;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .promo {
    position: relative;
}

    .pricing.variant-b-new .pricing-tabs .content .tab-card .promo:before {
        content: "";
        position: absolute;
        width: 40px;
        height: 100%;
        right: 100%;
        top: 0;
        background: #f8f9fc;
    }

    .pricing.variant-b-new .pricing-tabs .content .tab-card .promo:after {
        content: "";
        position: absolute;
        width: 40px;
        height: 100%;
        left: 100%;
        top: 0;
        background: #f8f9fc;
    }

    .pricing.variant-b-new .pricing-tabs .content .tab-card .promo a.buttonFW {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-50%);
    }

.pricing.variant-b-new .pricing-tabs .content .tab-card .tab-card-list {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .tool-tip {
    display: inline;
    position: relative;
    padding-left: 5px;
    cursor: pointer;
}

    .pricing.variant-b-new .pricing-tabs .content .tab-card .tool-tip:hover .tip {
        display: block;
    }

    .pricing.variant-b-new .pricing-tabs .content .tab-card .tool-tip .tip {
        position: absolute;
        width: 250px;
        bottom: 40px;
        left: -115px;
        font-family: Calibre;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        color: #ffffff;
        padding: 15px 20px;
        background: #4a5166;
        display: none;
        z-index: 99;
        white-space: normal;
    }

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-tabs .content .tab-card .tool-tip .tip {
        left: unset;
    }
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .tool-tip .tip:after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #4a5166;
}

.pricing.variant-b-new .pricing-tabs .content .tab-card .included {
    padding: 0px 15px;
}

    .pricing.variant-b-new .pricing-tabs .content .tab-card .included .check {
        padding-right: 10px;
    }

    .pricing.variant-b-new .pricing-tabs .content .tab-card .included p {
        font-family: Calibre;
        font-weight: normal;
        line-height: 38px;
    }

        .pricing.variant-b-new .pricing-tabs .content .tab-card .included p.not-included {
            color: #bdbec0 !important;
        }

.pricing.variant-b-new .features-section h2 {
    font-family: Calibre;
    font-weight: normal;
    line-height: 100%;
    color: #000000;
}

.pricing.variant-b-new .features-section .features {
    width: 90%;
    margin: 0 auto;
}

    .pricing.variant-b-new .features-section .features .feature {
        padding: 10px;
        margin-bottom: 30px;
    }

.pricing.variant-b-new .pricing-faqs h3:after {
    content: none;
}

@media (max-width: 575.98px) {
    .pricing.variant-b-new .pricing-faqs .accordian .accordian-item .accordian-title {
        width: 75%;
    }
}

.pricing.variant-b-new .pricing-faqs .accordian .accordian-item .accordian-title h3 {
    font-family: Calibre;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 24px;
    color: #282c37;
}

.pricing.variant-b-new .pricing-faqs .accordian .accordian-item p {
    font-size: 1.25rem;
    color: #282c37;
}

.pricing.variant-b-new .pricing-faqs .accordian .accordian-item .icon-container {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 50%;
}

    .pricing.variant-b-new .pricing-faqs .accordian .accordian-item .icon-container svg {
        transform: rotate(0);
    }

        .pricing.variant-b-new .pricing-faqs .accordian .accordian-item .icon-container svg.rotate-minus90 {
            transform: rotate(180deg);
        }

.pricing.variant-b-new .quote-section .quote {
    position: relative;
    width: 90%;
    margin: 35px auto;
    padding-bottom: 30px;
}

    .pricing.variant-b-new .quote-section .quote:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 40px;
        height: 1px;
        background-color: #282c37;
    }

.pricing.variant-b-new .quote-section img {
    height: 85px;
    width: 85px;
}

.pricing.variant-b-new .setups .subhead {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .pricing.variant-b-new .setups .setups-slider {
        width: 80%;
        margin: 0 auto;
    }
}

.pricing.variant-b-new .setups .setups-slider .slick-dots {
    bottom: -50px;
}

    .pricing.variant-b-new .setups .setups-slider .slick-dots li {
        height: 8px;
        width: 8px;
    }

        .pricing.variant-b-new .setups .setups-slider .slick-dots li button {
            height: 8px;
            width: 8px;
        }

            .pricing.variant-b-new .setups .setups-slider .slick-dots li button:before {
                content: "";
                height: 8px;
                width: 8px;
                border: 1px solid #2683e3;
                border-radius: 50%;
            }

    .pricing.variant-b-new .setups .setups-slider .slick-dots .slick-active button:before {
        content: "";
        height: 8px;
        width: 8px;
        color: #2683e3;
        background: #2683e3;
    }

.pricing.variant-b-new .setups .setups-slider .slick-prev, .pricing.variant-b-new .setups .setups-slider .slick-next {
    top: 270px;
}

.pricing.variant-b-new .setups .setups-slider .slick-prev {
    left: -40px;
}

    .pricing.variant-b-new .setups .setups-slider .slick-prev:before {
        content: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/price-prev-arrow.svg");
    }

.pricing.variant-b-new .setups .setups-slider .slick-next {
    right: -20px;
}

    .pricing.variant-b-new .setups .setups-slider .slick-next:before {
        content: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icons/price-next-arrow.svg");
    }

.pricing.variant-b-new .setups .setups-slider .setup-container {
    margin: 0px 10px;
    border: 1px solid #efefef;
    box-shadow: 0px 4px 0px #efefef;
}

.pricing.variant-b-new .setups .setups-slider .setup a.buttonFW {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.pricing.variant-b-new .setups .setups-slider .setup__img {
    height: 255px;
    width: 100%;
    overflow: hidden;
}

    .pricing.variant-b-new .setups .setups-slider .setup__img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.pricing.variant-b-new .setups .setups-slider .setup__content {
    background: #fff;
    padding: 25px 30px;
}

    .pricing.variant-b-new .setups .setups-slider .setup__content h3 {
        font-family: Calibre;
        line-height: 24px;
        color: #282c37;
    }

    .pricing.variant-b-new .setups .setups-slider .setup__content ul li {
        font-size: 1.25rem;
    }

.products.overview.b-variant .hero {
    background-image: url(hardware-redesign-bg-2.svg);
    background-size: cover;
    background-position: right 0px bottom 150px;
    background-repeat: no-repeat;
}

@media (max-width: 425px) {
    .products.overview.b-variant .hero .breadcrumb {
        justify-content: center;
    }

    .products.overview.b-variant .hero h1 {
        text-align: center;
    }
}

.products.overview .margin-right-buttons {
    margin-right: 30px;
}

.products.overview .larger-h2 {
    font-size: 2.25rem;
}

.products.overview .margin-bottom-hardware {
    margin-bottom: 30px;
}

.products.overview .slick-slide > div {
    display: flex;
    justify-content: center;
    outline: red;
}

.products.overview .built-for-resturants-icon {
    position: absolute;
    z-index: 100;
    margin: 0px auto;
    bottom: 0px;
    width: 100px;
    left: -50px;
}

@media (max-width: 991px) {
    .products.overview .built-for-resturants-icon {
        display: none;
    }
}

.products.overview .built-for-resturants-icon .border-right-orange {
    border-right: solid 1px #ff4c00;
}

.products.overview .footer-demo {
    width: 100% !important;
    position: relative;
    z-index: 5;
}

.products.hardware.index .hardware-bundle-benefits {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 4px 0px #efeeef;
}

@media (max-width: 991px) {
    .products.hardware.index .hardware-bundle-benefits {
        padding: 35px 10px 25px;
    }
}

.products.hardware.index .hardware-bundle-benefits:before {
    content: "";
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/products/hardware-directory-hero.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

@media (max-width: 991px) {
    .products.hardware.index .hardware-bundle-benefits:before {
        opacity: 0.1;
        transform: scaleX(-1);
    }
}

.products.lp-hardware .hero .logo-icon {
    height: 50px;
}

.products.elo-hardware .elo-title {
    padding-left: 25px;
}

.products.elo-hardware .hero {
    padding-top: 50px;
    padding-bottom: 200px;
}

@media (max-width: 768px) {
    .products.elo-hardware .hero {
        padding-bottom: 50px;
    }
}

.products.elo-hardware .subtitle {
    font-size: 0.875rem;
}

.mini-calc-form {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
}

    .mini-calc-form.fade {
        opacity: 0;
        transition: 3s ease-in-out;
    }

@media (max-width: 1280px) {
    .mini-calc-form {
        padding: 50px;
    }
}

.mini-payroll-calc-container {
    border: 0.063rem solid #eaecf1;
    border-radius: 4px;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media (max-width: 980px) {
    .mini-payroll-calc-container {
        border: none;
        box-shadow: none;
    }
}

.product-list .product-card {
    display: block;
    padding-right: 50px;
}

    .product-list .product-card:hover h3 {
        color: #ff4c00;
    }

    .product-list .product-card h3 {
        font-size: 1.375rem;
        width: 70%;
    }

    .product-list .product-card .title {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        height: 60px;
    }

        .product-list .product-card .title svg {
            flex: 0 1 62px;
            margin-right: 15px;
            width: 62px;
            height: 62px;
            min-width: 62px;
        }

        .product-list .product-card .title .content {
            flex: 1 0 auto;
        }

@media (max-width: 768px) {
    .product-list .product-card .title .content .new-release-tag {
        margin-left: 0px;
    }
}

.product-list .product-card .detail {
    font-weight: 400;
    line-height: 1.4;
}

.product-list .product-card .time {
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    margin-right: 15px;
}

.banner-offset {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/toast-flex_background.jpg?);
    background-size: cover;
    background-position: top;
    padding: 0 0 400px;
    position: relative;
}

.kds .banner-offset {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/images/kds-kitchen.jpg);
    background-size: cover;
    background-position: top;
}

.tap .banner-offset {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/toast-tap.jpg);
    background-size: cover;
    background-position: center;
}

.guest .banner-offset {
    background: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/hardware/flex-for-guest_durability-background.jpg);
    background-size: cover;
    background-position: center;
}

.banner-offset:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20%;
    top: 0;
    background: #fff;
}

@media (max-width: 768px) {
    .banner-offset {
        background: none !important;
        padding: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.product .header-large {
    font-weight: 600;
    font-size: 4.375rem;
    line-height: 98%;
}

.product .hero .buttonPS {
    letter-spacing: 0rem;
}

.product.toast-now .column-module-4__icon-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
}

.product.toast-now .hero-image-right {
    width: 775px;
}

@media (max-width: 1350px) {
    .product.toast-now .hero-image-right {
        left: 44%;
    }
}

@media (max-width: 1199px) {
    .product.toast-now .hero-image-right {
        left: 42%;
        width: 600px;
    }
}

@media (max-width: 991px) {
    .product.toast-now .hero-image-right {
        position: static;
        margin: 0 auto;
        padding-top: 50px;
    }
}

.product.toast-flex .hero {
    position: relative;
}

@media (min-width: 991px) {
    .product.toast-flex .hero {
        padding-bottom: 150px;
    }
}

@media (max-width: 768px) {
    .product.toast-flex .hero:after {
        content: url(Flex-Circle-Phone.svg);
        position: absolute;
        bottom: 10%;
        left: 5%;
        z-index: -1;
    }
}

@media (min-width: 769px) {
    .product.toast-flex .hero:before {
        content: url(Flex-Circle-Hero-1.svg);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .product.toast-flex .hero:after {
        content: url(Flex-Circle-Hero.svg);
        position: absolute;
        top: -100px;
        right: 0;
        z-index: -1;
    }
}

.product.toast-flex .blue-connected-section {
    padding: 10% 20%;
}

.product.toast-flex .banner-cta {
    background-image: url(cta-vector-hardware-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product.toast-flex .other-products-card {
    display: block;
    margin-bottom: 15px;
}

@media (max-width: 1280px) {
    .product.toast-flex .other-products-card {
        height: auto;
        width: auto;
    }
}

.product.toast-flex .other-products-card p {
    font-size: 1.125em;
}

.product.toast-flex .connected-row {
    position: relative;
}

    .product.toast-flex .connected-row > div:not(:last-child):after {
        content: "";
        position: absolute;
        background-color: white;
        height: 1px;
        width: 60%;
        top: 20px;
        left: calc(70%);
    }

@media (max-width: 768px) {
    .product.toast-flex .connected-row > div:not(:last-child):after {
        display: none;
    }
}

.product.toast-flex .blue-bg-cta-corner-dots {
    position: relative;
    z-index: 1;
}

    .product.toast-flex .blue-bg-cta-corner-dots:after {
        position: absolute;
        z-index: -1;
        left: -20px;
        bottom: -20px;
        content: url(blue-dots-bottom-left-corner.svg);
    }

    .product.toast-flex .blue-bg-cta-corner-dots:before {
        position: absolute;
        z-index: 2;
        right: 20px;
        top: 20px;
        content: url(blue-dots-top-right-corner.svg);
    }

.product.toast-flex .circle-bottom-left {
    position: relative;
}

    .product.toast-flex .circle-bottom-left:after {
        position: absolute;
        z-index: -1;
        left: -75px;
        bottom: -75px;
        content: url(light-orange-striped-circle.svg);
    }

.product.toast-flex .circle-top-right {
    position: relative;
}

    .product.toast-flex .circle-top-right:after {
        position: absolute;
        z-index: -1;
        right: -75px;
        top: -75px;
        content: url(light-orange-striped-circle.svg);
    }

.product.toast-flex .anchor-menu-item {
    display: block;
    background: #f8f9fc;
    border: 1px solid #efefef;
    box-sizing: border-box;
    border-radius: 6px;
    line-height: 1.438rem;
    height: 100%;
}

    .product.toast-flex .anchor-menu-item .chevron {
        position: absolute;
        width: 20px;
        left: calc(50% - 10px);
        opacity: 0;
        bottom: -10px;
    }

    .product.toast-flex .anchor-menu-item.hover-enabled {
        cursor: pointer;
    }

        .product.toast-flex .anchor-menu-item.hover-enabled:hover {
            box-shadow: 0px 2px 12px rgba(0,0,0,0.2);
        }

            .product.toast-flex .anchor-menu-item.hover-enabled:hover .chevron {
                opacity: 1;
                transition: cubic-bezier(0.55, 0.085, 0.68, 0.53);
                transition-duration: 0.5s;
                bottom: -40px;
            }

.product.toast-takeout .tto-banner {
    padding: 10px 12px 10px 10px;
    border-bottom: 1px solid #efefef;
}

@media (min-width: 768px) {
    .product.toast-takeout .tto-banner {
        display: none;
    }
}

.product.toast-takeout .tto-banner p {
    margin-right: 20px;
}

@media (max-width: 768px) {
    .product.toast-takeout .tto-banner p {
        margin-bottom: 15px;
    }
}

.product.toast-takeout .tto-banner .app-btn-wrap {
    padding-top: 7px;
    width: 100px;
    text-decoration: none;
    color: #fff;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .product.toast-go .hero {
        padding-bottom: 200px;
    }
}

.product.toast-go .hero-b h1 {
    font-size: 3.1875rem !important;
    line-height: 105.8%;
}

.product.toast-go .hero-image-right-toast-go {
    display: block;
    position: absolute;
    left: 60%;
    top: 39px;
    bottom: 0%;
    width: auto;
    height: 100%;
    max-height: 600px;
}

@media (max-width: 980px) {
    .product.toast-go .hero-image-right-toast-go {
        max-height: 500px;
    }
}

@media (max-width: 991px) {
    .product.toast-go .hero-image-right-toast-go {
        position: static;
        margin: 0 auto;
        padding-top: 50px;
    }
}

.product.toast-go .hero-image-right-annotation {
    display: flex;
    position: absolute;
    z-index: 3;
    top: 500px;
    right: 100px;
}

.product.toast-go .durability-list-item {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

    .product.toast-go .durability-list-item:before {
        position: absolute;
        left: 0px;
        top: 0px;
        content: "";
        width: 1px;
        background-color: #ffe2d9;
        border-radius: 1px;
        height: 100%;
    }

.product.toast-go .quote-grey {
    color: #666666;
}

.product.toast-go .supporting-quote {
    display: flex;
    padding: 20px 10px;
    border-top: 1px solid #eaecf1;
}

    .product.toast-go .supporting-quote .img-container {
        flex: 0 0 80px;
        margin-right: 20px;
    }

.product.capital .hero {
    background: linear-gradient(#fef9f9, #fdede9);
}

    .product.capital .hero .capital-hero-img {
        margin-bottom: -75px;
    }

    .product.capital .hero h2 {
        font-size: 1.375rem;
    }

.product.capital .demo-request.row, .product.capital .capital-loans.row {
    min-height: 385px;
    margin-left: 0px;
    margin-right: 0px;
}

.product.capital .capital-card-description {
    font-size: 1rem !important;
}

.product.capital .capital-slide-title {
    font-size: 1.5rem;
}

.product.capital h2 {
    font-size: 2.25rem;
}

    .product.capital h2 + p {
        font-size: 1.25rem;
    }

.product.capital .foot-note {
    font-size: 0.875rem;
    line-height: 0.875rem;
}

.product.capital .card .title {
    font-size: 1.125rem;
}

.product.capital .hero-background-img {
    top: 0;
    right: 0%;
    position: absolute;
    height: 80%;
    left: 50%;
    z-index: -2;
}

.product.capital .cta {
    padding: 40px 30px;
}

    .product.capital .cta.two-column-cta {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        transition: 0.2s;
        transform: scale(1);
    }

@media (max-width: 768px) {
    .product.capital .cta.two-column-cta {
        width: 96%;
    }
}

.product.capital .cta.two-column-cta:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.product.capital .desktop-neg-horizontal-margin {
    margin-left: -30px;
    margin-right: -30px;
}

@media (max-width: 768px) {
    .product.capital .desktop-neg-horizontal-margin {
        margin-left: none;
        margin-right: none;
    }
}

.product.capital .accordian-title {
    display: flex;
    flex: 1;
}

.product.capital .margin-rightXL-desktop {
    margin-right: 100px;
}

@media (max-width: 768px) {
    .product.capital .margin-rightXL-desktop {
        margin-right: 20px;
    }
}

.product.capital .legend-label {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 1px;
}

.product.capital .capital-graph-tooltip {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    padding: 20px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 4px;
    border: 1px solid #ddddea;
}

    .product.capital .capital-graph-tooltip .tooltip-section {
        padding: 10px 20px;
    }

    .product.capital .capital-graph-tooltip.left-arrow::after {
        content: " ";
        position: absolute;
        top: calc(50% - 10px);
        right: calc(100% - 9px);
        height: 20px;
        width: 20px;
        transform: rotate(45deg);
        background-color: #fff;
        border-color: transparent #ddddea transparent transparent;
        border-bottom: 1px solid #ddddea;
        border-left: 1px solid #ddddea;
    }

    .product.capital .capital-graph-tooltip.right-arrow::after {
        content: " ";
        position: absolute;
        top: calc(50% - 10px);
        left: calc(100% - 9px);
        height: 20px;
        width: 20px;
        transform: rotate(45deg);
        background-color: #fff;
        border-color: transparent #ddddea transparent transparent;
        border-top: 1px solid #ddddea;
        border-right: 1px solid #ddddea;
    }

    .product.capital .capital-graph-tooltip .tooltip-label {
        font-size: 0.75rem;
        line-height: 0.75rem;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

.product.online-ordering .hero .hero-image-right-full {
    width: auto;
    height: auto;
    max-height: 600px;
}

@media (max-width: 1500px) {
    .product.online-ordering .hero .hero-image-right-full {
        left: auto;
        right: 0px;
    }
}

@media (min-width: 992px) {
    .product.marketing .hero {
        padding-bottom: 150px;
    }
}

.product.marketing .hero .hero-image-right {
    width: 490px;
    left: 50%;
}

.product .benefits .benefit-alternate {
    display: flex;
}

    .product .benefits .benefit-alternate svg {
        margin-right: 20px;
    }

    .product .benefits .benefit-alternate .content {
        width: calc(100% - 95px);
    }

        .product .benefits .benefit-alternate .content h4 {
            margin-bottom: 5px;
        }

.product .benefits svg {
    margin-right: 0;
}

.product .benefits h4 {
    margin-bottom: 20px;
    font-size: 1.625rem;
}

.product .benefits p {
    margin-bottom: 10px;
}

.product .benefits p, .product .benefits a {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3;
}

.product .accessory p {
    line-height: 1.438rem;
}

    .product .accessory p.title {
        font-weight: 600;
        font-size: 1.125rem;
    }

.product .accessory > img {
    width: 200px;
    max-width: 100%;
}

.product .accessory .side-by-side-img {
    width: 50% !important;
}

.related-products .related-product-container a.related-product:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

.related-products .related-product-container .related-product {
    border: 1px solid #efefef;
    background-color: white;
    border-radius: 4px;
    transition: 300ms all;
    box-shadow: 0px 4px 0px #efeeef;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .related-products .related-product-container .related-product .hardware-image-preview .images {
        text-align: center;
        padding: 20px 0;
    }

        .related-products .related-product-container .related-product .hardware-image-preview .images img {
            display: none;
            width: 225px;
        }

            .related-products .related-product-container .related-product .hardware-image-preview .images img.active {
                display: inline-block;
            }

    .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots {
        width: 50px;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
    }

        .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots div {
            width: 22px;
            height: 22px;
            border-radius: 8px;
            cursor: pointer;
            position: relative;
        }

            .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots div:after {
                content: "";
                width: 16px;
                height: 16px;
                position: absolute;
                z-index: 0;
                border-radius: 10px;
                border: 1px solid #ddddea;
            }

            .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots div.toggle-black:after {
                background-color: #000;
            }

            .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots div.toggle-white:after {
                background-color: #fff;
            }

            .related-products .related-product-container .related-product .hardware-image-preview .toggle-dots div.active:before {
                content: "";
                width: 20px;
                height: 20px;
                position: absolute;
                top: -2px;
                left: -2px;
                background-color: #c9cad3;
                border: 2px solid #c9cad3;
                z-index: 0;
                border-radius: 12px;
            }

    .related-products .related-product-container .related-product .product-benefits {
        padding: 30px 30px 0;
        flex-grow: 1;
    }

        .related-products .related-product-container .related-product .product-benefits.no-images {
            padding-top: 50px;
        }

        .related-products .related-product-container .related-product .product-benefits > p {
            line-height: 1.4;
            margin-bottom: 20px;
        }

        .related-products .related-product-container .related-product .product-benefits li {
            margin-bottom: 10px;
        }

        .related-products .related-product-container .related-product .product-benefits p {
            font-size: 1rem;
        }

    .related-products .related-product-container .related-product .content {
        padding: 70px 50px 50px;
        display: flex;
        flex-grow: 1;
    }

@media (max-width: 767px) {
    .related-products .related-product-container .related-product .content {
        padding: 30px 30px 15px;
    }
}

.related-products .related-product-container .related-product .content.flex-column {
    align-items: center;
}

    .related-products .related-product-container .related-product .content.flex-column .details {
        width: 90%;
        text-align: center;
    }

.related-products .related-product-container .related-product .content.online {
    padding: 30px 0 20px;
}

    .related-products .related-product-container .related-product .content.online svg {
        margin-right: 0;
    }

.related-products .related-product-container .related-product .content svg {
    width: 30%;
    margin-right: 30px;
}

.related-products .related-product-container .related-product .content .details {
    width: 70%;
}

    .related-products .related-product-container .related-product .content .details p {
        line-height: 1.5;
        font-weight: 400;
    }

.related-products .related-product-container .related-product .link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px 20px;
    cursor: pointer;
}

.accessories-card {
    margin: 0 10px;
    min-height: 353px;
}

    .accessories-card:hover {
        transform: scale(1);
    }

    .accessories-card .img-container {
        height: 200px;
        padding: 15px;
    }

        .accessories-card .img-container img.center {
            margin-left: auto;
            margin-right: auto;
        }

    .accessories-card .accessories-content {
        border-top: 1px solid #eaecf1;
        padding: 20px;
    }

.product-cta {
    position: relative;
}

    .product-cta.capital {
        position: relative;
        z-index: 1;
    }

        .product-cta.capital .padding {
            padding: 50px 30px;
        }

        .product-cta.capital:after {
            position: absolute;
            z-index: 4;
            top: 25px;
            right: 25px;
            content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/capital/orange-dot-top-right-corner.svg);
        }

        .product-cta.capital .capital-background-image {
            z-index: -1;
            position: absolute;
            height: 100%;
            right: 0%;
            width: auto;
        }

    .product-cta .overflow-top {
        margin-top: -70px;
    }

    .product-cta .overflow-bottom {
        margin-bottom: -60px;
    }

.product-cta__toast-now-module {
    background: linear-gradient(133deg, #ff4f05 0%, #ff7a43 100%);
    display: flex;
    padding: 50px 60px;
    border-radius: 5px;
}

.product-cta__toast-now-module__content {
    flex: 1 0 40%;
    align-self: center;
}

.product-cta__toast-now-module__image-container {
    flex: 0 0 60%;
    position: relative;
}

    .product-cta__toast-now-module__image-container .img {
        position: absolute;
        left: 20px;
        bottom: -130px;
        max-width: none;
        width: calc(100% + 40px);
        height: auto;
    }

@media (max-width: 1200px) {
    .product-cta__toast-now-module__image-container .img {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
    }
}

@media (max-width: 991px) {
    .product-cta__toast-now-module__image-container {
        display: none;
    }
}

.capital-home-page-hero {
    position: absolute;
    left: 50%;
    width: 45%;
    align-self: center;
}

    .capital-home-page-hero img {
        max-height: 400px;
    }

@media (max-width: 991px) {
    .capital-home-page-hero {
        display: none;
    }
}

.color-select {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 3px;
    margin: 5px;
}

    .color-select .inner-circle {
        border-radius: 50%;
        height: 22px !important;
        width: 22px !important;
        box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2);
    }

    .color-select.black .inner-circle {
        background-color: black;
    }

    .color-select.white .inner-circle {
        background-color: white;
    }

    .color-select.selected {
        border: 1px solid #2583e3;
    }

.product-specs .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

    .product-specs .icon-container .icon {
        min-width: 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

.product-specs .product-spec-item {
    display: flex;
    align-items: center;
}

.hardware-tag {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 2px 15px;
    border-radius: calc(0.875rem + 4px);
    color: #2583e3;
    background-color: #d3e6f9;
    margin-right: 20px;
    margin-bottom: 10px;
}

.hardware-elo-card {
    background-color: white;
    border: 1px solid #eaecf1;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 5px 0px #efeeef;
}

.blog .hero {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .blog .hero input[name="email"] {
        width: 250px;
    }
}

.blog.entry .general-body .col-md-12 > figure:nth-child(1), .blog.entry .general-body .col-md-12 > img:nth-child(1) {
    display: none;
}

.blog.entry .general-body table, .blog.entry .general-body td {
    border: 1px solid grey;
    border-spacing: 0px;
}

.blog.entry .general-body td {
    padding: 5px;
}

.blog.entry .hero-img {
    width: 100%;
}

.blog.entry .author {
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .blog.entry .author {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 575px) {
    .blog.entry .author p {
        margin-bottom: 5px;
    }
}

.blog.entry .author svg {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.blog.entry .disclaimer em {
    font-size: 0.875rem;
}

.resources.index .no-featured {
    display: none;
}

.resources.index .trending-content {
    display: flex;
    align-items: center;
    color: #ff4c00;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 500;
}

    .resources.index .trending-content svg {
        margin-right: 7px;
    }

.resources.index .resource-category-slider .slick-track {
    padding-bottom: 30px;
}

.resources.index .resource-category-slider .category-slide a {
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 10px;
    border-radius: 4px;
    transition: all 200ms;
    transform: scale(0.9);
}

    .resources.index .resource-category-slider .category-slide a.active {
        transform: scale(1);
    }

    .resources.index .resource-category-slider .category-slide a:hover {
        transform: scale(1);
    }

    .resources.index .resource-category-slider .category-slide a img {
        margin-bottom: 25px;
        width: 100px;
        height: 100px;
    }

    .resources.index .resource-category-slider .category-slide a.management {
        background: #ffe9cc;
    }

        .resources.index .resource-category-slider .category-slide a.management h4 {
            color: #ff7043;
        }

    .resources.index .resource-category-slider .category-slide a.technology {
        background: #fdd6dd;
    }

        .resources.index .resource-category-slider .category-slide a.technology h4 {
            color: #f53655;
        }

    .resources.index .resource-category-slider .category-slide a.menu-kitchen {
        background: #f6ddf0;
    }

        .resources.index .resource-category-slider .category-slide a.menu-kitchen h4 {
            color: #d657b6;
        }

    .resources.index .resource-category-slider .category-slide a.staffing-hiring {
        background: #dbf5f9;
    }

        .resources.index .resource-category-slider .category-slide a.staffing-hiring h4 {
            color: #4dd0e1;
        }

    .resources.index .resource-category-slider .category-slide a.marketing {
        background: #e9f3df;
    }

        .resources.index .resource-category-slider .category-slide a.marketing h4 {
            color: #93c75f;
        }

    .resources.index .resource-category-slider .category-slide a.metrics-finance {
        background: #ffe2d9;
    }

        .resources.index .resource-category-slider .category-slide a.metrics-finance h4 {
            color: #ff4c00;
        }

    .resources.index .resource-category-slider .category-slide a.industry-trends {
        background: #f8f9fc;
    }

        .resources.index .resource-category-slider .category-slide a.industry-trends h4 {
            color: #a0a2ad;
        }

    .resources.index .resource-category-slider .category-slide a h4 {
        color: white;
        font-size: 1.125rem;
    }

.resources.index .resource-category-slider .slick-dots {
    bottom: -25px;
}

.resources.entry .hero .links {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .resources.entry .hero .links {
        justify-content: space-between;
    }
}

.resources.entry.thank-you.version-b .hero-section {
    background-image: url(ebook-thank-you-pages-BG-new.svg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
}

    .resources.entry.thank-you.version-b .hero-section h1 {
        margin-top: 0px !important;
        margin-bottom: 35px;
        font-size: 2.625rem;
    }

    .resources.entry.thank-you.version-b .hero-section h2 {
        opacity: 1;
        line-height: 1.5rem;
        font-size: 1.375rem;
    }

    .resources.entry.thank-you.version-b .hero-section .download {
        margin-right: 0px !important;
    }

@media (max-width: 768px) {
    .resources.entry.thank-you.version-b .hero-section {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .resources.entry.thank-you.version-b .mobile-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.resources.entry.thank-you.version-b .left-content {
    align-self: center;
    padding: 60px;
    border-radius: 4px 0px 0px 4px;
    border-top: 1px solid #ddddea;
    border-left: 1px solid #ddddea;
    border-bottom: 1px solid #ddddea;
    background-color: white;
}

@media (max-width: 991px) {
    .resources.entry.thank-you.version-b .left-content {
        padding: 30px;
        border-radius: 4px;
        border: 1px solid #ddddea;
    }
}

.resources.entry.thank-you.version-b .left-content.submitted {
    border-radius: 4px;
    border: 1px solid #ddddea;
}

.otl-card .thumbnail-container {
    padding: 0px;
}

    .otl-card .thumbnail-container .thumbnail {
        position: relative;
        height: 182px !important;
    }

        .otl-card .thumbnail-container .thumbnail img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top;
            object-position: top;
        }

        .otl-card .thumbnail-container .thumbnail .img-gradient {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: linear-gradient(0deg, #000 -8.91%, rgba(0,0,0,0) 45.61%);
            z-index: 2;
        }

        .otl-card .thumbnail-container .thumbnail .caption {
            position: absolute;
            bottom: 10px;
            width: 90%;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: baseline;
            color: white;
            z-index: 3;
        }

            .otl-card .thumbnail-container .thumbnail .caption span {
                font-family: "Glicko";
                font-weight: 600;
                color: white;
            }

            .otl-card .thumbnail-container .thumbnail .caption hr {
                color: white;
                flex-grow: 1;
                margin-left: 10px;
            }

.otl-card .otl-logo {
    position: absolute;
    top: 23%;
    z-index: 4;
    width: 80%;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.otl-card .otl-gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, #181818 55%, rgba(1,1,1,0) 103%);
}

.otl-card .description::after {
    box-shadow: none;
}

.otl-card .content p.link {
    font-weight: 600;
}

.otl-card .otl-homepage {
    text-align: center;
    z-index: 2;
    background-color: #181818;
}

    .otl-card .otl-homepage p {
        color: white;
    }

        .otl-card .otl-homepage p.link {
            position: relative;
            display: inline-block;
            margin: 0 auto;
            font-weight: 600;
            margin-bottom: 7px;
            color: white !important;
        }

            .otl-card .otl-homepage p.link::before {
                content: "";
                position: absolute;
                content: "";
                border-bottom: 1px solid #fff;
                width: 92%;
                bottom: -5px;
            }

            .otl-card .otl-homepage p.link::after {
                color: white;
            }

.pillar-page-hero {
    position: relative;
    height: 70vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 980px) {
    .pillar-page-hero {
        flex-direction: column-reverse;
        height: auto;
    }

        .pillar-page-hero .color-white {
            color: black !important;
        }

        .pillar-page-hero .hero-content {
            margin-bottom: 50px;
        }
}

.pillar-page-hero .pillar-page-hero-img {
    position: absolute;
    background-repeat: none;
    background-size: cover;
    background-position: right 0;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}

@media (max-width: 980px) {
    .pillar-page-hero .pillar-page-hero-img {
        position: relative;
        height: 65vh;
    }
}

.pillar-page-hero .pillar-hero-subtitle.corona {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    margin-bottom: 0px;
}

@media (min-width: 980px) {
    .pillar-page-hero .pillar-hero-title.corona {
        width: 60%;
        margin-top: 10px;
    }
}

.introduction-wrapper {
    display: flex;
    position: relative;
    margin-top: -100px;
    z-index: 100;
}

@media (min-width: 576px) {
    .introduction-wrapper {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .introduction-wrapper {
        margin-top: 0px;
    }
}

@media (max-width: 599px) {
    .introduction-wrapper {
        margin-top: 0px;
    }
}

.introduction-container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #eaecf1;
}

@media (max-width: 768px) {
    .introduction-container {
        border: none;
        padding-bottom: 50px;
    }
}

@media (max-width: 599px) {
    .introduction-container {
        border: none;
    }
}

.introduction-container .introduction-container-body {
    border-bottom: 2px solid #eaecf1;
    padding: 40px;
}

@media (max-width: 575px) {
    .introduction-container .introduction-container-body {
        padding: 30px 0;
    }
}

.introduction-container .introduction-container-body > p {
    font-size: 1.25rem;
}

@media (max-width: 575px) {
    .introduction-container .introduction-container-body > p {
        font-size: 1rem;
    }
}

.introduction-container .introduction-container-body > * {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .introduction-container .introduction-container-body {
        border: none;
    }
}

@media (max-width: 599px) {
    .introduction-container .introduction-container-body {
        border: none;
    }
}

.introduction-container .download-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 30px 40px;
    cursor: pointer;
    position: relative;
}

    .introduction-container .download-container .download-text {
        font-size: 1.25rem;
    }

    .introduction-container .download-container .download-icon {
        margin: auto;
    }

@media (max-width: 768px) {
    .introduction-container .download-container .download-icon {
        position: absolute;
        margin-top: -40px;
    }
}

@media (max-width: 599px) {
    .introduction-container .download-container .download-icon {
        position: absolute;
        margin-top: -40px;
    }
}

@media (max-width: 768px) {
    .introduction-container .download-container {
        border: 1px solid #eaecf1;
        border-radius: 4px;
        flex-direction: column;
        margin: 0px auto;
        padding: 20px;
        text-align: center;
    }
}

@media (max-width: 599px) {
    .introduction-container .download-container {
        border: 1px solid #eaecf1;
        border-radius: 4px;
        flex-direction: column;
        margin: 0px auto;
        padding: 20px;
        text-align: center;
    }
}

.table-of-contents-card {
    background-color: #a0a2ad;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    flex-grow: 1;
    margin-bottom: 25px;
}

@media (max-width: 375px) {
    .table-of-contents-card {
        background-position: center -20px !important;
    }
}

.table-of-contents-card:hover {
    transform: scale(1.03);
    box-shadow: 0px 5px 23px rgba(0,0,0,0.25);
}

.table-of-contents-card .title-container {
    padding: 20px 20px 30px;
}

.table-of-contents-card .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    border-radius: 4px 4px 0px 0px;
    width: 100%;
}

.table-of-contents-card .meta-title {
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

    .table-of-contents-card .meta-title.corona {
        font-size: 0.625rem;
        line-height: 12px;
        letter-spacing: 0.1em;
    }

.table-of-contents-card.corona .title-container {
    padding: 0px 20px 40px;
}

.table-of-contents-card .title {
    color: white;
    font-weight: 500;
    font-size: 1.125rem;
}

    .table-of-contents-card .title.corona {
        font-size: 1.875rem;
        font-weight: 600;
        line-height: 105%;
        text-align: center;
    }

.form-pillar-page-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.7;
    height: 100%;
    width: 100%;
}

.blurred {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.pillar-page-toc-mobile {
    position: absolute;
    z-index: 1001;
    width: 100%;
    background-color: #ffffff;
    pointer-events: all;
    cursor: pointer;
}

    .pillar-page-toc-mobile .chevron-icon {
        width: 20px;
        height: 20px;
    }

    .pillar-page-toc-mobile .toc-container {
        position: relative;
    }

    .pillar-page-toc-mobile .jump-to-section-button {
        height: 40px;
        border-radius: 20px;
        transition: margin-top 1s ease;
    }

    .pillar-page-toc-mobile .highlighted a {
        color: #2583e3;
    }

    .pillar-page-toc-mobile .scroll-list {
        overflow-y: scroll;
        height: calc(100vh - 60px);
    }

    .pillar-page-toc-mobile.closed {
        z-index: 101;
        background: linear-gradient(180deg, #fff 50%, rgba(255,255,255,0) 100%);
    }

        .pillar-page-toc-mobile.closed #jump-to-list {
            display: none;
        }

    .pillar-page-toc-mobile.open {
        position: fixed;
        top: 0;
        height: 100vh;
    }

        .pillar-page-toc-mobile.open .jump-to-section-button {
            margin-top: 20px !important;
            transition: margin-top 0s ease;
        }

        .pillar-page-toc-mobile.open #jump-to-section img {
            transform: rotate(180deg);
        }

    .pillar-page-toc-mobile.fixed {
        position: fixed;
        top: 0;
    }

        .pillar-page-toc-mobile.fixed .jump-to-section-button {
            margin-top: 60px;
        }

        .pillar-page-toc-mobile.fixed.slide-away .jump-to-section-button {
            margin-top: 20px;
        }

.pillar-page-scroll-toc-container {
    position: absolute;
    z-index: 100;
    top: 0;
    width: 100%;
    margin-top: 110px;
}

@media (max-width: 991px) {
    .pillar-page-scroll-toc-container {
        display: none;
    }
}

.pillar-page-scroll-toc-container .pillar-page-scroll-toc {
    padding: 20px;
    max-height: 80vh;
    overflow-y: scroll;
}

.pillar-page-scroll-toc-container .chapter-toc-item {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

    .pillar-page-scroll-toc-container .chapter-toc-item:last-child {
        border-bottom: none !important;
    }

    .pillar-page-scroll-toc-container .chapter-toc-item a {
        color: #a0a2ad;
    }

    .pillar-page-scroll-toc-container .chapter-toc-item .chevron::after {
        display: none;
        border-style: solid;
        border-width: 3px 3px 0 0;
        content: "";
        height: 14px;
        position: relative;
        top: 5px;
        vertical-align: top;
        width: 14px;
        border-color: #2583e3;
        left: 0;
        transform: rotate(45deg);
    }

    .pillar-page-scroll-toc-container .chapter-toc-item.highlighted a {
        color: #2583e3 !important;
    }

    .pillar-page-scroll-toc-container .chapter-toc-item.highlighted .chevron::after {
        display: inline-block;
    }

.pillar-page-scroll-toc-container .toc-sub-list {
    display: none;
    padding-left: 10px;
}

    .pillar-page-scroll-toc-container .toc-sub-list .sub-item {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .pillar-page-scroll-toc-container .toc-sub-list .sub-item-link {
        color: #a0a2ad;
    }

        .pillar-page-scroll-toc-container .toc-sub-list .sub-item-link:hover {
            color: black;
        }

    .pillar-page-scroll-toc-container .toc-sub-list.open {
        display: block;
    }

.pillar-page-scroll-toc-container.fixed {
    position: fixed;
}

.pillar-page-scroll-toc-container.fixed-bottom {
    top: auto;
    bottom: 0;
}

.pillar-page-chapter {
    position: relative;
    z-index: 0;
}

.toast-now-resources-page .hero {
    background: linear-gradient(0.72deg, #ec5d2c -7.43%, #ef8050 149.62%);
}

    .toast-now-resources-page .hero h1 {
        margin-top: 10px;
        font-size: 60px;
        line-height: 89.3%;
    }

.toast-now-resources-page .toast-now-resource-hero-img-container {
    max-width: 600px;
    margin-bottom: -250px;
}

@media (max-width: 980px) {
    .toast-now-resources-page .toast-now-resource-hero-img-container {
        max-width: none;
        width: 100%;
        margin-bottom: -100px;
    }
}

.toast-now-resources-page .table-of-contents-card {
    background-color: #fff;
    border: 1px solid #efefef;
}

    .toast-now-resources-page .table-of-contents-card .image-container {
        background: linear-gradient(0.72deg, #ec5d2c -7.43%, #ef8050 149.62%);
        position: relative;
        height: 125px;
    }

        .toast-now-resources-page .table-of-contents-card .image-container img {
            position: absolute;
            width: auto;
            height: 175px;
            margin-left: auto;
            margin-right: auto;
            bottom: -50px;
        }

    .toast-now-resources-page .table-of-contents-card .title-container {
        margin-top: 50px;
    }

        .toast-now-resources-page .table-of-contents-card .title-container .title {
            color: #000;
        }

.statement header {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
}

.content-body strong {
    font-weight: 600;
    font-size: inherit;
}

.content-body h1 {
    margin: 46px 0 30px;
}

.content-body h2, .content-body h3, .content-body h4, .content-body h5, .content-body h6 {
    margin-bottom: 20px;
}

.content-body p {
    margin-bottom: 20px;
    line-height: 1.3;
}

.content-body ul, .content-body ol {
    margin-bottom: 20px;
}

    .content-body ul li, .content-body ol li {
        line-height: 1.3;
    }

.content-body a {
    color: #ff4c00;
}

.universal .hero p {
    font-size: 1.125rem;
}

.landing-pages.hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.toast-now-layout .container {
    padding: 25px 0px 15px;
}

.referral-form {
    padding-left: 10px;
    padding-right: 10px;
}

.garnish-podcast .hero {
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/the-garnish_background.jpg");
    background-size: cover;
    padding-bottom: 250px;
}

@media (max-width: 767px) {
    .garnish-podcast .hero {
        padding-bottom: 100px;
    }
}

.garnish-podcast .hero .submitted-message p {
    color: #fff;
}

.garnish-podcast .logo-container img {
    height: 60px;
}

.calendly-embed .calendly-iframe {
    border: none;
    width: 800px;
    height: 800px;
}

@media (max-width: 991px) {
    .calendly-embed .calendly-iframe {
        width: 600px;
        height: 700px;
    }
}

@media (max-width: 767px) {
    .calendly-embed .calendly-iframe {
        width: 500px;
        height: 700px;
    }
}

@media (max-width: 575px) {
    .calendly-embed .calendly-iframe {
        width: 100%;
        height: 800px;
    }
}

.compare-page {
    padding-bottom: 0px;
}

    .compare-page .general-body h2 {
        font-size: 1.875rem;
    }

.customer-newsletter.features-header:before {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/partners-1.svg);
    background-size: cover;
    background-position: right;
}

.customer-newsletter.features-header:after {
    background-image: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/solutions/customers/partners-2.svg);
    background-size: cover;
    background-position: left;
}

body.compliance-form {
    padding: 0px;
}

.privacy-table {
    border: 1px solid gray;
    border-collapse: collapse;
}

@media (max-width: 991px) {
    .privacy-table {
        display: block;
        max-width: 100%;
        overflow: auto;
    }
}

.privacy-table th {
    padding: 15px;
    border-bottom: 1px solid gray;
}

.privacy-table tbody tr:nth-child(odd) {
    background-color: #eaecf1;
}

.privacy-table tr {
    text-align: left;
}

    .privacy-table tr td {
        margin: 0;
        vertical-align: top;
        padding: 15px;
        border-bottom: 1px solid gray;
    }

.privacy-table ul li {
    margin-bottom: 5px;
}

    .privacy-table ul li p {
        line-height: 1rem;
        font-size: 0.875rem;
    }

.capital-mail nav .logo svg {
    width: 200px;
}

.capital-mail h4 i {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}

body.toasty-awards {
    padding-top: 90px;
}

.toasty-awards .toasty-awards-hero {
    width: 100%;
    height: 70vh;
    background-image: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/Toasty-2020-RainbowCurve-small.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    .toasty-awards .toasty-awards-hero img {
        width: 50vw;
        max-width: 500px;
        margin-bottom: 10vh;
    }

.toasty-awards .section-pattern-1 {
    position: relative;
}

    .toasty-awards .section-pattern-1:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/Group-3.svg);
        position: absolute;
        width: 100%;
        left: -200px;
        z-index: 0;
        top: 10%;
    }

.toasty-awards .section-pattern-2 {
    position: relative;
}

    .toasty-awards .section-pattern-2:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/background-style-2.svg);
        position: absolute;
        width: 100%;
        right: 0px;
        z-index: 0;
    }

.toasty-awards .section-pattern-3 {
    position: relative;
}

    .toasty-awards .section-pattern-3:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/grey-dots-transparent.svg);
        position: absolute;
        width: 100%;
        right: 40px;
        z-index: 0;
    }

.toasty-awards .section-pattern-4 {
    position: relative;
}

    .toasty-awards .section-pattern-4:before {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/form-corner-accent.svg);
        position: absolute;
        width: 100%;
        left: -40px;
        top: -100px;
        z-index: -1;
    }

.toasty-awards .section-pattern-5 {
    position: relative;
}

    .toasty-awards .section-pattern-5:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/Group-15.svg);
        position: absolute;
        width: 100%;
        bottom: -100px;
        left: calc(100% - 250px);
        z-index: -1;
    }

.toasty-awards .section-pattern-6 {
    position: relative;
}

    .toasty-awards .section-pattern-6:before {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/Group-15.svg);
        position: absolute;
        width: 100%;
        bottom: -100px;
        left: calc(100% - 250px);
        z-index: -1;
    }

.toasty-awards .toast-awards-form-container {
    z-index: 5;
    background-color: white;
    padding: 50px;
}

.toasty-awards .toasty-awards-card-extend-left {
    position: relative;
    z-index: 5;
    padding: 90px 60px 90px 30px;
}

@media (max-width: 768px) {
    .toasty-awards .toasty-awards-card-extend-left {
        padding: 60px;
    }
}

.toasty-awards .toasty-awards-card {
    background-color: white;
    padding: 30px;
    position: relative;
    z-index: 5;
    height: 100%;
    width: 100%;
}

    .toasty-awards .toasty-awards-card > * {
        margin-bottom: 30px;
    }

        .toasty-awards .toasty-awards-card > *:last-child {
            margin-bottom: 0px;
        }

    .toasty-awards .toasty-awards-card p {
        font-size: 1.125rem;
    }

    .toasty-awards .toasty-awards-card .blue-text {
        font-size: 1rem;
    }

    .toasty-awards .toasty-awards-card .list p {
        font-size: 1rem;
        line-height: 1rem;
        position: relative;
        margin-left: 20px;
    }

        .toasty-awards .toasty-awards-card .list p:before {
            content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/svg/icons/gray_check.svg);
            position: absolute;
            width: 100%;
            right: 20px;
        }

.toasty-awards .colored-drop-shadow-card {
    position: absolute;
    height: 100%;
    width: calc(100% - 30px);
    top: 10px;
    left: 10px;
    margin: 0px 15px;
    z-index: 1;
    border-radius: 10px;
}

    .toasty-awards .colored-drop-shadow-card.extend-left {
        top: 30px;
        left: -30px;
        height: calc(100% - 60px);
        border-radius: 0px 10px 10px 0px;
        width: calc(100%);
    }

@media (max-width: 768px) {
    .toasty-awards .colored-drop-shadow-card.extend-left {
        border-radius: 0px 0px 10px 10px;
        left: 15px;
        top: 0px;
        height: 100%;
        width: calc(100% - 60px);
    }
}

.toasty-awards .dark-orange-to-orange {
    background: radial-gradient(ellipse at 0 100%, #ff4c00 0%, #ff6e00 100%);
}

.toasty-awards .orange-to-yellow {
    background: radial-gradient(ellipse at 0 100%, #ff6e00 0%, #ffbc34 100%);
}

.toasty-awards .purple-to-pink {
    background: radial-gradient(ellipse at 0 100%, #8500d2 0%, #ff407e 100%);
}

    .toasty-awards .purple-to-pink.linear-bottom-up {
        background: linear-gradient(180deg, #8500d2 0%, #ff407e 100%);
    }

.toasty-awards .light-blue-to-blue {
    background: radial-gradient(ellipse at 0 100%, #2583e3 0%, #25b3d5 100%);
}

    .toasty-awards .light-blue-to-blue.linear {
        background: linear-gradient(90deg, #25b3d5 0%, #2583e3 100%);
    }

.toasty-awards p, .toasty-awards h4 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.toasty-awards .sub-copy-header {
    font-size: 2.25rem;
    line-height: 2.4rem;
}

.toasty-awards .divider {
    height: 1px;
    background-color: #ddddea;
    width: 90%;
    margin: 0px auto;
}

.toasty-awards .finalist-card {
    width: 100%;
    height: 400px;
    perspective: 1000px;
    padding: 10px;
}

    .toasty-awards .finalist-card .front-logo {
        width: 50%;
    }

    .toasty-awards .finalist-card .back-logo {
        width: 50px;
    }

    .toasty-awards .finalist-card .margin-right {
        margin-right: 30px;
    }

    .toasty-awards .finalist-card .category-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .toasty-awards .finalist-card:hover .finalist-card-inner {
        transform: rotateY(180deg);
    }

    .toasty-awards .finalist-card .finalist-card-inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: transform 0.6s;
        transform-style: preserve-3d;
    }

        .toasty-awards .finalist-card .finalist-card-inner .flip-card-front, .toasty-awards .finalist-card .finalist-card-inner .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 20px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .toasty-awards .finalist-card .finalist-card-inner .flip-card-front {
            display: flex;
            flex-direction: column;
        }

        .toasty-awards .finalist-card .finalist-card-inner .flip-card-back {
            display: flex;
            flex-direction: column;
            transform: rotateY(180deg);
        }

.toasty-awards .toasty-countdown {
    padding: 20px;
    margin: 0px 5px;
    z-index: 5;
    width: 700px;
}

    .toasty-awards .toasty-countdown .color-purple {
        color: #8500d2;
    }

    .toasty-awards .toasty-countdown .small-text {
        font-size: 1rem;
    }

.toasty-awards .count-down-row {
    width: 100%;
    display: flex;
    padding: 0 5%;
}

.toasty-awards .count-down-column {
    display: flex;
    flex: 1 1 30%;
    flex-wrap: wrap;
}

.toasty-awards .count-down-digit-container {
    display: flex;
    flex: 0 1 80px;
    height: 100px;
    margin: 0px 10px;
}

@media (max-width: 768px) {
    .toasty-awards .count-down-digit-container {
        height: auto;
    }
}

.toasty-awards .count-down-digit-container .digit {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 3rem;
    background: -webkit-linear-gradient(#ff407e, #8500d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 980px) {
    .toasty-awards .count-down-digit-container .digit {
        -webkit-text-fill-color: inherit;
        color: #8500d2;
        background: none;
    }
}

@media (max-width: 768px) {
    .toasty-awards .count-down-digit-container .digit {
        font-size: 2rem;
        margin: 10px 0px;
    }
}

.toasty-awards .toasty-form {
    padding: 20px;
}

.toasty-awards .apply-now {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #000;
    width: auto;
}

    .toasty-awards .apply-now p {
        margin-right: 10px;
    }

.toasty-awards .color-toast-awards-purple {
    color: #8500d2;
}

.toasty-awards .small-text {
    font-size: 1rem;
    line-height: 1;
}

.toasty-awards .toasty-section-2 {
    padding-top: 0px;
    padding-bottom: 200px;
}

.toasty-awards .toasty-section-3 {
    padding-top: 0px;
    padding-bottom: 200px;
}

@media (max-width: 991px) {
    .toasty-awards .toasty-section-3 {
        padding-bottom: 50px;
    }
}

@media (max-width: 980px) {
    .toasty-awards .toasty-section-3 {
        padding-bottom: 0px;
    }
}

.toasty-awards header.after-wave-purple-toasty-awards, .toasty-awards section.after-wave-purple-toasty-awards, .toasty-awards div.after-wave-purple-toasty-awards, .toasty-awards article.after-wave-purple-toasty-awards {
    position: relative;
    z-index: 1;
    width: 100%;
}

    .toasty-awards header.after-wave-purple-toasty-awards:after, .toasty-awards section.after-wave-purple-toasty-awards:after, .toasty-awards div.after-wave-purple-toasty-awards:after, .toasty-awards article.after-wave-purple-toasty-awards:after {
        content: url(https://d2w1ef2ao9g8r9.cloudfront.net/images/toasty-awards/purple-curve-1_191018_210323.svg);
        position: absolute;
        width: calc(100% + 10px);
        left: -5px;
        right: -5px;
        bottom: calc(0% - 10px);
        z-index: -1;
        pointer-events: none;
    }

.toasty-awards .line-height {
    line-height: 1.5;
}

.toasty-awards .margin-left {
    margin-left: 20px;
}

.toasty-awards .overflow-hidden {
    overflow: hidden;
}

.toasty-awards .toasty-awards-form p {
    font-size: 1rem;
    line-height: 1rem;
}

.toasty-awards .toasty-form-field-margin-bottomXS .field-wrapper {
    margin-bottom: 10px !important;
}

.form-title-margin {
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .form-title-margin {
        margin-bottom: 30px;
    }
}

ul.social-share.vertical li {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    ul.social-share.vertical li {
        margin-bottom: 100px;
    }
}

.restaurants-to-open, .back-in-business {
    position: relative;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero, .back-in-business .hero {
        overflow: hidden;
    }
}

.restaurants-to-open .hero .vertical-line, .back-in-business .hero .vertical-line {
    width: 3px;
    height: 40px;
    margin: 35px auto;
    background-color: #ff4c00;
}

.restaurants-to-open .hero h1, .back-in-business .hero h1 {
    font-family: Calibre;
    font-style: normal;
    font-weight: normal;
    font-size: 4rem;
    line-height: 100%;
    text-align: center;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero h1, .back-in-business .hero h1 {
        font-size: 2.75rem;
    }
}

.restaurants-to-open .hero p, .back-in-business .hero p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.restaurants-to-open .hero .container, .back-in-business .hero .container {
    padding-bottom: 60px;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero .container, .back-in-business .hero .container {
        padding-bottom: 0px;
    }
}

.restaurants-to-open .hero .hero-img, .back-in-business .hero .hero-img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -160px;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero .hero-img, .back-in-business .hero .hero-img {
        position: relative;
        bottom: unset;
    }

        .restaurants-to-open .hero .hero-img svg, .back-in-business .hero .hero-img svg {
            max-width: unset;
            transform: translateX(-20%);
        }
}

.restaurants-to-open .sticky-nav, .back-in-business .sticky-nav {
    position: relative;
}

    .restaurants-to-open .sticky-nav ul, .back-in-business .sticky-nav ul {
        position: -webkit-sticky;
        position: sticky;
        top: 15px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .restaurants-to-open .sticky-nav ul li, .back-in-business .sticky-nav ul li {
            padding-left: 25px;
            margin-bottom: 15px;
            position: relative;
        }

            .restaurants-to-open .sticky-nav ul li a, .back-in-business .sticky-nav ul li a {
                color: #626573;
                font-weight: 400;
            }

                .restaurants-to-open .sticky-nav ul li a:hover, .back-in-business .sticky-nav ul li a:hover {
                    color: #ff4c00;
                }

            .restaurants-to-open .sticky-nav ul li.active a, .back-in-business .sticky-nav ul li.active a {
                color: #000;
            }

            .restaurants-to-open .sticky-nav ul li.active::after, .back-in-business .sticky-nav ul li.active::after {
                content: url("https://d2w1ef2ao9g8r9.cloudfront.net/images/icon/bookmark.svg");
                position: absolute;
                padding: 5px;
                left: 0;
                bottom: 0;
                top: 0;
            }

.restaurants-to-open .bib-mob-nav, .back-in-business .bib-mob-nav {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    padding: 25px 15px;
    z-index: 99;
    background-image: linear-gradient(white 20%, rgba(255,255,255,0) 100%);
}

    .restaurants-to-open .bib-mob-nav.active, .back-in-business .bib-mob-nav.active {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
    }

        .restaurants-to-open .bib-mob-nav.active .sticky-nav, .back-in-business .bib-mob-nav.active .sticky-nav {
            display: block;
        }

        .restaurants-to-open .bib-mob-nav.active .dropdown::after, .back-in-business .bib-mob-nav.active .dropdown::after {
            transform: rotate(-45deg);
            top: 9px;
        }

    .restaurants-to-open .bib-mob-nav .dropdown, .back-in-business .bib-mob-nav .dropdown {
        position: relative;
        border-radius: 30px;
        background: #2583e3;
        font-family: Calibre;
        font-style: normal;
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 22px;
        color: #ffffff;
        padding: 10px 25px;
        cursor: pointer;
    }

        .restaurants-to-open .bib-mob-nav .dropdown::after, .back-in-business .bib-mob-nav .dropdown::after {
            border-style: solid;
            border-width: 2px 2px 0 0;
            content: "";
            display: inline-block;
            height: 8px;
            position: relative;
            top: 5px;
            vertical-align: top;
            width: 8px;
            border-color: #fff;
            float: right;
            transform: rotate(135deg);
        }

    .restaurants-to-open .bib-mob-nav .sticky-nav, .back-in-business .bib-mob-nav .sticky-nav {
        display: none;
        margin-top: 15px;
    }

.restaurants-to-open .sticky-section .container-1180, .back-in-business .sticky-section .container-1180 {
    padding: 100px 60px;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .sticky-section .container-1180, .back-in-business .sticky-section .container-1180 {
        padding: 50px 15px;
    }
}

@media (max-width: 575.98px) {
    .restaurants-to-open .sticky-section .col-md-4, .back-in-business .sticky-section .col-md-4 {
        margin-bottom: 35px;
    }
}

.restaurants-to-open .sticky-section .resource-links, .back-in-business .sticky-section .resource-links {
    padding: 60px;
    background: #fff;
    position: relative;
    border-radius: 5px;
    border-top: 6px solid #ff4c00;
    box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
}

@media (max-width: 575.98px) {
    .restaurants-to-open .sticky-section .resource-links, .back-in-business .sticky-section .resource-links {
        border-top: none;
        padding: 0px;
        background: transparent;
        box-shadow: none;
    }
}

.restaurants-to-open .sticky-section .resource-links.half, .back-in-business .sticky-section .resource-links.half {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px 25px;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .sticky-section .resource-links.half, .back-in-business .sticky-section .resource-links.half {
        padding: 0px;
    }
}

.restaurants-to-open .sticky-section .resource-links.half ul li, .back-in-business .sticky-section .resource-links.half ul li {
    padding-right: 15px;
}

.restaurants-to-open .sticky-section .resource-links h2, .back-in-business .sticky-section .resource-links h2 {
    color: #252a35;
    padding-bottom: 15px;
    position: relative;
}

    .restaurants-to-open .sticky-section .resource-links h2:after, .back-in-business .sticky-section .resource-links h2:after {
        content: "";
        width: 35px;
        height: 3px;
        background: #ff4c00;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.restaurants-to-open .sticky-section .resource-links h4, .back-in-business .sticky-section .resource-links h4 {
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 129%;
    letter-spacing: 0.1em;
    color: #7f8da0;
}

.restaurants-to-open .sticky-section .resource-links ul, .back-in-business .sticky-section .resource-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .restaurants-to-open .sticky-section .resource-links ul li, .back-in-business .sticky-section .resource-links ul li {
        margin-bottom: 25px !important;
        font-size: 1.125rem;
    }

        .restaurants-to-open .sticky-section .resource-links ul li a, .back-in-business .sticky-section .resource-links ul li a {
            font-size: 1.125rem;
            color: #2583e3;
            position: relative;
        }

            .restaurants-to-open .sticky-section .resource-links ul li a span, .back-in-business .sticky-section .resource-links ul li a span {
                padding-bottom: 2px;
                color: #2583e3;
            }

            .restaurants-to-open .sticky-section .resource-links ul li a:hover span, .back-in-business .sticky-section .resource-links ul li a:hover span {
                border-bottom: 1px solid #2583e3;
            }

.restaurants-to-open .sticky-section .content .disclaimer, .back-in-business .sticky-section .content .disclaimer {
    line-height: 125%;
    color: #000000;
    opacity: 0.5;
}

.restaurants-to-open .b-card, .back-in-business .b-card {
    background: #fff;
    box-shadow: 0px 4px 0px #efefef;
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    border: 1px solid #efefef;
}

    .restaurants-to-open .b-card:hover, .back-in-business .b-card:hover {
        box-shadow: 0px 5px 23px rgba(0,0,0,0.06);
        transform: scale(1.05);
    }

.restaurants-to-open .b-card__content, .back-in-business .b-card__content {
    padding: 25px;
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .restaurants-to-open .b-card__content p, .back-in-business .b-card__content p {
        margin-bottom: -10px;
    }

.restaurants-to-open .referral-section .container-1180, .back-in-business .referral-section .container-1180 {
    background-image: url("referral-bg.png");
    background-color: rgba(37,131,227,0.05);
    background-position: center;
    background-size: cover;
}

    .restaurants-to-open .referral-section .container-1180 a.button-blue-ghost, .back-in-business .referral-section .container-1180 a.button-blue-ghost {
        background-color: transparent;
    }

.restaurants-to-open .referral-section .referral-content, .back-in-business .referral-section .referral-content {
    width: 40%;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .referral-section .referral-content, .back-in-business .referral-section .referral-content {
        width: 100%;
    }
}

.restaurants-to-open .hero {
    padding-bottom: 0;
    margin-bottom: -120px;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero {
        margin-bottom: 0px;
    }
}

.restaurants-to-open .hero .container {
    padding-bottom: 0;
}

.restaurants-to-open .hero .hero-img {
    position: relative;
    bottom: 120px;
    z-index: -1;
}

@media (max-width: 575.98px) {
    .restaurants-to-open .hero .hero-img {
        bottom: 0px;
    }
}

.restaurants-to-open .b-card:hover {
    box-shadow: 0px 4px 0px #efefef;
    transform: none;
}