@charset "UTF-8";

.ui-accordion .ui-accordion-header {
font-size: 28px !important;
line-height: 32px !important;
font-family: 'Matter-ChowNow' !important;
font-weight: 500 !important;
color: #0F2032 !important;
background: #fff !important;
border-radius: 0 !important;
margin: 0 !important;
}

.ui-accordion .ui-accordion-content {
    font-family: "Matter-ChowNow" !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-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: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    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;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    background: 0 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
menu,
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
img {
    display: block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:focus,
button,
input,
select,
textarea {
    border: 0;
    margin: 0;
    padding: 0;
}
body {
    font-family: Matter-ChowNow, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    background: #0e2033;
    color: #0e2033;
    font-size: 18px;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 27px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-rendering: optimizeLegibility;
}
body.no-scroll {
    overflow: hidden !important;
    overflow-x: hidden;
    overflow-y: scroll;
}
body.demo {
    background: #0e2033;
}
a {
    color: #fd4f57;
    text-decoration: none;
}
a:hover {
    color: #0e2033;
}
button,
input,
select,
textarea {
    font-family: Matter-ChowNow, Helvetica, Arial, Sans-Serif;
}
div.container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}
div.container:after {
    content: " ";
    display: block;
    clear: both;
}
div.site {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    position: relative;
    transition: all 0.4s ease;
}
div.site.has-banner {
    margin: 90px 0 0 0;
    transition: margin 0.4s ease;
}
@media (max-width: 799px) {
    div.site.has-banner {
        margin: 90px 0 0 0;
        transition: margin 0.4s ease;
    }
}
div.main {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 57px;
}
@media only screen and (min-width: 992px) {
    div.main {
        padding-top: 100px;
    }
}
#infscr-loading img {
    display: none;
}
div.site.no-scroll-fixed {
    overflow: hidden;
    position: absolute;
}
.common-button {
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    line-height: 24px;
    position: relative;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.common-button:hover {
    color: #fff;
}
.common-button.standard {
    padding: 14px 0;
}
.common-button.standard:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
.common-button.standard:hover:after {
    background: #fff;
    width: 100%;
}
.common-button.standard.red {
    color: #fd4f57;
}
.common-button.standard.red:hover {
    color: #fd7e84;
}
.common-button.standard.red:hover:after {
    background: rgba(253, 126, 132, 0.3);
}
.common-button.standard.slim {
    padding: 0;
}
.common-button.pill {
    background-color: #fff;
    border-radius: 30px;
    color: #0e2033;
    line-height: 52px;
    padding: 0 22px 0 23px;
    text-align: center;
}
.common-button.pill:focus-visible {
    outline: 2px solid #fd4f57;
}
.common-button.pill:hover {
    background-color: #dff4f4;
    color: #0e2033;
}
.common-button.pill.disabled,
.common-button.pill.disabled:hover {
    background-color: silver;
    color: #fff;
}
.common-button.pill.red {
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.common-button.pill.red:hover {
    background-color: #1a3b5f;
}
.common-button.pill.red:focus {
    outline: 2px solid #fd4f57;
}
.common-button.pill.slim {
    line-height: 40px;
}
.common-button.wide {
    padding: 0 60px;
}
.common-button.watch {
    padding-left: 20px;
}
.common-button.watch svg {
    height: 14px;
    top: 19px;
    width: 10px;
}
.common-button.watch.red svg path {
    fill: #fd4f57;
}
.common-button.watch.red:hover svg path {
    fill: #fd7e84;
}
.common-button.replay {
    padding-left: 33px;
}
.common-button.replay svg {
    height: 18px;
    top: 17px;
    width: 23px;
}
.common-button.replay svg,
.common-button.watch svg {
    left: 0;
    position: absolute;
}
.common-button.replay svg path,
.common-button.watch svg path {
    fill: #fff;
}
.common-button.footer {
    font-size: 15px;
    text-transform: none;
}
.blue-btn {
    padding: 12px 20px;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.blue-btn:hover {
    background-color: #1a3b5f;
}
.blue-btn:focus {
    outline: 2px solid #fd4f57;
}
div.common-close {
    height: 40px;
    position: absolute;
    width: 40px;
}
div.common-close a {
    border-radius: 36px;
    display: block;
    height: 36px;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 36px;
}
div.common-close a svg {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 12px;
    height: 12px;
}
div.common-close a svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
div.common-close a:hover svg path {
    fill: #fff;
}
div.common-content h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 30px;
    padding: 1px 0 5px 0;
}
div.common-content h5 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    padding: 3px 0 29px 0;
}
div.common-content h6 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fd4f57;
    padding: 3px 0 29px 0;
}
div.common-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    padding-bottom: 25px;
}
div.common-content a {
    color: #0e2033;
    display: inline-block;
    transition: color 0.2s ease;
}
div.common-content a:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
div.common-content a:hover {
    color: #1a3b5f;
}
div.common-content a:hover:after {
    background: rgba(26, 59, 95, 0.3);
    width: 100%;
}
div.common-content ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    list-style: disc;
}
div.common-content ul li {
    padding-bottom: 25px;
}
div.common-content ul li ul {
    list-style: disc;
    padding-left: 25px;
}
div.common-content ul li ul li {
    padding: 25px 0 0 0;
}
div.common-content strong {
    color: #0e2033;
    font-weight: 600;
}
div.common-content b {
    font-weight: 600;
}
@media (min-width: 1024px) {
    div.common-content h3 {
        font-size: 33px;
        line-height: 36px;
    }
}
ul.common-logos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0 140px;
}
ul.common-logos li {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 0;
    text-align: center;
    width: auto;
}
ul.common-logos li svg {
    display: block;
    height: initial;
    margin: 0 auto;
    max-width: 100%;
}
ul.common-logos li svg path {
    fill: #8c8c8e;
}
ul.common-logos li img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
ul.common-logos li .cn-google-logo {
    height: 30px;
    width: auto;
}
ul.common-logos li .cn-godaddy-logo {
    height: 35px;
    margin-top: -5px;
    width: auto;
}
ul.common-logos li .cn-yelp-logo {
    height: 35px;
    margin-top: -5px;
    width: auto;
}
ul.common-logos li .cn-squarespace-logo {
    height: 25px;
    width: auto;
}
ul.common-logos li .cn-usf-logo {
    height: 40px;
    margin-top: 10px;
    width: auto;
}
ul.common-logos li .cn-facebook-logo {
    height: 25px;
    width: auto;
}
ul.common-logos li .cn-apple-logo {
    height: 30px;
    width: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ul.common-logos li svg {
        height: initial;
        width: none;
    }
    ul.common-logos li img,
    ul.common-logos li svg {
        margin-left: 0;
    }
}
@media (max-width: 1111px) {
    ul.common-logos {
        margin: 0 auto;
        padding: 0;
        width: 570px;
    }
    ul.common-logos li {
        width: 83%;
    }
    ul.common-logos .cn-usf-logo {
        margin-bottom: 12px;
    }
}
@media (max-width: 768px) {
    ul.common-logos {
        height: 400px;
        max-width: 100%;
        width: 370px;
    }
}
@media (max-width: 480px) {
    ul.common-logos {
        width: 330px;
    }
}
div.common-form form {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
}
div.common-form__row {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.common-form__row fieldset {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}
div.common-form__row fieldset label {
    display: none;
}
div.common-form__row fieldset input.text,
div.common-form__row fieldset textarea {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8e;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}
div.common-form__row fieldset input.text::-moz-placeholder,
div.common-form__row fieldset textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #8c8c8e;
    line-height: inherit;
}
div.common-form__row fieldset input.text::placeholder,
div.common-form__row fieldset textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #8c8c8e;
    line-height: inherit;
}
div.common-form__row fieldset input.text:hover,
div.common-form__row fieldset textarea:hover {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.3);
    color: #0e2033;
}
div.common-form__row fieldset input.text:focus,
div.common-form__row fieldset textarea:focus {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.6);
    color: #0e2033;
}
div.common-form__row fieldset input.text.error,
div.common-form__row fieldset textarea.error {
    background: rgba(253, 79, 87, 0.15);
    border-color: #fd4f57;
    color: #fd4f57;
}
div.common-form__row fieldset input.text.error::-moz-placeholder,
div.common-form__row fieldset textarea.error::-moz-placeholder {
    color: #fd4f57;
}
div.common-form__row fieldset input.text.error::placeholder,
div.common-form__row fieldset textarea.error::placeholder {
    color: #fd4f57;
}
div.common-form__row fieldset input.text {
    height: 50px;
    padding: 0 20px;
    vertical-align: middle;
}
div.common-form__row fieldset input.text::-moz-placeholder {
    vertical-align: middle;
}
div.common-form__row fieldset input.text::placeholder {
    vertical-align: middle;
}
div.common-form__row fieldset textarea {
    padding: 14px 20px;
    resize: vertical;
    vertical-align: top;
}
div.common-form__row fieldset textarea::-moz-placeholder {
    vertical-align: top;
}
div.common-form__row fieldset textarea::placeholder {
    vertical-align: top;
}
div.common-form__row.radio {
    margin-top: 30px;
}
div.common-form__row.radio fieldset input {
    display: none;
}
div.common-form__row.radio fieldset input + label span {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 24px;
    margin-right: 15px;
    transition: background 0.2s ease, border-color 0.2s ease;
    vertical-align: middle;
    width: 24px;
}
div.common-form__row.radio fieldset input:checked + label span {
    background: #fd4f57;
    border-color: #fd4f57;
}
div.common-form__row.radio fieldset label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #8c8c8e;
    cursor: pointer;
    display: inline-block;
    float: left;
    line-height: 24px;
    vertical-align: middle;
}
div.common-form__row.radio fieldset label:hover span {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.3);
}
div.common-form__submit {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
}
div.common-form__submit button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    background: #fd4f57;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    text-align: center;
    transition: background 0.2s ease;
    width: 100%;
}
div.common-form__submit button:hover {
    background: #fd7e84;
}
@media (min-width: 480px) {
    div.common-form__row.split fieldset {
        margin-right: 2.5%;
        width: 48.75%;
    }
    div.common-form__row.split fieldset:last-child {
        margin-right: 0;
    }
}
div.common-table {
    display: table;
    height: 100%;
    width: 100%;
}
div.common-table div.common-cell {
    display: table-cell;
    vertical-align: middle;
}
div.common-tag {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fff;
    display: block;
    line-height: 24px;
}
div.common-tag span {
    background: #5eb3b7;
    border-radius: 2px;
    display: inline-block;
    padding: 0 8px 0 9px;
}
div.common-tag.red span {
    background: #fd4f57;
}
div.common-wrap {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783%;
}
.header-menu-wrapper {
    margin: 0 auto;
    max-width: 1180px;
}
.container-new {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    position: relative;
}
.common-wrap-new {
    margin: 0 5%;
    width: 90%;
}
.inner-container-new {
    margin: 0 5%;
}

.demo-request .white-background .marketo-form-inner-wrapper .form-text-block {
    border-bottom: none !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.demo-request .new-marketo-form .marketo-form-inner-wrapper .form-text-block {
    border-bottom: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.demo-request .pdp-text-btn-block-section .pdp-text-btn-block-section-container {
    padding:0px !important;
}

.demo-request .hero-info-wrap li {
    margin-bottom: 20px;
}

.demo-request .new-marketo-form .mktoForm .mktoFormCol {
    margin-bottom: 15px !important;
}

.demo-request .new-marketo-form .mktoForm .mktoRadioList {
    padding-top: 15px !important;
}

.demo-request .new-marketo-form .mktoForm .mktoButtonRow {
    margin-top: 15px;
}

@media only screen and (min-width: 1200px) {
.demo-request .pdp-hero-section .product-hero-content-form-right {
    padding-bottom: 40px;
}

.demo-request .pdp-hero-section .product-hero-content-form-right .hero-info-wrap.desktop-only {
    width: 75%;
}
}

@media only screen and (max-width: 800px) {
    .demo-request .pdp-hero-section .product-hero-content-form-right .hero-info-wrap.mobile-only {
        padding-top: 0px;
        width: 75%;
        margin: 0 auto !important;
    }

    .demo-request .pdp-hero-section .product-hero-content-form-right .hero-info-wrap.mobile-only {
        margin: 0 auto;
        width: 75%;
        padding: 0 !important;
    }

    .demo-request .pdp-hero-section .hero-eyebrow {
        font-size: 19px !important;
    }
}

.medium {
    font-size: 4.125rem !important;
}
.pdp-text-btn-block-section.fig .pdp-text-btn-block-section-container {
    border-top: none !important;
    border-bottom: none !important;
}
.hero-info-wrap li {
    color: #fff;
    list-style-type: disc;
}

.hero-info-wrap ul {
    margin-left: 40px;
    margin-right: 40px;
}
@font-face {
    font-family: Matter-ChowNow;
    src: url(../fonts/Matter-ChowNow-Regular-Spaced.woff) format("woff2"), url(../fonts/Matter-ChowNow-Regular-Spaced.woff) format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Matter-ChowNow;
    src: url(../fonts/Matter-ChowNow-Medium.woff) format("woff"), url(../fonts/Matter-ChowNow-Medium.woff) format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Matter-ChowNow;
    src: url(../fonts/Matter-ChowNow-SemiBold.woff) format("woff"), url(../fonts/Matter-ChowNow-SemiBold.woff) format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: Matter-ChowNow;
    src: url(../fonts/Matter-ChowNow-Bold.woff) format("woff"), url(../fonts/Matter-ChowNow-Bold.woff) format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
.notfound {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.container-notfound {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
}
.container-notfound-heading {
    max-width: 50%;
}
.notfound-heading {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
    text-align: center;
}
.notfound-subheading {
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.slick-dots {
    list-style: none;
    display: block !important;
    margin: 0;
    padding: 0;
    width: 100%;
}
.slick-dots:focus {
    border: 2px solid #fff;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-right: 15px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots button {
    border: 0;
    background: 0 0;
    display: block;
    height: 15px;
    width: 15px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 10px;
    height: 10px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    font-size: 0;
    background: #d8d8d8;
    border-radius: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots .slick-active button:before {
    background: #000;
}
.slick-disabled {
    visibility: hidden;
}
.cs-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 1.1em;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
}
.cs-modal:before {
    content: "";
    margin-right: -6px;
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
}
.cs-modal .modal-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 99%;
    background: #fff;
    box-sizing: border-box;
    padding: 1em 0;
    text-align: left;
    color: #2f48b0;
    max-width: 675px;
}
.cs-modal .modal-inner:before {
    content: " ";
    display: table;
}
.cs-modal .modal-inner:after {
    content: " ";
    clear: both;
    display: table;
}
.cs-modal .btn-close {
    display: block;
    width: 31px;
    height: 26px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 26px;
    right: 11px;
    padding-top: 5px;
    -webkit-appearance: button;
    cursor: pointer;
}
.cs-modal .blue-close-btn {
    width: 100%;
}
.cs-modal .modal-overlay {
    content: " ";
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.56;
    background: #000;
}
.cs-modal .modal-content {
    padding: 0 1em;
}
.cs-modal .modal-header {
    padding-bottom: 23px;
    border-bottom: 1px solid #2f48b0;
}
.new-marketo-form .marketo-thank-you-message {
    display: none;
}
.new-marketo-form .marketo-thank-you-message p {
    text-align: center;
    color: #0e2033;
    font-size: 16px;
    line-height: 20px;
}
@media only screen and (min-width: 1024px) {
    .new-marketo-form .marketo-thank-you-message p {
        font-size: 18px;
        line-height: 22px;
    }
}
@media only screen and (max-width: 800px) {
    .new-marketo-form .marketo-thank-you-message p {
        color: #0e2033;
    }
}

.new-marketo-form .marketo-thank-you-message.light-theme p {
    color: #fff;
}
.new-marketo-form.gated-content-yes .not-a-restaurant-note {
    display: none !important;
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block {
    border-bottom: 1px solid #0e2033;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block .form-headline {
    color: #333335;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 600;
    padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
    .new-marketo-form .marketo-form-inner-wrapper .form-text-block .form-headline {
        font-size: 30px;
    }
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block .form-copy {
    color: #333335;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 400;
    max-width: 80%;
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block.light-theme {
    border-bottom: 1px solid #fff;
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block.light-theme .form-headline {
    color: #fff;
}
.new-marketo-form .marketo-form-inner-wrapper .form-text-block.light-theme .form-copy {
    color: #fff;
}
.new-marketo-form .mktoForm {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    background-color: transparent;
}
.new-marketo-form .mktoForm * {
    font-family: Matter-ChowNow, Helvetica, Arial, Sans-Serif;
    padding: 0;
}
.new-marketo-form .mktoForm .mktoFormRow {
    width: 100%;
}
.new-marketo-form .mktoForm .mktoFormRow:nth-child(2) {
    max-width: 100%;
}
.new-marketo-form .mktoForm .mktoFormCol {
    float: none;
    margin-bottom: 28px !important;
}
.new-marketo-form .mktoForm .mktoAsterix,
.new-marketo-form .mktoForm .mktoGutter,
.new-marketo-form .mktoForm .mktoOffset {
    display: none !important;
}
.new-marketo-form .mktoForm .mktoFieldWrap {
    position: relative;
    float: none;
}
.new-marketo-form .mktoForm .mktoFieldWrap .mktoLabel {
    float: none;
    font-weight: 400;
    width: 100% !important;
    display: block;
    position: absolute;
    top: -18px;
    display: none;
}
.new-marketo-form .mktoForm .mktoFieldWrap .mktoLabel strong {
    font-weight: 500;
}
.new-marketo-form .mktoForm .mktoFieldWrap .mktoLabel[for="do_you_own_or_operate_a_restaurant"] {
    display: block;
    position: relative;
    top: 0;
    font-size: 16px;
    padding-top: 10px;
}
.new-marketo-form .mktoForm .mktoFieldWrap .mktoField {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #0e2033;
    padding: 0;
    font-size: 15px;
    line-height: 26px;
    color: #0e2033;
    float: none;
    width: 100% !important;
    height: 48px;
    padding: 4px;
}
.new-marketo-form .mktoForm .cs-checkbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.new-marketo-form .mktoForm .cs-checkbox-wrapper .mktoLabel {
    position: static;
    top: 0;
    display: inline-block;
    order: 2;
    width: auto !important;
    margin-top: 3px;
}
.new-marketo-form .mktoForm .mktoCheckboxList {
    float: none;
    width: auto !important;
    order: 1;
    display: inline-block;
}
.new-marketo-form .mktoForm .mktoCheckboxList .mktoField {
    width: auto !important;
    height: auto;
    display: inline-block;
}
.new-marketo-form .mktoForm .mktoCheckboxList label {
    display: none !important;
}
.new-marketo-form .mktoForm .mktoRadioList {
    float: none;
    align-items: center;
    padding-top: 22px;
    width: 100% !important;
}
.new-marketo-form .mktoForm .mktoRadioList label {
    display: inline-block;
    margin: 0 5px;
}
.new-marketo-form .mktoForm .mktoRadioList label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #8c8c8e;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.new-marketo-form .mktoForm .mktoRadioList .mktoField {
    width: auto !important;
    height: auto;
    position: absolute;
    opacity: 0;
}
.new-marketo-form .mktoForm .mktoRadioList .mktoField:checked + label:before {
    background-color: #000;
    box-shadow: inset 0 0 0 4px #fff;
}
.new-marketo-form .mktoForm .mktoRadioList .mktoField:focus + .label:before {
    border-color: #0f5fcc;
}
.new-marketo-form .mktoForm .mktoRadioList .not-a-restaurant-note {
    font-size: 13px;
    height: 32px;
    margin-left: 10px;
    display: inline-block;
    transition: ease all 1s;
}
.new-marketo-form .mktoForm .mktoRadioList .not-a-restaurant-note a {
    display: inline-block;
    font-weight: 600;
}
.new-marketo-form .mktoForm .mktoRadioList .not-a-restaurant-note a:after {
    content: "";
    background: 0 0;
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
.new-marketo-form .mktoForm .mktoRadioList .not-a-restaurant-note a:hover:after {
    background: #0e2033;
    width: 100%;
}
.new-marketo-form .mktoForm .mktoButtonRow {
    width: 100%;
}
.new-marketo-form .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
    margin-top: 35px;
}
.new-marketo-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #0e2033;
    color: #fff;
    width: auto;
    padding: 18px 46px;
    border-radius: 30px;
    text-transform: capitalize;
    border: none;
    font-weight: 500;
    display: inline-block;
    font-size: 14px;
    border: none;
    letter-spacing: 0.02em;
    transition: all ease 0.2s;
}
.new-marketo-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus-visible {
    outline: 2px solid #fd4f57;
}
.new-marketo-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #1a3b5f;
    border: none;
}
.new-marketo-form .mktoForm.two-column-layout .mktoFormRow {
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .new-marketo-form .mktoForm.two-column-layout .mktoFormRow {
        max-width: 48%;
    }
}
.new-marketo-form .mktoForm.two-column-layout .mktoFormRow:nth-child(2) {
    max-width: 100%;
}
.new-marketo-form .mktoForm.light-theme .mktoFieldWrap .mktoLabel {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .mktoFieldWrap .mktoField {
    color: #fff;
    border-color: #fff;
}
.new-marketo-form .mktoForm.light-theme .mktoFieldWrap .mktoField::-moz-placeholder {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .mktoFieldWrap .mktoField::placeholder {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #fff;
    color: #2f48b0;
}
.new-marketo-form .mktoForm.light-theme .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .mktoForm.light-theme .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #dff4f4;
}
.new-marketo-form .mktoForm.light-theme .mktoRadioList label {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .not-a-restaurant-note {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .not-a-restaurant-note a {
    color: #fff;
}
.new-marketo-form .mktoForm.light-theme .not-a-restaurant-note a:hover:after {
    background: #fff;
}
.new-marketo-form.two-step-form-wrap .mktoForm + .next-button-wrap {
    display: block;
}
.new-marketo-form.two-step-form-wrap .two-step-layout .mktoFormRow {
    transition: all ease 0.2s;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
}
.new-marketo-form.two-step-form-wrap .two-step-layout .mktoFormRow:nth-child(-n + 5) {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
}
.new-marketo-form.two-step-form-wrap .two-step-layout .mktoButtonRow {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: all ease 0.2s;
    transition-delay: 0.5s;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap {
    margin-top: 35px;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button {
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
    padding: 18px 46px !important;
    display: inline-block;
    font-size: 14px;
    transition: all ease 0.2s;
    cursor: pointer;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button {
        padding: 10px 33px;
    }
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button:hover {
    background-color: #1a3b5f;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button:focus {
    outline: 2px solid #fd4f57;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button:disabled,
.new-marketo-form.two-step-form-wrap .next-button-wrap .mkto-next-button[disabled="disabled"] {
    background: #8c8c8e;
    cursor: auto;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .light-theme-button {
    color: #0e2033;
    background-color: #fff;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .light-theme-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .light-theme-button:hover {
    background-color: #dff4f4;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .white-button {
    color: #0e2033;
    background-color: #fff;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .white-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .white-button:hover {
    background-color: #dff4f4;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .squid-ink-button {
    color: #fff;
    background-color: #0e2033;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .squid-ink-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .squid-ink-button:hover {
    background-color: #1a3b5f;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .fig-button {
    color: #fff;
    background-color: #2f48b0;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .fig-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .fig-button:hover {
    background-color: #dff4f4;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .fondant-button {
    color: #0e2033;
    background-color: #eeedea;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .fondant-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .fondant-button:hover {
    background-color: #dff4f4;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .goji-berry-button {
    color: #fff;
    background-color: #fd4f57;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .goji-berry-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .goji-berry-button:hover {
    background-color: #fd7e84;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .pistachio-button {
    color: #fff;
    background-color: #50af5a;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .pistachio-button:focus,
.new-marketo-form.two-step-form-wrap .next-button-wrap .pistachio-button:hover {
    background-color: #008854;
}
.new-marketo-form.two-step-form-wrap .next-button-wrap .valid-note {
    display: none;
    font-size: 12px;
    color: red;
}
.new-marketo-form.two-step-form-wrap.second-step .next-button-wrap {
    display: none;
}
.new-marketo-form.two-step-form-wrap.second-step .mktoButtonRow {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
}
.new-marketo-form.two-step-form-wrap.second-step .mktoFormRow {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
    transition-delay: 0.5s;
}
.new-marketo-form.two-step-form-wrap.second-step .mktoFormRow:nth-child(-n + 5) {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition-delay: 0s;
}
.new-marketo-form .fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #eeedea;
    color: #0e2033;
}
.new-marketo-form .fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #dff4f4;
}
.new-marketo-form .white-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #fff;
    color: #0e2033;
}
.new-marketo-form .white-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .white-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #dff4f4;
}
.new-marketo-form .fig-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #2f48b0;
    color: #fff;
}
.new-marketo-form .fig-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .fig-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #1a3b5f;
}
.new-marketo-form .squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #0e2033;
    color: #fff;
}
.new-marketo-form .squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #1a3b5f;
}
.new-marketo-form .pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #50af5a;
    color: #fff;
}
.new-marketo-form .pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #008854;
}
.new-marketo-form .goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #fd4f57;
    color: #fff;
}
.new-marketo-form .goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.new-marketo-form .goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #fd7e84;
}
.fondant-background {
    background: #eeedea;
}
.white-background {
    background: #fff;
}
.fig-background {
    background: #2f48b0;
}
.squid-ink-background {
    background: #0e2033;
}
.goji-berry-background {
    background: #fd4f57;
}
.pistachio-background {
    background: #50af5a;
}
.fondant-background,
.white-background {
    padding: 30px;
    border-radius: 10px;
}
.fondant-background .marketo-form-inner-wrapper *,
.white-background .marketo-form-inner-wrapper * {
    color: #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField,
.white-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField {
    color: #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder,
.white-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder {
    color: #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder,
.white-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder {
    color: #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .form-text-block,
.white-background .marketo-form-inner-wrapper .form-text-block {
    border-bottom: 1px solid #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .form-text-block .form-headline,
.white-background .marketo-form-inner-wrapper .form-text-block .form-headline {
    color: #0e2033;
}
.fondant-background .marketo-form-inner-wrapper .form-text-block .form-copy,
.white-background .marketo-form-inner-wrapper .form-text-block .form-copy {
    color: #0e2033;
}
.fig-background,
.goji-berry-background,
.pistachio-background,
.squid-ink-background {
    padding: 30px;
    border-radius: 10px;
}
.fig-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoLabel,
.goji-berry-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoLabel,
.pistachio-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoLabel,
.squid-ink-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoLabel {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField,
.goji-berry-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField,
.pistachio-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField,
.squid-ink-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField {
    color: #fff;
    border-color: #fff;
}
.fig-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder,
.goji-berry-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder,
.pistachio-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder,
.squid-ink-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::-moz-placeholder {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder,
.goji-berry-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder,
.pistachio-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder,
.squid-ink-background .marketo-form-inner-wrapper .mktoFieldWrap .mktoField::placeholder {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .mktoRadioList label,
.goji-berry-background .marketo-form-inner-wrapper .mktoRadioList label,
.pistachio-background .marketo-form-inner-wrapper .mktoRadioList label,
.squid-ink-background .marketo-form-inner-wrapper .mktoRadioList label {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .not-a-restaurant-note,
.goji-berry-background .marketo-form-inner-wrapper .not-a-restaurant-note,
.pistachio-background .marketo-form-inner-wrapper .not-a-restaurant-note,
.squid-ink-background .marketo-form-inner-wrapper .not-a-restaurant-note {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .not-a-restaurant-note a,
.goji-berry-background .marketo-form-inner-wrapper .not-a-restaurant-note a,
.pistachio-background .marketo-form-inner-wrapper .not-a-restaurant-note a,
.squid-ink-background .marketo-form-inner-wrapper .not-a-restaurant-note a {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .not-a-restaurant-note a:hover:after,
.goji-berry-background .marketo-form-inner-wrapper .not-a-restaurant-note a:hover:after,
.pistachio-background .marketo-form-inner-wrapper .not-a-restaurant-note a:hover:after,
.squid-ink-background .marketo-form-inner-wrapper .not-a-restaurant-note a:hover:after {
    background: #fff;
}
.fig-background .marketo-form-inner-wrapper .form-text-block,
.goji-berry-background .marketo-form-inner-wrapper .form-text-block,
.pistachio-background .marketo-form-inner-wrapper .form-text-block,
.squid-ink-background .marketo-form-inner-wrapper .form-text-block {
    border-bottom: 1px solid #fff;
}
.fig-background .marketo-form-inner-wrapper .form-text-block .form-headline,
.goji-berry-background .marketo-form-inner-wrapper .form-text-block .form-headline,
.pistachio-background .marketo-form-inner-wrapper .form-text-block .form-headline,
.squid-ink-background .marketo-form-inner-wrapper .form-text-block .form-headline {
    color: #fff;
}
.fig-background .marketo-form-inner-wrapper .form-text-block .form-copy,
.goji-berry-background .marketo-form-inner-wrapper .form-text-block .form-copy,
.pistachio-background .marketo-form-inner-wrapper .form-text-block .form-copy,
.squid-ink-background .marketo-form-inner-wrapper .form-text-block .form-copy {
    color: #fff;
}
.fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #eeedea;
    color: #0e2033;
}
.fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.fondant-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #dff4f4;
}
.white-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #fff;
    color: #0e2033;
}
.white-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.white-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #dff4f4;
}
.fig-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #2f48b0;
    color: #fff;
}
.fig-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.fig-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #1a3b5f;
}
.squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #0e2033;
    color: #fff;
}
.squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.squid-ink-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #1a3b5f;
}
.pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #50af5a;
    color: #fff;
}
.pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.pistachio-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #008854;
}
.goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton {
    background: #fd4f57;
    color: #fff;
}
.goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.goji-berry-button .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background: #fd7e84;
}
.modal-marketo-form .modal-content {
    padding: 2em 1em;
}
.get-two-demo.demo-request-section {
    margin-top: 125px;
    position: relative;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section {
        margin: 259px 0 0;
    }
}
.get-two-demo.demo-request-section .demo-request-section-container {
    max-width: 1280px;
    background: #2f48b0;
    margin: 0 auto;
    padding: 90px 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .demo-request-section-container {
        border-radius: 10px;
        padding: 40px 40px;
        margin: 0 20px;
    }
}
@media only screen and (min-width: 1320px) {
    .get-two-demo.demo-request-section .demo-request-section-container {
        margin: 0 auto;
    }
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .demo-request-column-wrapper {
        display: flex;
        padding: 64px 0;
    }
}
@media only screen and (min-width: 1160px) {
    .get-two-demo.demo-request-section .demo-request-column-wrapper {
        padding: 64px 72px;
    }
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-left {
        width: 47%;
        margin: 0 5%;
    }
}
.get-two-demo.demo-request-section .column-left h3 {
    font-size: 40px;
    line-height: 35px;
    letter-spacing: -0.02em;
    color: #fff;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-left h3 {
        font-size: 48px;
        line-height: 40px;
    }
}
@media only screen and (min-width: 1160px) {
    .get-two-demo.demo-request-section .column-left h3 {
        font-size: 65px;
        line-height: 60px;
    }
}
.get-two-demo.demo-request-section .column-left p {
    margin-top: 18px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-left p {
        font-size: 17px;
        line-height: 23px;
    }
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-left p {
        font-size: 19px;
        line-height: 28px;
    }
}
.get-two-demo.demo-request-section .column-left .demo-image {
    display: none;
    width: 100%;
    max-width: 220px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-left .demo-image {
        display: block;
    }

    .toast-lp .get-two-demo.demo-request-section .column-left .demo-image {
        max-width: 375px;
    }

    .us-foods-immersion-event .get-two-demo.demo-request-section .column-left .demo-image {
        max-width: 375px;
    }
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section .column-right {
        width: 62%;
    }
}
.get-two-demo.demo-request-section:after {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.demo-request-section:after {
        background: #fff;
        position: absolute;
        width: 100%;
        height: 290px;
    }
}
.get-two-demo.demo-request-section.fondant:after {
    background-color: #eeedea;
}
.get-two-demo.demo-request-section.white:after {
    background-color: #fff;
}
.get-two-demo.demo-request-section.squid-ink:after {
    background-color: #0e2033;
}
.get-two-demo.demo-request-section.fig:after {
    background-color: #2f48b0;
}
.demo-request-fullwidth {
    background-color: #2f48b0;
}
.demo-request-fullwidth.get-two-demo.demo-request-section {
    margin-top: 0;
    position: unset !important;
}
div.about {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.about__intro {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
    padding: 54px 0 56px 0;
}
div.about__intro__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
}
div.about__intro__content p {
    padding-bottom: 27px;
}
div.about__intro__content h6 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    text-align: right;
}
div.about__section {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border-top: 1px solid #e6e6e6;
}
div.about__section:first-child {
    border: none;
}
div.about__section__title {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 55px 0 44px 0;
}
div.about__section__title h3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
}
div.about__section__content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.about__section__entries {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}
div.about__section__entries dl {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 41px;
}
div.about__section__entries dl dt {
    width: 82.6087%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    margin: 0 8.69565%;
    padding: 6px 0;
}
div.about__section__entries dl dd {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
}
div.about__section__entries dl dd a {
    transition: color 0.2s ease;
}
div.about__section__entries dl dd.logo {
    height: 20px;
    padding: 10px 0;
}
div.about__section__entries dl dd.logo img {
    height: auto;
    max-height: 100%;
    width: auto;
}
div.about__section__entries dl dd.title {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 32px;
    padding: 4px 0 5px 0;
}
div.about__section__entries dl dd.title a {
    color: #0e2033;
    transition: color 0.2s ease;
}
div.about__section__entries dl dd.title a.hover,
div.about__section__entries dl dd.title a:hover {
    color: #fd4f57;
}
div.about__section__entries dl dd.excerpt {
    padding-bottom: 11px;
}
div.about__section__entries dl dd.link a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fd4f57;
    display: inline-block;
    line-height: 24px;
    position: relative;
    transition: color 0.2s ease;
}
div.about__section__entries dl dd.link a:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
div.about__section__entries dl dd.link a.hover,
div.about__section__entries dl dd.link a:hover {
    color: #fd7e84;
}
div.about__section__entries dl dd.link a.hover:after,
div.about__section__entries dl dd.link a:hover:after {
    background: rgba(253, 126, 132, 0.3);
    width: 100%;
}
div.about__section__downloads {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 4px 0 20px 0;
}
div.about__section__downloads div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 36px;
}
div.about__section__downloads div a {
    width: 82.6087%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #8c8c8e;
    display: block;
    margin: 0 8.69565%;
}
div.about__section__downloads div a p {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-radius: 2px;
    margin-bottom: 16px;
    overflow: hidden;
}
div.about__section__downloads div a p img {
    height: auto;
    max-width: 100%;
    width: auto;
}
div.about__section__downloads div a h6 {
    color: #fd4f57;
    transition: color 0.2s ease;
}
div.about__section__downloads div a h6 span {
    display: inline-block;
}
div.about__section__downloads div a h6 span:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
div.about__section__downloads div a:hover h6 {
    color: #fd7e84;
}
div.about__section__downloads div a:hover h6 span:after {
    background: rgba(253, 126, 132, 0.3);
    width: 100%;
}
div.about__section__partners {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 4px 0 0 0;
}
div.about__section__partners ul.common-logos {
    padding: 0;
}
div.about__section#logos div.about__section__downloads div a p {
    box-shadow: 0 0 0 1px #e6e6e6 inset;
    transition: box-shadow 0.2s ease;
}
div.about__section#logos div.about__section__downloads div a:hover p {
    box-shadow: 0 0 0 1px rgba(253, 126, 132, 0.5) inset;
}
div.about__bumper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
    padding: 60px 0 60px 0;
    text-align: center;
}
div.about__bumper dl {
    display: table;
    margin: auto;
}
div.about__bumper dl dt {
    color: #0e2033;
    font-weight: 600;
    line-height: 52px;
}
@media (min-width: 768px) {
    div.about__intro {
        padding: 74px 0 76px 0;
    }
    div.about__section__title {
        padding: 95px 0 44px 0;
    }
    div.about__section__entries {
        padding-bottom: 50px;
    }
    div.about__section__entries dl {
        width: 50%;
    }
    div.about__section__entries dl dd.title {
        font-size: 33px;
        line-height: 36px;
    }
    div.about__section__entries dl dd.excerpt {
        padding-bottom: 11px;
    }
    div.about__section__entries dl.x2 {
        clear: left;
    }
    div.about__section__downloads {
        padding-bottom: 40px;
    }
    div.about__section__downloads div {
        float: left;
        margin-bottom: 56px;
        width: 50%;
    }
    div.about__section__downloads div a p {
        margin-bottom: 26px;
    }
    div.about__section__partners {
        padding-bottom: 70px;
    }
    div.about__bumper {
        padding: 100px 0;
    }
    div.about__bumper dl dt {
        float: left;
        padding-right: 20px;
    }
    div.about__bumper dl dd {
        float: left;
    }
}
@media (min-width: 1024px) {
    div.about__intro__content {
        width: 65.21739%;
        float: left;
        margin: 0 17.3913%;
    }
}
div.anchors {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    height: 58px;
    overflow: hidden;
    position: relative;
    transition: 0.5s ease-in-out;
}
div.anchors__scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    position: relative;
    width: 100%;
}
div.anchors__scroll::-webkit-scrollbar {
    display: none;
}
div.anchors ul {
    display: table;
    font-size: 0;
    margin: 0 auto;
    padding: 0 15px;
    white-space: nowrap;
}
div.anchors ul li {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    display: inline-block;
    line-height: 54px;
    padding: 0 15px;
    white-space: nowrap;
}
div.anchors ul li a {
    border-bottom: 2px solid transparent;
    color: rgba(140, 140, 142, 0.8);
    display: block;
    padding-top: 2px;
    transition: border-color 0.2s ease, color 0.2s ease;
}
div.anchors ul li a:hover {
    color: #8c8c8e;
}
div.anchors ul li.selected a {
    border-color: #fd4f57;
    color: #8c8c8e;
}
div.anchors.fixed {
    border-top: 1px solid #e6e6e6;
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0;
    top: 0;
    bottom: inherit;
}
div.anchors.fixed.down {
    top: 57px;
}
@media only screen and (min-width: 992px) {
    div.anchors.fixed.down {
        top: 100px;
    }
}
div.anchors__sections {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.anchors__sections.fixed {
    padding-top: 58px;
}
div.banner {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 53px;
}
div.banner__headline {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
div.banner__headline .headline_header {
    color: #fff;
    font-size: 27px;
    letter-spacing: -0.025em;
    line-height: 30px;
    margin: 0 4.34783%;
    padding: 115px 0 93px 0;
}
div.banner__headline .headline_header a {
    color: #fff;
    display: inline-block;
    transition: color 0.2s ease;
}
div.banner__headline .headline_header a:hover {
    color: #fd4f57;
}
div.banner__headline .headline_header br {
    display: none;
}
div.banner__headline .headline_header .sq_headLogos {
    display: none;
}
div.banner__headline h3 {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin: 0 8.69565%;
    padding-top: 17px;
}
div.banner__headline h3 br {
    display: none;
}
div.banner__headline h3 span {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 25px;
}
div.banner__headline ul {
    margin: 0 auto;
    padding: 25px 0 45px 0;
}
div.banner__headline ul li {
    margin-top: 10px;
}
div.banner__headline p.banner_fineprint {
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    padding-top: 20px;
}
div.banner__headline p.banner-note {
    bottom: -24px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
div.banner__headline p.banner-note a {
    cursor: pointer;
    text-decoration: none;
}
div.banner__headline__categories {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 13px 0 60px 0;
}
div.banner__headline__categories p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    line-height: 24px;
    margin: 0 4.34783%;
}
div.banner__headline__categories p span {
    display: inline-block;
    padding: 10px 5px 0 5px;
}
div.banner__headline__categories p span a {
    background: #fff;
    border-radius: 30px;
    color: #0e2033;
    display: inline-block;
    padding: 0 8px 0 9px;
    transition: background 0.2s ease, color 0.2s ease;
}
div.banner__headline__categories p span a:hover {
    background: #dff4f4;
}
div.banner__headline__categories p span.selected a {
    background: #dff4f4;
}
div.banner.image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.banner.blog {
    background-color: #0e2033;
    padding-bottom: 0;
}
div.banner.blog div.banner__headline .headline_header {
    padding-bottom: 0;
}
div.banner.mini {
    background: #fff;
    padding-bottom: 0;
}
div.banner.mini div.banner__headline .headline_header {
    color: #0e2033;
    font-weight: 500;
    padding: 135px 0 36px 0;
}
div.banner.mini div.banner__headline .headline_header a {
    color: #0e2033;
}
div.banner.mini div.banner__headline .headline_header a:hover {
    color: #fd4f57;
}
div.banner.plus div.banner__headline .headline_header {
    padding-bottom: 0;
}
div.banner.left div.banner__headline {
    text-align: left;
}
div.banner.left div.banner__headline h3,
div.banner.left div.banner__headline ul {
    margin: 0 4.34783%;
}
@media (min-width: 768px) {
    div.banner__headline .headline_header {
        font-size: 33px;
        line-height: 34px;
    }
    div.banner__headline .headline_header br,
    div.banner__headline h3 br {
        display: inline;
    }
    div.banner__headline .headline_header span,
    div.banner__headline h3 span {
        font-size: 27px;
        line-height: 30px;
    }
    div.banner__headline ul {
        display: table;
        padding: 25px 0 45px 0;
    }
    div.banner__headline ul li {
        float: left;
        margin: 10px 20px 0 20px;
    }
    div.banner.left div.banner__headline ul li {
        margin: 10px 40px 0 0;
    }
}
@media (min-width: 1024px) {
    div.banner {
        padding-bottom: 0;
    }
    div.banner__headline .headline_header {
        font-size: 57px;
        letter-spacing: -0.035em;
        line-height: 57px;
        margin: 0 20%;
        padding: 152px 0 129px 0;
    }
    div.banner__headline h3 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 26.08696%;
        padding-top: 25px;
    }
    div.banner__headline h3 span {
        font-size: 41px;
        line-height: 44px;
    }
    div.banner__headline ul {
        padding: 43px 0 7px 0;
    }
    div.banner__headline p.banner-note {
        bottom: 64px;
        position: relative;
    }
    div.banner.blog div.banner__headline .headline_header {
        padding: 63px 0 0 0;
    }
    div.banner.mini div.banner__headline .headline_header {
        padding: 162px 0 50px 0;
    }
    div.banner.plus {
        height: 720px;
    }
    div.banner.plus div.banner__headline {
        height: 720px;
    }
    div.banner.plus div.banner__headline .headline_header {
        font-size: 63px;
        line-height: 60px;
        padding: 40px 0 0 0;
    }
}
.home div.banner {
    background-position: center top;
}
.home div.banner.plus div.banner__headline .headline_header {
    font-size: 50px;
}
.home div.banner.plus div.banner__headline h3 {
    color: #0e2033;
    margin: 0 4.34783%;
    text-align: left;
    width: 24%;
}
.home div.banner.left div.banner__headline {
    text-align: left;
}
.home div.banner.left div.banner__headline .headline_header {
    color: #0e2033;
    font-size: 50px;
    letter-spacing: -1.76px;
    line-height: 1.17;
    margin: 0 4.34783%;
    width: 38%;
}
@media only screen and (max-width: 768px) {
    div.banner.home.plus.left.image {
        height: 260px;
        padding-bottom: 0;
    }
    .home div.how {
        padding-top: 300px;
    }
    .home div.banner.plus div.banner__headline .headline_header {
        font-size: 40px;
        margin-top: 200px;
        text-align: center;
        width: 90%;
    }
    .home div.banner.plus div.banner__headline h3 {
        text-align: center;
        width: 89%;
    }
    .home div.banner__headline ul {
        float: none;
        text-align: center;
    }
    .home div.banner__headline ul li {
        float: none;
        margin: 0;
        text-align: center;
    }
}
@media (max-width: 636px) {
    .home div.how {
        padding-top: 380px;
    }
}
@media (max-width: 370px) {
    .home div.how {
        padding-top: 470px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .home div.how {
        padding-top: 320px;
    }
    .home div.banner.left div.banner__headline ul {
        margin: 0 auto;
    }
}
div.blog {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.blog .banner__headline__categories a:focus-visible {
    outline: 2px solid #fd4f57;
}
div.blog .blog__post__title dl a:focus-visible {
    outline: 2px solid #fd4f57;
}
div.blog .screen-reader-text {
    display: none;
}
div.blog .nav-links {
    background: #fff;
    float: left;
    padding: 40px 0;
    text-align: center;
    width: 100%;
}
div.blog .nav-links a {
    color: #0e2033;
    font-weight: 600;
    margin: 4px;
    transition: all 0.15s ease;
}
div.blog .nav-links a:focus-visible {
    outline: 2px solid #fd4f57;
}
div.blog .nav-links a:hover {
    color: #fd7e84;
}
div.blog .nav-links .current {
    color: #fd4f57;
    font-weight: 600;
}
div.blog .nav-links .next,
div.blog .nav-links .prev {
    color: #fd4f57;
}
div.blog .nav-links .next:before,
div.blog .nav-links .prev:before {
    border-right: 0.1em solid #fd4f57;
    border-top: 0.1em solid #fd4f57;
    content: "";
    display: inline-block;
    height: 0.55em;
    position: relative;
    transform: rotate(45deg);
    width: 0.55em;
}
div.blog .nav-links .prev:before {
    transform: rotate(224deg);
}
div.blog__post {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #e6e6e6;
    padding: 51px 0 60px 0;
}
div.blog__post:first-child {
    border: none;
}
div.blog__post__wrap {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
}
div.blog__post__title {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.blog__post__title dl {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    line-height: 26px;
}
div.blog__post__title dl dt {
    float: left;
    padding: 0 8px 8px 0;
}
div.blog__post__title dl dd {
    float: left;
    padding: 0 8px 8px 0;
}
div.blog__post__title dl dd a {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 30px;
    color: #0e2033;
    display: inline-block;
    line-height: 24px;
    padding: 0 8px 0 9px;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
div.blog__post__title dl dd a:hover {
    background: #dff4f4;
    color: #0e2033;
}
div.blog__post__title h3 {
    clear: both;
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
    padding: 9px 0 7px 0;
}
div.blog__post__title h3 a {
    color: #0e2033;
    transition: color 0.2s ease;
}
div.blog__post__title h3 a:hover {
    color: #fd4f57;
}
div.blog__post__content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 5px;
}
div.blog__post__link {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 17px;
}
div.blog__post.single {
    padding: 7px 0 22px 0;
}
div.blog__post.odd {
    background-color: #fafafa;
}
div.blog__pagination {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 40px 0;
}
div.blog__pagination.infinite {
    display: none;
}
div.blog__pagination__wrap {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
}
div.blog__pagination ul {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.blog__pagination ul li {
    float: left;
}
div.blog__pagination ul li.next {
    float: right;
}
@media (min-width: 1024px) {
    div.blog__post {
        padding: 71px 0 80px 0;
    }
    div.blog__post__title h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 7px 0 5px 0;
    }
    div.blog__post.single {
        padding: 7px 0 42px 0;
    }
}
#page-blog {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#page-blog .single .entry em,
#page-blog i {
    font-style: italic;
}
#page-blog .single .entry strong,
#page-blog b {
    font-weight: 700;
}
#page-blog .single .entry ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 30px;
}
#page-blog .single .entry ol {
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 30px;
}
#page-blog .single .entry ul ul,
#page-blog ol ul {
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 30px;
}
#page-blog .single .entry ol ol,
#page-blog ul ol {
    list-style-position: outside;
    list-style-type: lower-latin;
    margin-left: 30px;
}
#page-blog .entry {
    border-top: 1px solid #dcdde0;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 55px;
}
#page-blog .entry.alt {
    background-color: #e9eaeb;
}
#page-blog .entry.last {
    background-image: url(../assets/ziggypattern-light.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 130px;
}
#page-blog .entry:first-of-type {
    border-top: 0;
}
#page-blog .entry .row {
    margin: 0 auto;
    max-width: 800px;
}
#page-blog .entry .meta {
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.07em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#page-blog .entry .meta .date {
    font-size: 0.92em;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1em;
    margin-right: 0.92em;
    text-transform: uppercase;
}
@media (max-width: 480px) {
    #page-blog .entry .meta .date {
        display: block;
        margin-bottom: 0.5em;
    }
}
#page-blog .entry .meta a {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 4px;
    color: #36363d;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 24px;
    margin-right: 12px;
    padding: 0 8px 0 9px;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.15s;
}
#page-blog .entry .meta a:hover {
    background-color: #fd4f57;
    color: #fff;
}
#page-blog .entry p {
    font-size: 16px;
    margin: 1em 0;
}
#page-blog .entry h1 {
    font-size: 1.85em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.1em;
    padding: 7px 0 5px;
}
#page-blog .entry h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
#page-blog .entry h3 {
    font-size: 1.17em;
    font-weight: 700;
    margin: 1em 0;
}
#page-blog .entry h4 {
    font-size: 1em;
    font-weight: 700;
    margin: 1.33em 0;
}
#page-blog .entry h5 {
    font-size: 0.83em;
    font-weight: 700;
    margin: 1.67em 0;
}
#page-blog .entry h6 {
    font-size: 0.67em;
    font-weight: 700;
    margin: 2.33em 0;
}
#page-blog .entry .post-banner span {
    padding: 12px;
    border-radius: 10px;
    font-size: 1.25rem;
    display: block;
}
#page-blog .single .entry blockquote {
    margin: 0 40px;
}
#page-blog .entry .excerpt p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
    opacity: 0.7;
}
#page-blog .single {
    padding-bottom: 50px;
}
#page-blog .single .entry {
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: 800px;
}
#page-blog .single img {
    border: #fff;
    height: auto;
    max-width: 100%;
}
#page-blog .single dd img {
    height: auto;
    width: auto;
}
#page-blog .single h1,
#page-blog .single h3 {
    margin-bottom: 10px;
}
#page-blog .comments {
    display: none;
    margin-top: 25px;
}
#page-blog .single .author,
#page-blog .single .tags,
#page-blog .single .tags a {
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    font-weight: 400;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
#page-blog .single .content {
    margin-top: 1px;
}
#page-blog .single .content hr {
    border: 0;
    border-top: 1px solid #dcdde0;
}
#page-blog .single .content p {
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    margin-bottom: 20px;
}
#page-blog .single .content a:hover {
    color: #bc534b;
}
#page-blog .single .content li {
    font-size: 18px;
    line-height: 1.5em;
}
#page-blog .single .content table,
#page-blog .single .content td,
#page-blog .single .content tr {
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    margin-bottom: 25px;
}
#page-blog .single .content b,
#page-blog .single .content strong {
    letter-spacing: 0;
}
#page-blog .single .comments h3 {
    font-style: normal;
    font-weight: 100;
    margin-bottom: 25px;
}
#page-blog .single .comments > p {
    font-style: normal;
    text-transform: uppercase;
}
#page-blog .tags li {
    float: none;
    margin-right: 0.25em;
}
#page-blog .comments h3 {
    font-size: 23pt;
    font-style: normal;
    font-weight: 100;
    letter-spacing: -0.015em;
}
#page-blog .blog-navigation {
    background-image: url(../assets/ziggypattern-light.png);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #dcdde0;
    padding-bottom: 110px;
    text-align: center;
}
#page-blog .blog-navigation a {
    color: #5b5b67;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.15s;
}
#page-blog .blog-navigation a:hover {
    color: #fd4f57;
}
#btn-backBlog {
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1em;
    margin-left: 0.667em;
    text-transform: uppercase;
    vertical-align: middle;
}
#page-blogrecent {
    background: #e9eaeb;
    background-image: url(../assets/ziggypattern-light.png);
    background-position: bottom;
    background-repeat: repeat-x;
    border-bottom: 1px solid #dcdde0;
    line-height: 1.5em;
    padding-bottom: 95px;
}
#page-blogrecent .container {
    padding: 50px 0;
}
#page-blogrecent .row {
    margin: 0 auto;
    max-width: 800px;
}
#page-blogrecent h2 {
    font-size: 23pt;
    font-style: normal;
    font-weight: 100;
    letter-spacing: -0.015em;
    margin-bottom: 25px;
}
#page-blogrecent ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}
#page-blogrecent a {
    transition: 0.15s;
}
#page-blogrecent a:hover {
    color: #fd4f57;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    float: right;
    margin: 1em;
}
img.alignleft {
    float: left;
    margin: 1em;
}
@media screen and (max-width: 480px) {
    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0.1em;
    }
}
dd.wp-caption-text.gallery-caption {
    display: none;
}
dl.gallery-item dt.gallery-icon a img:hover {
    opacity: 0.8;
}
div.contact {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}
div.contact__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565% 27px 8.69565%;
    text-align: center;
}
div.contact__form {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783% 60px 4.34783%;
}
div.contact__map {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #e6e6e6;
    height: 400px;
    position: relative;
}
div.contact__map__content {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    z-index: 1;
}
div.contact__map__content h2 {
    margin: 0 auto 24px auto;
    width: 40px;
}
div.contact__map__content h2 img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
}
div.contact__map__content h3 {
    color: #0e2033;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 36px;
    padding-bottom: 10px;
}
div.contact__map__content ul {
    padding-bottom: 21px;
}
div.contact__map__google {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    height: 400px;
}
@media (min-width: 480px) {
    div.contact__form {
        margin-bottom: 80px;
    }
}
div.customers {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #0e2033;
    background-size: 574px 326px;
    position: relative;
}
div.customers h2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding-top: 25px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
div.customers__slides {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
div.customers__controller {
    bottom: 30px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
div.customers__controller ul {
    display: table;
    margin: 0 auto;
}
div.customers__controller ul li {
    float: left;
    padding: 0 10px;
}
div.customers__controller ul li a {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    display: block;
    height: 8px;
    transition: background-color 0.2s ease;
    width: 8px;
}
div.customers__controller ul li a:hover {
    background: #fff;
}
div.customers__controller ul li a span {
    display: none;
}
div.customers__controller ul li.selected a {
    background: #fff;
}
div.customers__controller ul li.more,
div.customers__controller ul li.slash {
    display: none;
}
div.customers div.customer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.customers div.customer div.container {
    height: 530px;
}
div.customers div.customer__content {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783%;
    text-align: center;
}
div.customers div.customer__content h3 {
    color: #fff;
    font-size: 24px;
    letter-spacing: -0.025em;
    line-height: 28px;
}
div.customers div.customer__content h3 span.quote {
    font-weight: 600;
}
div.customers div.customer__content h3 span.quote.left {
    padding-right: 3px;
}
div.customers div.customer__content h3 span.quote.right {
    padding-left: 3px;
}
div.customers div.customer__content__watch {
    display: block;
    height: 74px;
    padding-top: 33px;
}
div.customers div.customer__content__watch a {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 70px;
    display: block;
    height: 70px;
    margin: 0 auto;
    position: relative;
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 70px;
}
div.customers div.customer__content__watch a svg {
    height: 14px;
    left: 31px;
    position: absolute;
    top: 28px;
    width: 10px;
}
div.customers div.customer__content__watch a svg path {
    fill: #fff;
}
div.customers div.customer__content__watch a:hover {
    background: #fd4f57;
    border-color: #fd4f57;
}
div.customers div.customer__content h4 {
    color: rgba(255, 255, 255, 0.65);
    font-size: 18px;
    line-height: 24px;
    padding-top: 34px;
}
div.customers div.customer__content h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
div.customers div.customer__content__logo {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: block;
    padding-top: 16px;
}
div.customers div.customer__content__logo div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.customers div.customer__content__logo div span {
    display: block;
    margin: 0 auto;
    width: 120px;
}
div.customers div.customer__content__logo div span svg {
    height: auto;
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}
div.customers div.customer__content__logo div span svg path {
    fill: #fff;
}
div.customers div.customer__content__logo div span img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
@media (min-width: 768px) {
    div.customers h2 {
        padding-top: 45px;
    }
    div.customers__controller {
        bottom: 25px;
    }
    div.customers__controller ul {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.05em;
        line-height: 16px;
        line-height: 54px;
    }
    div.customers__controller ul li {
        padding: 0 20px;
    }
    div.customers__controller ul li a {
        background: 0 0;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        color: rgba(255, 255, 255, 0.3);
        display: inline-block;
        height: auto;
        padding-top: 2px;
        transition: border-color 0.2s ease, color 0.2s ease;
        width: auto;
    }
    div.customers__controller ul li a:hover {
        background: 0 0;
        border-color: rgba(255, 255, 255, 0.1);
        color: #fff;
    }
    div.customers__controller ul li a span {
        display: inline-block;
    }
    div.customers__controller ul li.selected a {
        background: 0 0;
        border-color: #fd4f57;
        color: #fff;
    }
    div.customers__controller ul li.slash {
        background: url(../images/svg/slash.svg) no-repeat;
        display: inline-block;
        height: 32px;
        margin-top: 13px;
        opacity: 0.25;
        padding: 0;
        width: 8px;
    }
    div.customers__controller ul li.more {
        display: inline-block;
    }
    div.customers div.customer div.container {
        height: 680px;
    }
    div.customers div.customer__content {
        width: 82.6087%;
        float: left;
        margin: 0 8.69565%;
        padding-top: 0;
    }
    div.customers div.customer__content h3 {
        font-size: 36px;
        line-height: 42px;
    }
    div.customers div.customer__content h3 span.quote.left {
        padding-right: 6px;
    }
    div.customers div.customer__content h3 span.quote.right {
        padding-left: 6px;
    }
    div.customers div.customer__content__watch {
        padding-top: 29px;
    }
}
@media (min-width: 1024px) {
    div.customers div.customer__content h3 {
        font-size: 48px;
        letter-spacing: -0.04em;
        line-height: 52px;
    }
}
.demo-page-wrapper {
    background-color: #eeedea;
}
.demo-page-inner-wrap {
    max-width: 1172px;
    margin: 0 auto;
    padding: 0 20px;
}
.demo-column-wrapper {
    padding: 43px 20px;
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper {
        display: flex;
        padding: 120px 0 45px;
    }
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper .demo-column {
        width: 50%;
    }
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper .demo-left {
        padding-left: 19px;
    }
}
.demo-column-wrapper .demo-left p {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.02em;
}
.demo-column-wrapper .demo-left ul {
    margin-top: 9px;
    list-style-type: disc;
    padding-left: 16px;
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper .demo-left ul {
        margin-top: 25px;
    }
}
.demo-column-wrapper .demo-left ul li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 2px;
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper .demo-left ul li {
        font-size: 16px;
    }
}
.demo-column-wrapper .headline {
    font-size: 27px;
    line-height: 37px;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
    .demo-column-wrapper .headline {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 37px;
    }
}
.demo-column-wrapper .demo-note {
    max-width: 380px;
}
.demo-column-wrapper .demo-right {
    margin-top: 15px;
}
@media only screen and (min-width: 940px) {
    .demo-column-wrapper .demo-right {
        margin-top: 0;
        width: 46%;
        margin-left: auto;
    }
}
.demo-bot-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
}
.demo-bot-section .video-section-container {
    position: relative;
    width: 100%;
    transition: max-height 0.6s ease-in-out;
    z-index: 1;
}
.demo-bot-section .hero-play-button-cover {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.demo-bot-section .hero-play-button-cover:hover .hero-play-button-wrap {
    background-color: #dff4f4;
    border-color: #dff4f4;
}
.demo-bot-section .hero-play-button-cover:hover .hero-play-button path {
    fill: #0e2033;
}
.demo-bot-section .hero-play-button-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -19px;
    border: 1px solid #2f48b0;
    padding: 10px 26px;
    border-radius: 70px;
    background-color: #2f48b0;
}
@media only screen and (min-width: 667px) {
    .demo-bot-section .hero-play-button-wrap {
        margin-left: -53px;
        margin-top: -29px;
        padding: 19px 41px;
    }
}
@media only screen and (min-width: 992px) {
    .demo-bot-section .hero-play-button-wrap {
        margin-left: -67px;
        margin-top: -39px;
        padding: 26px 53px;
    }
}
.demo-bot-section .hero-play-button {
    width: 16px;
    height: 15px;
    display: block;
}
@media only screen and (min-width: 667px) {
    .demo-bot-section .hero-play-button {
        width: 20px;
        height: 19px;
    }
}
@media only screen and (min-width: 992px) {
    .demo-bot-section .hero-play-button {
        width: 26px;
        height: 25px;
    }
}
.demo-bot-section .demo-video-content {
    margin: 0 auto;
}
.demo-bot-section .wistia_responsive_padding {
    padding: 56.25% 0 0 0;
    position: relative;
}
.demo-bot-section .wistia_responsive_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.demo-bot-section .wistia_embed {
    height: 100%;
    position: relative;
    width: 100%;
}
.demo-bot-section .wistia_swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 0.2s;
    width: 100%;
}
.demo-bot-section .wistia_preview_image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.demo-bot-section video {
    width: 100%;
}
div.demo .main {
    height: 100%;
}
div.demo__content {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 17.3913% 0 0 0;
}
div.demo__note {
    margin: 17px 5% 50px 5%;
    width: 90%;
}
div.demo__note p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fff;
    line-height: 18px;
    text-align: center;
}
div.demo__note p span {
    padding: 0 4px;
}
div.demo__note p a {
    color: #fd4f57;
}
div.demo__note p a:hover {
    color: #fd7e84;
}
div.demo__note p a:hover:after {
    background: rgba(253, 126, 132, 0.3);
}
div.discover {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}
div.discover__bgfloat {
    background: #f5f5f5;
    display: none;
    height: 307px;
    left: 0;
    position: absolute;
    top: 19%;
    width: 100%;
    z-index: 98;
}
div.discover__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565% 40px;
    position: relative;
    text-align: center;
    z-index: 99;
}
div.discover__content h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding: 55px 0 16px 0;
}
div.discover__content p {
    color: #0e2033;
    font-weight: 400;
    padding-bottom: 10px;
}
div.discover .common-button.standard {
    padding-bottom: 0;
}
div.discover__title__tag span {
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 16px;
}
div.discover__visual {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 0 60px 0;
    position: relative;
    z-index: 99;
}
div.discover__visual__image {
    margin-left: -10%;
    width: 120%;
}
div.discover__visual__image img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    max-height: 400px;
    width: 200px;
}
@media (min-width: 1024px) {
    div.discover__content,
    div.discover__visual {
        height: 500px;
        padding: 15px 0 60px 0;
    }
    div.discover__bgfloat {
        display: initial;
    }
    div.discover__content {
        width: 34.78261%;
        float: left;
        margin-right: 4.16667%;
        margin: 0 0 0 4.34783%;
        text-align: left;
    }
    div.discover__content h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 0 0 10px 0;
    }
    div.discover__visual {
        width: 43.47826%;
        float: left;
        margin-right: 4.16667%;
        margin-right: 4.34783%;
        padding: 0;
    }
    div.discover__visual__image {
        margin: 0;
        margin-top: 24px;
        width: auto;
    }
    div.discover__visual__image img {
        margin: 0 0 0 auto;
        margin-right: 40px;
    }
}
div.error {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    display: none;
    height: 0;
    position: relative;
    z-index: 1000;
}
div.error__content {
    width: 91.30435%;
    float: left;
    padding: 37px 4.34783% 36px 4.34783%;
}
div.error__content p {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 60px;
    text-align: center;
}
div.error__close {
    height: 100%;
    right: 4.34783%;
    top: 0;
    z-index: 1;
}
div.error__close a {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
div.error.fixed {
    bottom: 0;
    position: fixed;
}
div.error.open {
    display: block;
}
@media (min-width: 480px) {
    div.error__content p {
        font-size: 16px;
        line-height: 18px;
    }
}
div.features {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
    background-size: 574px 326px;
}
div.features__wrap {
    width: 91.30435%;
    float: left;
    margin: 120px 4.34783% 0 4.34783%;
}
div.features h2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    color: #0e2033;
    padding-top: 45px;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
div.features .container .features__wrap h2 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #0e2033;
    padding-top: 45px;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
div.features div.feature {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: left;
}
div.features div.feature__frame {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: 0 0;
    box-shadow: none;
    position: relative;
}
div.features div.feature__title {
    width: 82.6087%;
    float: left;
    margin: 21px 8.69565% 0;
}
div.features div.feature__title h3 {
    color: #0e2033;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
div.features div.feature__title hr {
    background: rgba(140, 140, 142, 0.5);
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 15px;
}
div.features div.feature__icon {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.features div.feature__icon__image {
    display: table;
    height: 60px;
    margin: 0 0 0 8.69565%;
}
div.features div.feature__icon__image div {
    display: table-cell;
    vertical-align: middle;
}
div.features div.feature__icon__image div img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
div.features div.feature__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    padding: 20px 0;
}
div.features div.feature__content p {
    color: #0e2033;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
}
@media (min-width: 768px) {
    div.features__wrap {
        margin-top: 120px;
    }
    div.features div.feature {
        width: 47.82609%;
        float: left;
        margin: 0 4.34783% 30px 0;
    }
    div.features div.feature.x1,
    div.features div.feature.x3,
    div.features div.feature.x5 {
        margin-right: 0;
    }
    div.features div.feature.x2,
    div.features div.feature.x4 {
        clear: left;
    }
    div.features div.feature__frame {
        min-height: 162px;
    }
    div.features div.feature__title h3 {
        font-size: 15px;
        line-height: 1;
    }
}
@media (min-width: 1024px) {
    div.features__wrap {
        margin: 120px 4.34783% 40px 4.34783%;
    }
    div.features div.feature {
        width: 30.43478%;
        float: left;
        margin: 0 4.34783% 40px 0;
    }
    div.features div.feature.x1,
    div.features div.feature.x3 {
        margin-right: 4.34783%;
    }
    div.features div.feature.x2,
    div.features div.feature.x4 {
        clear: none;
    }
    div.features div.feature.x2 {
        margin-right: 0;
    }
    div.features div.feature.x3 {
        clear: left;
    }
    div.features div.feature__frame {
        min-height: 192px;
    }
}
div.footer {
    clear: both;
}
div.footer .helping-section {
    background-color: #fff;
    padding-top: 132px;
}
@media only screen and (min-width: 767px) {
    div.footer .helping-section {
        padding-top: 123px;
    }
}
div.footer .helping-section-container {
    text-align: center;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
div.footer .home-helping-content {
    position: relative;
}
div.footer .home-helping-content:after {
    content: "";
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 23px;
    left: 0;
}
@media only screen and (min-width: 767px) {
    div.footer .home-helping-content:after {
        bottom: 46px;
    }
}
div.footer .footer-helping-title {
    font-size: 2.2rem;
    max-width: 700px;
    line-height: 1;
    margin: 0 auto;
    letter-spacing: -0.06rem;
    margin-bottom: 33px;
}
@media only screen and (min-width: 767px) {
    div.footer .footer-helping-title {
        font-size: 3.7rem;
        margin-bottom: 40px;
    }
}
div.footer .CNteam-signature {
    margin: 0 auto;
    z-index: 10;
    position: relative;
    max-width: 57%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
div.footer .footer-section-wrap {
    background-color: #fff;
    position: relative;
}
div.footer .footer-section-wrap.sub-section {
    background-color: #0e2033;
}
div.footer .footer-inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em 45px 5em;
}
@media only screen and (min-width: 1024px) {
    div.footer .footer-inner-wrap {
        display: flex;
        justify-content: space-evenly;
        padding: 2.7em 2em 6.5em;
    }
}
div.footer .button-column {
    margin: 0 auto;
    max-width: 137px;
}
@media only screen and (min-width: 1024px) {
    div.footer .button-column {
        width: 11.3%;
    }
}
div.footer .button-link {
    font-size: 0.9rem;
    border: 1px solid #0e2033;
    color: #0e2033;
    border-radius: 30px;
    padding: 4px 0;
    margin-bottom: 6px;
    text-align: center;
    display: block;
}
div.footer .button-link:focus-visible {
    outline: 2px solid #fd4f57;
}
div.footer .button-link:hover {
    background-color: #dff4f4;
}
div.footer .footer-col {
    margin-top: 69px;
}
@media only screen and (min-width: 667px) {
    div.footer .footer-col {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 1024px) {
    div.footer .footer-col {
        margin-top: 0;
        width: 80%;
        justify-content: space-between;
        align-items: flex-start;
    }
}
div.footer .footer-nav-col {
    display: flex;
    align-items: baseline;
    margin-bottom: 11px;
    margin-top: 26px;
}
@media only screen and (min-width: 667px) {
    div.footer .footer-nav-col {
        width: 50%;
        display: block;
    }
}
@media only screen and (min-width: 1024px) {
    div.footer .footer-nav-col {
        margin-top: 0;
        margin-bottom: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    div.footer .footer-nav-col {
        width: auto;
        margin-bottom: 0;
        display: block;
    }
    div.footer .footer-nav-col:nth-child(even) {
        margin-left: 0;
    }
}
div.footer .footer-nav-title {
    font-size: 0.9rem;
    color: #0e2033;
    font-weight: 500;
    margin-bottom: 31px;
    line-height: 1.2;
    width: 80px;
    margin-right: 10px;
}
@media only screen and (min-width: 667px) {
    div.footer .footer-nav-title {
        width: auto;
        margin-right: 0;
    }
}
div.footer .menu-item a {
    font-size: 0.9rem;
    color: #6f6f6f;
    display: block;
}
div.footer .menu-item a:hover {
    color: #0e2033;
}
div.footer .social-copyright {
    padding: 20px 23px 20px;
    display: block;
}
@media only screen and (min-width: 667px) {
    div.footer .social-copyright {
        display: flex;
        align-items: center;
    }
}
@media only screen and (min-width: 1200px) {
    div.footer .social-copyright {
        padding: 26px 23px;
        max-width: 1130px;
    }
}
div.footer .footer-social {
    display: flex;
    margin-right: auto;
    flex-wrap: wrap;
    align-items: center;
}
div.footer .footer-logo {
    max-width: 120px;
    height: 100%;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 667px) {
    div.footer .footer-logo {
        max-width: 167px;
    }
}
div.footer .sub-footer-socials {
    display: flex;
}
@media only screen and (min-width: 667px) {
    div.footer .sub-footer-socials {
        margin-left: 29px;
    }
}
div.footer .sub-footer-socials img {
    width: 46px;
    height: 45px;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 667px) {
    div.footer .sub-footer-socials li {
        margin-left: 7px;
    }
}
div.footer .copyright {
    color: #fff;
    font-size: 12px;
}
@media only screen and (min-width: 667px) {
    div.footer .copyright {
        text-align: right;
    }
}

.screen-reader-text {
    display: none;
}
body.no-overflow {
    overflow: hidden;
}
#wpadminbar {
    top: 0;
    position: fixed;
}
.admin-bar .site-header {
    top: 46px;
}
@media only screen and (min-width: 783px) {
    .admin-bar .site-header {
        top: 32px;
    }
}
#drift-frame-controller {
    z-index: 1000 !important;
}
.sub-overlay {
    display: none;
}
@media only screen and (min-width: 992px) {
    .sub-overlay.show {
        display: block;
        background: #000;
        opacity: 0.3;
        width: 100%;
        height: 100%;
        z-index: 100;
        position: fixed;
    }
}
.skip-navigation {
    color: #fff;
    background: #0e2033;
    z-index: 100000;
    position: fixed;
    width: 1px;
    height: 1px;
    text-align: center;
    transition: background 0.2s ease, border-color 0.2s ease;
    opacity: 0;
    font-weight: 500;
    text-decoration: none;
}
.skip-navigation:focus {
    padding: 21px;
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
}

#announcement-banner-container {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    color: #fff;
    background-color: #2F48B0;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    #announcement-banner-container {
        margin-bottom: 0;
    }

    #announcement-banner a::before {
        content: "\a";
    white-space: pre;
    }

    .home .site-header-top-wrap {
        min-height: 55px;
    }

    .home .main {
        padding-top: 80px;
    }
}

#announcement-banner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 14px;
    line-height: 22px;
}

#announcement-banner a {
    font-size: 13px;
    letter-spacing: 1pt;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 8px;
}

.site-header {
    background: #0e2033;
    border-bottom: none;
    width: 100%;
    position: fixed;
    box-sizing: border-box;
    z-index: 10000;
    top: 0;
    transition: top 0.5s ease-in-out;
    height: auto;
}
.site-header.nav-up {
    top: -57px;
}
.site-header.white-line {
    border-bottom: 1px solid rgba(218, 218, 218, 0.3);
}
.site-header.open {
    background-color: #0e2033;
}
@media only screen and (min-width: 992px) {
    .site-header {
        padding: 0 0 34px;
        height: auto;
    }
    .site-header.nav-up {
        top: -101px;
    }
}
.site-header .menu-product-link .menu-item-link {
    position: relative;
}
@media only screen and (min-width: 992px) {
    .site-header .menu-product-link .menu-item-link:before {
        content: "";
        background-image: url(../../dist/images/svg/menu-down-chev.svg);
        height: 6px;
        width: 10px;
        display: block;
        position: absolute;
        top: 12px;
        right: -15px;
        background-size: cover;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .menu-product-link .menu-item-link:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        background-image: none;
        height: auto;
        top: auto;
        width: 80px;
        bottom: -34px;
        border-bottom: 2px solid transparent;
        left: 0;
        margin: 0 auto;
    }
}
.site-header.show {
    display: block;
    left: 0;
    background: #0e2033;
    box-sizing: border-box;
    transition: top 0.5s ease-in-out;
    height: 100%;
    overflow-y: scroll;
}
@media only screen and (min-width: 992px) {
    .site-header.show {
        height: auto;
        overflow-y: visible;
    }
}
.site-header.show .navigation-wrapper {
    display: block;
    padding: 37px 0 9px;
    box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
    .site-header.show .navigation-wrapper {
        display: flex;
        padding: 0;
        height: auto;
    }
}
.site-header.show .sub-nav {
    transition: max-height 0.35s ease-in;
    max-height: initial;
    overflow: auto;
    visibility: visible;
    margin-top: 21px;
}
@media only screen and (min-width: 992px) {
    .site-header.show .sub-nav {
        max-height: 654px;
        visibility: hidden;
        max-height: none;
        overflow: hidden;
        margin-top: 0;
    }
    .site-header.show .sub-nav.show {
        max-height: initial;
        overflow: auto;
        visibility: visible;
    }
}
.site-header.show .menu-buttons-links {
    display: block;
}
@media only screen and (min-width: 992px) {
    .site-header.show .menu-buttons-links {
        display: none;
    }
}
.site-header .site-header-inner-wrap {
    position: relative;
    box-sizing: border-box;
    overflow-y: scroll;
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-inner-wrap {
        height: auto;
        overflow: visible;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-inner-wrap.show .navigation-wrapper {
        display: flex;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-inner-wrap.show .menu-product-link .menu-item-link:before {
        transform: rotateZ(180deg);
    }
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-inner-wrap.show .menu-product-link .menu-item-link:after {
        border-bottom: 2px solid #fff;
    }
}
.site-header .site-header-top-inner {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    box-sizing: border-box;
    align-items: center;
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-top-inner {
        display: block;
        width: auto;
        padding: 0;
    }
}
.site-header .site-header-top-wrap {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .site-header .site-header-top-wrap {
        max-width: 1340px;
        margin: 65px auto 0;
        display: flex;
        align-items: center;
    }
}
.site-header .site-branding {
    z-index: 100;
    position: relative;
}
@media only screen and (min-width: 992px) {
    .site-header .site-branding {
        padding-left: 19px;
    }
}
.site-header .site-branding a {
    display: block;
    max-width: 115px;
    cursor: pointer;
}
@media only screen and (min-width: 330px) {
    .site-header .site-branding a {
        max-width: 132px;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .site-branding a {
        margin: 0;
        padding: 0;
    }
}
.site-header .site-branding a img {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.site-header .navigation-wrapper {
    display: none;
    width: auto;
}
@media only screen and (min-width: 992px) {
    .site-header .navigation-wrapper {
        display: flex;
        width: 86%;
        margin: 0 0 0 auto;
        align-items: center;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .navigation-wrapper .mobile-only-menu {
        display: none;
    }
}
.site-header .mobile-right-buttons {
    margin-left: auto;
}
.site-header .menu-toggle {
    vertical-align: middle;
    background: 0 0;
    border: none;
    z-index: 100;
    cursor: pointer;
}
.site-header .menu-toggle:focus-visible {
    outline: 2px solid #fd4f57;
}
.site-header .menu-toggle .mobile-nav-icon {
    width: 20px;
    height: 20px;
}
.site-header .menu-toggle .close-icon {
    display: none;
}
.site-header .mobile-nav-get-demo {
    transition: 0.35s ease-in-out;
    padding: 5px 12px;
    font-size: 14px;
    margin-right: 15px;
    vertical-align: middle;
    background-color: #2f48b0;
    color: #fff;
    border-radius: 30px;
}
@media only screen and (min-width: 420px) {
    .site-header .mobile-nav-get-demo {
        padding: 5px 16px;
    }
}
.site-header .mobile-nav-get-demo.hide {
    display: none;
}
.site-header .menu-buttons-links {
    display: none;
    padding: 30px 0;
    max-width: 100%;
    margin: 0 32px;
    box-sizing: border-box;
    border-top: 1px solid rgba(218, 218, 218, 0.3);
}
@media only screen and (min-width: 992px) {
    .site-header .menu-buttons-links {
        display: none;
    }
}
.site-header .menu-buttons-links .buttons-wrap {
    margin: 60px auto 0;
    width: auto;
}
@media only screen and (min-height: 590px) {
    .site-header .menu-buttons-links .buttons-wrap {
        margin: 100px 0 0;
        width: 100%;
    }
}
.site-header .menu-buttons-links .demo-button {
    background-color: #2f48b0;
    color: #fff;
    border-radius: 30px;
    padding: 10px 33px;
    font-size: 16px;
    display: block;
    text-align: center;
}
.site-header .menu-buttons-links .demo-button:focus-visible {
    outline: 2px solid #fd4f57;
}
.site-header .mobile-menu-order-food-link {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    cursor: pointer;
    display: block;
}
.site-header .mobile-menu-order-food-link:hover {
    color: #dff4f4;
}
.site-header .mobile-menu-login-link {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    cursor: pointer;
    display: block;
    margin-top: 13px;
}
.site-header .mobile-menu-login-link:hover {
    color: #dff4f4;
}
.site-header .mobile-menu-phone-link {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin-top: 15px;
    cursor: pointer;
}
.site-header .mobile-menu-phone-link:hover {
    color: #dff4f4;
}
.site-header .main-navigation {
    margin: 0 32px;
}
@media only screen and (min-width: 992px) {
    .site-header .main-navigation {
        width: 52%;
        margin: 0;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .main-navigation .menu {
        display: flex;
        justify-content: space-around;
    }
}
.site-header .main-navigation .menu li.menu-item {
    margin-bottom: 21px;
}
@media only screen and (min-width: 992px) {
    .site-header .main-navigation .menu li.menu-item {
        margin-bottom: 0;
    }
}
.site-header .main-navigation .menu li.menu-item .menu-item-link {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 25px;
    font-size: 24px;
    font-weight: 500;
    box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
    .site-header .main-navigation .menu li.menu-item .menu-item-link {
        font-weight: 400;
        line-height: 31px;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
}
.site-header .main-navigation .menu .desktop-only {
    display: none;
}
@media only screen and (min-width: 992px) {
    .site-header .main-navigation .menu .desktop-only {
        display: block;
    }
}
.site-header .right-buttons-wrapper {
    width: 100%;
    display: none;
}
@media only screen and (min-width: 992px) {
    .site-header .right-buttons-wrapper {
        width: 32%;
        margin-left: auto;
        display: flex;
        align-items: center;
    }
}
@media only screen and (min-width: 1200px) {
    .site-header .right-buttons-wrapper {
        width: 26%;
    }
}
.site-header .right-buttons-wrapper a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 28px;
}
@media only screen and (min-width: 992px) {
    .site-header .right-buttons-wrapper a {
        padding: 5px 19px;
        line-height: 17px;
        position: relative;
        margin-left: 5px;
    }
}
.site-header .right-buttons-wrapper .login-button {
    margin-left: auto;
}
.site-header .right-buttons-wrapper .login-button:focus-visible {
    outline: 2px solid #fd4f57;
}
.site-header .right-buttons-wrapper .order-better-button {
    position: relative;
}
.site-header .right-buttons-wrapper .order-better-button:after {
    content: "";
    height: 34px;
    border-left: 1px solid #fff;
    width: 1px;
    position: absolute;
    top: -6px;
    right: -19px;
    z-index: 10;
}
.site-header .right-buttons-wrapper .order-better-button:hover {
    color: #dff4f4;
}
.site-header .right-buttons-wrapper .demo-button {
    transition: 0.35s ease-in-out;
    background-color: #2f48b0;
    border-radius: 30px;
}
.site-header .right-buttons-wrapper .demo-button:focus-visible {
    outline: 2px solid #fd4f57;
}
.site-header .sub-nav {
    width: 100%;
    background-color: #0e2033;
    transition: 0.35s ease-in-out;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav {
        position: absolute;
        left: 0;
        top: 65px;
    }
}
.site-header .sub-nav.show {
    margin-top: 21px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav.show {
        margin-top: 60px;
        max-height: initial;
        overflow: auto;
        visibility: visible;
        border-top: 1px solid #273648;
        border-bottom: 1px solid rgba(218, 218, 218, 0.3);
        max-height: 645px;
    }
}
.site-header .sub-nav .sub-nav-container {
    border-bottom: 1px solid rgba(218, 218, 218, 0.3);
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-container {
        border-bottom: 0;
    }
}
.site-header .sub-nav .sub-nav-content {
    margin: 0 auto;
    position: relative;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-content {
        max-width: 1280px;
        padding: 60px 35px;
    }
}
.site-header .sub-nav .sub-close-icon {
    display: none;
}
.site-header .sub-nav .sub-close-icon:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-close-icon {
        display: block;
        position: absolute;
        top: 30px;
        right: 50px;
        height: 22px;
        width: 22px;
        cursor: pointer;
    }
}
.site-header .sub-nav .sub-close-icon img {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .subnav-section-container {
        display: flex;
    }
}
.site-header .sub-nav .sub-nav-section-wrap {
    margin-bottom: 33px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-section-wrap {
        width: 67%;
        margin-bottom: 0;
    }
}
.site-header .sub-nav .sub-nav-section-2 .subnav-section-name {
    display: block;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-section-2 {
        width: 30%;
        margin-left: auto;
    }
}
.site-header .sub-nav .subnav-section-name {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    display: none;
    margin-bottom: 18px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .subnav-section-name {
        display: block;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .subnav-link-wrap {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        justify-content: space-between;
        max-width: 94%;
        position: relative;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-section-1 .subnav-link-wrap:after {
        content: "";
        position: absolute;
        right: -44px;
        width: 1px;
        height: 100%;
        display: block;
        top: 0;
        border-right: 1px solid rgba(218, 218, 218, 0.3);
    }
}
.site-header .sub-nav .sub-nav-column {
    color: #0e2033;
    box-sizing: border-box;
    border-radius: 9px;
    position: relative;
    background-color: #eeedea;
    padding: 30px 29px;
    margin: 10px 0;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-column {
        max-width: 31%;
        padding: 16px 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .site-header .sub-nav .sub-nav-column {
        padding: 16px 21px;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-column:hover .sub-nav-col-link {
        background: #1a3b5f;
    }
}
.site-header .sub-nav .subnav-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.site-header .sub-nav .subnav-link:focus-visible {
    outline: 2px solid #fd4f57;
}
.site-header .sub-nav .sub-nav-col-image {
    display: none;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-col-image {
        display: block;
        margin: 0 auto;
        width: 100%;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}
.site-header .sub-nav .sub-nav-col-headline {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 5px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-col-headline {
        font-size: 20px;
        line-height: 21px;
        min-height: 42px;
    }
}
@media only screen and (min-width: 1200px) {
    .site-header .sub-nav .sub-nav-col-headline {
        margin-top: 24px;
        font-size: 24px;
        line-height: 24px;
        min-height: 48px;
    }
}
.site-header .sub-nav .sub-nav-col-copy {
    font-size: 14px;
    line-height: 20px;
    margin-top: 11px;
    min-height: 80px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-col-copy {
        margin-top: 16px;
        min-height: 110px;
        font-size: 13px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 1200px) {
    .site-header .sub-nav .sub-nav-col-copy {
        font-size: 14px;
        line-height: 20px;
    }
}
.site-header .sub-nav .sub-nav-col-link {
    color: #fff;
    font-size: 14px;
    margin-top: 3px;
    border-radius: 30px;
    display: inline-block;
    padding: 1px 26px;
    background: #0e2033;
}
.site-header .sub-nav .sub-nav-col-link:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav .sub-nav-col-link {
        margin-top: 0;
        margin: 10px 0;
    }
}
.site-header .sub-nav-list-item {
    width: 100%;
    margin-bottom: 21px;
}
@media only screen and (min-width: 992px) {
    .site-header .sub-nav-list-item {
        margin-bottom: 31px;
    }
}
.site-header .subnav-list-item-link {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 992px) {
    .site-header .subnav-list-item-link {
        font-size: 21px;
        line-height: 23px;
    }
}
@media only screen and (min-width: 1100px) {
    .site-header .subnav-list-item-link {
        font-size: 24px;
        line-height: 28px;
    }
}
.site-header .chevron-right {
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (min-width: 992px) {
    .site-header .mobile-only {
        display: none;
    }
}
body.home .site-header {
    top: 0;
}
body.home.admin-bar .site-header {
    top: 46px;
}
@media only screen and (min-width: 783px) {
    body.home.admin-bar .site-header {
        top: 32px;
    }
}
.home-hero-section {
    position: relative;
}

.home-hero-section .hero-section-container {
    align-items: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 1000px;
    padding: 135px 20px;
}

@media only screen and (max-width: 728px) {
    .home-hero-section .hero-section-container {
        padding: 80px 20px !important;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container {
        justify-content: space-evenly;
    }
}
.home-hero-section .hero-section-container-with-form {
    max-width: 1320px;
}
.home-hero-section .hero-section-container-with-form .home-hero-content-with-form {
    display: flex;
    flex-flow: column;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form {
        flex-flow: row;
        justify-content: space-between;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form .home-hero-content-left {
        max-width: 50%;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form .home-hero-content-right {
        max-width: 45%;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout {
    display: flex;
    flex-flow: column;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout {
        flex-flow: row-reverse;
        justify-content: space-between;
        overflow: hidden;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout .home-hero-content-left {
        max-width: 50%;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout .home-hero-content-right {
        max-width: 45%;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout .homepage-hero-form-wrapper {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout .desktop-only-subhead-btns {
        width: 100% !important;
    }
}
@media only screen and (min-width: 1200px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-with-form-layout .home-hero-headline {
        font-size: 80px;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-left {
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-left {
        max-width: 52%;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-left .desktop-only-subhead-btns {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-left .desktop-only-subhead-btns {
        display: block;
        width: 90%;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-right {
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-right {
        max-width: 48%;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-right .home-hero-headline {
    letter-spacing: -0.02em;
    font-size: 75px;
}
.home-hero-section .hero-section-container-with-form .home-hero-content-right .home-hero-subhead {
    margin-left: 0;
}
.home-hero-section .hero-section-container-with-form .home-hero-content-right .mobile-only-subhead-btns {
    display: block;
    padding-bottom: 100px;
}
@media only screen and (min-width: 530px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-right .mobile-only-subhead-btns {
        padding-bottom: 150px;
    }
}
@media only screen and (min-width: 760px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-right .mobile-only-subhead-btns {
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-right .mobile-only-subhead-btns {
        display: none;
    }
}
.home-hero-section .hero-section-container-with-form .home-hero-content-right .homepage-hero-form-wrapper {
    width: 100%;
    padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .hero-section-container-with-form .home-hero-content-right .homepage-hero-form-wrapper {
        padding: 0;
    }
}
.home-hero-section:after {
    content: "";
    width: 100%;
    height: 18%;
    display: block;
    left: 0;
    position: absolute;
    bottom: 0;
    margin-top: 50px;
}
@media only screen and (min-width: 530px) {
    .home-hero-section:after {
        height: 28%;
    }
}
.home-hero-section .home-hero-content {
    margin-top: 0;
    padding: 0 22px;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-content {
        padding: 0;
    }
}
.home-hero-section .hero-animation {
    opacity: 0;
    display: inline-block;
    transform: translateY(30px);
    transition: 0.3s ease-out;
}
.home-hero-section .hero-animation.show {
    opacity: 1;
    transform: translateY(0);
}
.home-hero-section .home-hero-headline {
    color: #fff;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 2.7em;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-headline {
        font-size: 70px;
        line-height: 1;
    }
}
@media only screen and (min-width: 1160px) {
    .home-hero-section .home-hero-headline {
        font-size: 88px;
        line-height: 1;
    }
}
.home-hero-section .home-hero-subhead {
    color: #fff;
    line-height: 1.2em;
    font-size: 1.1em;
    margin-top: 24px;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-subhead {
        font-size: 20px;
        margin-top: 30px;
        margin-left: 5px;
    }
}
.home-hero-section .home-hero-buttons-container {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    max-width: 286px;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-buttons-container {
        margin-top: 30px;
    }
}
.home-hero-section .home-hero-button {
    font-size: 15px;
    margin-right: auto;
}
@media only screen and (min-width: 420px) {
    .home-hero-section .home-hero-button {
        font-size: 16px;
    }
}
.home-hero-section .home-hero-demo-btn {
    background-color: #2f48b0;
    color: #fff;
    border-radius: 30px;
    padding: 8px 30px;
    align-self: center;
}
.home-hero-section .home-hero-demo-btn:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .home-hero-section .home-hero-demo-btn {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-demo-btn {
        padding: 10px 33px;
    }
}
.home-hero-section .home-hero-order-btn {
    color: #fff;
    margin-right: auto;
    padding: 8px 0;
    align-self: center;
}
@media only screen and (min-width: 1024px) {
    .home-hero-section .home-hero-order-btn {
        padding: 11px 0;
    }
}
.home-hero-section .home-hero-order-btn:after {
    content: "";
    border-bottom: 1px solid #fff;
    width: 100%;
    display: block;
}
.home-hero-section .home-hero-order-btn:hover {
    color: #dff4f4;
}
.home-hero-section .home-hero-order-btn:hover:after {
    border-bottom: 1px solid #dff4f4;
}
.home-video-section {
    max-width: 1280px;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
}
.home-video-section .video-section-container {
    position: relative;
    width: 100%;
    transition: max-height 0.6s ease-in-out;
    z-index: 1;
}
.home-video-section .hero-play-button-cover {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.home-video-section .hero-play-button-cover:hover .hero-play-button-wrap {
    background-color: #dff4f4;
    border-color: #dff4f4;
}
.home-video-section .hero-play-button-cover:hover .hero-play-button path {
    fill: #0e2033;
}
.home-video-section .hero-video-image-pre {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.home-video-section .hero-play-button-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -19px;
    border: 1px solid #2f48b0;
    padding: 10px 26px;
    border-radius: 70px;
    background-color: #2f48b0;
}
@media only screen and (min-width: 667px) {
    .home-video-section .hero-play-button-wrap {
        margin-left: -53px;
        margin-top: -29px;
        padding: 19px 41px;
    }
}
@media only screen and (min-width: 992px) {
    .home-video-section .hero-play-button-wrap {
        margin-left: -67px;
        margin-top: -39px;
        padding: 26px 53px;
    }
}
.home-video-section .hero-play-button {
    width: 16px;
    height: 15px;
    display: block;
}
@media only screen and (min-width: 667px) {
    .home-video-section .hero-play-button {
        width: 20px;
        height: 19px;
    }
}
@media only screen and (min-width: 992px) {
    .home-video-section .hero-play-button {
        width: 26px;
        height: 25px;
    }
}
.home-video-section .home-video-content {
    margin: 0 auto;
}
.home-video-section .wistia_responsive_padding {
    padding: 56.25% 0 0 0;
    position: relative;
}
.home-video-section .wistia_responsive_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.home-video-section .wistia_embed {
    height: 100%;
    position: relative;
    width: 100%;
}
.home-video-section .wistia_swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 0.2s;
    width: 100%;
}
.home-video-section .wistia_preview_image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}
.home-video-section video {
    width: 100%;
}
.home-tools-section {
    background-color: #eeedea;
    padding: 70px 0 0;
}
@media only screen and (min-width: 1024px) {
    .home-tools-section {
        padding: 54px 0 0;
        overflow: hidden;
    }
}
.home-tools-section .tools-section-header {
    padding: 0 0 70px 44px;
    max-width: 1023px;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .home-tools-section .tools-section-header {
        padding: 50px 20px 150px;
    }
}
.home-tools-section .tools-section-header br {
    display: none;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-section-header br {
        display: block;
    }
}
.home-tools-section .tools-preheadline {
    font-size: 16px;
    font-weight: 500;
}
.home-tools-section .tools-headline {
    font-size: 48px;
    line-height: 48px;
    margin-top: 16px;
    margin-left: -3px;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-headline {
        font-size: 52px;
        line-height: 1.1;
    }
}
@media only screen and (min-width: 1024px) {
    .home-tools-section .tools-headline {
        font-size: 64px;
    }
}
.home-tools-section .tools-section-blocks-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-section-blocks-wrapper {
        padding: 0 20px;
    }
}
.home-tools-section .tools-block {
    width: 100%;
    margin-bottom: 55px;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding: 0 44px 99px;
    box-sizing: border-box;
    border-bottom: 20px solid #fff;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 90px;
        border-bottom: none;
    }
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block:nth-child(even) .tools-block-copy {
        order: 1;
        margin-left: 6%;
    }
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block:nth-child(even) .tools-block-image {
        order: 2;
        margin-left: auto;
    }
}
.home-tools-section .tools-block.tool-3 {
    border-bottom: none;
}
.home-tools-section .tools-block-copy {
    display: block;
    zoom: 1;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-copy {
        width: 40%;
        margin-left: 12%;
    }
}
.home-tools-section .tools-block-copy:after,
.home-tools-section .tools-block-copy:before {
    content: " ";
    display: table;
}
.home-tools-section .tools-block-copy:after {
    clear: both;
}
.home-tools-section .tools-block-copy .count {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
}
.home-tools-section .tools-block-copy h3 {
    font-size: 32px;
    line-height: 1.1;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-copy h3 {
        font-size: 40px;
    }
}
.home-tools-section .tools-block-copy .copy {
    font-size: 20px;
    margin-top: 11px;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-copy .copy {
        margin-top: 15px;
        max-width: 350px;
    }
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-copy.mobile-group {
        display: none;
    }
}
.home-tools-section .tools-block-copy .desktop-group {
    display: none;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-copy .desktop-group {
        display: block;
    }
}
.home-tools-section .tools-block-image {
    margin-top: 70px;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .tools-block-image {
        max-width: 48%;
        margin-top: 0;
    }
}
.home-tools-section .tools-block-image video {
    width: 100%;
    border-radius: 15px;
}
.home-tools-section .tools-block-image {
    margin-top: 40px;
}
.home-tools-section .tools-block-image img {
    width: 100%;
    border-radius: 15px;
}
.home-tools-section .tool-control .progress {
    display: block;
    position: absolute;
    left: 0;
    height: 20px;
    top: 4px;
}
.home-tools-section .tool-control .progress:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    display: block;
    background: #0e2033;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
}
.home-tools-section .tool-control .circle-progress {
    height: 20px;
    width: 20px;
}
.home-tools-section .tool-control .circle-progress-value {
    stroke-width: 15px;
    stroke: #0e2033;
}
.home-tools-section .tool-control .circle-progress-circle {
    stroke: #ddd;
    stroke-width: 15px;
}
.home-tools-section .tool-control .circle-progress-text {
    display: none;
}
.home-tools-section .tool-control ul {
    margin-top: 35px;
    padding-left: 30px;
}
.home-tools-section .tool-control ul li {
    margin-bottom: 6px;
    color: #0e2033;
    opacity: 0.5;
    position: relative;
}
.home-tools-section .tool-control ul li:before {
    content: "";
    border: 3px solid transparent;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 10px;
}
.home-tools-section .tool-control ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    display: block;
    background: #979797;
    position: absolute;
    top: 12px;
    left: 8px;
}
.home-tools-section .tool-control ul li.active {
    opacity: 1;
}
.home-tools-section .tool-control ul li span {
    display: inline-block;
    vertical-align: middle;
}
.home-tools-section .tool-control ul li a {
    color: #0e2033;
}
.home-tools-section .tool-control .tools-button {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 45px;
}
.home-tools-section .tool-control .tools-button a {
    padding: 12px 41px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.home-tools-section .tool-control .tools-button a:hover {
    background-color: #1a3b5f;
}
.home-tools-section .tool-control .tools-button a:focus {
    outline: 2px solid #fd4f57;
}
.home-tools-section .demo-cta-section {
    border-top: 1px solid #b5a9a1;
    text-align: center;
    padding: 85px 20px;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .demo-cta-section {
        padding: 113px 20px;
    }
}
.home-tools-section .demo-cta-note {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 21px;
    font-weight: 500;
}
.home-tools-section .demo-cta-copy {
    font-size: 48px;
    line-height: 48px;
    max-width: 770px;
    margin: auto;
    margin-bottom: 39px;
}
@media only screen and (min-width: 767px) {
    .home-tools-section .demo-cta-copy {
        font-size: 64px;
        line-height: 62px;
    }
}
.home-tools-section .demo-cta-button {
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
    font-size: 14px;
    display: inline-block;
    padding: 10px 47px;
}
.home-tools-section .demo-cta-button:hover {
    background-color: #1a3b5f;
}
.home-tools-section .demo-cta-button:focus {
    outline: 2px solid #fd4f57;
}
.home-testimonials-section {
    color: #fff;
    padding-top: 104px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section {
        padding-top: 180px;
    }
}
.home-testimonials-section .testimonials-section-header {
    max-width: 330px;
    margin: 0 auto 143px;
    text-align: center;
    position: relative;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonials-section-header {
        max-width: 620px;
        margin: 0 auto 183px;
    }
}
@media only screen and (min-width: 1160px) {
    .home-testimonials-section .testimonials-section-header {
        max-width: 800px;
        margin: 0 auto 273px;
    }
}
.home-testimonials-section .testimonials-headline {
    font-size: 40px;
    line-height: 35px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonials-headline {
        font-size: 70px;
        line-height: 70px;
    }
}
@media only screen and (min-width: 1160px) {
    .home-testimonials-section .testimonials-headline {
        font-size: 90px;
        line-height: 85px;
    }
}
.home-testimonials-section .one-hundred-million-icon {
    position: absolute;
    right: 63px;
    bottom: -109px;
    max-width: 121px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .one-hundred-million-icon {
        right: 183px;
        bottom: -82px;
        max-width: 111px;
    }
}
@media only screen and (min-width: 1160px) {
    .home-testimonials-section .one-hundred-million-icon {
        max-width: inherit;
        bottom: -109px;
        right: 193px;
    }
}
.home-testimonials-section .testimonials-section-blocks-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
.home-testimonials-section .testimonial-column-wrap {
    margin: 0 auto;
    display: none;
}
.home-testimonials-section .testimonial-column-wrap:nth-child(-n + 1) {
    display: block;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap:nth-child(-n + 1) {
        display: flex;
    }
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}
.home-testimonials-section .testimonial-column-wrap.show {
    display: block;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.show {
        display: flex;
    }
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap .column {
        width: 50%;
    }
}
.home-testimonials-section .testimonial-column-wrap.first {
    max-width: 1060px;
    margin: 0 auto;
}
.home-testimonials-section .testimonial-column-wrap.first .column-right {
    margin-left: auto;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.first .column-right {
        width: 45%;
    }
}
.home-testimonials-section .testimonial-column-wrap.third {
    max-width: 1030px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.third .column-left {
        width: 51%;
    }
}
.home-testimonials-section .testimonial-column-wrap.third .column-right {
    margin-left: auto;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.third .column-right {
        width: 34%;
    }
}
.home-testimonials-section .testimonial-column-wrap.fourth {
    max-width: 965px;
    margin-top: 80px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.fourth {
        margin-top: 142px;
    }
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.fourth .column-left {
        width: 38%;
    }
}
.home-testimonials-section .testimonial-column-wrap.fourth .column-right {
    margin-left: auto;
}
.home-testimonials-section .testimonial-column-wrap.sixth {
    max-width: 1130px;
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.sixth {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-column-wrap.sixth .column-left {
        margin-right: auto;
        margin-left: 84px;
        margin-top: 32px;
        width: 31%;
    }
}
.home-testimonials-section .testimonial-block {
    position: relative;
    margin: 0 auto;
    transition: ease;
}
@media only screen and (max-width: 767px) {
    .home-testimonials-section .testimonial-block {
        transform: translateY(0) !important;
    }

    .home-tools-section .tools-block {
        padding: 0 44px 30px;
        border-bottom: none;
    }

    .home-resources-section {
        padding-top: 70px !important;
    }

    .home-resources-section .resources-section-header {
        margin-bottom: 20px !important;
    }

    .home-resources-section .resource-slide {
        height: 940px !important;
    }
}
.home-testimonials-section .testimonial-image,
.home-testimonials-section .video-image {
    width: 100%;
    border-radius: 20px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.home-testimonials-section .image-copy-block .testimonial-block-copy {
    position: absolute;
    bottom: 0;
    padding: 39px 31px;
}
.home-testimonials-section .image-copy-block .testimonial-block-copy .quote {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.home-testimonials-section .image-copy-block .testimonial-block-copy .author,
.home-testimonials-section .image-copy-block .testimonial-block-copy .restaurant {
    font-size: 14px;
    line-height: 17px;
}
.home-testimonials-section .copy-block .logo {
    margin-bottom: 28px;
    width: auto;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.home-testimonials-section .copy-block .testimonial-block-copy .quote {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 28px;
}
.home-testimonials-section .copy-block .testimonial-block-copy .author,
.home-testimonials-section .copy-block .testimonial-block-copy .restaurant {
    font-size: 14px;
    line-height: 20px;
}
.home-testimonials-section .video-block .testimonial-block-copy {
    position: absolute;
    bottom: 0;
    padding: 43px 39px;
    width: 100%;
    box-sizing: border-box;
}
.home-testimonials-section .video-block .testimonial-block-copy p {
    font-size: 14px;
    line-height: 18px;
}
.home-testimonials-section .video-block .testimonial-play-button {
    border: 2px solid #2f48b0;
    background: #2f48b0;
    padding: 11px 27px;
    border-radius: 20px;
    margin-bottom: 11px;
}
.home-testimonials-section .video-block .testimonial__trigger {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.home-testimonials-section .video-block:hover .testimonial-play-button {
    background: #dff4f4;
    border-color: #dff4f4;
}
.home-testimonials-section .video-block:hover .testimonial-play-button path {
    fill: #0e2033;
}
.home-testimonials-section .block-one {
    max-width: 360px;
}
.home-testimonials-section .thank-you-icon {
    position: absolute;
    right: -10px;
    bottom: -30px;
    max-width: 134px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .thank-you-icon {
        max-width: inherit;
        right: -63px;
        bottom: -68px;
    }
}
.home-testimonials-section .block-two {
    max-width: 475px;
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-two {
        margin-top: 150px;
    }
}
.home-testimonials-section .block-three {
    max-width: 635px;
    background-color: #eeedea;
    border-radius: 20px;
    text-align: center;
    padding: 71px 40px 42px;
    margin: 60px auto 60px;
    box-sizing: border-box;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-three {
        margin: 106px auto 81px;
        padding: 141px 60px 39px;
    }
}
.home-testimonials-section .block-three .top-quote {
    font-size: 30px;
    line-height: 34px;
    color: #000;
    margin-bottom: 27px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-three .top-quote {
        font-size: 45px;
        line-height: 44px;
    }
}
.home-testimonials-section .block-three .bottom-quote {
    color: #0e2033;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.03em;
    margin-bottom: 50px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-three .bottom-quote {
        font-size: 23px;
        line-height: 29px;
        padding: 0 60px;
    }
}
.home-testimonials-section .block-three .slick-arrow {
    display: none;
}
.home-testimonials-section .block-three .slick-dots {
    margin-top: 56px;
    text-align: center;
}
.home-testimonials-section .block-three .we-love-local-icon {
    position: absolute;
    left: -20px;
    top: 19px;
    max-width: 91px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-three .we-love-local-icon {
        max-width: inherit;
        left: -80px;
        top: 29px;
    }
}
.home-testimonials-section .block-four {
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 70px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-four {
        margin-top: 130px;
        margin-bottom: 0;
    }
}
.home-testimonials-section .block-four .order-better-icon {
    position: absolute;
    right: 0;
    top: -60px;
    max-width: 100px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-four .order-better-icon {
        max-width: 215px;
        right: -100px;
        top: -80px;
    }
}
.home-testimonials-section .block-five {
    max-width: 353px;
    margin-top: 90px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-five .testimonial-block-copy {
        padding: 25px 31px;
    }
}
@media only screen and (min-width: 820px) {
    .home-testimonials-section .block-five .testimonial-block-copy {
        padding: 39px 31px;
    }
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-five .testimonial-block-copy .quote {
        font-size: 13px;
        line-height: 17px;
    }
}
@media only screen and (min-width: 820px) {
    .home-testimonials-section .block-five .testimonial-block-copy .quote {
        font-size: 14px;
        line-height: 20px;
    }
}
.home-testimonials-section .block-six {
    margin-top: 70px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-six {
        margin-top: 155px;
    }
}
.home-testimonials-section .block-seven {
    margin-bottom: 60px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-seven {
        margin-bottom: 150px;
    }
}
.home-testimonials-section .block-eight {
    max-width: 328px;
    margin: 0 0 60px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-eight {
        margin: 0;
    }
}
.home-testimonials-section .block-nine {
    max-width: 475px;
}
.home-testimonials-section .block-ten {
    margin-top: 60px;
    margin-right: 36px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-ten {
        margin-top: 150px;
    }
}
.home-testimonials-section .block-eleven {
    max-width: 645px;
    margin: 60px auto;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-eleven {
        margin: 150px auto;
    }
}
.home-testimonials-section .block-thirteen {
    max-width: 323px;
    margin-top: 60px;
    margin-bottom: 60px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-thirteen {
        margin-top: 210px;
        margin-bottom: 0;
    }
}
.home-testimonials-section .block-fourteen {
    max-width: 535px;
}
.home-testimonials-section .block-fifteen {
    max-width: 420px;
    margin: 60px 0 0;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .block-fifteen {
        margin: 140px 0 0;
    }
}
.home-testimonials-section .testimonial-button-wrap {
    text-align: center;
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .testimonial-button-wrap {
        display: none;
    }
}
.home-testimonials-section .testimonial-button-wrap .load-btn {
    background-color: #0e2033;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 50px;
    display: inline-block;
    border-radius: 27px;
    font-size: 14px;
}
.home-testimonials-section .testimonial-button-wrap .load-btn:focus-visible {
    outline: 2px solid #fd4f57;
}
.home-testimonials-section .saved-note {
    max-width: 283px;
    margin: 146px auto;
    text-align: center;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .saved-note {
        max-width: 640px;
    }
}
.home-testimonials-section .saved-note img {
    margin: 0 auto;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .saved-note img {
        width: auto;
    }
}
.home-testimonials-section .saved-note p {
    font-size: 20px;
    margin-top: 23px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .saved-note p {
        margin-top: 50px;
    }
}
.home-testimonials-section .saved-note .saved-note-copy {
    font-size: 20px;
    margin-top: 23px;
    font-size: 30px;
    line-height: 36px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .saved-note .saved-note-copy {
        margin-top: 50px;
        font-size: 44px;
        line-height: 46px;
    }
}
@media only screen and (min-width: 1024px) {
    .home-testimonials-section .saved-note .saved-note-copy {
        font-size: 54px;
        line-height: 56px;
    }
}
@media only screen and (min-width: 1200px) {
    .home-testimonials-section .saved-note .saved-note-copy {
        font-size: 64px;
        line-height: 66px;
    }
}
.home-testimonials-section .saved-note .saved-note-copy-secondary {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.002em;
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .home-testimonials-section .saved-note .saved-note-copy-secondary {
        font-size: 20px;
        line-height: 28px;
    }
}
.home-resources-section {
    background-color: #fff;
    padding-top: 96px;
}
.home-resources-section .resources-section-container {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 30px;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resources-section-container {
        padding: 0 20px;
    }
}
.home-resources-section .resources-section-header {
    margin-bottom: 50px;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resources-section-header {
        margin-bottom: 93px;
    }
}
.home-resources-section .resources-section-title {
    font-size: 2.5rem;
    line-height: 1.05;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resources-section-title {
        font-size: 4rem;
        line-height: 1.15;
    }
}
.home-resources-section .resource-slide {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-around;
}
.home-resources-section .resources-block {
    padding: 10px 10px 42px;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resources-block {
        border-bottom: none;
        width: 49%;
        padding: 0;
        margin: 0 0 70px;
    }
}
.home-resources-section .resources-block:last-child {
    border-bottom: none;
}
.home-resources-section .image-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.home-resources-section .resource-icon {
    position: absolute;
    bottom: 12px;
    left: 12px;
    height: 20px;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resource-icon {
        bottom: 20px;
        left: 20px;
        height: inherit;
    }
}
.home-resources-section .resource-image {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
    border-radius: 20px;
}
.home-resources-section .resource-copy {
    font-size: 0.88em;
    padding: 21px 0;
    line-height: 1.4;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .resource-copy {
        font-size: 1.12em;
        min-height: 86px;
        padding: 20px 17px 13px;
    }
}
.home-resources-section .read-more-link {
    text-decoration: underline;
    font-size: 16px;
    display: block;
    color: #0e2033;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .read-more-link {
        font-size: 17px;
    }
}
@media only screen and (min-width: 1024px) {
    .home-resources-section .read-more-link {
        margin-left: 16px;
    }
}
.home-resources-section .read-more-link:hover {
    color: #2f48b0;
}
.home-resources-section .slide-m-dots {
    display: inline-block;
}
.home-resources-section .slide-m-dots:focus {
    border: 2px solid #fff;
}
.home-resources-section .slick-dots {
    margin-top: 19px;
    text-align: center;
}
@media only screen and (min-width: 767px) {
    .home-resources-section .slick-dots {
        margin-top: -56px;
    }
}
.home-resources-section .slick-dots button:before {
    width: 15px;
    height: 15px;
}
.home-resources-section .slick-arrow {
    display: none !important;
}
#video-buttons {
    background: #eeedea;
}
#video-buttons .skip-button {
    display: block;
    -webkit-appearance: none;
    background: 0 0;
    color: #979797;
    font-size: 1rem;
}
#video-buttons .skip-button.active {
    color: #0e2033;
}
div.how {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
}
div.how__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    text-align: center;
}
div.how__content h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding: 55px 0 16px 0;
}
div.how__content p {
    padding-bottom: 10px;
    font-weight: 400;
    color: #0e2033;
}
div.how__visual {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 0 60px 0;
}
div.how__visual__image {
    margin-left: 0;
    width: 100%;
}
div.how__visual__image img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div.how__visual__image {
        width: 100% !important;
    }
    div.how__visual__image img {
        width: 100%;
    }
}
@media (min-width: 1024px) {
    div.how__content,
    div.how__visual {
        height: 500px;
        padding: 15px 0 60px 0;
    }
    div.how__content {
        width: 34.78261%;
        float: left;
        margin-right: 4.16667%;
        margin: 0 0 0 4.34783%;
        text-align: left;
    }
    div.how__content h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 0 0 10px 0;
    }
    div.how__visual {
        width: 52.17391%;
        float: right;
        margin-right: 0;
        margin-right: 4.34783%;
        padding: 0;
    }
    div.how__visual__image {
        margin: 0;
        width: auto;
    }
}
div.banner.plus.hiw div.banner__headline .headline_header {
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0.8px;
    line-height: 1;
    margin: 93px 0 0;
    padding: 0;
}
div.banner.plus.hiw div.banner__headline h3 {
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.1px;
    line-height: 1.4;
    margin: 0 auto;
    padding-top: 20px;
    width: 254px;
}
@media (max-width: 767px) {
    div.banner.plus.hiw {
        background-image: none !important;
    }
}
@media (min-width: 768px) {
    div.banner.plus.hiw {
        padding-bottom: 0;
    }
    div.banner.plus.hiw.image .container {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.25));
    }
    div.banner.plus.hiw div.banner__headline .common-cell {
        height: 373px;
    }
    div.banner.plus.hiw div.banner__headline .headline_header {
        letter-spacing: 1.1px;
        margin: 0;
    }
    div.banner.plus.hiw div.banner__headline h3 {
        font-size: 18px;
        width: 450px;
    }
}
@media (min-width: 1024px) {
    div.banner.plus.hiw.image .container {
        background-image: none;
    }
    div.banner.plus.hiw div.banner__headline .common-cell {
        left: 50px;
        position: relative;
        top: -75px;
    }
    div.banner.plus.hiw div.banner__headline .headline_header {
        font-size: 43px;
        letter-spacing: -0.4px;
        line-height: 1.12;
        text-align: left;
    }
    div.banner.plus.hiw div.banner__headline h3 {
        font-size: 20px;
        letter-spacing: -0.5px;
        margin: 0;
        text-align: left;
        width: 326px;
    }
}
div.login {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding-top: 12px;
}
div.login__column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 55px;
    padding-bottom: 60px;
}
div.login__column:last-child {
    border: none;
    margin: 0;
}
div.login__column dl dt {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding-bottom: 6px;
}
div.login__column dl dd {
    padding-bottom: 22px;
}
@media (min-width: 1024px) {
    div.login {
        padding-top: 0;
    }
    div.login__column {
        width: 47.82609%;
        float: left;
        border: none;
        margin: 0;
        padding-bottom: 80px;
    }
    div.login__column dl dt {
        font-size: 33px;
        line-height: 36px;
        padding: 1px 0 5px 0;
    }
    div.login__column dl dd {
        padding-bottom: 32px;
    }
}
div.modal {
    background: rgba(4, 4, 15, 0.75);
    height: 100%;
    left: 0;
    opacity: 1;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 6666;
}
div.modal__close {
    position: fixed;
    right: 36px;
    top: 36px;
    z-index: 3;
}
div.modal__close a {
    background: 0 0;
    border: 1px solid #fff;
    border-color: #fff;
}
div.modal__close a svg path {
    fill: #fff;
}
div.modal__close a:hover {
    background: #fff;
    border-color: #fff;
}
div.modal__close a:hover svg path {
    fill: #0e2033;
}
div.modal__table {
    display: table;
    height: 100%;
    margin: auto;
    max-width: 1180px;
    position: relative;
    width: 100%;
    z-index: 2;
}
div.modal__back {
    background: 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1;
}
div.modal__cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div.modal__content {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783%;
    position: relative;
    z-index: 2;
}
div.modal__content__headline {
    margin-top: 74px;
}
div.modal__content__headline h2 {
    color: #fff;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 36px;
}
div.modal__content__title {
    margin-bottom: 72px;
}
div.modal__content__title h3 {
    color: #fff;
}
div.modal__content__video {
    background: #000;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
div.modal__content__video div {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
div.modal__content__video div iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
div.modal__content__note {
    color: #fff;
    margin: 80px 0;
}
div.modal__content__note span {
    display: inline-block;
    padding-right: 15px;
}
div.modal.hiw div.modal__content div.modal__content__video,
div.modal.home div.modal__content div.modal__content__video {
    margin: 80px 0;
}
div.modal.form div.modal__content div.demo__content {
    background-color: #f5f5f5;
    margin-top: 120px;
    padding-top: 80px;
}
div.modal.form div.modal__content div.demo__content p {
    margin: 0 4.34783%;
}
@media (min-width: 1024px) {
    div.modal.form div.modal__content div.demo__content p {
        margin: 0 8.69565%;
    }
}
@media (min-width: 1024px) {
    div.modal.form div.modal__content div.demo__content p {
        margin: 0 21.73913%;
    }
}
@media (max-width: 480px) {
    div.modal.form div.modal__content div.demo__content {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
div.modal.modal-open {
    opacity: 1;
}
div.modal.modal-close {
    opacity: 0;
}
div.modal.modal-visible {
    visibility: visible;
}
div.modal.modal-scrollable {
    -webkit-overflow-scrolling: touch;
}
div.modal.menu {
    background: #fff;
}
@media (max-width: 799px) {
    div.modal.menu .container {
        padding-bottom: 100px;
    }
}
div.modal.menu .modal__close {
    right: 80px;
    top: 80px;
}
div.modal.menu .modal__close a svg {
    height: 25px;
    width: 25px;
}
div.modal.menu .modal__close a svg path {
    fill: #0e2033;
}
@media (max-width: 799px) {
    div.modal.menu .modal__close {
        right: 15px;
        top: 30px;
    }
    div.modal.menu .modal__close a svg {
        height: 20px;
        width: 20px;
    }
}
div.modal.menu h2.menu__title {
    color: #0e2033;
    font-size: 35px;
    font-weight: 600;
    padding: 80px 0;
}
@media (max-width: 799px) {
    div.modal.menu h2.menu__title {
        font-size: 25px;
        padding: 40px 0;
    }
}
div.modal.menu .modal__menuContent {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: none;
    margin-bottom: 30px;
    width: 100%;
}
div.modal.menu .modal__menuContent p.sales_tax {
    margin-bottom: 120px;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent p.sales_tax {
        margin-bottom: 0;
    }
}
div.modal.menu .modal__menuContent .block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: block;
    min-height: 350px;
}
div.modal.menu .modal__menuContent .block h3 {
    font-size: 28px;
    padding: 0 0 40px 0;
    text-align: center;
    width: 100%;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block h3 {
        padding: 0 0 20px;
    }
}
div.modal.menu .modal__menuContent .block__left {
    width: 47.82609%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    min-height: 350px;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block__left {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        border-right: 0;
        float: none;
        width: 100%;
    }
}
div.modal.menu .modal__menuContent .block__right {
    width: 47.82609%;
    float: left;
    min-height: 350px;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block__right {
        float: none;
        width: 100%;
    }
}
div.modal.menu .modal__menuContent .block__inner {
    padding: 50px;
}
div.modal.menu .modal__menuContent .block .section_image {
    width: 30.43478%;
    float: left;
}
div.modal.menu .modal__menuContent .block .section_image img {
    margin: 0 auto;
    width: 120px;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block .section_image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    div.modal.menu .modal__menuContent .block .section_image img {
        margin-bottom: 20px;
        width: 90px;
    }
}
div.modal.menu .modal__menuContent .block .section_image.section_banner img {
    height: 170px;
    width: auto;
}
div.modal.menu .modal__menuContent .block .section_image.section_stickers img {
    width: auto;
}
div.modal.menu .modal__menuContent .block .section_text {
    width: 65.21739%;
    float: left;
    text-align: left;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block .section_text {
        float: none;
        width: 100%;
    }
}
div.modal.menu .modal__menuContent .block .section_text.section_half {
    width: 30.43478%;
    float: left;
    margin-right: 4.34783%;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block .section_text.section_half {
        float: none;
        margin-right: 0;
        width: 100%;
    }
}
div.modal.menu .modal__menuContent .block .section_text p.section_info {
    color: #0e2033;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 30px;
    padding: 20px 0;
}
div.modal.menu .modal__menuContent .block .section_text p.section_info span {
    background: #fd4f57;
    float: left;
    height: 13px;
    margin-right: 15px;
    margin-top: 3px;
    width: 10px;
}
div.modal.menu .modal__menuContent .block .section_text p.section_info span.dd {
    margin-right: 2px;
}
div.modal.menu .modal__menuContent .block .section_text p.section_price {
    color: #0e2033;
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
    margin-left: 42px;
    text-align: center;
}
div.modal.menu .modal__menuContent .block .section_text p.section_price span.currency {
    color: #8c8c8e;
    font-size: 22px;
    font-weight: 600;
    margin-left: -13px;
    margin-top: -12px;
    opacity: 0.6;
    position: absolute;
}
div.modal.menu .modal__menuContent .block .section_text p.section_price span.amount {
    color: #8c8c8e;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
}
div.modal.menu .modal__menuContent .block .section_text p.section_price span.amount strong {
    color: #0e2033;
}
div.modal.menu .modal__menuContent .block .section_text div.divider {
    background: rgba(0, 0, 0, 0.08);
    display: inline-block;
    height: 60px;
    margin: 0 -10px 0 20px;
    width: 1px;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block .section_text p.section_price {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    div.modal.menu .modal__menuContent .block .section_text p.section_price span.amount {
        text-align: center;
    }
}
div.modal.menu .modal__menuContent .block.block_one .section_image {
    margin: 0;
    width: 50%;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block.block_one .section_image {
        width: 100%;
    }
    div.modal.menu .modal__menuContent .block.block_one .section_image.section_banner img {
        height: 93px;
        width: auto;
    }
}
div.modal.menu .modal__menuContent .block.block_one .section_text.section_half {
    margin: 0;
    width: 50%;
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block.block_one .section_text.section_half {
        width: 100%;
    }
}
@media (max-width: 799px) {
    div.modal.menu .modal__menuContent .block .section_text.section_half p.section_price {
        margin-left: 30px;
        text-align: left;
        width: auto;
    }
    div.modal.menu .modal__menuContent .block .section_text.section_half p.section_price span.amount {
        text-align: right;
    }
    div.modal.menu .modal__menuContent .block .section_text.section_half p.section_price.mobile_fix {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    div.modal.menu .modal__menuContent .block .section_text.section_half p.section_price.mobile_fix span.amount {
        text-align: center;
    }
}
.blur-filter {
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}
div.nav {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
}
div.nav__menu {
    background: #fff;
    border-left: 1px solid #e6e6e6;
    display: flex;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: -320px;
    top: 0;
    transition: right 0.4s ease;
    width: 320px;
    z-index: 2;
}
div.nav__menu__logo a {
    background: url(../images/svg/logo-mark-goji.svg) no-repeat;
    display: block;
    height: 34px;
    margin: 39px 0 0 30px;
    position: absolute;
    text-indent: -99999px;
    width: 31px;
}
div.nav__menu__close {
    height: 21px;
    left: 242px;
    position: relative;
    text-indent: -99999px;
    top: 45px;
    width: 21px;
    z-index: 3;
}
div.nav__menu__close:hover {
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
}
div.nav__menu__options {
    float: left;
    margin: 100px auto 0;
    width: 180px;
}
div.nav__menu__options p.subTitle {
    color: #8c8c8e;
    font-size: 13px;
    font-weight: 700;
    opacity: 0.5;
    text-transform: uppercase;
    z-index: 1;
}
div.nav__menu__options ul {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 700;
}
div.nav__menu__options ul li a {
    color: #0e2033;
    display: inline-block;
    transition: color 0.2s ease;
}
div.nav__menu__options ul li a:hover {
    color: #fd4f57;
}
div.nav__menu__options ul li.selected a {
    color: #fd4f57;
}
div.nav__menu__options ul.main {
    padding-bottom: 30px;
    position: relative;
    z-index: 2;
}
div.nav__menu__options ul.extras {
    padding: 29px 0 0 0;
}
div.nav__menu__options ul.sub li:nth-child(3) {
    margin-bottom: 20px;
}
div.nav__menu__footer {
    float: left;
    padding: 30px 50px 80px 50px;
    width: 220px;
}
div.nav__menu__footer ol {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
}
div.nav__menu__footer ol li {
    float: left;
    padding-right: 20px;
    width: 40px;
}
div.nav__menu__footer ol li:last-child {
    padding-right: 0;
}
div.nav__menu__footer ol li a {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #e6e6e6;
    border-radius: 36px;
    display: block;
    height: 36px;
    position: relative;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    width: 36px;
}
div.nav__menu__footer ol li a svg {
    position: absolute;
}
div.nav__menu__footer ol li a svg path {
    fill: #0e2033;
    transition: fill 0.2s ease;
}
div.nav__menu__footer ol li a:hover {
    background-color: #fd4f57;
    border-color: #fd4f57;
}
div.nav__menu__footer ol li a:hover svg path {
    fill: #fff;
}
div.nav__menu__footer ol li.facebook svg {
    height: 16px;
    left: 14px;
    top: 10px;
    width: 8px;
}
div.nav__menu__footer ol li.twitter svg {
    height: 13px;
    left: 10px;
    top: 12px;
    width: 16px;
}
div.nav__menu__footer ol li.linkedin svg {
    height: 16px;
    left: 10px;
    top: 9px;
    width: 16px;
}
div.nav__menu__footer ol li.instagram svg {
    height: 16px;
    left: 10px;
    top: 10px;
    width: 16px;
}
div.nav__menu__footer p {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.nav__menu__footer p a {
    display: block;
    padding: 0;
}
div.nav__overlay {
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media (min-width: 1024px) {
    div.nav__menu__footer {
        bottom: 0;
        float: none;
        position: absolute;
    }
    div.nav__menu.scroll div.nav__menu__footer {
        bottom: auto;
        float: left;
        position: static;
    }
}
div.swipe {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 4.34783%;
    z-index: 999;
}
body.nav-open div.nav__menu {
    right: 0;
}
body.nav-open div.site {
    margin-left: -200px;
}
body.nav-close div.nav__menu {
    right: -320px;
}
body.nav-close div.site {
    margin-left: 0;
}
body.nav-visible div.nav {
    visibility: visible;
}
div.page {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding-bottom: 47px;
}
div.page.note {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 46px 0;
}
div.page.note p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    margin: 0 8.69565%;
    text-align: center;
}
div.page.note p strong {
    color: #fd4f57;
}
div.page.children {
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding-top: 33px;
}
div.page__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
}
div.page__content.child {
    padding-top: 40px;
}
div.padded-content {
    padding-top: 50px;
}
div.partners {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #f5f5f5;
    padding: 45px 0;
}
div.partners h3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    color: #8c8c8e;
    margin: 0 4.34783%;
    padding-bottom: 24px;
}
.page-policy {
    color: #0e2033;
}
.page-policy ul {
    margin-left: 25px;
}
.pricing-page-hero {
    background-color: #0e2033;
    color: #fff;
}
.pricing-page-hero .content-container {
    padding: 0 20px;
}
.pricing-page-hero .pricing-hero-title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    padding: 59px 0 0 22px;
    max-width: 335px;
}
@media only screen and (min-width: 500px) {
    .pricing-page-hero .pricing-hero-title {
        max-width: 490px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-page-hero .pricing-hero-title {
        text-align: center;
        margin: auto;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-page-hero .pricing-hero-title {
        padding: 59px 0 0 0;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-page-hero .pricing-hero-title {
        font-size: 65px;
        line-height: 65px;
        padding: 100px 0 0 0;
        letter-spacing: -1.5px;
        max-width: 800px;
    }
}
.pricing-page-hero .pricing-hero-copy {
    font-size: 20px;
    line-height: 28px;
    padding: 10px 0 28px 22px;
    max-width: 335px;
}
@media only screen and (min-width: 500px) {
    .pricing-page-hero .pricing-hero-copy {
        padding: 10px 0 50px 22px;
        max-width: 380px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-page-hero .pricing-hero-copy {
        padding: 10px 0 50px;
        max-width: 450px;
        text-align: center;
        margin: auto;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-page-hero .pricing-hero-copy {
        max-width: 550px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-page-hero .pricing-hero-copy {
        max-width: 700px;
        padding: 5px 0 50px;
    }
}
.pricing-columns-section {
    background: #eeedea;
    position: relative;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section {
        background: linear-gradient(#0e2033 23%, #eeedea 23%);
        margin-top: 55px;
        padding-bottom: 35px;
    }
}
.pricing-columns-section .product-cat-navigation {
    display: flex;
    z-index: 100;
    text-align: left;
    justify-content: space-between;
    flex-flow: row;
    margin: 0 auto;
    padding: 0 28px;
    background-color: #fff;
    transition: 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.pricing-columns-section .product-cat-navigation.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: inherit;
}
.pricing-columns-section .product-cat-navigation.sticky.down {
    top: 57px;
}
@media only screen and (min-width: 992px) {
    .pricing-columns-section .product-cat-navigation.sticky.down {
        top: 100px;
    }
}
@media only screen and (min-width: 500px) {
    .pricing-columns-section .product-cat-navigation {
        padding: 0 auto;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .product-cat-navigation {
        display: none;
    }
}
.pricing-columns-section .prod-cat-nav {
    margin: 0 auto;
    white-space: wrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 15px 0;
}
.pricing-columns-section .prod-cat-nav::-webkit-scrollbar {
    display: none;
}
.pricing-columns-section .prod-cat-nav li {
    width: 28%;
    padding: 8px 8px 10px 0;
    display: inline-block;
}
.pricing-columns-section .prod-nav-link {
    font-size: 14px;
    color: #000;
    margin: 0;
    display: block;
    line-height: 14px;
    font-weight: 400;
    position: relative;
    width: 100%;
}
.pricing-columns-section .prod-nav-link.active:after {
    content: "";
    border-bottom: 3px solid #fd4f57;
    display: block;
    position: absolute;
    width: 73%;
    bottom: -25px;
}
.pricing-columns-section .pricing-columns-content-container {
    width: 100%;
    max-width: 1440px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 auto;
    padding-top: 30px;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-columns-content-container {
        flex-flow: row;
        padding-top: 0;
    }
}
.pricing-columns-section .pricing-column {
    width: 100%;
    max-width: 87%;
    border-radius: 10px;
    background-color: #fff;
    color: #0e2033;
    margin: 10px;
}
.pricing-columns-section .pricing-column:nth-child(1) {
    margin: 85px 10px 10px 10px;
}
.pricing-columns-section .pricing-column:nth-child(2) {
    margin: 30px 10px 10px 10px;
}
.pricing-columns-section .pricing-column:nth-child(3) {
    margin: 30px 10px 10px 10px;
}
@media only screen and (min-width: 680px) {
    .pricing-columns-section .pricing-column {
        height: inherit !important;
    }
    .pricing-columns-section .pricing-column:nth-child(2) {
        margin: 10px;
    }
    .pricing-columns-section .pricing-column:nth-child(3) {
        margin: 10px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-column {
        max-width: 28.5%;
    }
    .pricing-columns-section .pricing-column:nth-child(1) {
        margin: 10px;
    }
}
.pricing-columns-section .pricing-column .pricing-column-content {
    width: 100%;
    max-width: 80%;
    margin: 38px auto 40px auto;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-column .pricing-column-content {
        max-width: 86%;
        margin: 47px auto 75px auto;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-column .pricing-column-content {
        max-width: 73.6%;
        margin: 47px 0 75px 40px;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-columns-section .pricing-column .pricing-column-content {
        margin: 47px 0 75px 60px;
    }
}
.pricing-columns-section .pricing-image {
    width: 76%;
    margin: 0 auto;
    padding-right: 18px;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-image {
        width: 80%;
        padding-right: 50px;
    }
}
.pricing-columns-section .pricing-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 26px;
    padding: 18px 0 12px 5px;
}
.pricing-columns-section .pricing-title:nth-child(3) {
    padding: 18px 0 10px 5px;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-title {
        padding: 29px 0 35px 0;
        font-size: 35px;
        line-height: 42px;
        letter-spacing: -0.6px;
    }
    .pricing-columns-section .pricing-title:nth-child(3) {
        padding: 29px 0 35px 0;
    }
}
.pricing-columns-section .pricing-plan-parent-container {
    position: relative;
}
.pricing-columns-section .pricing-plan-parent-container .pricing-plan-container {
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-plan-parent-container .pricing-plan-container {
        position: absolute;
        top: 0;
    }
}
.pricing-columns-section .pricing-plan-single {
    display: flex;
    align-items: baseline;
}
.pricing-columns-section .pricing-plan-single .pricing-single-price {
    font-size: 30px;
    line-height: 26px;
    font-weight: 500;
    padding-left: 5px;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-plan-single .pricing-single-price {
        font-size: 35px;
        line-height: 42px;
        padding-left: 0;
    }
}
.pricing-columns-section .pricing-plan-single .pricing-single-price-span:nth-child(2) {
    padding-left: 5px;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-plan-single .pricing-single-price-span {
        font-size: 17px;
        margin-left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-plan-single .pricing-single-price-span {
        font-size: 20px;
    }
}
.pricing-columns-section .pricing-plan-multi-nav {
    margin: 0 auto;
}
.pricing-columns-section .pricing-plan-multi-nav .slick-track {
    display: flex;
    width: 100% !important;
    border-radius: 20px;
    margin: 33px 0 5px 5px;
    background-color: #eeedea;
    max-width: 95%;
    transform: none !important;
}
@media only screen and (min-width: 500px) {
    .pricing-columns-section .pricing-plan-multi-nav .slick-track {
        max-width: 60%;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-plan-multi-nav .slick-track {
        max-width: 97%;
        margin: 10px auto 0 auto;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-plan-multi-nav .slick-track {
        margin: 5px auto 0 auto;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-plan-multi-nav .slick-track {
        margin: 15px auto 0 auto;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-columns-section .pricing-plan-multi-nav .slick-track {
        max-width: 90%;
    }
}
.pricing-columns-section .pricing-plan-multi-nav .slick-slide {
    width: 100% !important;
    text-align: center;
}
.pricing-columns-section .pricing-plan-multi-nav .pricing-multi-price-anchor-link {
    font-size: 12px;
    color: #0e2033;
    cursor: pointer;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-plan-multi-nav .pricing-multi-price-anchor-link {
        font-size: 14px;
    }
}
.pricing-columns-section .pricing-plan-multi-nav .slick-current .pricing-multi-price-anchor {
    background-color: #2f48b0;
    border-radius: 20px;
}
.pricing-columns-section .pricing-plan-multi-nav .slick-current .pricing-multi-price-anchor-link {
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}
.pricing-columns-section .multi-price-item {
    display: flex !important;
    align-items: baseline;
}
.pricing-columns-section .multi-price-item .multi-price-item-text {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .multi-price-item .multi-price-item-text {
        font-size: 35px;
        line-height: 42px;
    }
}
.pricing-columns-section .multi-price-item .multi-price-item-span {
    font-size: 23px;
    padding-left: 5px;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .multi-price-item .multi-price-item-span {
        font-size: 18px;
        line-height: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .multi-price-item .multi-price-item-span {
        font-size: 20px;
    }
}
.pricing-columns-section .pricing-commissions-fees {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 0 20px 5px;
    width: 100%;
    position: relative;
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-commissions-fees {
        padding: 28px 0 40px 0;
    }
}
.pricing-columns-section .profit-protector {
    color: #2f48b0;
}
.pricing-columns-section .profit-protector:hover {
    color: silver;
}
.pricing-columns-section .pricing-copy-box {
    border-top: 1px solid silver;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-copy-box {
        padding: 15px 0 15px 0;
        margin-top: 215px;
        min-height: 160px;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-copy-box {
        padding: 40px 0;
        margin-top: 205px;
        min-height: 100px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-copy-box {
        padding: 25px 0;
        min-height: none;
    }
}
.pricing-columns-section .pricing-copy-box .pricing-copy {
    width: 97%;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0 15px 5px;
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-copy-box .pricing-copy {
        width: 95%;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0.002em;
        padding: 15px 0 15px 0;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-columns-section .pricing-copy-box .pricing-copy {
        font-size: 20px;
        line-height: 28px;
    }
}
.pricing-columns-section .benefit-title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding-bottom: 30px;
    padding-top: 10px;
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .benefit-title {
        padding-top: 15px;
    }
}
.pricing-columns-section .pricing-benefits-container {
    border-top: 1px solid silver;
    display: none;
    padding-bottom: 60px;
    padding-top: 40px;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-benefits-container {
        display: block !important;
        min-height: 280px;
    }
}
@media only screen and (min-width: 961px) {
    .pricing-columns-section .pricing-benefits-container {
        min-height: 260px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-columns-section .pricing-benefits-container {
        min-height: 230px;
        padding-top: 35px;
    }
}
.pricing-columns-section .pricing-benefits-container .pricing-benefits {
    list-style: none;
    position: relative;
}
.pricing-columns-section .pricing-benefits-container .pricing-benefits .pricing-benefit-item::before {
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../../dist/images/svg/blue-check-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}
.pricing-columns-section .pricing-benefits-container .pricing-benefits .pricing-benefit-item .pricing-benefit-item-text {
    font-size: 16px;
    line-height: 21px;
    padding-left: 33px;
    padding-bottom: 10px;
    padding-top: 3px;
}
.pricing-columns-section .pricing-links {
    display: flex;
    flex-flow: column;
    position: relative;
}
.pricing-columns-section .pricing-links .pricing-more-info-link {
    color: #0e2033;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 13px;
    margin-top: 17px;
    padding-left: 5px;
}
.pricing-columns-section .pricing-links .pricing-more-info-link .arrow {
    border: solid #0e2033;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin: 3px 3px 3px 6px;
}
.pricing-columns-section .pricing-links .pricing-more-info-link .arrow-up {
    border: solid #0e2033;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin: 3px 3px 1px 6px;
}
.pricing-columns-section .pricing-links .pricing-more-info-link .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pricing-columns-section .pricing-links .pricing-more-info-link .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-links .pricing-more-info-link {
        display: none;
    }
}
.pricing-columns-section .pricing-links .pricing-button {
    color: #fff;
    background-color: #0e2033;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.pricing-columns-section .pricing-links .pricing-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pricing-columns-section .pricing-links .pricing-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-columns-section .pricing-links .pricing-button {
        padding: 10px 33px;
    }
}
.pricing-columns-section .pricing-links .pricing-button:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 767px) {
    .pricing-columns-section .pricing-links .pricing-button {
        position: absolute;
        bottom: -20px;
        left: 8px;
        padding: 10px 33px;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-columns-section .pricing-links .pricing-button {
        bottom: -10px;
        left: 0;
    }
}
.pricing-add-ons {
    position: relative;
    background-color: #eeedea;
    padding: 0 20px;
}
.pricing-add-ons .content-container {
    margin: auto;
    max-width: 1280px;
}
.pricing-add-ons .add-ons-title-section {
    margin-left: 10px;
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .add-ons-title-section {
        margin-left: 20px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-add-ons .add-ons-title-section {
        margin-left: 30px;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-add-ons .add-ons-title-section {
        margin-left: 60px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .add-ons-title-section {
        margin-left: 120px;
    }
}
.pricing-add-ons .add-ons-section-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    padding-top: 40px;
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .add-ons-section-title {
        font-size: 65px;
        line-height: 72px;
        padding-top: 90px;
    }
}
.pricing-add-ons .add-ons-section-copy {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    max-width: 300px;
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .add-ons-section-copy {
        font-size: 18px;
        line-height: 26px;
        max-width: 400px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-add-ons .add-ons-section-copy {
        font-size: 20px;
        line-height: 28px;
        max-width: 470px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .add-ons-section-copy {
        margin-top: 25px;
    }
}
.pricing-add-ons .add-ons-list {
    padding: 50px 0;
    padding: 50px 0 140px;
}
@media only screen and (min-width: 767px) {
    .pricing-add-ons .add-ons-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.pricing-add-ons .pricing-add-on-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 45px 40px 40px;
    margin: 10px;
}
@media only screen and (min-width: 767px) {
    .pricing-add-ons .pricing-add-on-card {
        width: 36%;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .pricing-add-on-card {
        padding: 70px 70px 40px;
    }
}
.pricing-add-ons .add-on-card-title {
    font-size: 30px;
    font-weight: 500;
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .add-on-card-title {
        font-size: 32px;
        line-height: 36px;
    }
}
.pricing-add-ons .add-on-card-copy {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 38px;
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .add-on-card-copy {
        font-size: 16px;
        line-height: 22px;
        margin-top: 15px;
    }
}
@media only screen and (min-width: 767px) {
    .pricing-add-ons .add-on-card-copy {
        font-size: 19px;
        line-height: 27px;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .add-on-card-copy {
        margin-bottom: 25px;
    }
}
.pricing-add-ons .add-on-breakdown-single {
    border-left: 1px solid #c4c4c4;
    padding-left: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .add-on-breakdown-single {
        border-left: 0;
        padding-left: 0;
        padding-top: 10px;
        width: 40%;
    }
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .breakdown-list.single-price {
        display: flex;
        border-top: 1px solid #c4c4c4;
    }
}
.pricing-add-ons .add-on-breakdown-double {
    border-left: 1px solid #c4c4c4;
    padding-left: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 500px) {
    .pricing-add-ons .add-on-breakdown-double {
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid #c4c4c4;
        padding-top: 10px;
    }
}
.pricing-add-ons .double-pricing-breakdown {
    display: flex;
}
.pricing-add-ons .double-pricing-breakdown .pricing-price {
    display: block;
    width: 50%;
}
@media only screen and (min-width: 1024px) {
    .pricing-add-ons .double-pricing-breakdown .pricing-price {
        display: flex;
        align-items: center;
    }
}
@media only screen and (min-width: 1024px) {
    .pricing-add-ons .double-pricing-breakdown .pricing-price .pricing-span {
        margin-left: 10px;
        margin-top: 0;
    }
}
.pricing-add-ons .pricing-type {
    font-size: 14px;
}
.pricing-add-ons .pricing-price {
    display: flex;
    align-items: baseline;
    padding: 15px 0;
}
.pricing-add-ons .pricing-amount {
    font-size: 30px;
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .pricing-amount {
        font-size: 35px;
    }
}
.pricing-add-ons .pricing-span {
    font-size: 13px;
    line-height: 13px;
    margin-top: 10px;
}
@media only screen and (min-width: 1200px) {
    .pricing-add-ons .pricing-span {
        font-size: 14px;
        line-height: 16px;
    }
}
.pricing-testimonials .pricing-wrapper {
    padding: 77px 20px 0 20px;
}
@media only screen and (min-width: 1024px) {
    .pricing-testimonials .pricing-wrapper {
        padding: 124px 20px 0 20px;
    }
}
.pricing-testimonials .section-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
}
.pricing-testimonials .headline-eyebrow {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.pricing-testimonials .section-headline {
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 42px;
    line-height: 47px;
    margin-top: 18px;
    width: 80%;
}
@media only screen and (min-width: 1200px) {
    .pricing-testimonials .section-headline {
        width: 60%;
        font-size: 65px;
        line-height: 65px;
        margin-top: 37px;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-testimonials .section-headline {
        width: 40%;
    }
}
.pricing-testimonials .sub-header-copy {
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 22px;
    margin-top: 25px;
    width: 90%;
}
@media only screen and (min-width: 767px) {
    .pricing-testimonials .sub-header-copy {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
    }
}
.pricing-testimonials .pdp-testimonial-slider-wrap {
    max-width: 1280px;
    margin: 65px 0 90px 40px;
    position: relative;
}
@media only screen and (min-width: 767px) {
    .pricing-testimonials .pdp-testimonial-slider-wrap {
        margin: 95px auto 140px auto;
    }
}
.pricing-testimonials .slick-list {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 50px 0 0;
}
@media only screen and (min-width: 1024px) {
    .pricing-testimonials .slick-list {
        max-width: 880px;
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .pricing-testimonials .slick-list {
        max-width: 970px;
    }
}
.pricing-testimonials .slick-track {
    display: flex;
}
.pricing-testimonials .slick-track .slick-slide {
    margin: 0 14px;
    background-color: #fff;
    border-radius: 20px;
    height: inherit;
}
.pricing-testimonials .testimonial-info {
    color: #0e2033;
    margin-top: 12px;
    padding: 30px;
}
.pricing-testimonials .testimonial-info .testimonial-top .quote {
    font-size: 16px;
    line-height: 22px;
}
.pricing-testimonials .testimonial-info .testimonial-middle {
    margin-top: 130px;
}
@media only screen and (min-width: 1024px) {
    .pricing-testimonials .testimonial-info .testimonial-middle {
        margin-top: 115px;
    }
}
.pricing-testimonials .testimonial-info .testimonial-middle .author {
    position: absolute;
    bottom: 0;
    transform: translateY(-100px);
    font-size: 14px;
    line-height: 22px;
}
.pricing-testimonials .testimonial-info .testimonial-bottom .logo-image {
    position: absolute;
    bottom: 0;
    transform: translateY(-42px);
    max-height: 35px;
}
.pricing-testimonials .slick-arrow {
    background-color: #fff;
    border-radius: 100%;
    border: none;
    padding: 27px;
    background-position: center;
    position: absolute;
    top: 29%;
    margin-top: -13px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}
.pricing-testimonials .slick-arrow:hover {
    background-color: #dff4f4;
}
.pricing-testimonials .slick-prev {
    background-image: url(../../dist/images/svg/blue-arrow-left.svg);
    left: 0;
}
.pricing-testimonials .slick-next {
    background-image: url(../../dist/images/svg/blue-arrow-right.svg);
    right: 0;
}
.pricing-testimonials .slick-dots {
    text-align: center;
    margin-top: 47px;
}
@media only screen and (min-width: 767px) {
    .pricing-testimonials .slick-dots {
        margin-top: 71px;
    }
}
.pricing-testimonials .slick-dots li {
    margin-right: 25px;
}
.pricing-testimonials .slick-dots button:before {
    width: 15px;
    height: 15px;
    opacity: 0.2;
    background: #fff;
}
.pricing-testimonials .slick-dots .slick-active button:before {
    opacity: 1;
}
.pricing-connect .pricing-section {
    overflow: hidden;
    width: 100%;
}
.pricing-connect .pricing-section-container {
    background-color: #2f48b0;
}
.pricing-connect .features-section-center {
    margin: 0 auto;
    width: 100%;
}
.pricing-connect .connect {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff;
    padding-top: 75px;
    padding-bottom: 18px;
}
@media only screen and (min-width: 1440px) {
    .pricing-connect .connect {
        padding-top: 163px;
        padding-bottom: 33px;
    }
}
.pricing-connect .connect-description {
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    padding-bottom: 45px;
    max-width: 320px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .pricing-connect .connect-description {
        font-size: 40px;
        line-height: 44px;
        max-width: 660px;
    }
}
@media only screen and (min-width: 1440px) {
    .pricing-connect .connect-description {
        max-width: 1057px;
        padding-bottom: 48px;
        font-size: 64px;
        line-height: 59px;
    }
}
.pricing-connect .connect-button-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}
@media only screen and (min-width: 1440px) {
    .pricing-connect .connect-button-wrap {
        padding-bottom: 140px;
    }
}
.pricing-connect .connect-button-wrap a {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border-radius: 70px;
    padding: 11px 35px;
    text-align: center;
    color: #2f48b0;
    background-color: #fff;
    border: 1px solid #fff;
}
.pricing-connect .connect-button-wrap a:hover {
    background-color: #dff4f4;
    border: 1px solid #dff4f4;
}
@media only screen and (min-width: 1440px) {
    .pricing-connect .connect-button-wrap a {
        padding: 19px 23px;
        font-size: 17px;
        line-height: 17px;
    }
}
.get-two-demo.pricing_page {
    margin-top: 0;
    background: #fff;
}
.get-two-demo.pricing_page:after {
    bottom: auto;
    top: 0;
    background: #0e2033;
}
.capricing .pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame,
.pricing .pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
    border-bottom: 0;
    border-top: 0;
    padding: 20px 0 45px;
}
.pricing-cdn {
    color: #0e2033;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.6px;
    position: absolute;
    text-transform: uppercase;
    top: 2px;
}
.pricing__options h4.canadian {
    position: relative;
}
.pricing__options h4.canadian .canada-prc-tag {
    font-size: 16px;
    margin-left: 5px;
    position: absolute;
    top: 30px;
}
@media (max-width: 1024px) {
    .pricing__options h4.canadian .canada-prc-tag {
        top: 10px;
    }
}
div.pricing {
    background: #fff;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.pricing h2.pricing-plan-heading {
    color: #0e2033;
    font-size: 57px;
    letter-spacing: -0.035em;
    line-height: 80px;
}
div.pricing div.banner.mini {
    background: #fff;
}
div.pricing div.banner.mini div.banner__headline .headline_header {
    font-size: 58px;
    padding: 191px 0 47px;
}
div.pricing .pricing {
    background: #fff;
}
div.pricing .option.pricing {
    background: 0 0;
}
div.pricing div.pricing__plans {
    background: #fff;
}
div.pricing div.pricing__plans h2 {
    font-size: 50px;
    line-height: 60px;
    margin: 170px 0 70px 0;
}
div.pricing div.pricing__plans div.pricing__plan {
    padding-top: 0;
}
div.pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
    border-bottom: 0;
    border-top: 0;
    padding: 30px 0 45px;
}
div.pricing div.pricing__plans div.pricing__plan.monthly div.pricing__plan__frame {
    background: 0 0;
    border: none;
    padding: 20px 0 45px;
}
div.pricing div.pricing__plans div.pricing__plan.twoyear div.pricing__plan__frame {
    background: 0 0;
    border: none;
    padding: 20px 0 45px;
}
div.pricing div.pricing__plans div.pricing__plan div.pricing__plan__tag {
    margin-bottom: 10px;
}
div.pricing div.pricing__plans div.pricing__plan div.pricing__plan__tag.hide {
    height: 34px;
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan div.pricing__plan__tag.hide {
        display: none;
    }
}
div.pricing div.pricing__plans div.pricing__plan h3 {
    font-size: 32px;
    margin-bottom: 32px;
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan h3 {
        margin-bottom: 0;
    }
}
div.pricing div.pricing__plans div.pricing__plan h4 {
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 3px;
}
div.pricing div.pricing__plans div.pricing__plan.annual h5 {
    padding: 25px 0 18px;
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan.annual h5 {
        padding: 18px 0 0;
    }
}
div.pricing div.pricing__plans div.pricing__plan h5 {
    font-size: 80px;
    padding: 25px 0 18px;
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan h5 {
        padding: 18px 0 0;
    }
}
div.pricing div.pricing__plans div.pricing__plan h6 {
    padding-bottom: 56px;
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan h6 {
        padding-bottom: 26px;
    }
}
div.pricing div.pricing__fees {
    border: 0;
    padding: 50px 0 10px;
}
div.pricing div.pricing__fees h3 {
    color: #0e2033;
}
div.pricing div.pricing__fees p {
    color: #0e2033;
}
div.pricing .common-button.pill.slim {
    padding: 2px 32px;
    border: 1px solid #fff;
}
div.pricing div.pricing__plans__note {
    color: #0e2033;
    padding: 62px 0 52px;
}
div.pricing div.pricing__plans__note .common-button.standard.red {
    padding: 2px 0 14px;
}
div.pricing div.pricing__includes {
    border: 0;
}
div.pricing div.pricing__includes h3 {
    color: #0e2033;
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 30px;
}
div.pricing div.pricing__includes dl {
    text-align: center;
}
div.pricing div.pricing__includes dl dt {
    margin: 0 auto;
}
div.pricing .pricing__calculator {
    align-items: center;
    background: #0e2033;
    color: #fff;
    display: flex;
    float: left;
    justify-content: center;
    margin: auto;
    width: 100%;
}
div.pricing .pricing__calculator h2 {
    font-size: 32px;
}
div.pricing .pricing__calculator p {
    font-size: 18px;
    line-height: 26px;
    margin: 16px 0;
}
div.pricing .pricing__calculator .left {
    flex: 6;
}
div.pricing .pricing__calculator .left .left-content {
    margin: 10% 20%;
}
div.pricing .pricing__calculator .right {
    flex: 5;
}
div.pricing .pricing__calculator .right img {
    vertical-align: top;
    width: 100%;
}
div.pricing .pricing__optional__addons {
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    clear: both;
    display: block;
    padding: 100px 0;
    text-align: center;
}
div.pricing .pricing__optional__addons .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 860px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: left;
    height: 220px;
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price sup {
    font-size: 28px;
    position: relative;
    top: -34px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon h5 {
    font-size: 16px;
    margin-bottom: 20px;
}
div.pricing .pricing__optional__addons h3 {
    color: #0e2033;
    font-size: 32px;
    margin-bottom: 10px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon {
    border-bottom: 1px solid #e9e9e9;
    height: 90px;
    margin-bottom: 10px;
    padding: 30px 0 66px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon:last-of-type {
    border-bottom: 0 !important;
}
@media (max-width: 800px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon {
        height: inherit;
        padding: 30px 0 45px;
    }
}
div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float {
    float: left;
    padding-left: 47px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float a {
    border: 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 800px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float {
        float: none;
        padding-left: 0;
    }
    div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float h4,
    div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float h5 {
        text-align: center;
    }
    div.pricing .pricing__optional__addons .pricing__optional__addon .pricing__optional__addon__float h4 {
        line-height: 30px;
    }
}
div.pricing .pricing__optional__addons .pricing__optional__addon h4 {
    color: #0e2033;
    font-size: 32px;
    letter-spacing: 0;
    margin-bottom: 14px;
    margin-top: 27px;
    text-align: left;
    text-transform: none;
}
div.pricing .pricing__optional__addons .pricing__optional__addon h5 {
    color: #0e2033;
    font-size: 16px;
    text-align: left;
}
@media (min-width: 800px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon h5 {
        width: 465px;
    }
}
@media (max-width: 799px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon h5 {
        margin-left: auto;
        margin-right: auto;
        max-width: 435px;
    }
}
div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price {
    float: right;
    line-height: 104px;
    padding-right: 47px;
}
@media (max-width: 800px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price {
        float: none;
        padding-right: 0;
        text-align: center;
    }
    div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price sup {
        font-size: 26x;
        line-height: 78px;
    }
    div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price sub {
        line-height: 48px;
    }
}
div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price .smallSub {
    color: #0e2033;
    font-size: 12px;
    margin-top: 0;
}
div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price span {
    color: #0e2033;
    font-size: 80px;
}
div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price span.canada-price-tag {
    color: #0e2033;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.6px;
    position: absolute;
    text-transform: uppercase;
    top: 2px;
}
@media (max-width: 800px) {
    div.pricing .pricing__optional__addons .pricing__optional__addon .opt-price span.canada-price-tag {
        bottom: 88px;
        top: auto;
    }
}
@media (max-width: 800px) {
    div.pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
        border: 0;
    }
}
div.pricing div.header__menu p a svg path,
div.pricing div.header__notification__close a svg path {
    fill: #fff;
}
div.pricing h5.canadian {
    position: relative;
}
div.pricing h5.canadian .canada-prc-tag {
    color: #0e2033;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.6px;
    position: absolute;
    text-transform: uppercase;
    top: 2px;
}
@media (max-width: 800px) {
    div.pricing h5.canadian .canada-prc-tag {
        top: -7px;
    }
}
@media (max-width: 1024px) {
    div.pricing {
        padding-top: 30px;
    }
}
div.pricing .header_subtitle_pricing {
    left: 0;
    letter-spacing: 0.2px;
    margin: auto;
    opacity: 0.8;
    position: absolute;
    right: 0;
    text-align: center;
    top: -54px;
    width: 90%;
}
div.pricing .header_subtitle_pricing a {
    font-weight: 600;
}
@media (max-width: 1024px) {
    div.pricing .header_subtitle_pricing {
        font-size: 16px;
        line-height: 17.5px;
        top: -28px;
    }
}
div.pricing__plans {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 7px;
    text-align: center;
}
div.pricing__plans__note {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 32px 0 52px 0;
}
div.pricing__plans div.pricing__plan {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.pricing__plans div.pricing__plan__frame {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    border-top: 0;
    padding: 26px 0 30px 0;
}
div.pricing__plans div.pricing__plan h3 {
    color: #0e2033;
    font-size: 32px;
    letter-spacing: -0.025em;
    line-height: 26px;
}
div.pricing__plans div.pricing__plan h4 {
    color: #0e2033;
    font-size: 18px;
}
div.pricing__plans div.pricing__plan h5 {
    color: #0e2033;
    font-size: 80px;
    letter-spacing: -0.05em;
    line-height: 56px;
    padding: 53px 0 23px;
}
div.pricing__plans div.pricing__plan h5 sub,
div.pricing__plans div.pricing__plan h5 sup {
    color: #0e2033;
    letter-spacing: normal;
}
div.pricing__plans div.pricing__plan h5 sup {
    font-size: 28px;
    line-height: 28px;
    vertical-align: top;
}
div.pricing__plans div.pricing__plan h5 sub {
    font-size: 16px;
    font-weight: 400;
    line-height: 12px;
    vertical-align: bottom;
}
@media (max-width: 800px) {
    div.pricing__plans div.pricing__plan h5 sub {
        line-height: 52px;
    }
}
div.pricing__plans div.pricing__plan h6 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: rgba(14, 32, 51, 0.6);
    padding-bottom: 26px;
}
div.pricing__plans div.pricing__plan.monthly div.pricing__plan__frame {
    border-bottom: 0;
    border-top: 0;
}
div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
    background: #fff;
}
div.pricing__plans div.pricing__plan.annual div.pricing__plan__tag {
    padding: 4px 0 6px 0;
}
div.pricing__plans div.pricing__plan.twoyear div.pricing__plan__frame {
    border-bottom: 0;
    border-top: 0;
}
div.pricing__includes {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding-bottom: 10px;
}
div.pricing__includes p {
    color: #0e2033;
}
div.pricing__includes h3 {
    color: #0e2033;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 44px;
    padding-top: 90px;
    text-align: center;
}
div.pricing__includes dl {
    width: 47.82609%;
    float: left;
    text-align: center;
}
div.pricing__includes dl dt {
    display: table;
    height: 50px;
    margin: 0 auto;
    width: 40px;
}
div.pricing__includes dl dt span {
    display: table-cell;
    vertical-align: middle;
}
div.pricing__includes dl dt span img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
div.pricing__includes dl dt span img.management-tools-icon {
    height: auto;
    width: 36px;
}
div.pricing__includes dl dt span img.reduce-icon {
    height: auto;
    width: 40px;
}
div.pricing__includes dl dd {
    display: block;
    margin: 6px 0 46px 0;
}
div.pricing__includes dl dd p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
}
div.pricing__includes dl dd p.note {
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}
div.pricing__fees {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding: 50px 0;
}
div.pricing__fees h3 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
}
div.pricing__fees p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    text-align: center;
}
div.pricing__options {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.pricing__options div.pricing__option {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #4a79a0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
div.pricing__options div.pricing__option__tag {
    color: #0e2033;
    padding-top: 60px;
}
div.pricing__options div.pricing__option__tag span {
    background: #fff;
}
div.pricing__options div.pricing__option__wrap {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783%;
}
div.pricing__options div.pricing__option h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
    padding: 26px 0 7px 0;
}
div.pricing__options div.pricing__option p {
    color: rgba(255, 255, 255, 0.4);
}
div.pricing__options div.pricing__option h4 {
    color: #fff;
    font-size: 84px;
    letter-spacing: -0.07em;
    line-height: 58px;
    padding: 23px 0 57px 0;
}
div.pricing__options div.pricing__option h4 sub,
div.pricing__options div.pricing__option h4 sup {
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: normal;
}
div.pricing__options div.pricing__option h4 sup {
    font-size: 28px;
    line-height: 28px;
    vertical-align: top;
}
div.pricing__options div.pricing__option h4 sub {
    font-size: 16px;
    line-height: 16px;
    vertical-align: bottom;
}
@media (min-width: 800px) {
    div.pricing__plans div.pricing__plan {
        padding-top: 15px;
        width: 32%;
    }
    div.pricing__plans div.pricing__plan__frame {
        padding: 36px 0 25px 0;
    }
    div.pricing__plans div.pricing__plan h4 {
        font-size: 18px;
        padding-bottom: 3px;
    }
    div.pricing__plans div.pricing__plan h5 {
        font-size: 81px;
        line-height: 56px;
        padding: 25px 0 18px 0;
    }
    div.pricing__plans div.pricing__plan h5 sup {
        font-size: 20px;
        line-height: 20px;
    }
    div.pricing__plans div.pricing__plan h6 {
        padding-bottom: 56px;
    }
    div.pricing__plans div.pricing__plan.monthly div.pricing__plan__frame {
        border: 0;
    }
    div.pricing__plans div.pricing__plan.annual {
        padding-top: 0;
        width: 36%;
    }
    div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
        border: 1px solid #e6e6e6;
        border-width: 0 1px;
        padding: 34px 0 40px 0;
    }
    div.pricing__plans div.pricing__plan.annual h5 {
        padding-top: 18px;
    }
    div.pricing__plans div.pricing__plan.twoyear div.pricing__plan__frame {
        border: 0;
    }
}
@media (min-width: 1px) {
    div.pricing__includes dl {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%;
        text-align: left;
    }
    div.pricing__includes dl dt {
        margin: 0;
    }
    div.pricing__includes dl.x1,
    div.pricing__includes dl.x11,
    div.pricing__includes dl.x3,
    div.pricing__includes dl.x5,
    div.pricing__includes dl.x7,
    div.pricing__includes dl.x9 {
        margin-right: 0;
    }
    div.pricing__includes dl.x10,
    div.pricing__includes dl.x2,
    div.pricing__includes dl.x4,
    div.pricing__includes dl.x6,
    div.pricing__includes dl.x8 {
        clear: left;
    }
}
@media (min-width: 800px) {
    div.pricing__plans div.pricing__plan h5 {
        font-size: 80px;
    }
}
@media (max-width: 800px) {
    div.pricing .premium_add-on_block {
        border: 0;
        padding: 5%;
        width: 90%;
    }
    div.pricing__plans__note {
        padding: 50px 0 52px;
    }
    div.pricing__plans div.pricing__plan__frame {
        padding: 52px 0 30px 0;
    }
    div.pricing__plans div.pricing__plan h3 {
        font-size: 33px;
        line-height: 40px;
    }
    div.pricing__plans div.pricing__plan h4 {
        font-size: 18px;
        padding-bottom: 26px;
    }
    div.pricing__plans div.pricing__plan h5 {
        font-size: 150px;
        letter-spacing: -0.05em;
        line-height: 56px;
        padding: 53px 0 23px 0;
    }
    div.pricing__plans div.pricing__plan h5 sup {
        font-size: 20px;
        line-height: 50px;
    }
    div.pricing__plans div.pricing__plan h6 {
        padding-bottom: 26px;
    }
    div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
        padding: 48px 0 45px 0;
    }
    div.pricing__plans div.pricing__plan.annual h5 {
        padding-top: 38px;
    }
}
@media (min-width: 1024px) {
    div.pricing__includes dl {
        width: 30.43478%;
        float: left;
    }
    div.pricing__includes dl.x1,
    div.pricing__includes dl.x3,
    div.pricing__includes dl.x7,
    div.pricing__includes dl.x9 {
        margin-right: 4.34783%;
    }
    div.pricing__includes dl.x10,
    div.pricing__includes dl.x2,
    div.pricing__includes dl.x4,
    div.pricing__includes dl.x8 {
        clear: none;
    }
    div.pricing__includes dl.x2,
    div.pricing__includes dl.x8 {
        margin-right: 0;
    }
    div.pricing__includes dl.x3,
    div.pricing__includes dl.x9 {
        clear: left;
    }
}
.brand #pricing {
    background: #4a79a0;
}
.partner-landing-page .pricing__plan__frame h3 {
    padding: 0;
}
.pricing__premium__addons {
    border-top: 1px solid #e9e9e9;
    clear: both;
    margin-bottom: 80px;
    padding-top: 80px;
}
.pricing__premium__addons .container {
    max-width: 860px;
}
.pricing__premium__addons h3 {
    color: #0e2033;
    font-size: 32px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
}
.pricing__premium__addons .premium_add-on_block {
    float: left;
    margin-top: 30px;
    padding: 1% 4.9%;
    width: 100%;
}
.pricing__premium__addons .premium_add-on_block h2 {
    font-size: 27px;
    font-weight: 400;
    line-height: 44px;
}
.pricing__premium__addons .premium_add-on_block:last-child {
    border-right: 0;
}
.pricing-essentials {
    border-top: 1px solid #e9e9e9;
    clear: both;
    margin-bottom: 80px;
    padding-top: 80px;
}
.pricing-essentials .container {
    max-width: 860px;
}
.pricing-essentials-wrap {
    max-width: 670px;
    padding: 0 20px;
    margin: 0 auto;
    float: none;
}
.pricing-essentials-header {
    text-align: center;
    margin-top: 23px;
}
.pricing-essentials-header .title {
    font-size: 42px;
    font-weight: 400;
}
.pricing-essentials-header .price {
    font-size: 75px;
    margin-top: 23px;
    display: inline-block;
    position: relative;
    margin-bottom: 14px;
    font-weight: 400;
    line-height: initial;
}
.pricing-essentials-header .price sup {
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    left: -10px;
    top: 20px;
}
.pricing-essentials-header .price span {
    font-size: 16px;
    font-weight: 600;
}
.pricing-essentials-header .fee {
    font-size: 17px;
    font-weight: 600;
}
.pricing-essentials-header .location {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 20px;
    color: #8c8c8e;
}
.pricing-essentials-block-wrap {
    margin: 50px 0;
}
.pricing-essentials-block {
    margin-bottom: 35px;
}
.pricing-essentials-block h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}
.pricing-essentials-block strong {
    font-weight: 600;
}
.pricing-essentials-block p {
    font-size: 16px;
}
.pricing-essentials-footer .button {
    padding: 6px 29px;
    font-size: 12px;
    margin-bottom: 25px;
    display: inline-block;
    transition: background-color 0.2s ease, color 0.2s ease;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.pricing-essentials-footer .button:hover {
    background-color: #1a3b5f;
}
.pricing-essentials-footer .button:focus {
    outline: 2px solid #fd4f57;
}
.pricing-essentials-footer p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.request-wrapper .column-left {
    display: block;
    float: left;
    margin: 80px 5% 27px;
    width: 40%;
}
.request-wrapper .column-left p {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 17px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}
.request-wrapper .column-left img {
    width: 100%;
}
.request-wrapper .column-right {
    float: left;
    margin: 0 5%;
    width: 40%;
}
@media screen and (max-width: 1024px) {
    div.pricing div.pricing__plans h2 {
        font-size: 40px;
        line-height: 46px;
        margin: 170px 5% 70px 5%;
    }
    div.pricing .pricing__hero {
        border-bottom: 0;
    }
    div.pricing .pricing__hero .hero-container {
        display: flex;
        flex-flow: column;
    }
    div.pricing .pricing__hero .hero-headline {
        float: left;
        margin: 0 auto;
        order: 2;
        padding-top: 50px;
        text-align: center;
        width: 70%;
    }
    div.pricing .pricing__hero .hero-headline h2 {
        font-size: 37px;
    }
    div.pricing .pricing__hero .hero-image {
        border-bottom: 1px solid #f9f9f9;
        margin: 0 auto;
        order: 1;
        width: 100%;
    }
    div.pricing .pricing__hero .hero-image img {
        margin: 0 auto;
        width: 45%;
    }
    div.pricing .pricing__calculator .left {
        padding: 15% 10%;
        text-align: center;
        width: 80%;
    }
    div.pricing .pricing__calculator .left .left-content {
        display: block;
    }
    div.pricing .pricing__calculator .right {
        display: none;
    }
    div.pricing .pricing__calculator .calculator-text {
        display: none;
    }
    div.pricing .pricing__optional__addons {
        padding: 100px 0 0 0;
    }
    .pricing-dyk .pricing-dyk-left p {
        margin-bottom: 50px;
        text-align: center;
        width: 100%;
    }
    .pricing-dyk .pricing-dyk-right img {
        float: none;
        margin: 50px auto;
        text-align: center;
        width: 50%;
    }
}
@media screen and (max-width: 560px) {
    div.pricing .pricing__hero .hero-headline {
        margin-bottom: 40px;
        width: 80%;
    }
}
div.request {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #f5f5f5;
}
div.request__content {
    width: 91.30435%;
    float: left;
    margin: 54px 4.34783% 7px 4.34783%;
    text-align: center;
}
div.request__form {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783% 10px 4.34783%;
}
div.request__note {
    width: 91.30435%;
    float: left;
    margin: 7px 4.34783% 57px 4.34783%;
}
div.request__note p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #8c8c8e;
    line-height: 14px;
    text-align: center;
}
div.request__note p span {
    padding: 0 4px;
}
div.request__note p a {
    color: #fd4f57;
    display: inline-block;
    transition: color 0.2s ease;
}
div.request__note p a:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
div.request__note p a:hover {
    color: #fd7e84;
}
div.request__note p a:hover:after {
    background: rgba(253, 126, 132, 0.3);
    width: 100%;
}
@media (min-width: 480px) {
    div.request__content {
        margin: 74px 4.34783% 27px 4.34783%;
    }
    div.request__note {
        margin-bottom: 77px;
    }
}
div.testimonials {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.testimonials__row {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #e6e6e6;
}
div.testimonials__row.featured {
    background: #0e2033;
    background-size: 574px 326px;
    border: none;
}
div.testimonials__row.large {
    background: #f5f5f5;
    padding-bottom: 4px;
}
div.testimonials__row.large h2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-align: center;
    color: #0e2033;
    padding: 55px 0 50px 0;
}
div.testimonials__row.small {
    background: #fff;
    padding: 56px 0 4px 0;
}
div.testimonials__row.small hr {
    display: none;
}
div.testimonials__row.flow {
    padding-top: 50px;
    border: none;
}
div.testimonials div.testimonial {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}
div.testimonials div.testimonial__logo {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.testimonials div.testimonial__logo div {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.testimonials div.testimonial__logo div span {
    display: block;
    margin: 0 auto;
    width: 130px;
}
div.testimonials div.testimonial__logo div span svg {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    display: block;
    margin: 0 auto;
}
div.testimonials div.testimonial__logo div span svg path {
    fill: #fff;
}
div.testimonials div.testimonial__logo div span img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    display: block;
    margin: 0 auto;
}
div.testimonials div.testimonial__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    color: #0e2033;
}
div.testimonials div.testimonial__content h5 {
    color: #0e2033;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
}
div.testimonials div.testimonial__content h5 a {
    color: #0e2033;
    transition: color 0.2s ease;
}
div.testimonials div.testimonial__content h5 a:hover {
    color: #fd4f57;
}
div.testimonials div.testimonial__content__tag {
    color: #0e2033;
    padding: 9px 0 23px 0;
}
div.testimonials div.testimonial__content__tag span {
    background: #fff;
    border: 1px solid #e6e6e6;
}
div.testimonials div.testimonial__content h3 {
    clear: both;
}
div.testimonials div.testimonial__content h3 span.quote {
    font-weight: 600;
}
div.testimonials div.testimonial__content h3 span.quote.left {
    padding-right: 3px;
}
div.testimonials div.testimonial__content h3 span.quote.right {
    padding-left: 3px;
}
div.testimonials div.testimonial__content h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 17px;
}
div.testimonials div.testimonial__visual {
    width: 82.6087%;
    float: left;
    background-color: #0e2033;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    display: block;
    height: 240px;
    margin: 24px 8.69565% 0 8.69565%;
}
div.testimonials div.testimonial__watch a {
    display: block;
    height: 100%;
    width: 100%;
}
div.testimonials div.testimonial__watch a span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #fff;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 68px;
    height: 40px;
}
div.testimonials div.testimonial__watch a span svg {
    position: absolute;
    left: 29px;
    top: 13px;
    height: 14px;
    width: 10px;
}
div.testimonials div.testimonial__watch a span svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
div.testimonials div.testimonial__watch a:hover span {
    background: #0e2033;
    border-color: #0e2033;
}
div.testimonials div.testimonial.featured {
    padding: 124px 0 54px 0;
}
div.testimonials div.testimonial.featured div.testimonial__logo {
    padding: 16px 0 6px 0;
}
div.testimonials div.testimonial.featured div.testimonial__content {
    width: 91.30435%;
    float: left;
    margin: 0 4.34783%;
}
div.testimonials div.testimonial.featured div.testimonial__content h3 {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.025em;
}
div.testimonials div.testimonial.featured div.testimonial__content h4 {
    color: rgba(255, 255, 255, 0.65);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 34px;
}
div.testimonials div.testimonial.featured div.testimonial__content h5 {
    color: #8c8c8e;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 24px;
}
div.testimonials div.testimonial.featured div.testimonial__watch {
    display: block;
    height: 74px;
    padding-top: 33px;
    width: 100%;
}
div.testimonials div.testimonial.featured div.testimonial__watch a {
    width: 74px;
    height: 40px;
    margin: 0 auto;
}
div.testimonials div.testimonial.featured div.testimonial__watch a span {
    border-radius: 70px;
    height: 40px;
    width: 70px;
}
div.testimonials div.testimonial.featured div.testimonial__watch a span svg {
    left: 31px;
    top: 13px;
}
div.testimonials div.testimonial.large {
    margin-bottom: 56px;
}
div.testimonials div.testimonial.large div.testimonial__logo {
    width: 82.6087%;
    float: left;
    bottom: 0;
    margin: 0 8.69565%;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
}
div.testimonials div.testimonial.large div.testimonial__logo div span {
    margin: 0;
    padding: 15px;
    width: 80px;
}
div.testimonials div.testimonial.large div.testimonial__watch {
    width: 82.6087%;
    float: left;
    bottom: 0;
    height: 240px;
    margin: 0 8.69565%;
    position: absolute;
    z-index: 1;
}
div.testimonials div.testimonial.large div.testimonial__watch a {
    border-radius: 4px;
    transition: background 0.2s ease;
}
div.testimonials div.testimonial.large div.testimonial__watch a:hover {
    background: rgba(0, 0, 0, 0.5);
}
div.testimonials div.testimonial.small {
    margin-bottom: 50px;
}
div.testimonials div.testimonial.small div.testimonial__content h4 {
    padding-bottom: 9px;
}
div.testimonials div.testimonial.small div.testimonial__logo {
    padding-bottom: 10px;
}
div.testimonials div.testimonial.small div.testimonial__logo div span {
    width: 90px;
}
div.testimonials div.testimonial.small div.testimonial__logo div span svg path {
    fill: #8c8c8e;
}
div.testimonials div.testimonial.small div.testimonial__watch {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    height: 40px;
    padding-bottom: 6px;
}
div.testimonials div.testimonial.small div.testimonial__watch a {
    margin: 0 auto;
    width: 68px;
}
div.testimonials div.testimonial.small div.testimonial__watch a span {
    border-color: #e6e6e6;
    border-radius: 36px;
    height: 36px;
    width: 68px;
}
div.testimonials div.testimonial.small div.testimonial__watch a span svg {
    left: 31px;
    top: 11px;
}
div.testimonials div.testimonial.small div.testimonial__watch a span svg path {
    fill: #0e2033;
}
div.testimonials div.testimonial.small div.testimonial__watch a:hover span {
    background: #0e2033;
    border-color: #0e2033;
}
div.testimonials div.testimonial.small div.testimonial__watch a:hover span svg path {
    fill: #fff;
}
@media (min-width: 768px) {
    div.testimonials__row.large {
        padding: 0;
    }
    div.testimonials__row.large h2 {
        padding-bottom: 4px;
    }
    div.testimonials__row.small {
        padding: 30px 0 50px 0;
    }
    div.testimonials__row.small div.testimonials__row__container {
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }
    div.testimonials__row.small div.testimonials__row__container:after {
        content: " ";
        display: block;
        clear: both;
    }
    div.testimonials__row.small div.testimonials__row__wrap {
        width: 91.30435%;
        float: left;
        margin: 0 4.34783%;
    }
    div.testimonials__row.flow {
        padding-top: 50px;
    }
    div.testimonials div.testimonial__content {
        width: 43.47826%;
        float: left;
        margin-right: 4.16667%;
        height: 320px;
        margin: 0 0 0 4.34783%;
    }
    div.testimonials div.testimonial__content h5 {
        font-size: 33px;
        line-height: 36px;
    }
    div.testimonials div.testimonial__content__tag {
        padding-top: 7px;
    }
    div.testimonials div.testimonial__visual {
        width: 43.47826%;
        float: right;
        margin-right: 0;
        height: 320px;
        margin: 0 4.34783% 0 0;
    }
    div.testimonials div.testimonial.featured {
        padding: 0;
    }
    div.testimonials div.testimonial.featured div.testimonial__logo {
        padding-bottom: 0;
    }
    div.testimonials div.testimonial.featured div.testimonial__content {
        width: 82.6087%;
        float: left;
        height: 540px;
        margin: 0 8.69565%;
    }
    div.testimonials div.testimonial.featured div.testimonial__content h3 {
        font-size: 36px;
        line-height: 42px;
        padding-top: 45px;
    }
    div.testimonials div.testimonial.featured div.testimonial__content h3 span.quote.left {
        padding-right: 6px;
    }
    div.testimonials div.testimonial.featured div.testimonial__content h3 span.quote.right {
        padding-left: 6px;
    }
    div.testimonials div.testimonial.featured div.testimonial__watch {
        padding-top: 29px;
    }
    div.testimonials div.testimonial.large {
        margin: 0;
        padding-top: 50px;
        text-align: left;
    }
    div.testimonials div.testimonial.large div.container {
        height: 320px;
    }
    div.testimonials div.testimonial.large div.container:after {
        width: 91.30435%;
        float: left;
        border-bottom: 1px solid #e6e6e6;
        clear: both;
        content: "";
        display: block;
        margin: 0 4.34783%;
        padding-top: 50px;
    }
    div.testimonials div.testimonial.large:last-child {
        padding-bottom: 100px;
    }
    div.testimonials div.testimonial.large:last-child div.container:after {
        display: none;
    }
    div.testimonials div.testimonial.large div.testimonial__logo {
        width: 43.47826%;
        float: left;
        margin-right: 4.16667%;
        margin: 0 4.34783% 0 0;
    }
    div.testimonials div.testimonial.large div.testimonial__watch {
        width: 43.47826%;
        float: left;
        margin-right: 4.16667%;
        bottom: auto;
        height: 320px;
        margin: 0 4.34783% 0 0;
        right: 0;
    }
    div.testimonials div.testimonial.small {
        width: 47.82609%;
        float: left;
        margin: 0 4.34783% 0 0;
        padding: 6px 0 44px 0;
    }
    div.testimonials div.testimonial.small.x1,
    div.testimonials div.testimonial.small.x3,
    div.testimonials div.testimonial.small.x5 {
        margin-right: 0;
    }
    div.testimonials div.testimonial.small.x2,
    div.testimonials div.testimonial.small.x4 {
        clear: left;
    }
    div.testimonials div.testimonial.small.x0 div.testimonial__frame,
    div.testimonials div.testimonial.small.x1 div.testimonial__frame,
    div.testimonials div.testimonial.small.x4 div.testimonial__frame,
    div.testimonials div.testimonial.small.x5 div.testimonial__frame {
        min-height: 238px;
    }
    div.testimonials div.testimonial.small.x2 div.testimonial__frame,
    div.testimonials div.testimonial.small.x3 div.testimonial__frame {
        min-height: 265px;
    }
    div.testimonials div.testimonial.small div.testimonial__content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        margin: 0;
    }
    div.testimonials div.testimonial.small div.testimonial__content h5 {
        font-size: 20px;
        line-height: 26px;
    }
    div.testimonials div.testimonial.small div.testimonial__content__tag {
        padding-top: 9px;
    }
    div.testimonials div.testimonial.small div.testimonial__watch {
        margin-top: 5px;
    }
}
@media (min-width: 1024px) {
    div.testimonials__row.small {
        padding: 50px 0;
    }
    div.testimonials__row.small hr {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        background: #e6e6e6;
        clear: both;
        display: block;
        height: 1px;
    }
    div.testimonials div.testimonial.featured div.testimonial__content {
        height: 720px;
    }
    div.testimonials div.testimonial.featured div.testimonial__content h3 {
        font-size: 48px;
        line-height: 52px;
        letter-spacing: -0.04em;
    }
    div.testimonials div.testimonial.small {
        width: 30.43478%;
        float: left;
        margin: 0 4.34783% 0 0;
        padding: 46px 0 44px 0;
    }
    div.testimonials div.testimonial.small.x1,
    div.testimonials div.testimonial.small.x3 {
        margin-right: 4.34783%;
    }
    div.testimonials div.testimonial.small.x2,
    div.testimonials div.testimonial.small.x4 {
        clear: none;
    }
    div.testimonials div.testimonial.small.x2 {
        margin-right: 0;
    }
    div.testimonials div.testimonial.small.x3 {
        clear: left;
    }
    div.testimonials div.testimonial.small div.testimonial__content div.testimonial__frame {
        min-height: 265px;
    }
}
.sgpb-popup-close-button,
.sgpb-popup-close-button-2 {
    display: none;
}
.ada-popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 15px;
    width: 15px;
    text-align: center;
}
.ada-popup-close:after {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    background: url(../images/svg/close.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
div.thanks {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #f5f5f5;
    padding: 163px 0 57px 0;
}
div.thanks__content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: url(../svg/thanks.svg) center top no-repeat;
    padding: 40px 0;
    text-align: center;
}
div.thanks__content dl {
    padding-bottom: 30px;
}
div.thanks__content dl dt {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding-bottom: 6px;
}
@media (min-width: 1024px) {
    div.thanks__content dl dt {
        font-size: 33px;
        line-height: 36px;
        padding: 1px 0 5px 0;
    }
}
div.walkthrough {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    padding-bottom: 25px;
}
div.walkthrough dl.dyk {
    border-left: 2px solid #e6e6e6;
    padding-left: 30px;
    text-align: left;
}
div.walkthrough dl.dyk dt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    padding: 6px 0 11px 0;
}
div.walkthrough dl.dyk dd {
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 3px;
    color: #0e2033;
}
div.walkthrough__content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    text-align: center;
}
div.walkthrough__content__button {
    display: none;
}
div.walkthrough__content h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
    padding: 56px 0 7px 0;
}
div.walkthrough__content p {
    padding-bottom: 27px;
    color: #0e2033;
}
div.walkthrough__content ul {
    padding: 25px 0 5px 0;
}
div.walkthrough__content ul li svg path {
    fill: #fff;
}
div.walkthrough__content dl.dyk {
    display: none;
}
div.walkthrough__visual {
    width: 82.6087%;
    float: left;
    float: left;
    margin: 0 8.69565%;
    padding: 25px 0 35px 0;
}
div.walkthrough__visual__image {
    margin: 0 auto;
    max-width: 592px;
}
div.walkthrough__visual__image img {
    height: auto;
    max-width: 100%;
    width: auto;
    margin: auto;
}
div.walkthrough__dyk {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    padding: 15px 0 25px 0;
}
div.walkthrough#chownow-tablet,
div.walkthrough#marketing-services,
div.walkthrough#website-ordering {
    background-color: #fff;
}
div.walkthrough#chownow-tablet .walkthrough__visual__image img {
    height: 300px;
}
div.walkthrough#branded-mobile-apps .walkthrough__visual__image img {
    height: 300px;
}
@media (min-width: 768px) {
    div.walkthrough#chownow-tablet .walkthrough__visual__image img {
        height: 325px;
    }
    div.walkthrough#branded-mobile-apps .walkthrough__visual__image img {
        height: 400px;
    }
}
@media (min-width: 1024px) {
    div.walkthrough {
        padding-bottom: 0;
    }
    div.walkthrough__content,
    div.walkthrough__visual {
        height: 680px;
    }
    div.walkthrough__content {
        width: 43.47826%;
        float: left;
        margin-right: 4.16667%;
        margin: 0 0 0 4.34783%;
        text-align: left;
    }
    div.walkthrough__content__button {
        display: block;
        padding-top: 28px;
    }
    div.walkthrough__content h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 0 0 5px 0;
    }
    div.walkthrough__content ul {
        padding: 50px 0 0 0;
    }
    div.walkthrough__content dl.dyk {
        display: block;
        margin-top: 15px;
        width: 65%;
    }
    div.walkthrough__dyk {
        display: none;
    }
    div.walkthrough__visual {
        width: 43.47826%;
        float: right;
        margin-right: 0;
        margin: 0 4.34783% 0 0;
        padding: 0;
    }
    div.walkthrough#chownow-tablet div.walkthrough__visual img {
        height: 425px;
    }
    div.walkthrough#branded-mobile-apps div.walkthrough__visual img {
        height: 425px;
    }
}
html body div.delivery-banner {
    position: fixed;
}
@media (max-width: 400px) {
    html body div.delivery-banner {
        position: static;
    }
}
.common-cell.delivery-cell {
    padding-left: 5%;
    position: relative;
    top: -540px;
}
div.banner__headline .delivery-cell h3 {
    margin-left: 0;
    padding-top: 14px;
    text-align: left;
    width: 380px;
}
div.banner__headline .delivery-cell ul {
    margin-left: 0;
    padding-top: 20px;
    text-align: left;
}
div.banner__headline .delivery-cell ul li {
    margin-left: 0;
}
.delivery-header {
    color: #fff;
    font-size: 48px;
    line-height: 56px;
    text-align: left;
    width: 500px;
}
.banner-image-credit {
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 600;
    padding-right: 5%;
    position: relative;
    top: 160px;
}
div.delivery {
    background: #fff;
    margin-top: -348px;
    position: relative;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
div.delivery div.anchors__sections {
    z-index: 1;
}
div.delivery div.delivery-partners {
    z-index: 2;
}
div.delivery div#features {
    background-color: #fff;
    padding-top: 80px;
    position: relative;
    z-index: 3;
}
div.delivery div.delivery-dyk {
    position: relative;
    z-index: 4;
}
div.delivery div.how-it-works {
    position: relative;
    z-index: 5;
}
div.delivery div.delight-customers {
    position: relative;
    z-index: 6;
}
div.delivery div.find-your-city {
    position: relative;
    z-index: 7;
}
div.delivery div.request.get-started {
    position: relative;
    z-index: 8;
}
div.delivery h2 {
    color: #0e2033;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 45px 0 50px;
    text-align: center;
    text-transform: uppercase;
}
div.delivery div.delivery-partners {
    background: #fff;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
div.delivery div.delivery-partners ul.common-logos {
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 500px;
}
div.delivery div.delivery-partners ul.common-logos li {
    height: 45px;
    margin: 0 25px 25px;
    width: 180px;
}
div.delivery .delivery-form {
    padding-bottom: 50px;
    width: 100%;
}
div.delivery .delivery-request {
    border-top: 1px solid #e9e9e9;
    clear: both;
    padding: 0 0 30px 5%;
}
div.delivery .delivery-request div.demo__note p {
    color: #0e2033;
}
div.delivery .delivery-request div.request__content {
    margin: 80px auto 0;
    padding: 0;
    float: none;
    max-width: 1048px;
}
div.delivery .delivery-request .request__content h3 {
    text-align: center;
}
div.delivery .delivery-request .request__content p {
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}
div.delivery div.feature .feature__icon__image {
    width: 60px;
}
div.delivery div.feature.x2 .feature__icon__image {
    width: 80px;
}
div.delivery .delivery-pricing {
    background-color: #eeedea;
    border-top: 1px solid #e9e9e9;
    float: left;
    padding: 100px 0 200px;
    width: 100%;
}
div.delivery .price-block-wrap {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
div.delivery .price-block-left {
    flex: 0 1 auto;
    text-align: center;
}
div.delivery .price-block-center {
    flex: 0 1 auto;
    font-size: 32px;
    font-weight: 700;
    margin-top: -30px;
    padding: 0 50px;
    text-align: center;
}
div.delivery .price-block-right {
    align-self: auto;
    flex: 0 1 auto;
    order: 0;
    text-align: center;
}
div.delivery .delivery-price {
    font-size: 100px;
    line-height: 0.6;
}
div.delivery .delivery-price sup {
    font-size: 20px;
    font-weight: 600;
    vertical-align: top;
}
div.delivery .pricing-tagline {
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    width: 550px;
}
div.delivery .price-description {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.17;
    margin-top: 10px;
    padding-left: 20px;
    text-transform: uppercase;
}
div.delivery .image-credit {
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: 600;
    padding-right: 5%;
}
body.delivery {
    overflow-x: auto;
}
@media (max-width: 1100px) {
    body.delivery .banner-image-credit {
        top: 130px;
    }
    body.delivery div.delivery {
        margin-top: -386px;
    }
    body.delivery div.delivery .delivery-request {
        background: 0 0;
        border-top: 1px solid #e9e9e9;
        padding: 0;
    }
    body.delivery div.delivery .delivery-request .request__content h3 {
        font-size: 32px;
        line-height: 39px;
        width: 100%;
    }
    body.delivery div.delivery .delivery-request .request__content p {
        float: none;
    }
    body.delivery div.delivery .image-credit {
        display: none;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    body.delivery .delivery-banner-container div.banner.plus {
        height: 500px;
    }
    body.delivery .banner-image-credit {
        top: 0;
    }
    body.delivery .common-cell.delivery-cell {
        top: -410px;
    }
}
@media (max-width: 768px) {
    body.delivery .common-cell.delivery-cell {
        padding-left: 0;
        top: auto;
    }
    body.delivery .delivery-banner-container div.banner.image {
        height: 207px;
    }
    body.delivery .delivery-header-container {
        background-color: #fff;
    }
    body.delivery .delivery-header {
        color: #0e2033;
        font-size: 37px;
        line-height: 38px;
        margin-top: 40px;
        padding: 0 10%;
        text-align: center;
        width: 80%;
    }
    body.delivery div.banner__headline h3 {
        color: #0e2033;
    }
    body.delivery div.banner__headline .delivery-cell h3 {
        font-size: 20px;
        margin-top: 30px;
        padding: 0 10%;
        text-align: center;
        width: 80%;
    }
    body.delivery div.banner__headline .delivery-cell ul {
        text-align: center;
    }
    body.delivery .banner-image-credit {
        display: none;
    }
    body.delivery div.delivery {
        margin-top: 0;
    }
    body.delivery div.delivery div#features {
        border-top: 1px solid #e9e9e9;
        padding-top: 30px;
    }
    body.delivery div.delivery .delivery-pricing {
        padding: 50px 10% 100px 10%;
        width: 80%;
    }
    body.delivery div.delivery .delivery-price {
        font-size: 70px;
    }
    body.delivery div.delivery .price-block-center {
        font-size: 18px;
    }
    body.delivery div.delivery .pricing-tagline {
        font-size: 15px;
        padding: 0 5%;
        width: 90%;
    }
    body.delivery div.delivery .demo__form {
        padding: 0 10%;
        width: 80%;
    }
}
@media (max-width: 500px) {
    body.delivery div.delivery .price-block-center {
        padding: 0 15px;
    }
    body.delivery div.delivery .delivery-price {
        font-size: 54px;
    }
    body.delivery div.delivery .price-description {
        font-size: 10px;
    }
    body.delivery div.delivery .price-block-left,
    body.delivery div.delivery .price-blodk-right {
        align-self: flex-start;
    }
}
.page-websites select::-ms-expand {
    display: none;
}
.page-websites div.header__menu.brand_header {
    background-color: #f5f5f5;
}
.page-websites div.header__menu.brand_header p a svg path {
    fill: #36363d;
}
.page-websites div.header__menu.brand_header p a:hover svg path {
    fill: #fd4f57;
}
.page-websites div.header__menu.brand_header h1 a {
    background: url(/wp-content/themes/ChowNow-WebSite/svg/logo-dark.svg) no-repeat;
    background-color: #f5f5f5;
}
.page-websites div.header__menu.brand_header ul {
    display: hidden;
}
@media (min-width: 1024px) {
    .page-websites div.header__menu.brand_header ul {
        display: block;
    }
}
.page-websites div.header__menu.brand_header ul li a {
    color: #8c8c8f;
}
.page-websites div.header__menu.brand_header ul li.option a:hover,
.page-websites div.header__menu.brand_header ul li.option.selected a {
    color: #36363d;
}
.page-websites div.header__menu.brand_header ul li.option a:hover:after,
.page-websites div.header__menu.brand_header ul li.option.selected a:after {
    background: #fd4f57;
}
.page-websites div.banner.brand_banner {
    background-color: #f5f5f5;
}
.page-websites div.banner__headline.brand_banner {
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.page-websites div.banner__headline.brand_banner h2 {
    color: #36363d;
    font-size: 57px;
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 57px;
    padding: 152px 0 10px;
}
.page-websites div.banner__headline.brand_banner h4 {
    color: #36363d;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: -0.035em;
    padding: 10px 0 120px;
}
.page-websites div.brand_body {
    background: #fff;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.page-websites div.brand {
    border-top: 1px solid #e6e6e6;
}
.page-websites .banner__headline h2 {
    font-weight: 600 !important;
}
.page-websites .content-center h2 {
    color: #0b2135;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 100px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.page-websites div.brand div.visual img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.page-websites div.brand div.content-left,
.page-websites div.content-center,
.page-websites div.content-right {
    float: left;
    margin: 0 8.69565%;
    text-align: center;
    width: 82.6087%;
}
@media (min-width: 1024px) {
    .page-websites div.brand div.content-left {
        float: left;
        margin: 0 0 0 4.34783%;
        text-align: left;
        width: 43.47826%;
    }
    .page-websites div.brand div.content-right {
        display: block;
        float: right;
        margin: 0 4.34783% 0 0;
        width: 43.47826%;
    }
    .page-websites div.brand div.content-center {
        margin: 0 4.34783%;
        text-align: center;
        width: 91.30435%;
    }
}
.page-websites div.brand div.content-center.aboveVisual {
    padding-bottom: 50px;
}
.page-websites div.brand div.content-center.visual {
    padding-top: 50px;
}
@media (min-width: 1024px) {
    .page-websites div.brand div.content-center.aboveVisual {
        padding-bottom: 80px;
    }
    .page-websites div.brand div.content-center.visual {
        padding: 50px 0;
    }
}
.page-websites div.brand div.content-center.visual img {
    height: auto;
    width: 100%;
}
.page-websites div.brand div.content-center.visual img:nth-of-type(2) {
    padding-top: 32px;
}
.page-websites div.brand div.content-center.downloads div {
    float: left;
    margin-bottom: 36px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
}
.page-websites div.brand div.content-center.downloads h3 {
    clear: both;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0 8.69565%;
    padding-top: 20px;
    text-transform: none;
    width: 82.6087%;
}
.page-websites div.brand div.content-center.downloads h3 span.quote {
    font-weight: 700;
}
@media (min-width: 768px) {
    .page-websites div.brand div.content-center.downloads div {
        float: left;
        margin-bottom: 56px;
        width: 50%;
    }
    .page-websites div.brand div.content-center.downloads div.full {
        float: left;
        margin-bottom: 56px;
        width: 100%;
    }
    .page-websites div.brand div.content-center.downloads div.full a {
        margin: 0 4.347825% 0 4.347825%;
        width: 91.30425%;
    }
    .page-websites div.brand div.content-center.downloads div.full img {
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
}
.page-websites div.brand div.content-center.downloads div a {
    color: #8c8c8f;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin: 0 8.69565%;
    text-transform: uppercase;
    width: 82.6087%;
}
.page-websites div.brand div.content-center.downloads div a p {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e6e6e6;
    float: left;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    width: 100%;
}
@media (min-width: 768px) {
    .page-websites div.brand div.content-center.downloads div a p {
        margin-bottom: 26px;
    }
}
.page-websites div.brand div.content-center.downloads div a:hover p {
    box-shadow: 0 0 0 1px rgba(188, 83, 75, 0.5);
}
.page-websites div.brand div.content-center.downloads div a h6 {
    color: #fd4f57;
    transition: color 0.2s ease;
}
.page-websites div.brand div.content-center.downloads div a:hover h6 {
    color: #bc534b;
}
.page-websites div.brand div.content-center.downloads div a h6 span {
    display: inline-block;
}
.page-websites div.brand div.content-center.downloads div a h6 span:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
.page-websites div.brand div.content-center.downloads div a:hover h6 span:after {
    background: rgba(188, 83, 75, 0.3);
    width: 100%;
}
.page-websites div.brand ol {
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    margin-bottom: 50px;
    -webkit-padding-start: 10px;
    text-align: left;
}
@media (min-width: 1024px) {
    .page-websites div.brand ol {
        margin-bottom: 0;
    }
}
.page-websites div.brand ol li {
    margin-top: 0.5em;
}
.page-websites div.brand dl.dyk {
    border-left: 2px solid #e6e6e6;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-left: 30px;
    text-align: left;
}
@media (min-width: 1024px) {
    .page-websites div.brand dl.dyk {
        border-left: 2px solid #e6e6e6;
        display: block;
        margin-bottom: 0;
        margin-top: 15px;
        padding-left: 30px;
        text-align: left;
        width: 65%;
    }
}
.page-websites div.brand dl.dyk dt {
    color: #36363d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    padding: 6px 0 11px;
    text-transform: uppercase;
}
.page-websites div.brand dl.dyk dt.more {
    padding-top: 40px;
}
@media (min-width: 1024px) {
    .page-websites #img-logoUsage {
        width: 80%;
    }
    .page-websites #img-pinUsage {
        margin-top: 100px;
        width: 80%;
    }
    .page-websites #img-suppElements {
        margin-top: 20px;
    }
}
.page-websites div.footer {
    padding: 50px 0;
}
.page-websites div.footer .container .row {
    display: flex;
    justify-content: center;
}
.page-websites #pricing .content-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}
.page-websites #pricing .content-center.pricing-tax {
    padding-bottom: 40px;
}
.page-websites div.brand .content-center.visual.websites {
    margin: 0;
    width: 100%;
}
.page-websites div.brand .content-center.visual.websites .pricing__options:last-of-type {
    border-bottom: none;
}
.page-websites div.brand .content-center.visual .pricing__options {
    margin: 0;
    padding: 40px 0 0;
}
.page-websites div.brand .content-center.visual .pricing__options .pricing__option {
    text-align: center;
}
.page-websites div.brand.anchor#pricing {
    background: #4a79a0;
}
.page-websites #pricing .container {
    padding-bottom: 40px;
}
.page-websites #pricing h4 sub,
.page-websites #pricing h4 sup,
.page-websites #pricing h5,
.page-websites #pricing h6 {
    color: #fff;
}
@media (min-width: 768px) {
    .page-websites div.brand .content-center.visual.websites {
        margin: 0 4.34783%;
        text-align: center;
        width: 91.30435%;
    }
    .page-websites div.brand .content-center.visual.websites .pricing__options {
        border-bottom: none;
    }
    .page-websites #pricing .container {
        padding-top: 50px;
    }
    .page-websites #pricing .content-center {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 0;
    }
    .page-websites div.brand .content-center.visual .pricing__options {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
    }
    .page-websites div.brand .content-center.visual .pricing__options .pricing__option {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
    }
}
@media (min-width: 1024px) {
    .page-websites #pricing h4 {
        padding: 40px 0;
    }
}
.page-websites #pricing h5 {
    font-size: 1.32em;
}
.page-websites #pricing h6 {
    font-size: 0.84em;
}
.page-websites div.features div.feature__icon__image div {
    width: 60px;
}
.page-websites .websites-dyk {
    background: #fff;
    background: #fff;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
}
.page-websites .dyk-content {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}
.page-websites .dyk-content .dyk-graph {
    margin-right: 25px;
    padding: 10px 0;
    text-align: center;
}
.page-websites .dyk-content .dyk-text {
    margin-bottom: auto;
    margin-left: 25px;
    margin-top: auto;
    width: 300px;
}
.page-websites .dyk-text h2,
.page-websites .dyk-text p {
    color: #0b2135;
    text-align: left;
}
.page-websites .dyk-text h2 {
    font-size: 0.67em;
    letter-spacing: 0.1em;
    padding: 10px 0;
}
.page-websites .dyk-text .dyk_source {
    color: #0b2135;
    font-size: 0.44em;
    letter-spacing: 0.1em;
    margin-top: 10px;
    text-transform: uppercase;
}
@media (max-width: 480px) {
    .page-websites .dyk-content {
        flex-direction: column;
    }
    .page-websites .dyk-graph img {
        margin-left: auto;
        margin-right: auto;
    }
    .page-websites .dyk-text h2,
    .page-websites .dyk-text p {
        text-align: center;
    }
    .page-websites .dyk-content .dyk-graph {
        margin-right: 0;
    }
    .page-websites .dyk-content .dyk-text {
        margin-left: 0;
        width: 100%;
    }
}
.page-websites .pie {
    background-color: #f1beba;
    border-radius: 50%;
    display: inline-block;
    font-size: 7em;
    height: 1em;
    position: relative;
    text-align: center;
    width: 1em;
}
.page-websites .slice-right {
    background-color: #fd4f57;
    border-radius: 50%;
    clip: rect(0, 0.5em, 0.5em, 0.5em);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.page-websites .slice-left {
    background-color: #fd4f57;
    border-radius: 50%;
    clip: rect(0.5em, 0.5em, 1em, 0.5em);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.page-websites .percent {
    background: #fff;
    border-radius: 50%;
    bottom: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 20;
}
.page-websites .number {
    color: #272727;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 30;
}
.page-websites .number h4 {
    font-size: 55px;
    font-weight: 300;
    letter-spacing: -0.07em;
    line-height: 105px;
}
.page-websites .number h4 sup {
    font-size: 28px;
    font-weight: 300;
    vertical-align: super;
}
.page-websites .animate-right {
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: right-slice;
    -webkit-animation-timing-function: ease-in;
}
.page-websites .animate-left {
    -webkit-animation-delay: 0.65s;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: left-slice;
    -webkit-animation-timing-function: ease-out;
}
@-webkit-keyframes right-slice {
    from {
        clip: rect(0, 50%, 0.5em, 0.5em);
    }
    50% {
        clip: rect(0, 1em, 0.5em, 0.5em);
    }
    to {
        clip: rect(0, 1em, 1em, 0.5em);
    }
}
@-webkit-keyframes left-slice {
    from {
        -webkit-animation-timing-function: ease-in;
        clip: rect(0.5em, 0.5em, 1em, 0.5em);
    }
    50% {
        -webkit-animation-timing-function: linear;
        clip: rect(0.5em, 0.5em, 1em, 0);
    }
    to {
        -webkit-animation-timing-function: linear;
        clip: rect(0.5em, 0.5em, 1em, 0);
    }
}
.page.resto-agreement div.common-content h5 {
    font-size: 18px;
    line-height: 1.25;
}
div.restaurantMarketing {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    position: relative;
}
@media (max-width: 799px) {
    div.restaurantMarketing {
        overflow-x: hidden;
    }
}
div.restaurantMarketing div.anchors__sections {
    z-index: 1;
}
div.restaurantMarketing h2 {
    color: #8c8c8e;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 60px 0 50px;
    text-align: center;
    text-transform: uppercase;
}
div.restaurantMarketing h3 {
    color: #0e2033;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 36px;
    padding: 0 0 20px 0;
}
div.restaurantMarketing h5 {
    color: #0e2033;
    font-weight: 600;
}
div.restaurantMarketing p {
    color: #0e2033;
    padding-bottom: 15px;
}
div.restaurantMarketing dl.dyk {
    border-left: 2px solid #e6e6e6;
    padding-left: 30px;
    text-align: left;
}
div.restaurantMarketing dl.dyk dt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #0e2033;
    padding: 6px 0 11px 0;
}
div.restaurantMarketing dl.dyk dd {
    color: #0e2033;
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 3px;
}
div.restaurantMarketing dl.dyk dd strong {
    font-weight: 600;
}
div.restaurantMarketing p.source {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 18px;
    padding-left: 30px;
    padding-top: 10px;
    text-transform: uppercase;
}
div.restaurantMarketing p.source span {
    color: #fd4f57;
}
@media (max-width: 799px) {
    div.restaurantMarketing p.source {
        line-height: 18px;
        text-align: left;
    }
}
div.restaurantMarketing button.slick-arrow {
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    height: 1.5vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5vw;
    z-index: 25;
}
@media (max-width: 799px) {
    div.restaurantMarketing button.slick-arrow {
        height: 20px;
        width: 20px;
    }
}
div.restaurantMarketing button.slick-prev {
    background: url(../images/restaurantMarketing/rm_arrow_left.png) no-repeat center center;
    background-size: contain;
    left: 2vw;
}
@media (max-width: 799px) {
    div.restaurantMarketing button.slick-prev {
        left: 20px;
    }
}
div.restaurantMarketing button.slick-next {
    background: url(../images/restaurantMarketing/rm_arrow_right.png) no-repeat center center;
    background-size: contain;
    right: 2vw;
}
@media (max-width: 799px) {
    div.restaurantMarketing button.slick-next {
        right: 20px;
    }
}
div.restaurantMarketing div.team {
    background: #f5f5f5;
    height: auto;
    min-height: 680px;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.team {
        min-height: auto;
    }
}
div.restaurantMarketing div.team__content,
div.restaurantMarketing div.team__visual {
    width: 43.47826%;
    float: left;
    margin-right: 4.16667%;
    align-items: center;
    display: flex;
    height: auto;
    margin: 0 0 0 4.34783%;
    min-height: 680px;
    text-align: left;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.team__content,
    div.restaurantMarketing div.team__visual {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        min-height: 380px;
        text-align: center;
    }
    div.restaurantMarketing div.team__content h3,
    div.restaurantMarketing div.team__visual h3 {
        margin-top: 80px;
        position: absolute;
        top: 0;
        width: 80%;
    }
    div.restaurantMarketing div.team__content .common-cell,
    div.restaurantMarketing div.team__visual .common-cell {
        padding: 20px 40px;
    }
}
@media (max-width: 799px) {
    div.restaurantMarketing div.team__content {
        float: none;
        padding-bottom: 0;
        padding-top: 330px;
    }
    div.restaurantMarketing div.team__content p {
        text-align: left;
    }
}
div.restaurantMarketing div.team__visual {
    justify-content: center;
}
div.restaurantMarketing div.team__visual img {
    height: 350px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.team__visual {
        height: 200px;
        position: absolute;
        top: 0;
    }
    div.restaurantMarketing div.team__visual .team__image {
        margin-top: 60px;
        max-width: 200px;
        padding-top: 100px;
    }
    div.restaurantMarketing div.team__visual .team__image img {
        height: 200px;
        width: 160px;
    }
}
div.restaurantMarketing div.promotional-materials {
    background: #fff;
    height: 680px;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.promotional-materials {
        height: auto;
    }
}
@media (max-width: 667px) {
    div.restaurantMarketing div.promotional-materials {
        padding-bottom: 40px;
    }
}
div.restaurantMarketing div.promotional-materials__content,
div.restaurantMarketing div.promotional-materials__visual {
    width: 43.47826%;
    float: left;
    margin-right: 4.16667%;
    align-items: center;
    display: flex;
    height: 680px;
    margin: 0 0 0 4.34783%;
    text-align: left;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.promotional-materials__content,
    div.restaurantMarketing div.promotional-materials__visual {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: 530px;
        text-align: center;
    }
    div.restaurantMarketing div.promotional-materials__content h3,
    div.restaurantMarketing div.promotional-materials__visual h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        position: absolute;
        top: 0;
        width: 80%;
    }
    div.restaurantMarketing div.promotional-materials__content .common-cell,
    div.restaurantMarketing div.promotional-materials__visual .common-cell {
        padding: 20px 40px;
    }
}
@media (max-width: 799px) {
    div.restaurantMarketing div.promotional-materials__content {
        padding-top: 30px;
    }
    div.restaurantMarketing div.promotional-materials__content h5,
    div.restaurantMarketing div.promotional-materials__content p {
        text-align: left;
    }
}
div.restaurantMarketing div.promotional-materials__visual {
    justify-content: center;
}
div.restaurantMarketing div.promotional-materials__visual img {
    height: 300px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.promotional-materials__visual {
        height: 200px;
        padding-top: 130px;
    }
    div.restaurantMarketing div.promotional-materials__visual .promotional-materials__image {
        margin-top: 50px;
        max-width: 200px;
    }
    div.restaurantMarketing div.promotional-materials__visual .promotional-materials__image img {
        height: 160px;
    }
}
div.restaurantMarketing div.promotional-materials__dyk {
    width: 82.6087%;
    float: left;
    padding: 15px 0 25px 0;
    width: 100%;
}
div.restaurantMarketing div.marketing-menu {
    background: #0e2033;
    height: auto;
    min-height: 140px;
    padding: 80px 0;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.marketing-menu {
        height: auto;
        min-height: 140px;
        padding: 80px 0 80px;
    }
    div.restaurantMarketing div.marketing-menu .common-cell {
        padding: 20px 40px;
    }
}
div.restaurantMarketing div.marketing-menu h3 {
    color: #fff;
    text-align: center;
    width: 100%;
}
div.restaurantMarketing div.marketing-menu p {
    color: #fff;
    text-align: center;
    width: 100%;
}
div.restaurantMarketing div.marketing-menu .marketing-menu__content {
    text-align: center;
    width: 100%;
}
div.restaurantMarketing div.marketing-menu .marketing-menu__content a {
    margin-top: 16px;
}
div.restaurantMarketing div.email {
    background: #fff;
    height: auto;
    min-height: 680px;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.email {
        min-height: auto;
    }
}
div.restaurantMarketing div.email__content,
div.restaurantMarketing div.email__visual {
    width: 43.47826%;
    float: left;
    margin-right: 4.16667%;
    align-items: center;
    display: flex;
    height: 680px;
    margin: 0 0 0 4.34783%;
    text-align: left;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.email__content,
    div.restaurantMarketing div.email__visual {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        min-height: 380px;
        text-align: center;
    }
    div.restaurantMarketing div.email__content h3,
    div.restaurantMarketing div.email__visual h3 {
        margin-top: 80px;
        position: absolute;
        top: 0;
        width: 80%;
    }
    div.restaurantMarketing div.email__content .common-cell,
    div.restaurantMarketing div.email__visual .common-cell {
        padding: 20px 40px;
    }
    div.restaurantMarketing div.email__content h5,
    div.restaurantMarketing div.email__content p,
    div.restaurantMarketing div.email__visual h5,
    div.restaurantMarketing div.email__visual p {
        text-align: left;
    }
}
div.restaurantMarketing div.email__visual {
    justify-content: center;
}
div.restaurantMarketing div.email__visual img {
    height: 350px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.email__visual {
        height: 200px;
        position: absolute;
        top: 0;
    }
    div.restaurantMarketing div.email__visual .email__image {
        margin-top: 50px;
        max-width: 200px;
        padding-top: 100px;
    }
    div.restaurantMarketing div.email__visual .email__image img {
        height: 200px;
        width: 160px;
    }
}
@media (max-width: 799px) {
    div.restaurantMarketing div.email__content {
        float: none;
        padding-bottom: 0;
        padding-top: 380px;
    }
}
div.restaurantMarketing div.email__dyk {
    width: 82.6087%;
    float: left;
    padding: 15px 0 25px 0;
    width: 100%;
}
div.restaurantMarketing div.mobile {
    background: #fff;
    height: 680px;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.mobile {
        height: auto;
    }
}
@media (max-width: 667px) {
    div.restaurantMarketing div.mobile {
        padding-bottom: 0;
    }
}
div.restaurantMarketing div.mobile__content,
div.restaurantMarketing div.mobile__visual {
    width: 43.47826%;
    float: left;
    margin-right: 4.16667%;
    align-items: center;
    display: flex;
    height: 680px;
    margin: 0 0 0 4.34783%;
    text-align: left;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.mobile__content,
    div.restaurantMarketing div.mobile__visual {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: 580px;
        text-align: center;
    }
    div.restaurantMarketing div.mobile__content h3,
    div.restaurantMarketing div.mobile__visual h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        position: absolute;
        top: 0;
        width: 80%;
    }
    div.restaurantMarketing div.mobile__content .common-cell,
    div.restaurantMarketing div.mobile__visual .common-cell {
        padding: 20px 40px;
    }
}
@media (max-width: 799px) {
    div.restaurantMarketing div.mobile__content {
        float: none;
        padding-bottom: 0;
        padding-top: 300px;
    }
    div.restaurantMarketing div.mobile__content h5,
    div.restaurantMarketing div.mobile__content p {
        text-align: left;
    }
}
div.restaurantMarketing div.mobile__visual {
    justify-content: center;
}
div.restaurantMarketing div.mobile__visual img {
    height: 350px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.mobile__visual {
        height: 200px;
        position: absolute;
        top: 0;
    }
    div.restaurantMarketing div.mobile__visual .mobile__image {
        margin-top: 70px;
        max-width: 200px;
        padding-top: 200px;
    }
    div.restaurantMarketing div.mobile__visual .mobile__image img {
        height: 200px;
    }
}
@media (max-width: 667px) {
    div.restaurantMarketing div.mobile__visual .mobile__image {
        margin-top: 60px;
    }
    div.restaurantMarketing div.mobile__visual .mobile__image img {
        height: 170px;
    }
}
div.restaurantMarketing div.mobile__dyk {
    width: 82.6087%;
    float: left;
    padding: 15px 0 25px 0;
    width: 100%;
}
div.restaurantMarketing div.social-media {
    background: #f5f5f5;
    height: 700px;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.social-media {
        height: auto;
    }
}
@media (max-width: 667px) {
    div.restaurantMarketing div.social-media {
        padding-bottom: 0;
    }
}
div.restaurantMarketing div.social-media__content,
div.restaurantMarketing div.social-media__visual {
    width: 43.47826%;
    float: left;
    margin-right: 4.16667%;
    align-items: center;
    display: flex;
    height: 680px;
    margin: 0 0 0 4.34783%;
    text-align: left;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.social-media__content,
    div.restaurantMarketing div.social-media__visual {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: 580px;
        text-align: center;
    }
    div.restaurantMarketing div.social-media__content h3,
    div.restaurantMarketing div.social-media__visual h3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        position: absolute;
        top: 0;
        width: 80%;
    }
    div.restaurantMarketing div.social-media__content .common-cell,
    div.restaurantMarketing div.social-media__visual .common-cell {
        padding: 20px 40px;
    }
    div.restaurantMarketing div.social-media__content h5,
    div.restaurantMarketing div.social-media__content p,
    div.restaurantMarketing div.social-media__visual h5,
    div.restaurantMarketing div.social-media__visual p {
        text-align: left;
    }
}
div.restaurantMarketing div.social-media__visual {
    justify-content: center;
}
div.restaurantMarketing div.social-media__visual img {
    height: 350px;
    margin: 0 auto;
    width: auto;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.social-media__visual {
        height: 200px;
        padding: 60px 0 60px 0;
    }
    div.restaurantMarketing div.social-media__visual .social-media__image {
        margin-top: 150px;
        max-width: 200px;
    }
    div.restaurantMarketing div.social-media__visual .social-media__image img {
        height: 200px;
    }
}
@media (max-width: 667px) {
    div.restaurantMarketing div.social-media__visual .social-media__image {
        margin-top: 180px;
    }
    div.restaurantMarketing div.social-media__visual .social-media__image img {
        height: 170px;
    }
}
div.restaurantMarketing div.social-media__dyk {
    width: 82.6087%;
    float: left;
    padding: 15px 0 25px 0;
    width: 100%;
}
div.restaurantMarketing div.case-studies {
    background: #0e2033;
    min-height: 400px;
    padding: 40px 0;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.case-studies {
        padding: 80px 0;
    }
}
div.restaurantMarketing div.case-studies p.title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
div.restaurantMarketing div.case-studies .case {
    align-items: center;
    display: flex !important;
    height: 350px;
}
div.restaurantMarketing div.case-studies .case .case__content h3 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    max-width: 778px;
    text-align: center;
}
div.restaurantMarketing div.case-studies .case .case__content h3 strong {
    font-weight: 600;
}
div.restaurantMarketing div.case-studies .case .case__content h4 {
    color: #fff;
    font-size: 18px;
    max-width: 778px;
    opacity: 0.4;
    text-align: center;
}
@media (max-width: 799px) {
    div.restaurantMarketing div.case-studies {
        min-height: 280px;
    }
    div.restaurantMarketing div.case-studies .case {
        height: auto;
    }
    div.restaurantMarketing div.case-studies .case .case__content h3 {
        font-size: 24px;
        line-height: 35px;
        max-width: 100%;
        padding: 0 40px;
    }
}
div.restaurantMarketing div.learn-more {
    background: #fff;
}
div.header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    z-index: 9999;
}
div.header__lpmenu {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #0e2033;
    background: #0e2033;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: height 0.2s ease, opacity 0.2s ease;
    width: 100%;
    z-index: -1;
}
div.header__lpmenu .logos-wrapper {
    min-width: 360px;
}
div.header__lpmenu a {
    pointer-events: none;
}
div.header__lpmenu .enabled {
    pointer-events: auto;
}
div.header__lpmenu .h1_logo {
    float: left;
    pointer-events: none;
}
div.header__lpmenu .h1_logo.header_logo {
    padding: 26px 0 30px 4.34783%;
}
div.header__lpmenu .h1_logo.header_logo a {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    height: 34px;
    padding-right: 25px;
    width: 139px;
}
div.header__lpmenu .h1_logo.header_partnerlogo {
    padding: 24px 2% 29px 0;
}
div.header__lpmenu .h1_logo.header_partnerlogo a {
    background: url(../images/assets/landing-pages/lpheader/squarespace-logo-horizontal-white.svg) no-repeat;
    display: block;
    height: 37px;
    margin-left: 25px;
    width: 139px;
}
div.header__lpmenu .h1_logo a span {
    display: none;
}
div.header__lpmenu h2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fff;
    display: none;
    float: right;
    line-height: 90px;
    padding-right: 4.34783%;
}
div.header__lpmenu h2 span {
    opacity: 0.3;
    padding-right: 5px;
}
div.header__lpmenu p {
    float: right;
    padding: 23px 4.34783% 0 14px;
}
div.header__lpmenu p a {
    display: block;
    height: 15px;
    padding: 14px 16px 15px 16px;
    width: 12px;
}
div.header__lpmenu p a svg {
    display: block;
    height: 15px;
    width: 12px;
}
div.header__lpmenu p a svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
div.header__lpmenu p a:hover svg path {
    fill: #fd4f57;
}
div.header__lpmenu ul {
    display: none;
    float: right;
    padding: 23px 0;
}
div.header__lpmenu ul li {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    color: #fff;
    float: left;
    line-height: 24px;
}
div.header__lpmenu ul li a {
    color: #fff;
    display: inline-block;
    margin: 10px 0;
    padding: 0 15px;
    transition: opacity 0.2s ease;
}
div.header__lpmenu ul li.hover a {
    opacity: 0.3;
}
div.header__lpmenu ul li.demo {
    line-height: 40px;
    padding-left: 15px;
}
div.header__lpmenu ul li.demo:after {
    background: url(../images/svg/slash.svg) no-repeat;
    content: "";
    display: block;
    float: right;
    height: 32px;
    margin: 6px 0 0 20px;
    opacity: 0.25;
    width: 8px;
}
div.header__lpmenu ul li.demo a {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    margin: 0;
    opacity: 1;
    padding: 0 17px 0 18px;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.header__lpmenu ul li.demo a:hover {
    background: #fd7e84;
    border-color: #fd7e84;
}
div.header__lpmenu ul li.demo.selected a {
    background: #fd4f57;
    border-color: #fd4f57;
}
div.header__lpmenu ul li.demo.selected a:hover {
    background: #fd7e84;
    border-color: #fd7e84;
}
div.header__lpmenu ul li.signup {
    line-height: 40px;
    padding-left: 15px;
}
div.header__lpmenu ul li.signup a {
    background-color: #fd4f57;
    border: 2px solid #fd4f57;
    border-radius: 2px;
    margin: 0;
    opacity: 1;
    padding: 0 17px 0 18px;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.header__lpmenu ul li.signup a:hover {
    background: #fd7e84;
    border-color: #fd7e84;
}
div.header__lpmenu ul li.signup.selected a {
    background: #fd4f57;
    border-color: #fd4f57;
}
div.header__lpmenu ul li.signup.selected a:hover {
    background: #fd7e84;
    border-color: #fd7e84;
}
div.header__lpmenu.force,
div.header__lpmenu.show {
    height: 90px;
    opacity: 1;
}
@media (min-width: 480px) {
    div.header__lpmenu h2 {
        display: block;
    }
}
@media (min-width: 768px) {
    div.header__lpmenu .container {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 1024px) {
    div.header__lpmenu ul {
        display: inline-block;
    }
    div.header__lpmenu .container {
        min-width: 778px;
    }
}
.squarespace-landing-page .main {
    padding-top: 0;
}
div.squarespace {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    position: relative;
}
div.squarespace h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding: 55px 0 16px 0;
}
div.squarespace img {
    padding: 50px 0 0;
}
div.squarespace p.banner-note {
    font-size: 13px;
}
div.squarespace div.content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    text-align: center;
}
div.squarespace div.hiw-demo {
    background-color: #f5f5f5;
}
div.squarespace div.hiw-demo__watch {
    padding-top: 40px;
}
div.squarespace div.hiw-demo__watch a {
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 50px;
}
div.squarespace div.hiw-demo__watch a span {
    border: 2px solid;
    border-color: rgba(140, 140, 142, 0.5);
    border-radius: 50px;
    display: block;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 50px;
}
div.squarespace div.hiw-demo__watch a span svg {
    height: 14px;
    left: 21px;
    position: absolute;
    top: 18px;
    width: 10px;
}
div.squarespace div.hiw-demo__watch a span svg path {
    fill: #8c8c8e;
}
div.squarespace div.hiw-demo__watch a:hover span {
    background: #fd4f57;
    border-color: #fd4f57;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.squarespace div.hiw-demo__watch a:hover span svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
div.squarespace div.hiw-demo__visual__image img {
    height: 160px;
    margin: 0 auto;
    width: auto;
}
@media (min-width: 568px) {
    div.squarespace div.hiw-demo__visual__image img {
        height: 206px;
    }
}
@media (min-width: 1024px) {
    div.squarespace div.hiw-demo p {
        margin: 0 20%;
    }
    div.squarespace div.hiw-demo .hiw-demo__visual__image img {
        height: 350px;
        padding: 0;
    }
}
div.squarespace div.testimonials__row {
    border-bottom: none;
}
div.squarespace div.testimonials .videoBrand {
    left: 20px;
    pointer-events: none;
    position: absolute;
    top: 85px;
}
div.squarespace div.testimonials h5 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
    padding: 24px 0 12px 0;
}
div.squarespace div.testimonials a {
    color: #0e2033;
    transition: color 0.2s ease;
}
div.squarespace div.testimonials a:hover {
    color: #fd4f57;
}
div.squarespace div.testimonials p {
    font-size: 16px;
    line-height: 24px;
}
div.squarespace div.testimonials h4 {
    color: #0e2033;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 12px;
}
div.squarespace div.testimonials div.testimonial {
    text-align: left;
}
div.squarespace div.testimonials div.testimonial p span.quote {
    font-weight: 600;
}
div.squarespace div.testimonials div.testimonial p span.quote.left {
    padding-right: 3px;
}
div.squarespace div.testimonials div.testimonial p span.quote.right {
    padding-left: 3px;
}
div.squarespace div.testimonials div.testimonial__trigger {
    display: flex;
    flex-direction: column;
}
div.squarespace div.testimonials div.testimonial__video {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #0e2033;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    display: block;
    height: 180px;
    margin: 0;
}
div.squarespace div.testimonials div.testimonial__video.x0 {
    background-image: url(/wp-content/uploads/testimonials-banner-emporium-thai.jpg);
}
div.squarespace div.testimonials div.testimonial__video.x1 {
    background-image: url(/wp-content/uploads/testimonials-banner-xoco.jpg);
}
div.squarespace div.testimonials div.testimonial__video.x2 {
    background-image: url(/wp-content/uploads/testimonials-banner-homeroom.jpg);
}
div.squarespace div.testimonials div.testimonial__video a {
    display: block;
    height: 40px;
    height: 100%;
    margin: 0 auto;
}
div.squarespace div.testimonials div.testimonial__video a span {
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 40px;
}
div.squarespace div.testimonials div.testimonial__video a span svg {
    height: 11px;
    left: 17px;
    position: absolute;
    top: 14px;
    width: 8px;
}
div.squarespace div.testimonials div.testimonial__video a span svg path {
    fill: #fff;
}
div.squarespace div.testimonials div.testimonial__video a:hover {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    transition: background 0.2s ease;
}
div.squarespace div.testimonials div.testimonial__video a:hover span {
    background: #fd4f57;
    border-color: #fd4f57;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.squarespace div.testimonials div.testimonial__video a:hover span svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
@media (min-width: 768px) {
    div.squarespace div.testimonials .videoBrand {
        top: 90px;
    }
    div.squarespace div.testimonials div.testimonial {
        max-width: 30%;
    }
    div.squarespace div.testimonials div.testimonial.small.x1 {
        margin-right: 4.34783%;
    }
    div.squarespace div.testimonials div.testimonial.small.x2 {
        clear: none;
        margin-right: 0;
    }
    div.squarespace div.testimonials div.content {
        float: none;
        margin: 0;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    div.squarespace div.testimonials .videoBrand {
        top: 130px;
    }
    div.squarespace div.testimonials h5 {
        font-size: 23px;
        line-height: 24px;
    }
    div.squarespace div.testimonials div.testimonials__row.small {
        padding: 0;
    }
    div.squarespace div.testimonials div.testimonials__content {
        padding-bottom: 50px;
    }
    div.squarespace div.testimonials div.testimonial.small.x0 {
        margin-left: 23px;
        margin-right: 23px;
    }
    div.squarespace div.testimonials div.testimonial.small.x1 {
        margin-right: 23px;
    }
    div.squarespace div.testimonials div.testimonial.small.x2 {
        margin-right: 0;
    }
}
div.squarespace div.get-started__content__buttons {
    padding: 30px 0 100px;
}
div.squarespace div.get-started__content__buttons a {
    display: inline-block;
}
div.squarespace div.get-started__content__buttons h4 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 52px;
    letter-spacing: 0.1em;
    line-height: 52px;
    margin: 0 5px;
    text-transform: uppercase;
}
div.squarespace div.get-started__visual__image img {
    height: 140px;
    margin: 0 auto;
    width: auto;
}
@media (min-width: 568px) {
    div.squarespace div.get-started__visual__image img {
        height: 200px;
    }
}
@media (min-width: 768px) {
    div.squarespace div.get-started__visual__image img {
        height: 280px;
    }
}
@media (min-width: 568px) {
    div.squarespace div.get-started__content__buttons {
        display: flex;
        justify-content: center;
    }
    div.squarespace div.get-started__content__buttons h4 {
        margin: 0 20px;
    }
}
@media (min-width: 1024px) {
    div.squarespace div.get-started p {
        margin: 0 32%;
    }
    div.squarespace div.get-started .get-started__content__buttons a {
        width: 123px;
    }
}
@media (min-width: 1024px) {
    div.squarespace h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 90px 0 5px 0;
    }
    div.squarespace div.content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin: 0;
        text-align: center;
    }
}
body.squarespace a {
    cursor: pointer;
}
body.squarespace div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.squarespace div.header__lpmenu {
        display: flex;
    }
}
body.squarespace div.header__lpmenu .signup {
    margin-right: 20px;
}
body.squarespace div.sq_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.squarespace div.sq_headLogos div.sq_chownowLogo span,
body.squarespace div.sq_headLogos div.sq_partnerLogo span {
    display: none;
}
body.squarespace div.sq_headLogos div.sq_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    body.squarespace div.sq_headLogos div.sq_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
body.squarespace div.sq_headLogos div.sq_partnerLogo {
    background: url(/wp-content/uploads/squarespace-logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 19px;
    width: 104px;
}
@media (min-width: 768px) {
    body.squarespace div.sq_headLogos div.sq_partnerLogo {
        height: 37px;
        margin-left: 25px;
        width: 139px;
    }
}
body.squarespace div.footer {
    background: #fff;
}
body.squarespace div.footer__group h2 {
    color: #0e2033;
}
@media (min-width: 1024px) {
    body.squarespace div.sq_headLogos {
        top: 50px;
    }
    body.squarespace div.header__lpmenu ul .signup {
        margin-right: 0;
    }
    body.squarespace div.footer {
        padding: 70px 0;
    }
    body.squarespace div.footer__group.left {
        width: 65.21739%;
        float: left;
        margin-right: 4.34783%;
    }
    body.squarespace div.footer__group.left ul.menu {
        width: 100%;
    }
    body.squarespace div.footer__group.left ul.menu a {
        cursor: pointer;
    }
    body.squarespace div.footer__group.left ul.menu li {
        float: left;
        margin-right: 30px;
    }
    body.squarespace div.footer__group.right {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
}
.gfs-landing .main {
    padding-top: 0;
}
div.gfs {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    position: relative;
}
div.gfs strike {
    color: #fd4f57;
    font-size: 0.94em;
}
div.gfs strike span {
    color: #8c8c8e;
}
div.gfs p {
    color: #0e2033;
}
div.gfs a {
    cursor: pointer;
}
div.gfs h3 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 28px;
    padding: 55px 0 16px 0;
}
div.gfs img {
    padding: 50px 0 0;
}
div.gfs div.content {
    width: 82.6087%;
    float: left;
    margin: 0 8.69565%;
    text-align: center;
}
div.gfs div.hiw-demo {
    background-color: #f5f5f5;
}
div.gfs div.hiw-demo__watch {
    padding-top: 40px;
}
div.gfs div.hiw-demo__watch a {
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 50px;
}
div.gfs div.hiw-demo__watch a span {
    border: 2px solid;
    border-color: rgba(140, 140, 142, 0.5);
    border-radius: 50px;
    display: block;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 50px;
}
div.gfs div.hiw-demo__watch a span svg {
    height: 14px;
    left: 21px;
    position: absolute;
    top: 18px;
    width: 10px;
}
div.gfs div.hiw-demo__watch a span svg path {
    fill: #8c8c8e;
}
div.gfs div.hiw-demo__watch a:hover span {
    background: #fd4f57;
    border-color: #fd4f57;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.gfs div.hiw-demo__watch a:hover span svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
div.gfs div.hiw-demo__visual__image img {
    height: 160px;
    margin: 0 auto;
    width: auto;
}
@media (min-width: 568px) {
    div.gfs div.hiw-demo__visual__image img {
        height: 206px;
    }
}
@media (min-width: 1024px) {
    div.gfs div.hiw-demo p {
        margin: 0 20%;
    }
    div.gfs div.hiw-demo .hiw-demo__visual__image img {
        height: 350px;
        padding: 0;
    }
}
div.gfs div.testimonials__row {
    border-bottom: none;
}
div.gfs div.testimonials .videoBrand {
    left: 20px;
    pointer-events: none;
    position: absolute;
    top: 85px;
}
div.gfs div.testimonials h4 {
    color: #0e2033;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 12px;
}
div.gfs div.testimonials h5 {
    color: #0e2033;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 26px;
    padding: 24px 0 12px 0;
}
div.gfs div.testimonials a {
    color: #0e2033;
    transition: color 0.2s ease;
}
div.gfs div.testimonials a:hover {
    color: #fd4f57;
}
div.gfs div.testimonials p {
    font-size: 16px;
    line-height: 24px;
}
div.gfs div.testimonials div.testimonial {
    text-align: left;
}
div.gfs div.testimonials div.testimonial p span.quote {
    font-weight: 600;
}
div.gfs div.testimonials div.testimonial p span.quote.left {
    padding-right: 3px;
}
div.gfs div.testimonials div.testimonial p span.quote.right {
    padding-left: 3px;
}
div.gfs div.testimonials div.testimonial__trigger {
    display: flex;
    flex-direction: column;
}
div.gfs div.testimonials div.testimonial__video {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #0e2033;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    display: block;
    height: 180px;
    margin: 0;
}
div.gfs div.testimonials div.testimonial__video.x0 {
    background-image: url(../images/assets/landing-pages/gfs/testimonials-banner-emporium-thai.jpg);
}
div.gfs div.testimonials div.testimonial__video.x1 {
    background-image: url(../images/assets/landing-pages/gfs/testimonials-banner-xoco.jpg);
}
div.gfs div.testimonials div.testimonial__video.x2 {
    background-image: url(../images/assets/landing-pages/gfs/testimonials-banner-homeroom.jpg);
}
div.gfs div.testimonials div.testimonial__video a {
    display: block;
    height: 40px;
    height: 100%;
    margin: 0 auto;
}
div.gfs div.testimonials div.testimonial__video a span {
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 40px;
}
div.gfs div.testimonials div.testimonial__video a span svg {
    height: 11px;
    left: 17px;
    position: absolute;
    top: 14px;
    width: 8px;
}
div.gfs div.testimonials div.testimonial__video a span svg path {
    fill: #fff;
}
div.gfs div.testimonials div.testimonial__video a:hover {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: background 0.2s ease;
}
div.gfs div.testimonials div.testimonial__video a:hover span {
    background: #fd4f57;
    border-color: #fd4f57;
    transition: background 0.2s ease, border-color 0.2s ease;
}
div.gfs div.testimonials div.testimonial__video a:hover span svg path {
    fill: #fff;
    transition: fill 0.2s ease;
}
@media (min-width: 768px) {
    div.gfs div.testimonials .videoBrand {
        top: 90px;
    }
    div.gfs div.testimonials div.testimonial {
        max-width: 30%;
    }
    div.gfs div.testimonials div.testimonial.small.x1 {
        margin-right: 4.34783%;
    }
    div.gfs div.testimonials div.testimonial.small.x2 {
        clear: none;
        margin-right: 0;
    }
    div.gfs div.testimonials div.content {
        float: none;
        margin: 0;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    div.gfs div.testimonials .videoBrand {
        top: 130px;
    }
    div.gfs div.testimonials h5 {
        font-size: 23px;
        line-height: 24px;
    }
    div.gfs div.testimonials div.testimonials__row.small {
        padding: 0;
    }
    div.gfs div.testimonials div.testimonials__content {
        padding-bottom: 50px;
    }
    div.gfs div.testimonials div.testimonial.small.x0 {
        margin-left: 23px;
        margin-right: 23px;
    }
    div.gfs div.testimonials div.testimonial.small.x1 {
        margin-right: 23px;
    }
    div.gfs div.testimonials div.testimonial.small.x2 {
        margin-right: 0;
    }
}
div.gfs div.get-started__content__buttons {
    display: flex;
    flex-direction: column;
    padding: 30px 0 100px;
}
div.gfs div.get-started__content__buttons a {
    display: inline-block;
}
div.gfs div.get-started__content__buttons h4 {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 52px;
    letter-spacing: 0.1em;
    line-height: 52px;
    margin: 0 5px;
    text-transform: uppercase;
}
div.gfs div.get-started__visual__image img {
    height: 200px;
    margin: 0 auto;
    padding-bottom: 50px;
    width: auto;
}
@media (min-width: 568px) {
    div.gfs div.get-started__visual__image img {
        height: 200px;
    }
}
@media (min-width: 768px) {
    div.gfs div.get-started__visual__image img {
        height: 280px;
    }
}
@media (min-width: 568px) {
    div.gfs div.get-started__content__buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    div.gfs div.get-started__content__buttons h4 {
        margin: 0 20px;
    }
}
@media (min-width: 1024px) {
    div.gfs div.get-started p {
        margin: 0 23%;
    }
    div.gfs div.get-started .get-started__content__buttons a {
        min-width: 123px;
    }
}
@media (min-width: 1024px) {
    div.gfs h3 {
        font-size: 33px;
        line-height: 36px;
        padding: 90px 0 5px 0;
    }
    div.gfs div.content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin: 0;
        text-align: center;
    }
}
div.gfs .white-link {
    color: #fff;
    font-size: 0.92em;
    font-weight: 600;
    letter-spacing: 0.0125em;
    line-height: 1.2em;
    padding: 0 7px;
    text-transform: none;
}
div.gfs .white-link:after {
    background: #fff;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}
div.gfs .white-link:hover {
    color: #0e2033;
}
div.gfs .white-link:hover:after {
    background: rgba(54, 54, 61, 0.3);
}
div.gfs .pricing__fees h3 {
    color: #0e2033;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}
body.gfs .demo-btn {
    cursor: pointer;
}
body.gfs div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.gfs div.header__lpmenu {
        display: flex;
    }
}
body.gfs div.header__lpmenu .signup {
    margin-right: 20px;
}
body.gfs div.header_logos {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.gfs div.header_logos a.chownowLogo span,
body.gfs div.header_logos a.partnerLogo span {
    display: none;
}
body.gfs div.header_logos a.chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 35px;
    width: 104px;
}
@media (min-width: 768px) {
    body.gfs div.header_logos a.chownowLogo {
        height: 37px;
        padding-right: 35px;
        width: 139px;
    }
}
body.gfs div.header_logos a.partnerLogo {
    background: url(../images/assets/landing-pages/gfs/gfs_logo_white.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 26px;
    margin-left: 19px;
    width: 104px;
}
@media (min-width: 768px) {
    body.gfs div.header_logos a.partnerLogo {
        height: 34px;
        margin-left: 25px;
        width: 139px;
    }
}
body.gfs p.banner-note {
    font-size: 13px;
}
body.gfs p.banner-note a {
    font-size: 13px;
}
body.gfs div.footer {
    background: #fff;
}
body.gfs div.footer__group h2 {
    color: #0e2033;
}
@media (min-width: 1024px) {
    body.gfs div.header_logos {
        top: 50px;
    }
    body.gfs div.header__lpmenu ul .signup {
        margin-right: 0;
    }
    body.gfs div.footer {
        padding: 70px 0;
    }
    body.gfs div.footer__group.left {
        width: 65.21739%;
        float: left;
        margin-right: 4.34783%;
    }
    body.gfs div.footer__group.left ul.menu {
        width: 100%;
    }
    body.gfs div.footer__group.left ul.menu a {
        cursor: pointer;
    }
    body.gfs div.footer__group.left ul.menu li {
        float: left;
        margin-right: 30px;
    }
    body.gfs div.footer__group.right {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
    body.gfs div.banner__headline .headline_header {
        margin: 0 14%;
    }
}
body.gfs .h1_logo.header_partnerlogo,
body.gfs div.header__lpmenu .h1_logo.header_partnerlogo.gfs_logo {
    padding: 28px 2% 29px 0;
}
body.gfs .h1_logo.header_partnerlogo a,
body.gfs div.header__lpmenu .h1_logo.header_partnerlogo.gfs_logo a {
    background: url(../images/assets/landing-pages/gfs/gfs_logo_white.svg) no-repeat;
    display: block;
    height: 34px;
    margin-left: 25px;
    width: 139px;
}
body.gfs .logos-wrapper {
    min-width: 360px;
}
body.gfs .h1_logo {
    float: left;
}
body.gfs .h1_logo.header_logo {
    padding: 26px 0 30px 4.34783%;
}
body.gfs .h1_logo.header_logo a {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    height: 34px;
    padding-right: 25px;
    width: 139px;
}
body.gfs .h1_logo a span {
    display: none;
}
body.gfs div.hiw-demo-links {
    background-color: #4a79a0;
    padding: 40px 0;
}
body.gfs div.hiw-demo-links .container {
    color: #fff;
    text-align: center;
}
body.gfs div.hiw-demo-links i {
    margin-right: 6px;
    opacity: 0.5;
}
body.gfs .demo-icon {
    color: #fff;
    margin-bottom: 20px;
}
body.gfs .demo-icon i {
    margin-bottom: 10px;
    vertical-align: middle;
}
body.gfs .demo-icon i:first-of-type {
    margin-right: 20px;
}
body.gfs .demo-icon:hover {
    color: #fd4f57;
}
body.spm .main {
    padding-top: 0;
}
body.spm a {
    cursor: pointer;
}
body.spm div.partners {
    background: #f5f5f5;
    margin-bottom: 100px;
    padding: 45px 0;
}
body.spm div.partners ul.common-logos li {
    height: 85px;
}
body.spm div.partners ul.common-logos li .spm_testimonials_logo {
    max-height: 100%;
}
body.spm div.partners h3 {
    color: #8c8c8e;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    margin: 0 4.34783%;
    padding: 0;
    padding-bottom: 24px;
    text-align: center;
    text-transform: uppercase;
}
body.spm div.hiw-demo-links {
    padding: 40px 0;
}
body.spm div.hiw-demo-links .container {
    color: #fff;
    text-align: center;
}
body.spm div.hiw-demo-links .container i {
    margin-right: 6px;
    opacity: 0.5;
}
body.spm div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.spm div.header__lpmenu {
        display: flex;
    }
}
body.spm div.header__lpmenu .h1_logo.header_partnerlogo a {
    background: url(../images/assets/landing-pages/spm/smp_logo.png) no-repeat;
    background-size: contain;
    height: 38px;
}
body.spm div.sq_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.spm div.sq_headLogos div.sq_chownowLogo span,
body.spm div.sq_headLogos div.sq_partnerLogo span {
    display: none;
}
body.spm div.sq_headLogos div.sq_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    body.spm div.sq_headLogos div.sq_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
body.spm div.sq_headLogos div.sq_partnerLogo {
    background: url(../images/assets/landing-pages/spm/smp_logo.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 19px;
    width: 104px;
}
@media (min-width: 768px) {
    body.spm div.sq_headLogos div.sq_partnerLogo {
        height: 50px;
        margin-left: 25px;
        width: 139px;
    }
}
body.spm div.spm div.testimonials div.testimonial__video.x1 {
    background-image: url(../images/assets/landing-pages/spm/clientstoriesbg-serio1.png);
}
body.spm div.spm div.testimonials div.videoBrand img {
    max-height: 30px;
}
body.spm div.spm img.spm_testimonials_logo {
    padding: 0;
}
body.spm div.footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding: 10px 0;
}
body.spm div.footer__group {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
body.spm div.footer__group h2 {
    color: #0e2033;
}
body.spm div.footer__group.left {
    padding: 40px 0 29px 0;
}
body.spm div.footer__group.center {
    padding: 30px 0 40px 0;
}
body.spm div.footer__group.right {
    padding: 30px 0 39px 0;
}
@media (min-width: 1024px) {
    body.spm div.footer {
        padding: 50px 0;
    }
    body.spm div.footer__group {
        width: 30.43478%;
        float: left;
        margin-right: 4.34783%;
    }
    body.spm div.footer__group:last-child {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
    body.spm div.footer__group ul.menu {
        float: left;
        width: 50%;
    }
    body.spm div.footer__group ol {
        padding-bottom: 34px;
    }
    body.spm div.footer__group.left {
        padding: 0;
        text-align: left;
    }
    body.spm div.footer__group.center {
        border: none;
        padding: 0;
        text-align: center;
    }
    body.spm div.footer__group.center div.footer__group__wrap {
        border-left: none;
        border-right: none;
    }
    body.spm div.footer__group.right {
        padding: 0;
        text-align: right;
    }
}
@media (min-width: 1024px) {
    body.spm div.get-started p {
        margin: 0 30%;
    }
}
@media (max-width: 768px) {
    body.spm div.partners {
        padding: 45px 0 150px;
    }
}
body.usfoods .partner-landing-page .pricing__plans h2.pricing-plan-long {
    font-size: 36px;
    font-weight: 600;
}
body.usfoods a {
    cursor: pointer;
}
body.usfoods div.pricing__plans {
    border-top: 1px solid #f5f5f5;
}
body.usfoods div.pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
    margin: 20px 0 45px;
    padding: 0 0 40px 0;
}
body.usfoods div.hiw-demo-links {
    padding: 40px 0;
}
body.usfoods div.hiw-demo-links .container {
    color: #fff;
    text-align: center;
}
body.usfoods div.hiw-demo-links .container i {
    margin-right: 6px;
    opacity: 0.5;
}
body.usfoods div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.usfoods div.header__lpmenu {
        display: flex;
    }
}
body.usfoods div.header__lpmenu .h1_logo.header_partnerlogo a {
    background: url(../images/assets/landing-pages/usfoods/usfoodslogo@2x.png) no-repeat;
    background-size: contain;
    height: 34px;
}
body.usfoods div.sq_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.usfoods div.sq_headLogos .sq_chownowLogo span,
body.usfoods div.sq_headLogos .sq_partnerLogo span {
    display: none;
}
body.usfoods div.sq_headLogos div.sq_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    body.usfoods div.sq_headLogos div.sq_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
body.usfoods div.sq_headLogos .sq_partnerLogo {
    background: url(../images/assets/landing-pages/usfoods/usfoodslogo@2x.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 22px;
    width: 32px;
}
@media (min-width: 768px) {
    body.usfoods div.sq_headLogos .sq_partnerLogo {
        margin-bottom: 4px;
    }
}
body.usfoods div.banner__headline .headline_header {
    margin: 0 14%;
}
body.usfoods div.usfoods .testimonials .testimonial__video.x0 {
    background-image: url(../images/assets/landing-pages/usfoods/testimonials-banner-moochies.jpg);
}
body.usfoods div.usfoods .testimonials .testimonial__video.x1 {
    background-image: url(../images/assets/landing-pages/usfoods/clientbg-new-este.png);
}
body.usfoods div.usfoods .videoBrand img {
    max-height: 30px;
}
body.usfoods .setup-fee {
    margin-bottom: 26px;
}
body.usfoods div.footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding: 10px 0;
}
body.usfoods div.footer__group {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
body.usfoods div.footer__group h2 {
    color: #0e2033;
}
body.usfoods div.footer__group.left {
    padding: 40px 0 29px 0;
}
body.usfoods div.footer__group.center {
    padding: 30px 0 40px 0;
}
body.usfoods div.footer__group.right {
    padding: 30px 0 39px 0;
}
@media (min-width: 1024px) {
    body.usfoods div.footer {
        padding: 50px 0;
    }
    body.usfoods div.footer__group {
        width: 30.43478%;
        float: left;
        margin-right: 4.34783%;
    }
    body.usfoods div.footer__group:last-child {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
    body.usfoods div.footer__group ul.menu {
        float: left;
        width: 50%;
    }
    body.usfoods div.footer__group ol {
        padding-bottom: 34px;
    }
    body.usfoods div.footer__group.left {
        padding: 0;
        text-align: left;
    }
    body.usfoods div.footer__group.center {
        border: none;
        padding: 0;
        text-align: center;
    }
    body.usfoods div.footer__group.center div.footer__group__wrap {
        border-left: none;
        border-right: none;
    }
    body.usfoods div.footer__group.right {
        padding: 0;
        text-align: right;
    }
}
@media (min-width: 1024px) {
    body.usfoods div.footer__group ul.menu {
        width: 70%;
    }
    body.usfoods div.usfoods .get-started .get-started__content__buttons a {
        width: 128px;
    }
    body.usfoods div.usfoods .get-started p {
        margin: 0 31%;
    }
}
.us-foods-landing .main {
    padding-top: 0;
}
body.singleplatform a {
    cursor: pointer;
}
body.singleplatform div.pricing__fees {
    background: #f5f5f5;
    border-top: 0;
}
body.singleplatform div.hiw-demo-links {
    padding: 40px 0;
}
body.singleplatform div.hiw-demo-links .container {
    color: #fff;
    text-align: center;
}
body.singleplatform div.hiw-demo-links .container i {
    margin-right: 6px;
    opacity: 0.5;
}
body.singleplatform div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.singleplatform div.header__lpmenu {
        display: flex;
    }
}
body.singleplatform div.header__lpmenu .logos-wrapper {
    min-width: 380px;
}
body.singleplatform div.header__lpmenu .h1_logo.header_partnerlogo a {
    background: url(../images/assets/landing-pages/singleplatform/Single-Platform.svg) no-repeat;
    background-size: contain;
    height: 23px;
    margin-top: 7px;
    width: 165px;
}
@media (min-width: 1024px) {
    body.singleplatform div.header__lpmenu .container {
        min-width: 900px;
    }
}
body.singleplatform div.sq_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.singleplatform div.sq_headLogos .sq_chownowLogo span,
body.singleplatform div.sq_headLogos .sq_partnerLogo span {
    display: none;
}
body.singleplatform div.sq_headLogos .sq_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    body.singleplatform div.sq_headLogos .sq_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
body.singleplatform div.sq_headLogos .sq_partnerLogo {
    background: url(../images/assets/landing-pages/singleplatform/Single-Platform.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 23px;
    margin-left: 22px;
    width: 165px;
}
@media (min-width: 768px) {
    body.singleplatform div.sq_headLogos .sq_partnerLogo {
        margin-bottom: 4px;
    }
}
body.singleplatform div.banner__headline .headline_header {
    margin: 0 14%;
}
body.singleplatform div.singleplatform .testimonials .testimonial__video.x0 {
    background-image: url(../images/assets/landing-pages/gfs/testimonials-banner-emporium-thai.jpg);
}
body.singleplatform div.singleplatform .testimonials .testimonial__video.x1 {
    background-image: url(../images/assets/landing-pages/gfs/testimonials-banner-xoco.jpg);
}
body.singleplatform div.singleplatform .videoBrand img {
    max-height: 30px;
}
body.singleplatform div.footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    padding: 10px 0;
}
body.singleplatform div.footer__group {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
body.singleplatform div.footer__group h2 {
    color: #0e2033;
}
body.singleplatform div.footer__group.left {
    padding: 40px 0 29px 0;
}
body.singleplatform div.footer__group.center {
    padding: 30px 0 40px 0;
}
body.singleplatform div.footer__group.right {
    padding: 30px 0 39px 0;
}
@media (min-width: 1024px) {
    body.singleplatform div.footer {
        padding: 50px 0;
    }
    body.singleplatform div.footer__group {
        width: 30.43478%;
        float: left;
        margin-right: 4.34783%;
    }
    body.singleplatform div.footer__group:last-child {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
    body.singleplatform div.footer__group ul.menu {
        float: left;
        width: 50%;
    }
    body.singleplatform div.footer__group ol {
        padding-bottom: 34px;
    }
    body.singleplatform div.footer__group.left {
        padding: 0;
        text-align: left;
    }
    body.singleplatform div.footer__group.center {
        border: none;
        padding: 0;
        text-align: center;
    }
    body.singleplatform div.footer__group.center div.footer__group__wrap {
        border-left: none;
        border-right: none;
    }
    body.singleplatform div.footer__group.right {
        padding: 0;
        text-align: right;
    }
}
@media (min-width: 1024px) {
    body.singleplatform div.footer__group ul.menu {
        width: 70%;
    }
    body.singleplatform div.singleplatform .get-started .get-started__content__buttons a {
        width: 200px;
    }
    body.singleplatform div.singleplatform .get-started p {
        margin: 0 31%;
    }
}
body.godaddy .main {
    padding-top: 0;
}
body.godaddy a {
    cursor: pointer;
}
body.godaddy div.hiw-demo-links {
    background-color: #8c8c8e;
    padding: 40px 0;
}
body.godaddy div.hiw-demo-links .container {
    color: #fff;
    text-align: center;
}
body.godaddy div.hiw-demo-links .container i {
    margin-right: 6px;
    opacity: 0.5;
}
body.godaddy div.header__lpmenu {
    display: none;
    justify-content: center;
}
@media (min-width: 768px) {
    body.godaddy div.header__lpmenu {
        display: flex;
    }
}
body.godaddy div.header__lpmenu .h1_logo.header_logo a {
    margin-top: 6px;
}
body.godaddy div.header__lpmenu .h1_logo.header_partnerlogo a {
    background: url(../images/assets/landing-pages/godaddy/godaddy_lp_logo.svg) no-repeat;
    background-size: contain;
    height: 36px;
    margin-top: 1px;
}
body.godaddy div.sq_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
body.godaddy div.sq_headLogos div.sq_chownowLogo span,
body.godaddy div.sq_headLogos div.sq_partnerLogo span {
    display: none;
}
body.godaddy div.sq_headLogos div.sq_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    body.godaddy div.sq_headLogos div.sq_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
body.godaddy div.sq_headLogos div.sq_partnerLogo {
    background: url(../images/assets/landing-pages/godaddy/godaddy_lp_logo.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 19px;
    width: 104px;
}
@media (min-width: 768px) {
    body.godaddy div.sq_headLogos div.sq_partnerLogo {
        height: 36px;
        margin-bottom: 4px;
        margin-left: 25px;
        width: 139px;
    }
}
body.godaddy div.footer {
    background: #fff;
    border-top: 1px solid #f5f5f5;
}
body.godaddy div.footer__group {
    color: #0e2033;
    padding-left: 0;
}
@media (max-width: 1023px) {
    body.godaddy div.footer__group {
        width: 100%;
    }
}
body.godaddy div.footer__group h2 {
    color: #0e2033;
}
@media (min-width: 1024px) {
    body.godaddy div.get-started p {
        margin: 0 30%;
    }
    body.godaddy div.footer {
        padding: 70px 0;
    }
    body.godaddy div.footer__group.left {
        width: 65.21739%;
        float: left;
        margin-right: 4.34783%;
    }
    body.godaddy div.footer__group.left ul.menu {
        width: 100%;
    }
    body.godaddy div.footer__group.left ul.menu a {
        cursor: pointer;
    }
    body.godaddy div.footer__group.left ul.menu li {
        float: left;
        margin-right: 30px;
    }
    body.godaddy div.footer__group.right {
        width: 30.43478%;
        float: right;
        margin-right: 0;
    }
}
body.refer p {
    color: #0e2033;
}
body.refer .request {
    padding-bottom: 60px;
}
body.refer .request h3 {
    padding: inherit;
}
body.refer .about__bumper {
    background-color: #f5f5f5;
    border-top: 1px solid #e6e6e6;
}
body.refer .about__bumper a {
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    text-transform: none;
}
body.refer .about__bumper dl {
    margin-top: 20px;
}
body.refer .about__bumper dl .q-emails {
    color: #0e2033;
    font-weight: 600;
    line-height: 52px;
}
@media (min-width: 768px) {
    body.refer .about__bumper {
        padding: 60px 0;
    }
}
body.refer select::-ms-expand {
    display: none;
}
body.refer div.header__menu.brand_header {
    background-color: #f5f5f5;
}
body.refer div.header__menu.brand_header p a svg path {
    fill: #36363d;
}
body.refer div.header__menu.brand_header p a:hover svg path {
    fill: #fd4f57;
}
body.refer div.header__menu.brand_header h1 a {
    background: url(/wp-content/themes/ChowNow-WebSite/svg/logo-dark.svg) no-repeat;
    background-color: #f5f5f5;
}
body.refer div.header__menu.brand_header ul {
    display: hidden;
}
@media (min-width: 1024px) {
    body.refer div.header__menu.brand_header ul {
        display: block;
    }
}
body.refer div.header__menu.brand_header ul li a {
    color: #8c8c8f;
}
body.refer div.header__menu.brand_header ul li.option a:hover,
body.refer div.header__menu.brand_header ul li.option.selected a {
    color: #36363d;
}
body.refer div.header__menu.brand_header ul li.option a:hover:after,
body.refer div.header__menu.brand_header ul li.option.selected a:after {
    background: #fd4f57;
}
body.refer div.banner.brand_banner {
    background-color: #f5f5f5;
}
body.refer div.banner__headline.brand_banner {
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
body.refer div.banner__headline.brand_banner h2 {
    color: #36363d;
    font-size: 57px;
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 57px;
    padding: 152px 0 10px;
}
body.refer div.banner__headline.brand_banner h4 {
    color: #36363d;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: -0.035em;
    padding: 10px 0 120px;
}
body.refer div.brand_body {
    background: #fff;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
body.refer div.brand {
    border-top: 1px solid #e6e6e6;
}
body.refer .banner__headline h2 {
    font-weight: 600 !important;
}
body.refer .content-center h2 {
    color: #36363d;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 100px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
body.refer div.brand div.visual img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
body.refer div.brand div.content-left,
body.refer div.content-center,
body.refer div.content-right {
    float: left;
    margin: 0 8.69565%;
    text-align: center;
    width: 82.6087%;
}
@media (min-width: 1024px) {
    body.refer div.brand div.content-left {
        float: left;
        margin: 0 0 0 4.34783%;
        text-align: left;
        width: 43.47826%;
    }
    body.refer div.brand div.content-right {
        display: block;
        float: right;
        margin: 0 4.34783% 0 0;
        width: 43.47826%;
    }
    body.refer div.brand div.content-center {
        margin: 0 4.34783%;
        text-align: center;
        width: 91.30435%;
    }
}
body.refer div.brand div.content-center.aboveVisual {
    padding-bottom: 50px;
}
body.refer div.brand div.content-center.visual {
    padding-top: 50px;
}
@media (min-width: 1024px) {
    body.refer div.brand div.content-center.aboveVisual {
        padding-bottom: 80px;
    }
    body.refer div.brand div.content-center.visual {
        padding: 50px 0;
    }
}
body.refer div.brand div.content-center.visual img {
    height: auto;
    width: 100%;
}
body.refer div.brand div.content-center.visual img:nth-of-type(2) {
    padding-top: 32px;
}
body.refer div.brand div.content-center.downloads div {
    float: left;
    margin-bottom: 36px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
}
body.refer div.brand div.content-center.downloads h3 {
    clear: both;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0 8.69565%;
    padding-top: 20px;
    text-transform: none;
    width: 82.6087%;
}
body.refer div.brand div.content-center.downloads h3 span.quote {
    font-weight: 700;
}
@media (min-width: 768px) {
    body.refer div.brand div.content-center.downloads div {
        float: left;
        margin-bottom: 56px;
        width: 50%;
    }
    body.refer div.brand div.content-center.downloads div.full {
        float: left;
        margin-bottom: 56px;
        width: 100%;
    }
    body.refer div.brand div.content-center.downloads div.full a {
        margin: 0 4.347825% 0 4.347825%;
        width: 91.30425%;
    }
    body.refer div.brand div.content-center.downloads div.full img {
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
}
body.refer div.brand div.content-center.downloads div a {
    color: #8c8c8f;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin: 0 8.69565%;
    text-transform: uppercase;
    width: 82.6087%;
}
body.refer div.brand div.content-center.downloads div a p {
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e6e6e6;
    float: left;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    width: 100%;
}
@media (min-width: 768px) {
    body.refer div.brand div.content-center.downloads div a p {
        margin-bottom: 26px;
    }
}
body.refer div.brand div.content-center.downloads div a:hover p {
    box-shadow: 0 0 0 1px rgba(188, 83, 75, 0.5);
}
body.refer div.brand div.content-center.downloads div a h6 {
    color: #fd4f57;
    transition: color 0.2s ease;
}
body.refer div.brand div.content-center.downloads div a:hover h6 {
    color: #bc534b;
}
body.refer div.brand div.content-center.downloads div a h6 span {
    display: inline-block;
}
body.refer div.brand div.content-center.downloads div a h6 span:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
body.refer div.brand div.content-center.downloads div a:hover h6 span:after {
    background: rgba(188, 83, 75, 0.3);
    width: 100%;
}
body.refer div.brand ol {
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    margin-bottom: 50px;
    -webkit-padding-start: 10px;
    text-align: left;
}
@media (min-width: 1024px) {
    body.refer div.brand ol {
        margin-bottom: 0;
    }
}
body.refer div.brand ol li {
    margin-top: 0.5em;
}
body.refer div.brand dl.dyk {
    border-left: 2px solid #e6e6e6;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-left: 30px;
    text-align: left;
}
@media (min-width: 1024px) {
    body.refer div.brand dl.dyk {
        border-left: 2px solid #e6e6e6;
        display: block;
        margin-bottom: 0;
        margin-top: 15px;
        padding-left: 30px;
        text-align: left;
        width: 65%;
    }
}
body.refer div.brand dl.dyk dt {
    color: #36363d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    padding: 6px 0 11px;
    text-transform: uppercase;
}
body.refer div.footer .container {
    background-color: #fff;
}
body.refer div.brand dl.dyk dt.more {
    padding-top: 40px;
}
@media (min-width: 1024px) {
    body.refer #img-logoUsage {
        width: 80%;
    }
    body.refer #img-pinUsage {
        margin-top: 100px;
        width: 80%;
    }
    body.refer #img-suppElements {
        margin-top: 20px;
    }
}
body.refer div.footer {
    padding: 50px 0;
}
body.refer div.footer .container {
    background-color: #fff;
}
body.refer div.footer .container .row {
    display: flex;
    justify-content: center;
}
body.refer div.insider_sections {
    background: #fff;
}
body.refer a.insider__trigger {
    cursor: pointer;
}
body.refer a.insider__trigger p {
    transition: background 0.3s ease, box-shadow 0.3s ease;
}
body.refer div.brand div.content-center.downloads div a.insider__trigger:hover p {
    background: rgba(54, 54, 61, 0.5);
    background-blend-mode: multiply;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}
body.refer div.brand div.content-center.downloads div a h6 span {
    background: 0 0;
    border: none;
    height: initial;
    transform: none;
    width: initial;
}
div.support {
    background: #fff;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 100px;
}
div.support .search-label {
    color: #0e2033;
    font-size: 56px;
    line-height: 1.3;
    margin: 0 25px;
    padding-top: 186px;
    text-align: center;
}
div.support .bold-label {
    font-weight: 600;
}
div.support .portals {
    align-items: center;
    display: flex;
    margin: 88px auto 120px;
    width: 70%;
    justify-content: space-around;
    max-width: 1049px;
}
div.support .portal-divider {
    border-left: solid 1px #e6e6e6;
    height: 352px;
    width: 1px;
}
div.support .customer-icon,
div.support .resto-icon {
    display: block;
    height: 120px;
    margin: 0 auto 20px;
    text-align: center;
    width: 120px;
}
div.support .portal-header {
    color: #0e2033;
    font-size: 32px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.3px;
    line-height: normal;
    margin-bottom: 6px;
    text-align: center;
}
div.support .portal-subheader {
    color: #8c8c8e;
    font-size: 17px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: normal;
    opacity: 0.7;
    text-align: center;
}
div.support .btn {
    padding-top: 30px;
    text-align: center;
}
div.support .support-btn {
    padding: 12px 0;
    width: 153px;
}
div.support .support-btn:focus-visible {
    outline: 2px solid #fd4f57;
}
@media screen and (max-width: 768px) {
    div.support {
        padding-bottom: 0;
    }
    div.support .search-label {
        font-size: 32px;
        margin: 0 25px 60px;
        padding-top: 160px;
    }
    div.support .portals,
    div.support .support-form-container {
        display: inline-block;
        margin: 0 5%;
        width: 90%;
    }
    div.support .portal-divider {
        display: none;
    }
    div.support .portal-section {
        margin-bottom: 80px;
    }
}
.partner-landing-page .partnership_partnerLogo {
    background: url(../assets/landing-pages/usfoods/usfoodslogo@2x.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 22px;
    width: 32px;
}
.partner-landing-page .partnership_partnerLogo span {
    display: none;
}
.partner-landing-page p {
    color: #0e2033;
}
.partner-landing-page .hiw-demo-links {
    background-color: #4a79a0;
}
.partner-landing-page .hiw-demo-links p {
    color: #fff;
}
.partner-landing-page div.pricing div.pricing__plans h2 {
    margin: 0 0 70px 0;
}
.partner-landing-page .pricing__plans p {
    padding: 10px 0 30px 0;
}
.partner-landing-page .pricing__plans .price-wrap {
    display: inline-block;
    position: relative;
}
.partner-landing-page .pricing__plans .price-wrap img {
    margin-top: -155px;
    position: absolute;
}
.partner-landing-page .pricing__plans .price-wrap img.annual {
    margin-left: 155px;
}
.partner-landing-page .pricing__plans .price-wrap img.two-year {
    margin-left: 115px;
}
.partner-landing-page .pricing__plans .pricing__plans__note {
    padding: 52px 0 22px;
}
.partner-landing-page .pricing__plans .pricing__plans__location__note {
    float: left;
    margin-bottom: 80px;
    width: 100%;
}
.partner-landing-page .pricing__plans .pricing__plans__location__note h3 {
    color: #fd4f57;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 50px 0 5px;
    text-align: center;
    text-transform: uppercase;
}
.partner-landing-page .pricing__plans .pricing__plans__location__note p {
    color: #0e2033;
}
.partner-landing-page .pricing__plans .pricing-space {
    display: block;
    padding: 50px;
}
.partner-landing-page .pricing__plans div.pricing__plan {
    position: relative;
}
.partner-landing-page .pricing__plans div.pricing__plan.annual div.pricing__plan__tag {
    padding: 0;
}
.partner-landing-page .pricing__fees h3 {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.partner-landing-page div.hiw-demo-links {
    background-color: #4a79a0;
    padding: 40px 0;
}
.partner-landing-page div.footer {
    border-top: 1px solid #f5f5f5;
}
.partner-landing-page div.footer__group ul li {
    color: #0e2033;
}
.partner-landing-page div.footer__group ul li a {
    color: #0e2033;
}
@media (max-width: 1024px) {
    .partner-landing-page .pricing__plans .price-wrap {
        display: inline-block;
        position: relative;
    }
    .partner-landing-page .pricing__plans .price-wrap img {
        margin-top: -142px;
        position: absolute;
        width: 60px;
    }
    .partner-landing-page .pricing__plans .price-wrap img.annual {
        margin-left: 150px;
    }
    .partner-landing-page .pricing__plans .price-wrap img.two-year {
        margin-left: 107px;
    }
}
@media (max-width: 800px) {
    .partner-landing-page div.pricing div.pricing__plans div.pricing__plan h5,
    .partner-landing-page div.pricing div.pricing__plans div.pricing__plan.annual h5 {
        padding-top: 42px;
    }
    .partner-landing-page div.pricing__plans div.pricing__plan h5 sub {
        line-height: 22px;
    }
    .partner-landing-page .pricing__plans .price-wrap img {
        margin-top: -132px;
    }
    .partner-landing-page .pricing__plans .price-wrap img.annual {
        margin-left: 148px;
    }
    .partner-landing-page .pricing__plans .price-wrap img.two-year {
        margin-left: 106px;
    }
}
@media (max-width: 768px) {
    .partner-landing-page div.banner__headline h3 {
        color: #fff;
    }
}
.gated-landing-page .gated-partner-logo {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-width: 100%;
    margin-bottom: 27px;
}
.gated-landing-page h1 {
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 6px;
    color: #fff;
    font-weight: 500;
}
@media only screen and (min-width: 1024px) {
    .gated-landing-page h1 {
        font-size: 62px;
        line-height: 72px;
    }
}
.gated-landing-page h2 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-top: 19px;
}
@media only screen and (min-width: 1024px) {
    .gated-landing-page h2 {
        font-size: 25px;
        line-height: 30px;
        margin-left: 9px;
    }
}
.gated-landing-page ul {
    margin-left: 20px;
}
.gated-landing-page ul li {
    list-style-type: disc;
}
.gated-landing-page .padded-content {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 85px 20px 0;
    box-sizing: border-box;
}
@media only screen and (min-width: 667px) {
    .gated-landing-page .padded-content {
        padding: 85px 70px 0;
    }
}
.gated-landing-page .padded-content a {
    transition: all 0.2s ease-in-out;
}
.gated-landing-page .common-button {
    margin-left: auto;
    width: 50%;
    display: block;
    margin-right: auto;
    margin-top: 20px;
    color: #0e2033;
}
.gated-landing-page .common-button:hover {
    background-color: #dff4f4;
    color: #0e2033;
}
.gated-landing-page .common-button.blue-btn {
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.gated-landing-page .common-button.blue-btn:hover {
    background-color: #1a3b5f;
}
.gated-landing-page .common-button.blue-btn:focus {
    outline: 2px solid #fd4f57;
}
.gated-landing-page .common-button.gated-header {
    display: none;
}
.gated-landing-page .anchors {
    width: auto;
    float: none;
    margin-left: 0;
    margin-right: 0;
    background: 0 0;
    box-shadow: none;
    height: auto;
    overflow: hidden;
    position: relative;
}
.gated-landing-page .anchors.fixed {
    position: relative;
    z-index: 1;
}
.gated-landing-page .anchors__sections.fixed {
    padding-top: 0;
}
.gated-landing-page .anchors.fixed {
    top: 0 !important;
}
.gated-landing-page .heroshot {
    padding: 0 0 460px;
    background-color: #0e2033;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.gated-landing-page .solid-bg {
    background-color: #0e2033;
    padding: 0 0 460px;
}
.gated-landing-page .container-gray {
    background-color: #eeedea;
    margin-top: -377px;
    max-width: 1260px;
    padding: 0 20px;
    box-sizing: border-box;
}
.gated-landing-page .adjusted-content-padding {
    padding: 70px 0;
}
@media only screen and (min-width: 667px) {
    .gated-landing-page .adjusted-content-padding {
        padding: 70px 70px;
    }
}
@media only screen and (min-width: 1024px) {
    .gated-landing-page .adjusted-content-padding {
        padding: 156px 130px;
    }
}
.gated-landing-page .flexbox {
    flex-direction: row;
    float: none;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .gated-landing-page .flexbox {
        display: flex;
    }
}
.gated-landing-page .content-left {
    width: 40%;
    padding: 0 2% 8% 0;
}
.gated-landing-page .content-left p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 49px;
}
.gated-landing-page .content-left ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-left: 0;
}
.gated-landing-page .content-left li {
    padding-bottom: 27px;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
}
.gated-landing-page .content-right {
    width: 48%;
    padding: 0 0 8% 0;
    margin-left: auto;
}
.gated-landing-page .content-right .content-right-image img {
    width: 100%;
    height: auto;
}
.gated-landing-page .content-right .content-right-video a {
    display: block;
    margin: 0 auto;
    height: 260px;
    margin-top: -260px;
    background: rgba(0, 35, 61, 0.1);
    transition: background 0.2s ease, border-color 0.2s ease;
}
.gated-landing-page .content-right .content-right-video a:hover {
    background: rgba(0, 35, 61, 0.4);
}
.gated-landing-page .content-right .content-right-video a:hover span {
    background: #fd4f57;
    border-color: #fd4f57;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.gated-landing-page .content-right .content-right-video span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    display: block;
    height: 40px;
    margin: 0 auto;
    transition: background 0.2s ease, border-color 0.2s ease;
    width: 40px;
}
.gated-landing-page .content-right .content-right-video span svg {
    height: 11px;
    width: 8px;
    position: absolute;
    top: 14px;
    left: 17px;
}
.gated-landing-page .content-right .content-right-video .content-right-video-thumb {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 260px;
    width: auto;
    display: block;
}
.gated-landing-page .content-right .content-right-video .testimonial__trigger {
    display: block;
    margin: 0 auto;
    height: auto;
}
.gated-landing-page .content-right .content-right-video .video-controls {
    display: block;
    position: absolute;
    top: -132px;
    left: 50%;
}
.gated-landing-page .content-right .content-right-padding {
    margin-top: 60px;
}
@media (max-width: 1024px) {
    .gated-landing-page .common-button {
        margin: 20px auto 50px;
    }
    .gated-landing-page .common-button.gated-header {
        margin: 20px 0 50px;
        width: 35%;
        display: block;
        border: 1px solid #fff;
    }
    .gated-landing-page .content-left {
        width: 100%;
        padding-bottom: 50px;
    }
    .gated-landing-page .content-right {
        width: 100%;
    }
    .gated-landing-page .content-right .content-right-padding {
        margin-top: 0;
    }
    .gated-landing-page #form {
        float: left;
        width: 100%;
    }
}
.salesforce-form {
    font-family: Matter-ChowNow, Helvetica, Arial, Sans-Serif;
}
.salesforce-form td {
    display: block;
}
.salesforce-form label {
    font-weight: 400;
    font-size: 12.6px;
    color: #5f6160;
    opacity: 0.5;
}
.salesforce-form input,
.salesforce-form select {
    border: 1px solid rgba(54, 54, 61, 0.15);
    width: 87%;
    max-width: 460px;
    font-size: 16px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.7);
    color: #8c8c8e;
    border-radius: 2px;
    padding: 0 20px;
    margin-bottom: 5px;
}
@media only screen and (min-width: 500px) {
    .salesforce-form input,
    .salesforce-form select {
        width: 91%;
    }
}
.salesforce-form input:focus,
.salesforce-form select:focus {
    outline: 1px solid rgba(54, 54, 61, 0.6) !important;
    background-color: #fff;
}
.salesforce-form select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: rgba(255, 255, 255, 0.7) url(https://get.chownow.com/imgs/select-arrow-open.png) 97% center no-repeat;
}
.salesforce-form input[type="submit"] {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    margin-top: 30px;
    background-color: #fd4f57;
    cursor: pointer;
}
.salesforce-form input[type="submit"]:hover {
    background-color: #fd7e84;
    transition: 0.3s;
}
.amex .main {
    padding-top: 0;
}
.amex .h1_logo.header_partnerlogo,
.amex div.header__lpmenu .h1_logo.header_partnerlogo.amex_logo {
    padding: 28px 2% 29px 0;
}
.amex .h1_logo.header_partnerlogo a,
.amex div.header__lpmenu .h1_logo.header_partnerlogo.amex_logo a {
    background: url(../images/assets/landing-pages/amex-logo.png) no-repeat;
    background-size: 78px;
    display: block;
    height: 34px;
    margin-left: 25px;
    margin-top: 4px;
    width: 139px;
}
.amex div.partnership_headLogos {
    display: block;
    position: absolute;
    top: 30px;
    width: 100%;
}
.amex div.partnership_headLogos div.partnership_chownowLogo span,
.amex div.partnership_headLogos div.partnership_partnerLogo span {
    display: none;
}
.amex div.partnership_headLogos div.partnership_chownowLogo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    background-size: contain;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 28px;
    padding-right: 33px;
    width: 104px;
}
@media (min-width: 768px) {
    .amex div.partnership_headLogos div.partnership_chownowLogo {
        height: 34px;
        padding-right: 25px;
        width: 139px;
    }
}
.amex div.partnership_headLogos div.partnership_partnerLogo {
    background: url(../images/assets/landing-pages/amex-logo.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    margin-left: 19px;
    width: 104px;
}
@media (min-width: 768px) {
    .amex div.partnership_headLogos div.partnership_partnerLogo {
        height: 28px;
        margin-left: 23px;
        width: 76px;
    }
}
.amex div.header__lpmenu .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 778px;
}
.amex h4.setup-fee {
    margin-bottom: 26px;
}
.amex .terms {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    clear: both;
    padding: 50px 0;
}
.amex .terms h3.terms-heading {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.amex .terms p.terms-paragraph {
    font-size: 15px;
    letter-spacing: 1px;
}
.amex #amexdemo {
    margin-bottom: 90px;
}
.amex .videoBrand img {
    max-height: 30px;
}
.amex div.pricing div.pricing__plans div.pricing__plan div.pricing__plan__tag.hide {
    height: 0;
}
.amex div.pricing div.pricing__plans div.pricing__plan.annual div.pricing__plan__frame {
    padding: 20px 0 45px;
}
.amex .pricing h3.landing-page-paragraph-heading {
    font-size: 30px;
    line-height: 40px;
    padding: 20px 0 40px;
}
.amex .pricing h3.landing-page-paragraph-heading sup {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: top;
}
.amex div.container__text {
    background: #fff;
    border-top: 0;
    clear: both;
    padding: 60px 10px;
}
.amex div.container__text .landing-page-paragraph-heading {
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
}
.amex div.container__text .landing-page-paragraph-heading sup {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: top;
}
.cn-button {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 16px 20px;
    vertical-align: middle;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.cn-button span {
    color: #fff;
    display: block;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.cn-button.color-goji {
    background: #fd4f57;
}
.cn-button.color-goji:hover {
    background: #fd7e84;
}
.cn-button.color-white {
    background: #fff;
    border: 1px solid #8c8c8e;
    padding: 15px 19px;
}
.cn-button.color-white span {
    color: #fd4f57;
}
.cn-button.color-bluecorn {
    background: #4a79a0;
}
.cn-button.color-bluecorn:hover {
    background: #79b2ce;
}
.cn-button.color-squidink {
    background: #0e2033;
}
.cn-button.color-squidink:hover {
    background: #1a3b5f;
}
.preserve-list em,
.preserve-list i {
    font-style: italic;
    display: inline;
}
.preserve-list b,
.preserve-list strong {
    font-weight: 700;
    display: inline;
}
.preserve-list ul {
    list-style-type: disc;
    list-style-position: inside;
}
.preserve-list ol {
    list-style-type: decimal;
    list-style-position: inside;
}
.preserve-list ul ul,
ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}
.preserve-list ol ol,
ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}
select::-ms-expand {
    display: none;
}
div.header__menu.brand_header {
    background-color: #f9f9f9;
}
div.header__menu.brand_header p a svg path {
    fill: #0e2033;
}
div.header__menu.brand_header p a:hover svg path {
    fill: #fd4f57;
}
@media only screen and (min-width: 1024px) {
    div.header__menu.brand_header .h1_logo a {
        background: url(/wp-content/themes/ChowNow-WebSite/dist/images/svg/logo-horizontal.svg) no-repeat;
    }
}
@media only screen and (min-width: 992px) {
    .site-header .brand-downloads-nav {
        max-width: 310px;
    }
}
div.header__menu.brand_header ul {
    display: none;
}
div.header__menu.brand_header ul li a {
    color: #0e2033;
}
div.header__menu.brand_header ul li.option a:hover,
div.header__menu.brand_header ul li.option.selected a {
    color: #0e2033;
}
div.header__menu.brand_header ul li.option a:hover:after,
div.header__menu.brand_header ul li.option.selected a:after {
    background: #fd4f57;
}
div.nav__menu__options ul li a:hover,
div.nav__menu__options ul li.selected a {
    color: #fd4f57;
}
div.nav__menu__options ul li a {
    color: #0e2033;
}
div.banner.brand_banner {
    background-color: #f9f9f9;
}
div.banner__headline.brand_banner {
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
div.banner__headline.brand_banner h1,
div.banner__headline.brand_banner h2 {
    color: #0e2033;
    font-size: 57px;
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 57px;
    padding: 152px 0 10px;
}
div.banner__headline.brand_banner h1.brand-internal-gateway {
    padding: 152px 0 10px;
}
div.banner__headline.brand_banner h4 {
    color: #0e2033;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: -0.035em;
    padding: 10px 0 120px;
}
.internal-page-container {
    min-height: 100vh;
}
div.anchors ul li a {
    color: #0e2033;
}
div.anchors ul li.selected a {
    color: #8c8c8e;
}
div.anchors ul li a:hover {
    color: #8c8c8e;
}
div.anchors ul li.selected a {
    border-color: #fd4f57;
}
div.brand_body {
    background: #fff;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
div.brand {
    border-top: 1px solid #e9e9e9;
    padding: 95px 0;
}
div.brand h3 {
    color: #0e2033;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 36px;
    padding: 0 0 5px;
}
div.brand div.visual img {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
div.brand div.content-center,
div.brand div.content-left,
div.brand div.content-right {
    float: left;
    margin: 0 8.69565%;
    text-align: center;
    width: 82.6087%;
}
div.brand div.content-center.aboveVisual {
    padding-bottom: 50px;
}
div.brand div.content-center.visual {
    padding-top: 50px;
}
div.brand div.content-center.visual img {
    height: auto;
    width: 100%;
}
div.brand div.content-center.visual img:nth-of-type(2) {
    padding-top: 32px;
}
div.brand div.content-center.downloads div {
    float: left;
    margin-bottom: 36px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
}
div.brand div.content-center.downloads div a {
    color: #8c8c8e;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin: 0 8.69565%;
    text-transform: uppercase;
    width: 82.6087%;
}
div.brand div.content-center.downloads div a p {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    transition: border 0.2s ease;
    vertical-align: -webkit-baseline-middle;
    width: 100%;
}
div.brand div.content-center.downloads div a:hover p {
    border: 1px solid #fd7e84;
}
div.brand div.content-center.downloads div a h6 {
    color: #fd4f57;
    transition: color 0.2s ease;
}
div.brand div.content-center.downloads div a:hover h6 {
    color: #fd7e84;
}
div.brand div.content-center.downloads div a h6 span {
    display: inline-block;
}
div.brand div.content-center.downloads div a h6 span:after {
    background: 0 0;
    content: "";
    display: block;
    height: 1px;
    transition: background-color 0.2s ease, width 0.2s ease;
    width: 0;
}
div.brand div.content-center.downloads div a:hover h6 span:after {
    background: rgba(253, 79, 87, 0.3);
    width: 100%;
}
div.brand ol {
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    margin-bottom: 50px;
    -webkit-padding-start: 10px;
    text-align: left;
}
div.brand ol li {
    margin-top: 0.5em;
}
div.brand dl.dyk {
    border-left: 2px solid #e9e9e9;
    margin-bottom: 50px;
    margin-top: 50px;
    padding-left: 30px;
    text-align: left;
}
div.brand dl.dyk dt {
    color: #0e2033;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 16px;
    padding: 6px 0 11px;
    text-transform: uppercase;
}
div.brand dl.dyk dt.more {
    padding-top: 40px;
}
.color-wrapper {
    align-content: stretch;
    align-items: flex-start;
    display: flex;
    -ms-flex-align: start;
    flex-direction: row;
    -ms-flex-line-pack: stretch;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    justify-content: center;
    justify-content: space-around;
}
li.color-block {
    align-self: auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    -ms-flex-order: 0;
    list-style: none;
    margin: 5px;
    order: 0;
    padding: 22px;
    border-radius: 15px;
}
.logo-colors .color-block {
    width: 45%;
}
.primary-colors .color-block {
    width: 28.4%;
}
.secondary-colors .color-block {
    width: 28.4%;
}
.seasonal .color-block {
    width: 15%;
}
li.color-block.meringue {
    border: 1px solid #e9e9e9;
}
.color-container {
    margin-top: 30px;
}
.color-container:first-child {
    margin-top: 0;
}
h4.colors-header {
    color: #0e2033;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-left: 0.5%;
    text-align: left;
    text-transform: uppercase;
}
.color-wrapper h5 {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    padding-bottom: 36px;
    text-align: left;
    text-transform: uppercase;
}
.color-wrapper h5.dark {
    color: #0e2033;
}
.color-wrapper p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
}
.color-wrapper p.dark {
    color: #0e2033;
}
.color-wrapper p strong {
    display: block;
    font-weight: 600;
}
.brand_body #colors .goji-berry {
    background-color: #fd4f57;
}
.brand_body #colors .squid-ink {
    background-color: #0e2033;
}
.brand_body #colors .frosting {
    background-color: #5eb3b7;
}
.brand_body #colors .bluecorn {
    background-color: #4a79a0;
}
.brand_body #colors .meringue {
    background-color: #fff;
}
.brand_body #colors .dark-anchovy {
    background-color: #8c8c8e;
}
.brand_body #colors .light-anchovy {
    background-color: #e9e9e9;
}
.brand_body #colors .fondant {
    background-color: #eeedea;
}
.brand_body #colors .peel {
    background-color: #f9603d;
}
.brand_body #colors .peach {
    background-color: #f99885;
}
.brand_body #colors .apricot {
    background-color: #f6c774;
}
.brand_body #colors .custard {
    background-color: #fcef54;
}
.brand_body #colors .cream {
    background-color: #f8edcd;
}
.brand_body #colors .white {
    background-color: #fff;
    border: 1px solid #0e2033;
}
.brand_body #colors .black {
    background-color: #000;
}
.brand_body #colors .fig {
    background-color: #2f48b0;
}
.brand_body #colors .honeydew {
    background-color: #afeedf;
}
.brand_body #colors .elderberry {
    background-color: #50cdf9;
}
.brand_body #colors .latte {
    background-color: #b5a9a1;
}
.brand_body #colors .marble {
    background-color: #dff4f4;
}
.brand_body #colors .grapefruit {
    background-color: #fcd1c8;
}
.brand_body #colors .pistachio {
    background-color: #50af5a;
}
.brand_body #colors .matcha {
    background-color: #05c489;
}
div.footer .container .row {
    display: flex;
    justify-content: center;
}
div.footer .footer_contact span.contactDetails {
    color: #0e2033;
}
div.footer__group h2,
div.footer__group.left.copyright {
    color: #0e2033;
}
div.footer__group ul li a {
    color: #0e2033;
}
div.footer__group.left.logo a {
    background: url(/wp-content/themes/ChowNow-WebSite/dist/images/svg/logo-horizontal.svg) no-repeat;
    background-color: #fff;
}
div.footer .footer-callout {
    color: #0e2033;
}
div.footer .footer_contact span.contactDetails a {
    color: #0e2033;
}
div.footer__group ol li a:hover {
    background-color: #fd7e84;
    border-color: #fd7e84;
}
div.footer__group ul.address,
div.footer__group ul.menu li a {
    font-weight: 400;
}
div.footer__group ol li a svg path {
    fill: #0e2033;
}
@media (min-width: 1024px) {
    div.header__menu.brand_header ul {
        display: block;
    }
    div.brand div.content-left {
        float: left;
        margin: 0 0 0 4.34783%;
        text-align: left;
        width: 43.47826%;
    }
    div.brand div.content-right {
        display: block;
        float: right;
        margin: 0 4.34783% 0 0;
        width: 43.47826%;
    }
    div.brand div.content-center {
        margin: 0 4.34783%;
        text-align: center;
        width: 91.30435%;
    }
    div.brand div.content-center.aboveVisual {
        padding-bottom: 80px;
    }
    div.brand div.content-center.visual {
        padding-top: 80px;
    }
    div.brand ol {
        margin-bottom: 0;
    }
    div.brand dl.dyk {
        border-left: 2px solid #e9e9e9;
        display: block;
        margin-bottom: 0;
        margin-top: 15px;
        padding-left: 30px;
        text-align: left;
        width: 65%;
    }
    #img-logoUsage {
        width: 80%;
    }
    #img-pinUsage {
        margin-top: 100px;
        width: 80%;
    }
    #img-suppElements {
        margin-top: 20px;
    }
}
@media (max-width: 1023px) {
    div.footer__group.left.logo a {
        background: url(../images/svg/logo-mark-goji.svg) no-repeat;
        display: inline-block;
        height: 38px;
        margin: 0 auto;
        text-indent: -9000px;
        width: 32px;
    }
}
@media (min-width: 768px) {
    div.brand div.content-center.downloads div {
        margin-bottom: 56px;
        width: 50%;
    }
    div.brand div.content-center.downloads div.full {
        margin-bottom: 56px;
        width: 100%;
    }
    div.brand div.content-center.downloads div.full a {
        margin: 0 4.347825% 0 4.347825%;
        width: 91.30425%;
    }
    div.brand div.content-center.downloads div.full img {
        margin-left: auto;
        margin-right: auto;
        max-width: 50%;
    }
    div.brand div.content-center.downloads div.brand-download-center {
        float: none;
        margin: 0 auto;
        width: 50%;
    }
    div.brand div.content-center.downloads div a p {
        margin-bottom: 26px;
    }
}
@media (max-width: 950px) {
    .color-wrapper {
        flex-grow: 1;
        flex-shrink: 0;
        flex-wrap: wrap;
    }
    .logo-colors .color-block,
    .primary-colors .color-block,
    .seasonal .color-block,
    .secondary-colors .color-block {
        width: 100%;
    }
}
.brand_banner .internal-password-wrapper form p {
    margin-bottom: 20px;
}
.brand_banner .internal-password-wrapper input[name="post_password"] {
    font-size: 16px;
    margin: 10px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: #8894a3;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 20px;
    height: 50px;
}
.brand_banner .internal-password-wrapper input[name="post_password"]:focus,
.brand_banner .internal-password-wrapper input[name="post_password"]:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
.brand_banner .internal-password-wrapper input[type="submit"] {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 600;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    background: #fd4f57;
    border-color: #fd4f57;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 0;
    padding: 0 15px;
}
.brand_banner .internal-password-wrapper input[type="submit"]:hover {
    background: #fd4f57;
    border-color: #fd4f57;
}
.brand_banner .internal-password-wrapper input[type="submit"]:active {
    opacity: 0.7;
}
.sgpb-theme-1-content {
    border-bottom: none;
}
.popup-builder-wrap {
    background-color: #fff;
    display: flex;
    height: 400px;
    width: 650px;
}
.popup-builder-leftcontent {
    padding: 40px;
    width: 45%;
}
.popup-builder-rightcontent {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: 50%;
}
.popup-builder-header {
    color: #0e2033;
    font-size: 30px;
    line-height: 38px;
}
.popup-builder-header:after {
    border-bottom: 2px solid #fd4f57;
    bottom: -23px;
    content: "";
    left: 0;
    position: absolute;
    width: 30px;
}
.popup-builder-content {
    color: #0e2033;
    font-size: 17px;
    line-height: 24px;
    margin-top: 48px;
}
.popup-builder-image {
    height: 100%;
    min-height: 100%;
}
.popup-builder-cta {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 26px;
    padding: 12px 30px;
    transition: all 0.2s ease-in-out;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.popup-builder-cta:hover {
    background-color: #1a3b5f;
}
.popup-builder-cta:focus {
    outline: 2px solid #fd4f57;
}
.popup-builder-cta:hover {
    color: #fff;
}
@media (max-width: 768px) {
    .popup-builder-wrap {
        flex-flow: column;
        height: auto;
        width: 100%;
    }
    .popup-builder-leftcontent {
        padding: 10%;
        text-align: center;
        width: 80%;
    }
    .popup-builder-rightcontent {
        height: 250px;
        line-height: 250px;
        overflow: hidden;
        width: 100%;
    }
    .popup-builder-image {
        height: auto;
        max-width: 100%;
    }
    .popup-builder-header:after {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
    }
}
.cc-modal {
    height: auto;
    max-width: 650px;
    width: auto;
}
.cc-modal .cc-inner {
    padding: 1em;
}
@media only screen and (min-width: 667px) {
    .cc-modal .cc-inner {
        display: flex;
    }
}
.cc-modal .column {
    padding: 2em 1.3em;
    height: auto;
    width: auto;
}
@media only screen and (min-width: 667px) {
    .cc-modal .column {
        width: 40%;
        padding: 4em 1.3em;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        min-height: 222px;
    }
}
.cc-modal .popup-builder-leftcontent {
    position: relative;
    height: auto;
}
.cc-modal .popup-builder-leftcontent:after {
    content: "";
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #0e2033;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media only screen and (min-width: 667px) {
    .cc-modal .popup-builder-leftcontent:after {
        bottom: auto;
        top: 0;
        border-bottom: none;
        border-right: 1px solid #0e2033;
        width: 1px;
        height: 100%;
        right: -14px;
    }
}
.cc-modal .popup-builder-rightcontent {
    flex-wrap: wrap;
    margin-left: auto;
    align-items: start;
    width: auto;
    line-height: inherit;
    height: auto;
    display: block;
}
@media only screen and (min-width: 667px) {
    .cc-modal .popup-builder-rightcontent {
        justify-content: left;
        width: 40%;
        padding-right: 10px;
    }
}
.cc-modal .popup-builder-rightcontent .popup-builder-cta {
    padding: 18px 33px;
    display: block;
    font-weight: 600;
    align-self: self-end;
    cursor: pointer;
    margin: 26px auto 0;
}
@media only screen and (min-width: 667px) {
    .cc-modal .popup-builder-rightcontent .popup-builder-cta {
        margin: 26px 0 0;
    }
}
#membership-landing-page .wrapper {
    margin: 0 2%;
}
#membership-landing-page .hero {
    background: url(../images/assets/membership/hero.jpg) no-repeat top;
    background-size: cover;
    min-height: 480px;
    padding-top: 22px;
}
#membership-landing-page .header-logo-image {
    width: 115px;
}
#membership-landing-page .hero-content {
    margin-top: 80px;
    max-width: 546px;
    width: 100%;
}
#membership-landing-page .hero-headline {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    margin-top: 50px;
    font-weight: 700;
}
#membership-landing-page .hero-p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0 30px;
    max-width: 480px;
    width: 100%;
}
#membership-landing-page .cta {
    background-color: #fd4f57;
    border-radius: 28px;
    color: #fff;
    font-size: 16px;
    padding: 20px 40px;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
}
#membership-landing-page .cta:hover {
    background-color: #fd7e84;
    cursor: pointer;
}
#membership-landing-page .how-it-works {
    background-color: #fff;
    padding: 88px 0;
}
#membership-landing-page .section-heading {
    color: #0e2033;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}
#membership-landing-page .section-p {
    color: #333335;
    font-size: 16px;
    margin-top: 16px;
}
#membership-landing-page .steps {
    counter-reset: steps;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    margin-top: 30px;
    padding: 0 1%;
}
#membership-landing-page .step {
    counter-increment: steps;
    display: flex;
    margin: 2% 12% 2% 0;
    width: 38%;
}
#membership-landing-page .step:before {
    color: #fd4f57;
    content: counter(steps);
    font-size: 40px;
    line-height: 0.3;
    margin-right: 20px;
    font-weight: 700;
}
#membership-landing-page .step-heading {
    font-weight: 700;
    font-size: 16px;
}
#membership-landing-page .step-p {
    color: #333335;
    font-size: 14px;
    line-height: 22px;
    margin-top: 2px;
}
#membership-landing-page .step-p .extrabold {
    font-weight: 700;
}
#membership-landing-page .plans {
    background-color: #f7f7fa;
}
#membership-landing-page .plans .container {
    background: url(../images/assets/membership/bubbles.png) no-repeat bottom -50px right;
    background-size: 36%;
}
#membership-landing-page .plans .wrapper {
    display: flex;
    flex-direction: row;
    min-height: 500px;
}
#membership-landing-page .plans-left {
    align-self: center;
    margin-right: 20%;
    width: 40%;
}
#membership-landing-page .plans-left .section-p {
    margin-bottom: 30px;
}
#membership-landing-page .plans-right {
    align-self: center;
    width: 44%;
}
#membership-landing-page .plans-list-item {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    padding: 20px 30px;
    width: 86%;
}
#membership-landing-page .plans-list-item:nth-child(odd) {
    margin-left: -15%;
}
#membership-landing-page .list-item-left,
#membership-landing-page .list-item-right {
    align-self: center;
}
#membership-landing-page .list-item-heading {
    font-weight: 700;
    font-size: 18px;
}
#membership-landing-page .list-item-desc {
    color: #333335;
    font-size: 14px;
    line-height: 18px;
}
#membership-landing-page .percent {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}
#membership-landing-page .percent-p {
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
}
#membership-landing-page .membership-footer {
    background: #fff;
    padding: 44px 0;
}
#membership-landing-page .membership-footer .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#membership-landing-page .footer-link {
    display: inline-block;
    margin: 0 20px;
}
#membership-landing-page .footer-link:last-child {
    margin-right: 0;
}
#membership-landing-page .footer-link a {
    font-weight: 700;
    color: #333335;
    font-size: 14px;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}
#membership-landing-page .footer-link a:hover {
    color: #8c8c8e;
}
#membership-landing-page .footer-logo {
    height: 31px;
    width: 132px;
}
@media (max-width: 1200px) {
    #membership-landing-page .wrapper {
        margin: 0 7%;
    }
    #membership-landing-page .plans-wrapper {
        min-height: 530px;
    }
}
@media (max-width: 768px) {
    #membership-landing-page .hero {
        background: url(../images/assets/membership/temp-mobile.jpg) no-repeat top;
        background-color: #000;
        background-size: 100%;
        padding-top: 22px;
    }
    #membership-landing-page .hero-content {
        margin-top: 420px;
        padding-bottom: 50px;
    }
    #membership-landing-page .how-it-works {
        padding: 66px 0 40px;
    }
    #membership-landing-page .steps {
        flex-flow: column;
    }
    #membership-landing-page .step {
        margin: 4% 0;
        width: 100%;
    }
    #membership-landing-page .plans .container {
        background-size: 45%;
    }
    #membership-landing-page .plans .wrapper {
        flex-direction: column;
    }
    #membership-landing-page .plans-left {
        align-self: none;
        margin: 70px 0 0 0;
        width: 100%;
    }
    #membership-landing-page .plans-right {
        margin: 30px 0;
        width: 100%;
    }
    #membership-landing-page .plans-list-item {
        width: 75%;
    }
    #membership-landing-page .plans-list-item:nth-child(odd) {
        margin-left: 0;
    }
    #membership-landing-page .plans-list-item:nth-child(even) {
        margin-left: 10%;
    }
    #membership-landing-page .membership-footer .wrapper {
        flex-direction: column;
        justify-content: none;
    }
    #membership-landing-page .footer-links {
        text-align: center;
    }
    #membership-landing-page .footer-link {
        display: block;
        margin: 0;
    }
    #membership-landing-page .footer-logo {
        margin: 0 auto 40px;
    }
}
@media (max-width: 590px) {
    #membership-landing-page .hero-content {
        margin-top: 350px;
    }
    #membership-landing-page .hero-headline {
        font-size: 32px;
        line-height: 40px;
    }
    #membership-landing-page .plans .container {
        background-size: 60%;
    }
    #membership-landing-page .plans-list-item {
        margin: 15px 0;
        padding: 15px 30px;
    }
}
@media (max-width: 400px) {
    #membership-landing-page .hero-content {
        margin-top: 200px;
    }
    #membership-landing-page .plans .container {
        background-size: 80%;
    }
}
#membership-program-page .wrapper {
    margin: 0 2%;
}
#membership-program-page .hero {
    background: url(../images/assets/membership-program/hero.jpg) no-repeat center;
    background-size: cover;
    min-height: 670px;
    padding-top: 22px;
}
#membership-program-page .hero-content {
    margin-top: 150px;
    max-width: 650px;
    width: 100%;
}
#membership-program-page .hero-headline {
    color: #fff;
    font-size: 44px;
    line-height: 50px;
}
#membership-program-page .hero-p {
    color: #fff;
    font-size: 18px;
    margin-top: 16px;
    max-width: 570px;
}
#membership-program-page .cta {
    margin-top: 24px;
    padding: 0 26px;
}
#membership-program-page .intro {
    background: url(../images/assets/membership-program/intro-bg-crop-2.png) no-repeat bottom 0 left;
    background-color: #e9e9e9;
    background-size: 1200px;
    min-height: 450px;
}
#membership-program-page .intro .wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 450px;
}
#membership-program-page .intro-paragraph {
    align-self: center;
    font-size: 20px;
    height: 50%;
    max-width: 450px;
}
#membership-program-page .how-it-works {
    background-color: #fff;
    padding: 80px 0;
}
#membership-program-page .section-heading {
    color: #0e2033;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}
#membership-program-page .steps {
    counter-reset: steps;
    display: flex;
    list-style: none;
}
#membership-program-page .step {
    counter-increment: steps;
    display: flex;
    margin: 40px 4% 0 7%;
    width: 100%;
}
#membership-program-page .step:before {
    color: #fd4f57;
    content: counter(steps);
    font-size: 50px;
    margin: 22px 14px 0 0;
}
#membership-program-page .step:first-child {
    margin-left: 0;
}
#membership-program-page .step:last-child {
    margin-right: 0;
}
#membership-program-page .step-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 0 20px 0;
}
#membership-program-page .step-image {
    margin: 20px 0;
}
#membership-program-page .step-p {
    font-size: 20px;
    line-height: 22px;
    margin-top: 2px;
}
#membership-program-page .form {
    background-color: #e9e9e9;
    padding: 100px 0;
    text-align: center;
}
#membership-program-page .form-heading-section {
    margin: 0 auto;
    max-width: 530px;
}
#membership-program-page .form-heading {
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 16px;
}
#membership-program-page .form-p {
    font-size: 18px;
    margin-bottom: 20px;
}
#membership-program-page .membership-form {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1900px) {
    #membership-program-page .intro {
        background-position-x: -200px;
    }
}
@media (max-width: 1450px) {
    #membership-program-page .intro {
        background-position-x: -300px;
    }
}
@media (max-width: 1200px) {
    #membership-program-page .wrapper {
        margin: 0 7%;
    }
    #membership-program-page .hero-content {
        max-width: 500px;
    }
    #membership-program-page .intro {
        background-position-x: -310px;
        background-size: 125%;
    }
    #membership-program-page .intro .wrapper {
        display: block;
        min-height: 660px;
        padding-top: 60px;
    }
    #membership-program-page .intro-paragraph {
        margin: 0 auto;
        max-width: 70%;
        text-align: center;
    }
}
@media (max-width: 1100px) {
    #membership-program-page .intro {
        background: url(../images/assets/membership-program/intro-bg-mobile.png) no-repeat bottom 0 left;
        background-color: #e9e9e9;
        background-position-x: 0;
        background-size: 100%;
    }
    #membership-program-page .step {
        margin: 40px 2% 0 2%;
    }
}
@media (max-width: 900px) {
    #membership-program-page .step {
        margin: 40px 8% 0;
        width: 20%;
    }
    #membership-program-page .intro {
        background-size: 90%;
    }
    #membership-program-page .intro .wrapper {
        display: block;
        min-height: 450px;
        padding-top: 60px;
    }
    #membership-program-page .intro-paragraph {
        max-width: 90%;
    }
}
@media (max-width: 768px) {
    #membership-program-page .hero {
        background: url(../images/assets/membership-program/mobile-bg.jpg) no-repeat top;
        background-color: #fff;
        background-position-y: -60px;
        background-size: 100%;
        padding-top: 22px;
    }
    #membership-program-page .hero .container {
        background-color: #fff;
    }
    #membership-program-page .hero-content {
        margin: 340px auto 0;
        padding: 40px 0 50px 0;
        text-align: center;
    }
    #membership-program-page .hero-headline {
        color: #0e2033;
        font-size: 37px;
        line-height: 42px;
    }
    #membership-program-page .hero-p {
        color: #0e2033;
    }
    #membership-program-page .intro {
        background-size: 100%;
    }
    #membership-program-page .intro-paragraph {
        max-width: 100%;
    }
    #membership-program-page .how-it-works {
        padding: 66px 0 40px;
    }
    #membership-program-page .steps {
        flex-flow: column;
    }
    #membership-program-page .step {
        margin: 4% 0;
        width: 100%;
    }
    #membership-program-page .step:before {
        font-size: 31px;
        font-weight: 400;
        line-height: 39px;
        margin: 0 14px 0 0;
    }
}
@media (max-width: 670px) {
    #membership-program-page .hero {
        background-position-y: 0;
    }
}
@media (max-width: 560px) {
    #membership-program-page .hero-content {
        margin-top: 300px;
    }
}
@media (max-width: 450px) {
    #membership-program-page .hero-content {
        margin-top: 200px;
    }
}
body.loyal-local .header .header__menu ul li.demo a {
    background: #fd4f57;
    color: #fff;
}
body.loyal-local .header .header__menu ul li.demo a:hover {
    background: #fd7e84;
}
.loyal-local-hero {
    overflow: hidden;
    background-color: #d6eee3;
    height: 790px;
    width: 100vw;
    position: relative;
}
@media only screen and (min-width: 768px) {
    .loyal-local-hero {
        height: 932px;
    }
}
.loyal-local-hero-content {
    padding: 0 1em;
}
.container-new-hero {
    align-items: center;
    display: block;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
}
.loyal-local-hero-note {
    text-align: center;
    padding-top: 93px;
    font-size: 0.95rem;
    font-weight: 500;
}
@media only screen and (min-width: 768px) {
    .loyal-local-hero-note {
        padding-top: 143px;
        font-size: 1.17em;
    }
}
@media only screen and (min-width: 1024px) {
    .loyal-local-hero-note {
        padding-top: 173px;
    }
}
.loyal-local-hero-headline {
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    margin-top: 12px;
    line-height: 1;
}
@media only screen and (min-width: 768px) {
    .loyal-local-hero-headline {
        margin-top: 36px;
        font-size: 2rem;
        line-height: 0.6;
    }
}
@media only screen and (min-width: 1024px) {
    .loyal-local-hero-headline {
        font-size: 2.8rem;
    }
}
@media only screen and (min-width: 1050px) {
    .loyal-local-hero-headline {
        font-size: 3rem;
    }
}
.loyal-local-hero-subhead {
    margin: 30px auto 0;
    text-align: center;
    width: 100%;
    font-size: 1rem;
    max-width: 640px;
    line-height: 1.65;
}
@media only screen and (min-width: 768px) {
    .loyal-local-hero-subhead {
        font-size: 1.13rem;
    }
}
.loyal-local-hero-subhead strong {
    font-weight: 600;
}
.loyal-local-hero-cta-container {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    text-align: center;
}
.loyal-local-hero-cta-arrow {
    display: inline-block;
    margin-left: 10px;
}
.button-cta {
    margin-top: 20px;
}
.button-scroll-down {
    align-self: center;
    color: #000;
    margin: 0;
    transition: all 0.25s ease-in-out;
    font-weight: 700;
}
@media only screen and (min-width: 700px) {
    .button-scroll-down {
        margin: 28px 40px 0;
    }
}
.button-scroll-down::after {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 15px;
    position: relative;
    top: -3px;
    transform: rotate(135deg);
    transition: all 0.25s ease-in-out;
    width: 12px;
}
.button-scroll-down:hover::after {
    border-right: 2px solid #0e2033;
    border-top: 2px solid #0e2033;
}
.hero-image-content {
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
}
@media only screen and (min-width: 690px) {
    .hero-image-content {
        position: relative;
    }
}
@media only screen and (min-width: 767px) {
    .hero-image-content {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1024px) {
    .hero-image-content {
        margin-top: 0;
    }
}
.hero-image-content .people-animation {
    width: 100%;
    margin: 0 auto;
    z-index: 100;
    position: relative;
}
.hero-image-content .business-animation {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 740px;
}
.loyal-local-section {
    background: #fff;
}
.loyal-local-section .container-new {
    display: flex;
    padding: 5.4em 0 0;
    max-width: 1079px;
    align-items: center;
    flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
    .loyal-local-section .container-new {
        flex-wrap: nowrap;
    }
}
.loyal-local-section .content-wrapper {
    align-self: center;
    padding-top: 2em;
    width: 100%;
}
.loyal-local-section .content-wrapper h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
    .loyal-local-section .content-wrapper h2 {
        font-size: 2.5rem;
    }
}
.loyal-local-section .content-wrapper p {
    line-height: 1.6;
}
@media only screen and (min-width: 992px) {
    .loyal-local-section .content-wrapper p {
        max-width: 540px;
    }
}
.loyal-local-meet .image-wrapper {
    padding: 0 41px;
    position: relative;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) {
    .loyal-local-meet .image-wrapper {
        padding: 0 92px;
    }
}
.loyal-local-meet .image-wrapper img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.loyal-local-meet .image-wrapper .meet-phone {
    transition: all 1.8s ease;
    filter: drop-shadow(0 0 0 #dcdcdc);
    width: 180px;
    z-index: 10;
    position: relative;
}
@media only screen and (min-width: 992px) {
    .loyal-local-meet .image-wrapper .meet-phone {
        width: 233px;
    }
}
@media only screen and (min-width: 1200px) {
    .loyal-local-meet .image-wrapper .meet-phone {
        width: auto;
        filter: drop-shadow(0 0 0 #dcdcdc);
    }
}
.loyal-local-meet .image-wrapper .meet-phone.animated {
    transform: scale(1.1, 1.1);
    filter: drop-shadow(10px 24px 7px #dcdcdc);
}
@media only screen and (min-width: 1200px) {
    .loyal-local-meet .image-wrapper .meet-phone.animated {
        filter: drop-shadow(33px 54px 11px #dcdcdc);
    }
}
.loyal-local-meet .image-wrapper .meet-plant {
    position: absolute;
    left: -37px;
    bottom: 34px;
    width: 193px;
}
@media only screen and (min-width: 992px) {
    .loyal-local-meet .image-wrapper .meet-plant {
        width: 223px;
        left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .loyal-local-meet .image-wrapper .meet-plant {
        width: auto;
        left: -37px;
    }
}
.loyal-local-benefits {
    background: #fff;
}
.loyal-local-benefits .section-title {
    font-size: 2rem;
    text-align: center;
    font-weight: 500;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.3;
    margin-top: -8px;
    letter-spacing: 0.02em;
    margin-bottom: 1.6em;
    padding-top: 4.5em;
}
@media only screen and (min-width: 768px) {
    .loyal-local-benefits .section-title {
        font-size: 2.4rem;
    }
}
.loyal-local-benefits .container-new {
    max-width: 1100px;
}
@media only screen and (min-width: 992px) {
    .loyal-local-benefits .container-new {
        display: flex;
        justify-content: space-evenly;
    }
}
.loyal-local-benefits .benefit-box {
    background: #fd4f57;
    padding: 1.8em 2em 3em;
    border-radius: 26px;
    margin: 16px;
}
.loyal-local-benefits .benefit-box:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
    .loyal-local-benefits .benefit-box:last-child {
        margin-bottom: 16px;
    }
}
.loyal-local-benefits .benefit-icon {
    text-align: center;
    padding: 40px 0;
}
.loyal-local-benefits .benefit-icon img {
    margin: 0 auto;
}
.loyal-local-benefits .benefit-title {
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 14px;
}
.loyal-local-benefits .benefit-info {
    color: #fff;
    line-height: 1.6;
}
.loyal-local-tools {
    background: #fff;
}
.loyal-local-tools .container-new {
    max-width: 1045px;
}
.loyal-local-tools .content-wrapper {
    order: 2;
}
@media only screen and (min-width: 992px) {
    .loyal-local-tools .content-wrapper {
        order: 1;
    }
}
.loyal-local-tools .content-wrapper h2 {
    margin-bottom: 34px;
}
.loyal-local-tools .image-wrapper {
    order: 1;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) {
    .loyal-local-tools .image-wrapper {
        margin-left: 4px;
        padding-left: 50px;
        order: 2;
    }
}
.loyal-local-tools .image-wrapper img {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .loyal-local-tools .image-wrapper img {
        width: auto;
    }
}
.loyal-local-testimonials {
    background: #fff;
    padding-bottom: 5.7em;
}
.loyal-local-testimonials .section-title {
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin-bottom: 1em;
    padding-top: 2.8em;
}
@media only screen and (min-width: 768px) {
    .loyal-local-testimonials .section-title {
        font-size: 2.4rem;
    }
}
.loyal-local-testimonials .container-new {
    max-width: 1067px;
}
@media only screen and (min-width: 992px) {
    .loyal-local-testimonials .container-new {
        display: flex;
        justify-content: space-evenly;
    }
}
.loyal-local-testimonials .benefit-box {
    background: #fff;
    padding: 1.8em 2em 3em;
    border-radius: 26px;
    margin: 16px;
    border: 1px solid #efeff1;
    box-shadow: 0 0 21px #efeff1;
}
@media only screen and (min-width: 992px) {
    .loyal-local-testimonials .benefit-box {
        width: 33%;
    }
}
.loyal-local-testimonials .benefit-icon {
    display: table-cell;
    vertical-align: middle;
    height: 154px;
    text-align: center;
}
.loyal-local-testimonials .benefit-icon img {
    margin: 0 auto;
}
.loyal-local-testimonials .benefit-info {
    display: table-row;
    font-size: 1.13rem;
    line-height: 1.65;
}
.loyal-local-testimonials .author {
    font-weight: 700;
    margin-left: 7px;
    margin-top: 25px;
    line-height: 1.2;
}
.loyal-local-request {
    background: #d6eee3;
    padding: 80px 0 50px;
}
.loyal-local-request-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1180px;
    min-height: 1px;
    padding-bottom: 60px;
    text-align: center;
    width: 100%;
}
.loyal-local-request-left {
    margin: 0 auto;
    min-height: 1px;
    text-align: left;
    width: 80%;
}
.loyal-local-request-container-content {
    margin: 0 auto 20px;
    max-width: 600px;
    width: 100%;
}
.loyal-local-request-container-content h2 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px;
    font-weight: 700;
}
.loyal-local-request-right {
    min-height: 1px;
}
.loyal-local-request-right img {
    flex: none;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 400px;
    min-height: 1px;
    width: 100%;
}
@media (min-width: 768px) {
    .loyal-local-request-left {
        margin: 0 auto;
        min-height: 0;
        text-align: left;
        width: 50%;
    }
    .loyal-local-request-container-content h2 {
        font-size: 40px;
        line-height: 49px;
    }
}
@media (min-width: 992px) {
    .loyal-local-request-container {
        background: 0 0;
        flex-direction: row;
        justify-content: center;
        padding: 80px 0;
    }
    .loyal-local-request-left {
        min-height: 600px;
        padding: 0 8% 0 5%;
        text-align: left;
    }
    .loyal-local-request-right img {
        margin-top: 80px;
        max-width: 750px;
        padding-right: 5%;
        width: 95%;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .loyal-local-request-right {
        flex-shrink: 0;
    }
    .loyal-local-request-right img {
        width: auto;
    }
}
.page-cn-prod-cat .site-header {
    top: 0;
}
.page-cn-prod-cat .site-header.nav-up {
    top: -57px;
}
@media only screen and (min-width: 992px) {
    .page-cn-prod-cat .site-header.nav-up {
        top: -101px;
    }
}
.page-cn-prod-cat .white-line {
    border-bottom: none;
}
@media only screen and (min-width: 992px) {
    .page-cn-prod-cat .white-line {
        border-bottom: 1px solid rgba(218, 218, 218, 0.3);
    }
}
.page-cn-prod-cat .demo-request-section {
    margin: 55px 0 0;
}
@media only screen and (min-width: 767px) {
    .page-cn-prod-cat .demo-request-section {
        margin: 140px 0 0;
    }
}
.product-cat-hero {
    background-color: #0e2033;
    z-index: 100;
    width: 100%;
}
.product-cat-hero .hero-content {
    text-align: center;
    color: #fff;
    padding: 35px 20px 125px;
    position: relative;
}
@media only screen and (min-width: 767px) {
    .product-cat-hero .hero-content {
        padding: 81px 20px 130px;
    }
}
.product-cat-hero .hero-headline {
    font-size: 20px;
    line-height: 24px;
}
@media only screen and (min-width: 1024px) {
    .product-cat-hero .hero-headline {
        font-size: 40px;
        line-height: 44px;
    }
}
.product-cat-hero .hero-subhead {
    font-size: 20px;
    line-height: 24px;
    max-width: 710px;
    margin: 0 auto;
    padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
    .product-cat-hero .hero-subhead {
        font-size: 40px;
        line-height: 44px;
    }
}
.product-cat-hero .anchors {
    display: flex;
    z-index: 100;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #0e2033;
    transition: 0.5s ease-in-out;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.product-cat-hero .anchors.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: inherit;
}
.product-cat-hero .anchors.sticky.down {
    top: 57px;
}
@media only screen and (min-width: 992px) {
    .product-cat-hero .anchors.sticky.down {
        top: 100px;
    }
}
.product-cat-hero .anchors__scroll ul {
    padding: 15px 0;
}
.product-cat-hero .anchors__scroll ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 6px 29px;
    display: inline-block;
}
.product-cat-hero .anchors__scroll ul li:last-child {
    border-right: none;
}
.product-cat-hero .anchors__scroll ul li.selected a {
    color: #fff;
}
.product-cat-hero .anchors__scroll ul li a {
    color: #fff;
}
.product-cat-hero .anchors__scroll ul li a:hover {
    color: #fff;
}
.product-category-page {
    background-color: #eeedea;
}
.product-cat-section {
    padding: 0 28px;
}
.prod-cat-block {
    max-width: 1068px;
    margin: 0 auto;
    padding: 49px 3px 50px;
    border-bottom: 1px solid #979797;
}
@media only screen and (min-width: 767px) {
    .prod-cat-block {
        padding: 49px 33px 80px;
    }
}
@media only screen and (min-width: 1024px) {
    .prod-cat-block {
        padding: 104px 110px 110px;
    }
}
.prod-cat-block:last-child {
    border-bottom: none;
}
.prod-cat-header {
    display: flex;
}
.prod-cat-header .prod-cat-headline {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
    color: #0e2033;
    max-width: 420px;
    font-weight: 500;
}
@media only screen and (min-width: 1024px) {
    .prod-cat-header .prod-cat-headline {
        font-size: 65px;
        line-height: 60px;
    }
}
.prod-cat-header .prod-cat-count {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    margin-left: auto;
    margin-top: 10px;
    letter-spacing: 0.01em;
    margin-right: 2px;
}
.prod-cat-header .prod-cat-count span {
    display: none;
}
@media only screen and (min-width: 767px) {
    .prod-cat-header .prod-cat-count span {
        display: inline-block;
    }
}
.prod-cat-wrap {
    margin-top: 28px;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-cat-image {
        max-width: 50%;
    }
}
.prod-cat-wrap .prod-image {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-cat-content {
        max-width: 43.3%;
        margin-left: auto;
    }
}
.prod-cat-wrap .prod-cat-title {
    color: #0e2033;
    font-size: 30px;
    line-height: 33px;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-cat-title {
        font-size: 32px;
        line-height: 35px;
    }
}
.prod-cat-wrap .prod-cat-info {
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-cat-info {
        margin-top: 38px;
    }
}
.prod-cat-wrap .prod-cat-info li {
    color: #0e2033;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 22px;
    list-style-type: disc;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-cat-info li {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 28px;
    }
}
.prod-cat-wrap .prod-cat-info a {
    color: #0e2033;
    border-bottom: 1px solid #0e2033;
}
.prod-cat-wrap .prod-custom-content {
    margin-top: 10px;
    text-align: center;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-custom-content {
        text-align: left;
    }
}
.prod-cat-wrap .app-link {
    margin-top: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 160px;
}
.prod-cat-wrap .app-link:focus-visible {
    outline: 2px solid #fd4f57;
}
.prod-cat-wrap .app-link img {
    width: 100%;
    height: auto;
}
.prod-cat-wrap .app-link br {
    display: none;
}
.prod-cat-wrap .prod-button-wrap {
    text-align: center;
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .prod-cat-wrap .prod-button-wrap {
        margin-top: 80px;
        text-align: left;
    }
}
.prod-cat-wrap .prod-cat-button {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    padding: 15px 54px;
    display: inline-block;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.prod-cat-wrap .prod-cat-button:hover {
    background-color: #1a3b5f;
}
.prod-cat-wrap .prod-cat-button:focus {
    outline: 2px solid #fd4f57;
}
.prod-cat-bot {
    text-align: center;
    margin-top: 96px;
}
@media only screen and (min-width: 767px) {
    .prod-cat-bot {
        margin-top: 34px;
    }
}
.prod-cat-bot .down-arrow {
    margin: 0 auto;
}
.prod-cat-bot .prod-cat-stats {
    font-size: 20px;
    margin: 15px auto;
    line-height: 26px;
    font-weight: 500;
}
.prod-cat-bot .prod-cat-stats br {
    display: none;
}
@media only screen and (min-width: 767px) {
    .prod-cat-bot .prod-cat-stats {
        font-size: 31px;
        margin: 36px auto;
        line-height: 35px;
        font-weight: 400;
    }
    .prod-cat-bot .prod-cat-stats br {
        display: block;
    }
}
.prod-cat-bot .prod-request-demo-link {
    background-color: #0e2033;
    color: #fff;
    padding: 12px 56px;
    display: inline-block;
    font-size: 16px;
    border-radius: 30px;
    margin-top: 18px;
}
.prod-cat-bot .prod-request-demo-link:focus-visible {
    outline: 2px solid #fd4f57;
}
.prod-cat-bot .prod-request-demo-link:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 767px) {
    .prod-cat-bot .prod-request-demo-link {
        margin-top: 0;
    }
}
.product-cat-resources .resources-wrapper {
    max-width: 1068px;
    margin: 0 auto;
    padding: 20px 30px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resources-wrapper {
        padding: 20px 20px;
    }
}
.product-cat-resources .resource-header {
    font-size: 30px;
    margin-bottom: 19px;
    margin-left: 20px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resource-header {
        margin-left: 0;
        font-size: 32px;
        margin-bottom: 32px;
    }
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resources-content-wrap {
        display: flex;
    }
}
.product-cat-resources .resources-content-column {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resources-content-column {
        max-width: 49.5%;
    }
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resources-content-column.second {
        margin-left: 12px;
    }
}
.product-cat-resources .resource-block {
    background: #fff;
    border-radius: 5px;
    padding: 21px 24px;
    margin-bottom: 8px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resource-block {
        padding: 39px 50px;
        margin-bottom: 12px;
    }
}
.product-cat-resources .resource-title {
    font-size: 16px;
    line-height: 24px;
    color: #2f48b0;
    font-weight: 500;
    margin-bottom: 27px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .resource-title {
        margin-bottom: 47px;
        font-size: 20px;
    }
}
.product-cat-resources .download-block {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .download-block {
        margin-bottom: 27px;
    }
}
.product-cat-resources .download-title {
    font-size: 16px;
    max-width: 370px;
    line-height: 22px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .download-title {
        font-size: 20px;
        line-height: 28px;
    }
}
.product-cat-resources .download-link {
    margin-left: auto;
}
.product-cat-resources .download-link:focus-visible {
    outline: 2px solid #fd4f57;
}
.product-cat-resources .external-link {
    text-decoration: underline;
}
.product-cat-resources .testimonial-slide {
    padding: 11px 0;
    box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .testimonial-slide {
        padding: 40px 41px;
    }
}
.product-cat-resources .testimonial-copy {
    margin-top: 12px;
    font-size: 16px;
    line-height: 23px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .testimonial-copy {
        margin-top: 22px;
        font-size: 20px;
        line-height: 28px;
    }
}
.product-cat-resources .testimonial-owner {
    margin-top: 28px;
    font-size: 15px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .testimonial-owner {
        margin-top: 32px;
    }
}
.product-cat-resources .testimonial-restaurant {
    font-size: 15px;
}
.product-cat-resources .slick-dots {
    margin-top: 18px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .slick-dots {
        margin-top: 50px;
    }
}
.product-cat-resources .slick-dots li {
    margin-right: 10px;
}
.product-cat-resources .quick-reads-block {
    padding: 30px 25px;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .quick-reads-block {
        padding: 35px 35px;
    }
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .quick-resource-title {
        padding-left: 20px;
        margin-bottom: 37px;
    }
}
.product-cat-resources .quick-read-block {
    padding: 0 0 31px;
    border-bottom: 1px solid #979797;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .quick-read-block {
        padding: 6px 25px 31px;
    }
}
.product-cat-resources .quick-read-block:last-child {
    border-bottom: none;
}
.product-cat-resources .quick-image {
    margin-bottom: 28px;
    width: 100%;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .quick-image {
        margin-bottom: 52px;
    }
}
.product-cat-resources .quick-date {
    font-size: 14px;
    margin-top: 27px;
    letter-spacing: -0.01em;
}
.product-cat-resources .quick-title {
    font-size: 16px;
    margin-top: 12px;
    margin-right: 23px;
    line-height: 25px;
    text-decoration: underline;
    font-weight: 500;
    letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) {
    .product-cat-resources .quick-title {
        font-size: 20px;
        margin-right: 33px;
        line-height: 28px;
    }
}
.product-cat-resources .quick-title a {
    color: #0e2033;
}
.dual-landing-hero {
    position: relative;
}
.dual-landing-hero:after {
    background: #fff;
    content: "";
    width: 100%;
    height: 48%;
    display: block;
    position: absolute;
    bottom: 0;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero:after {
        height: 34%;
    }
}
.dual-landing-hero .hero-content {
    margin: 0 auto;
    max-width: 250px;
    text-align: center;
    padding: 42px 20px 48px;
    position: relative;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .hero-content {
        max-width: 540px;
        padding: 90px 20px;
    }
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .hero-content {
        max-width: 800px;
        padding: 101px 20px 94px;
    }
}
.dual-landing-hero .hero-headline {
    font-size: 45px;
    display: block;
    line-height: 45px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.02em;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .hero-headline {
        font-size: 55px;
        line-height: 60px;
    }
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .hero-headline {
        font-size: 90px;
        line-height: 85px;
    }
}
.dual-landing-hero .order-better-flag {
    position: absolute;
    bottom: -43px;
    right: -12px;
    max-width: 158px;
    z-index: 100;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .order-better-flag {
        max-width: 160px;
        bottom: 15px;
        right: 99px;
    }
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .order-better-flag {
        bottom: -52px;
        right: 109px;
        max-width: initial;
    }
}
.dual-landing-hero .down-arrow {
    display: none;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .down-arrow {
        display: block;
        margin: 0 auto 30px;
    }
}
.dual-landing-hero .hero-cta-container {
    z-index: 10;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 30px;
    display: flex;
    flex-wrap: wrap;
}
.dual-landing-hero .cta-block {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .cta-block {
        margin-bottom: 0;
        max-width: 49.5%;
    }
}
.dual-landing-hero .cta-block img {
    width: 100%;
}
.dual-landing-hero .cta-block:nth-child(even) {
    margin-left: auto;
}
.dual-landing-hero .cta-block:hover .cta-button {
    background-color: #dff4f4;
}
.dual-landing-hero .cta-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 10;
}
.dual-landing-hero .cta-block-content {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 25px 22px;
}
@media only screen and (min-width: 1024px) {
    .dual-landing-hero .cta-block-content {
        padding: 61px 72px;
    }
}
.dual-landing-hero .cta-block-title {
    font-size: 20px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 12px;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .cta-block-title {
        font-size: 28px;
        line-height: 27px;
    }
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .cta-block-title {
        font-size: 40px;
        line-height: 44px;
    }
}
.dual-landing-hero .cta-block-copy {
    display: none;
}
@media only screen and (min-width: 667px) {
    .dual-landing-hero .cta-block-copy {
        display: block;
        font-size: 14px;
        letter-spacing: 0.01em;
        line-height: 18px;
        margin-bottom: 30px;
    }
    .dual-landing-hero .cta-block-copy br {
        display: none;
    }
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .cta-block-copy {
        font-size: 20px;
        line-height: 28px;
    }
}
@media only screen and (min-width: 1024px) {
    .dual-landing-hero .cta-block-copy br {
        display: block;
    }
}
.dual-landing-hero .cta-button {
    background-color: #eeedea;
    color: #0e2033;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 6px 23px;
    border-radius: 70px;
    transition: 0.1s ease-in-out;
}
@media only screen and (min-width: 992px) {
    .dual-landing-hero .cta-button {
        font-size: 16px;
        padding: 10px 33px;
    }
}
.dual-landing-video-section {
    background: #fff;
}
.dual-landing-video-section .video-section-container {
    padding: 33px 20px;
}
@media only screen and (min-width: 992px) {
    .dual-landing-video-section .video-section-container {
        padding: 40px 20px;
    }
}
.dual-landing-video-section .dual-cta-top {
    text-align: center;
    margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
    .dual-landing-video-section .dual-cta-top {
        padding-top: 42px;
    }
}
.dual-landing-video-section .section-headline {
    font-size: 40px;
    line-height: 52px;
    color: #0e2033;
}
@media only screen and (min-width: 992px) {
    .dual-landing-video-section .section-headline {
        font-size: 60px;
        line-height: 72px;
    }
}
.dual-landing-video-section .dual-cta-mid {
    margin: 0 auto;
    max-width: 1060px;
}
.dual-landing-video-section .dual-video-section {
    width: 100%;
}
.dual-landing-video-section .dual-video-bottom {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 70px;
}
@media only screen and (min-width: 992px) {
    .dual-landing-video-section .dual-video-bottom {
        padding-top: 25px;
        margin-bottom: 80px;
    }
}
.dual-landing-video-section .dual-video-subheadline {
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;
    max-width: 530px;
    margin: 0 auto;
}
@media only screen and (min-width: 992px) {
    .dual-landing-video-section .dual-video-subheadline {
        font-size: 50px;
        line-height: 55px;
    }
}
.dual-landing-video-section .dual-video-copy {
    max-width: 670px;
    margin: 28px auto;
    font-size: 20px;
    line-height: 28px;
}
.dual-landing-video-section .dual-cta-button-wrap {
    margin-top: 25px;
}
.dual-landing-video-section .dual-cta-button-wrap .cta-button {
    background-color: #0e2033;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 14px 14px;
    border-radius: 70px;
    margin: 0 10px 20px;
    min-width: 170px;
}
.dual-landing-video-section .dual-cta-button-wrap .cta-button:hover {
    background-color: #1a3b5f;
}
.dual-landing-video-section .down-arrow {
    margin: 0 auto;
}
.dual-testimonials-section {
    color: #fff;
    padding-top: 104px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section {
        padding-top: 147px;
    }
}
.dual-testimonials-section .testimonials-section-header {
    max-width: 300px;
    margin: 0 auto 55px;
    text-align: center;
    position: relative;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonials-section-header {
        max-width: 620px;
        margin: 0 auto 115px;
    }
}
@media only screen and (min-width: 1160px) {
    .dual-testimonials-section .testimonials-section-header {
        max-width: 1020px;
        margin: 0 auto 115px;
    }
}
.dual-testimonials-section .testimonials-headline {
    font-size: 44px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonials-headline {
        font-size: 70px;
        line-height: 70px;
    }
}
@media only screen and (min-width: 1160px) {
    .dual-testimonials-section .testimonials-headline {
        font-size: 90px;
        line-height: 85px;
    }
}
.dual-testimonials-section .testimonials-section-blocks-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
.dual-testimonials-section .testimonial-column-wrap {
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}
.dual-testimonials-section .testimonial-column-wrap.show {
    display: block;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.show {
        display: flex;
    }
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap .column {
        width: 50%;
    }
}
.dual-testimonials-section .testimonial-column-wrap.first {
    max-width: 1060px;
    margin: 0 auto;
}
.dual-testimonials-section .testimonial-column-wrap.first .column-right {
    margin-left: auto;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.first .column-right {
        width: 45%;
    }
}
.dual-testimonials-section .testimonial-column-wrap.second {
    max-width: 1030px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.second .column-left {
        width: 51%;
    }
}
.dual-testimonials-section .testimonial-column-wrap.second .column-right {
    margin-left: auto;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.second .column-right {
        width: 34%;
    }
}
.dual-testimonials-section .testimonial-column-wrap.fourth {
    max-width: 965px;
    margin-top: 80px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.fourth {
        margin-top: 40px;
    }
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .testimonial-column-wrap.fourth .column-left {
        width: 38%;
    }
}
.dual-testimonials-section .testimonial-column-wrap.fourth .column-right {
    margin-left: auto;
}
.dual-testimonials-section .testimonial-block {
    position: relative;
    margin: 0 auto;
    transition: ease;
}
@media only screen and (max-width: 767px) {
    .dual-testimonials-section .testimonial-block {
        transform: translateY(0) !important;
    }
}
.dual-testimonials-section .testimonial-image,
.dual-testimonials-section .video-image {
    width: 100%;
    border-radius: 20px;
}
.dual-testimonials-section .image-copy-block .testimonial-block-copy {
    position: absolute;
    bottom: 0;
    padding: 39px 31px;
}
.dual-testimonials-section .image-copy-block .testimonial-block-copy .quote {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}
.dual-testimonials-section .image-copy-block .testimonial-block-copy .author,
.dual-testimonials-section .image-copy-block .testimonial-block-copy .restaurant {
    font-size: 14px;
    line-height: 17px;
}
.dual-testimonials-section .copy-block .logo {
    margin-bottom: 28px;
}
.dual-testimonials-section .copy-block .testimonial-block-copy .quote {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 13px;
}
.dual-testimonials-section .copy-block .testimonial-block-copy .author,
.dual-testimonials-section .copy-block .testimonial-block-copy .restaurant {
    font-size: 14px;
    line-height: 20px;
}
.dual-testimonials-section .video-block .testimonial-block-copy {
    position: absolute;
    bottom: 0;
    padding: 43px 39px;
    width: 100%;
    box-sizing: border-box;
}
.dual-testimonials-section .video-block .testimonial-block-copy p {
    font-size: 14px;
    line-height: 18px;
}
.dual-testimonials-section .video-block .testimonial-play-button {
    border: 2px solid #2f48b0;
    background: #2f48b0;
    padding: 11px 27px;
    border-radius: 20px;
    margin-bottom: 11px;
}
.dual-testimonials-section .video-block .testimonial__trigger {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.dual-testimonials-section .video-block:hover .testimonial-play-button {
    background: #dff4f4;
    border-color: #dff4f4;
}
.dual-testimonials-section .video-block:hover .testimonial-play-button path {
    fill: #0e2033;
}
.dual-testimonials-section .block-one {
    max-width: 364px;
    margin-top: 60px;
    margin-bottom: 60px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-one {
        margin-top: 94px;
        margin-bottom: 0;
    }
}
.dual-testimonials-section .block-two {
    margin-top: 70px;
    max-width: 383px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-two {
        margin-top: 175px;
        margin-bottom: 130px;
    }
}
.dual-testimonials-section .block-three {
    max-width: 475px;
    margin-top: 60px;
    margin-bottom: 60px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-three {
        margin-top: 250px;
        margin-bottom: 0;
    }
}
.dual-testimonials-section .we-love-local-icon {
    position: absolute;
    left: 30px;
    top: -44px;
    max-width: 101px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .we-love-local-icon {
        left: -40px;
        top: -61px;
        max-width: 121px;
    }
}
@media only screen and (min-width: 1024px) {
    .dual-testimonials-section .we-love-local-icon {
        max-width: inherit;
        left: -90px;
        top: -91px;
    }
}
.dual-testimonials-section .block-five {
    max-width: 353px;
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-five {
        margin-top: -150px;
    }
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-five .testimonial-block-copy {
        padding: 25px 31px;
    }
}
@media only screen and (min-width: 820px) {
    .dual-testimonials-section .block-five .testimonial-block-copy {
        padding: 39px 31px;
    }
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-five .testimonial-block-copy .quote {
        font-size: 13px;
        line-height: 17px;
    }
}
@media only screen and (min-width: 820px) {
    .dual-testimonials-section .block-five .testimonial-block-copy .quote {
        font-size: 14px;
        line-height: 20px;
    }
}
.dual-testimonials-section .block-six {
    margin-top: 70px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-six {
        margin-top: 155px;
    }
}
.dual-testimonials-section .block-seven {
    max-width: 645px;
    margin: 60px auto;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-seven {
        margin: 150px auto 0;
    }
}
.dual-testimonials-section .block-eight {
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 70px;
    display: none;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-eight {
        margin-top: 130px;
        margin-bottom: 0;
        display: block;
    }
}
.dual-testimonials-section .block-eight .order-better-icon {
    position: absolute;
    right: 0;
    top: -60px;
    max-width: 100px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-eight .order-better-icon {
        max-width: inherit;
        right: -90px;
        top: -80px;
    }
}
.dual-testimonials-section .block-nine {
    margin-top: 70px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-nine {
        margin-top: 155px;
    }
}
.dual-testimonials-section .block-ten {
    margin-top: 60px;
    max-width: 360px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-ten {
        margin-top: 150px;
    }
}
.dual-testimonials-section .block-eleven {
    margin-top: 70px;
}
@media only screen and (min-width: 767px) {
    .dual-testimonials-section .block-eleven {
        margin-top: 155px;
    }
}
.bot-cta-section .bottom-cta-inner-wrap {
    padding: 60px 20px;
    max-width: 591px;
    margin: 0 auto;
    text-align: center;
}
@media only screen and (min-width: 992px) {
    .bot-cta-section .bottom-cta-inner-wrap {
        padding: 120px 20px;
    }
}
.bot-cta-section .bot-cta-copy {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}
.bot-cta-section .bot-cta-button-wrap {
    margin-top: 25px;
}
.bot-cta-section .cta-button {
    background-color: #fff;
    color: #0e2033;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 14px 14px;
    border-radius: 70px;
    margin: 0 10px 20px;
    min-width: 170px;
}
.bot-cta-section .cta-button:hover {
    background-color: #dff4f4;
}
.careers-page {
    background-color: #2f48b0;
}
.careers-page .site-header {
    background-color: #2f48b0;
}
.careers-page .site-header.show {
    background-color: #0e2033;
}
@media only screen and (min-width: 1024px) {
    .careers-page .site-header.show {
        background-color: #2f48b0;
    }
}
.careers-page .site-header.open {
    background-color: #0e2033;
}
@media only screen and (min-width: 992px) {
    .careers-page .site-header .main-navigation {
        display: none;
    }
}
.careers-page .site-header .mobile-nav-get-demo {
    display: none;
}
.careers-page.admin-bar .product-cat-navigation.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 46px;
    bottom: inherit;
}
@media only screen and (min-width: 783px) {
    .careers-page.admin-bar .product-cat-navigation.sticky {
        top: 32px;
    }
}
.careers-page.admin-bar .product-cat-navigation.sticky.down {
    top: 103px;
}
@media only screen and (min-width: 783px) {
    .careers-page.admin-bar .product-cat-navigation.sticky.down {
        top: 88px;
    }
}
@media only screen and (min-width: 992px) {
    .careers-page.admin-bar .product-cat-navigation.sticky.down {
        top: 132px;
    }
}
.careers-section .careers-section-header {
    max-width: 1070px;
    padding: 80px 30px 75px;
    margin: 0 auto;
    display: flex;
}
@media only screen and (min-width: 767px) {
    .careers-section .careers-section-header {
        padding: 154px 20px 104px;
    }
}
.careers-section .careers-section-headline {
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 40px;
    line-height: 44px;
    max-width: 200px;
}
@media only screen and (min-width: 767px) {
    .careers-section .careers-section-headline {
        font-size: 55px;
        line-height: 62px;
        max-width: 630px;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-section .careers-section-headline {
        font-size: 65px;
        line-height: 72px;
    }
}
.careers-section .careers-section-tag {
    font-size: 14px;
    text-align: right;
    margin-left: auto;
    margin-top: 9px;
    letter-spacing: 0.01em;
    margin-right: 2px;
    text-transform: uppercase;
    line-height: 20px;
}
.careers-section .careers-section-tag:after {
    content: "";
    border-bottom: 2px solid #0e2033;
    display: block;
    width: 15px;
    margin-left: auto;
    margin-top: 6px;
}
.careers-hero {
    position: relative;
    background: #2f48b0;
}
.careers-hero .careers-section-container {
    display: block;
    max-width: 1290px;
    padding: 32px 20px;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .careers-hero .careers-section-container {
        padding: 152px 20px;
    }
}
.careers-hero .careers-hero-content {
    margin-top: 0;
}
@media only screen and (min-width: 767px) {
    .careers-hero .careers-hero-content {
        display: flex;
        padding: 0;
    }
}
.careers-hero .hero-section-first {
    margin-top: 43px;
    margin-left: 10px;
}
@media only screen and (min-width: 767px) {
    .careers-hero .hero-section-first {
        max-width: 670px;
        width: 55%;
        margin-top: 13px;
    }
}
@media only screen and (min-width: 1440px) {
    .careers-hero .hero-section-first {
        margin-left: 112px;
    }
}
.careers-hero .hero-section-second {
    margin-top: 54px;
}
@media only screen and (min-width: 767px) {
    .careers-hero .hero-section-second {
        margin-top: 0;
        width: 42%;
        margin-left: auto;
    }
}
.careers-hero .careers-hero-image {
    width: 100%;
}
.careers-hero .eyebrow-headline {
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 22px;
}
.careers-hero .careers-headline {
    color: #fff;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 2.7em;
}
@media only screen and (min-width: 1024px) {
    .careers-hero .careers-headline {
        font-size: 70px;
        line-height: 1;
    }
}
@media only screen and (min-width: 1160px) {
    .careers-hero .careers-headline {
        font-size: 90px;
        line-height: 90px;
        letter-spacing: -0.025em;
    }
}
.careers-hero .hero-button-wrap {
    margin: 96px 0 67px;
    width: 100%;
}
.careers-hero .hero-button-wrap.desktop-only {
    display: none;
}
@media only screen and (min-width: 767px) {
    .careers-hero .hero-button-wrap.desktop-only {
        display: inline-block;
    }
}
.careers-hero .hero-button-wrap.mobile-only {
    text-align: center;
    display: inline-block;
}
@media only screen and (min-width: 767px) {
    .careers-hero .hero-button-wrap.mobile-only {
        display: none;
    }
}
.careers-hero .careers-hero-button {
    font-size: 15px;
    background-color: #fff;
    color: #2f48b0;
    font-weight: 500;
    padding: 10px 0;
    border-radius: 70px;
    display: inline-block;
    width: 50%;
    text-align: center;
    max-width: 184px;
}
.careers-hero .careers-hero-button:focus-visible {
    outline: 2px solid #fd4f57;
}
.careers-hero .careers-hero-button:hover {
    background-color: #dff4f4;
}
.careers-hero .open-roles-counter {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 17px;
    width: 43%;
    text-align: left;
}
@media only screen and (min-width: 767px) {
    .careers-hero .open-roles-counter {
        width: auto;
    }
}
.careers-hero .anchors {
    display: flex;
    z-index: 100;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #2f48b0;
    transition: 0.5s ease-in-out;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.careers-hero .anchors.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: inherit;
}
.careers-hero .anchors.sticky.down {
    top: 57px;
}
@media only screen and (min-width: 992px) {
    .careers-hero .anchors.sticky.down {
        top: 100px;
    }
}
.careers-hero .anchors__scroll ul {
    padding: 15px 0;
}
.careers-hero .anchors__scroll ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding: 6px 29px;
    display: inline-block;
}
.careers-hero .anchors__scroll ul li:last-child {
    border-right: none;
}
.careers-hero .anchors__scroll ul li.selected a {
    color: #fff;
}
.careers-hero .anchors__scroll ul li a {
    color: #fff;
}
.careers-hero .anchors__scroll ul li a:hover {
    color: #fff;
}
.careers-values {
    background-color: #fff;
}
@media only screen and (min-width: 767px) {
    .careers-values {
        padding-bottom: 118px;
    }
}
.careers-values .careers-value-wrapper {
    max-width: 330px;
    margin: 0 auto;
    padding: 20px;
}
@media only screen and (min-width: 767px) {
    .careers-values .careers-value-wrapper {
        display: flex;
        max-width: 860px;
        flex-wrap: wrap;
    }
}
.careers-values .career-value {
    margin-bottom: 87px;
}
@media only screen and (min-width: 767px) {
    .careers-values .career-value {
        width: 40%;
    }
}
@media only screen and (min-width: 767px) {
    .careers-values .career-value:nth-child(even) {
        margin-left: auto;
    }
}
.careers-values .career-value-image {
    width: 100%;
    max-width: 208px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .careers-values .career-value-image {
        max-width: inherit;
    }
}
.careers-values .value-name {
    letter-spacing: 0.01em;
    font-size: 24px;
    margin-top: 34px;
    font-weight: 500;
}
@media only screen and (min-width: 767px) {
    .careers-values .value-name {
        font-size: 28px;
        margin-top: 60px;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-values .value-name {
        font-size: 31px;
    }
}
.careers-values .value-copy {
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: -0.02em;
    line-height: 21px;
}
@media only screen and (min-width: 767px) {
    .careers-values .value-copy {
        font-size: 18px;
        line-height: 28px;
        max-width: 87%;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-values .value-copy {
        font-size: 21px;
        margin-top: 31px;
        line-height: 28px;
    }
}
.careers-mission .careers-section-container {
    padding-bottom: 21px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .careers-section-container {
        padding-bottom: 145px;
    }
}
.careers-mission .careers-section-header {
    color: #fff;
}
.careers-mission .careers-section-headline {
    max-width: 220px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .careers-section-headline {
        max-width: 660px;
    }
}
.careers-mission .careers-section-tag:after {
    border-color: #fff;
}
.careers-mission .careers-mission-slider-wrapper {
    position: relative;
}
@media only screen and (min-width: 767px) {
    .careers-mission .careers-mission-slider-wrapper {
        padding: 98px 0;
    }
}
.careers-mission .yellow-smiley-icon {
    position: absolute;
    z-index: 10;
    right: 37px;
    top: -70px;
    max-width: 120px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .yellow-smiley-icon {
        right: 207px;
        top: -40px;
        max-width: inherit;
    }
}
.careers-mission .careers-mission-slider .slick-slide {
    margin: 0 10px;
}
.careers-mission .slick-arrow {
    display: none;
}
.careers-mission .careers-mission-message-wrapper {
    max-width: 80%;
    margin: 0 auto;
    padding: 55px 20px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .careers-mission-message-wrapper {
        max-width: 630px;
        padding: 0 20px;
    }
}
.careers-mission .mission-copy {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .mission-copy {
        font-size: 20px;
        line-height: 28px;
    }
}
.careers-mission .mission-signature {
    margin-top: 30px;
    position: relative;
}
@media only screen and (min-width: 767px) {
    .careers-mission .mission-signature {
        margin-top: 60px;
    }
}
.careers-mission .mission-signature:after {
    content: "";
    border-bottom: 1px solid #dff4f4;
    width: 100%;
    display: block;
    height: 1px;
    position: absolute;
    bottom: 100px;
    opacity: 0.5;
}
@media only screen and (min-width: 767px) {
    .careers-mission .mission-signature:after {
        bottom: 110px;
    }
}
.careers-mission .cw-signature {
    margin: 0 auto;
    max-width: 110px;
    margin-bottom: 34px;
}
@media only screen and (min-width: 767px) {
    .careers-mission .cw-signature {
        max-width: inherit;
    }
}
.careers-mission .ceo-name {
    font-size: 1.1em;
    line-height: 1em;
    color: #fff;
}
.careers-mission .ceo-title {
    font-size: 0.78em;
    line-height: 1.7em;
    color: #fff;
}
.careers-locations {
    background-color: #0e2033;
}
.careers-locations .careers-section-header {
    color: #fff;
    padding-bottom: 42px;
}
.careers-locations .careers-section-tag:after {
    border-color: #fff;
}
.careers-locations .location-content-wrapper {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px;
    color: #fff;
}
.careers-locations .location-copy {
    max-width: 800px;
}
.careers-locations .location-copy p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
}
@media only screen and (min-width: 767px) {
    .careers-locations .location-copy p {
        font-size: 1.12em;
        margin-bottom: 31px;
        line-height: 28px;
    }
}
.careers-locations .location-offices {
    padding: 38px 20px;
}
@media only screen and (min-width: 667px) {
    .careers-locations .location-offices {
        display: flex;
        flex-wrap: wrap;
        padding: 85px 0;
    }
}
.careers-locations .location-office {
    margin-bottom: 24px;
}
@media only screen and (min-width: 667px) {
    .careers-locations .location-office {
        width: 48%;
        margin-bottom: 0;
    }
    .careers-locations .location-office:nth-child(even) {
        margin-left: auto;
    }
}
.careers-locations .location-mobile-map {
    display: block;
}
@media only screen and (min-width: 620px) {
    .careers-locations .location-mobile-map {
        display: none;
    }
}
.careers-locations .locations-map-slider {
    margin: 0 auto;
    max-width: 1240px;
}
@media only screen and (min-width: 620px) {
    .careers-locations .locations-map-slider {
        display: flex;
        flex-wrap: wrap;
    }
}
.careers-locations .locations-map-slider .slick-list {
    max-width: 350px;
    margin: 0 auto;
}
.careers-locations .locations-map-slider .slick-dots {
    padding: 90px 0;
    text-align: center;
}
.careers-locations .locations-map-slider .slick-dots button:before {
    background: #fff;
    opacity: 0.25;
    width: 13px;
    height: 13px;
}
.careers-locations .locations-map-slider .slick-dots .slick-active button:before {
    opacity: 1;
}
.careers-locations .map-slide {
    position: relative;
    height: 718px;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (min-width: 400px) {
    .careers-locations .map-slide {
        background-size: 100%;
    }
}
@media only screen and (min-width: 620px) {
    .careers-locations .map-slide-wrap {
        width: 25%;
    }
}
.careers-locations .map-slide-info {
    position: absolute;
    top: 150px;
}
@media only screen and (min-width: 400px) {
    .careers-locations .map-slide-info {
        top: 200px;
    }
}
@media only screen and (min-width: 620px) {
    .careers-locations .map-slide-info {
        top: 30%;
    }
}
.careers-locations .PST-position {
    left: 11%;
}
@media only screen and (min-width: 620px) {
    .careers-locations .PST-position {
        left: 0;
    }
}
.careers-locations .MST-position {
    left: 20%;
}
@media only screen and (min-width: 620px) {
    .careers-locations .MST-position {
        left: 28%;
    }
}
.careers-locations .CST-position {
    right: 20%;
}
@media only screen and (min-width: 620px) {
    .careers-locations .CST-position {
        right: 28%;
    }
}
.careers-locations .EST-position {
    right: 11%;
}
@media only screen and (min-width: 620px) {
    .careers-locations .EST-position {
        right: 0;
    }
}
.careers-locations .location-image {
    width: 100%;
    border-radius: 15px;
}
.careers-locations .location-name {
    font-size: 14px;
    margin-top: 16px;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 667px) {
    .careers-locations .location-name {
        margin-top: 22px;
    }
}
.careers-locations .cn-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.careers-locations .locations-map-wrapper {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: none;
}
@media only screen and (min-width: 620px) {
    .careers-locations .locations-map-wrapper {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-locations .locations-map-wrapper {
        padding-bottom: 100px;
    }
}
.careers-locations .blue-map {
    margin: 0 auto;
    width: 100%;
    padding: 90px 0 112px;
}
.careers-locations .zone-dot {
    background: 0 0;
    border-radius: 100%;
    font-size: 45px;
    color: #dff4f4;
    border: 1px solid #dff4f4;
    padding: 33px;
    text-align: center;
    line-height: 62px;
    max-width: 98px;
    display: block;
}
@media only screen and (min-width: 620px) {
    .careers-locations .zone-dot {
        font-size: 33px;
        line-height: 48px;
        padding: 20px;
        max-width: 83px;
    }
}
@media only screen and (min-width: 1000px) {
    .careers-locations .zone-dot {
        font-size: 47px;
        line-height: 69px;
        padding: 33px;
        max-width: 118px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-locations .zone-dot {
        font-size: 65px;
        line-height: 72px;
        padding: 53px;
        max-width: 128px;
    }
}
.careers-locations .zone-dot span {
    display: block;
    font-size: 13px;
    line-height: 20px;
}
@media only screen and (min-width: 620px) {
    .careers-locations .zone-dot span {
        line-height: 16px;
    }
}
@media only screen and (min-width: 1000px) {
    .careers-locations .zone-dot span {
        font-size: 20px;
        line-height: 24px;
    }
}
.careers-locations .zone-dot:hover {
    background: #fff;
    color: #0e2033;
}
.careers-locations .zone-note {
    font-size: 20px;
    line-height: 72px;
    color: #dff4f4;
    text-align: center;
    letter-spacing: -0.01em;
    display: block;
    margin-top: 160px;
}
@media only screen and (min-width: 1000px) {
    .careers-locations .zone-note {
        margin-top: 260px;
        font-size: 24px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-locations .zone-note {
        margin-top: 260px;
        font-size: 30px;
    }
}
.careers-locations .PST-note {
    left: 3%;
}
.careers-locations .MST-note {
    left: 30%;
}
.careers-locations .CST-note {
    right: 31%;
}
.careers-locations .EST-note {
    right: 3%;
}
.careers-diversity {
    background-color: #dff4f4;
    padding-bottom: 154px;
}
.careers-diversity .careers-section-header {
    color: #2f48b0;
    display: flex;
    flex-flow: row wrap;
}
.careers-diversity .careers-section-tag:after {
    border-color: #2f48b0;
}
.careers-diversity .careers-section-header {
    padding-bottom: 31px;
    display: flex;
    flex-flow: row wrap;
}
.careers-diversity .erg-header {
    display: flex;
    flex-flow: column wrap;
}
.careers-diversity .careers-section-headline {
    max-width: 220px;
    padding-bottom: 30px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .careers-section-headline {
        max-width: 600px;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .careers-section-headline {
        width: 100% !important;
        padding-bottom: 23px;
    }
}
.careers-diversity .diversity-section-container {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px;
}
.careers-diversity .section-content {
    font-size: 14px;
    line-height: 20px;
    color: #2f48b0;
    max-width: 630px;
    letter-spacing: -0.01em;
    max-width: 80%;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .section-content {
        font-size: 20px;
        line-height: 28px;
    }
}
.careers-diversity .charts-wrapper {
    margin-top: 68px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .charts-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-top: 121px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-diversity .diversity-chart-block {
        width: 39.5%;
    }
}
@media only screen and (min-width: 767px) {
    .careers-diversity .ethnic-chart {
        margin-left: auto;
    }
}
.careers-diversity .diversity-chart {
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .diversity-chart {
        margin-top: 78px;
    }
}
.careers-diversity .first-chart {
    position: relative;
}
.careers-diversity .first-chart:after {
    content: "";
    border-left: 1px solid #2f48b0;
    opacity: 0.5;
    height: 104%;
    width: 1px;
    position: absolute;
    top: -8px;
    left: 50%;
}
.careers-diversity .diversity-title {
    font-size: 24px;
    line-height: 28px;
    color: #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .diversity-title {
        font-size: 32px;
        line-height: 35px;
    }
}
.careers-diversity .circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    max-height: 270px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .circular-chart {
        max-height: 400px;
    }
}
.careers-diversity .circle-bg {
    fill: none;
    stroke: #2f48b0;
    stroke-width: 3.8;
}
.careers-diversity .circle {
    fill: none;
    stroke-width: 3.8;
    stroke-linecap: unset;
    -webkit-animation: progress 1s ease-out forwards;
    animation: progress 1s ease-out forwards;
    stroke: #50cdf9;
}
@-webkit-keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}
@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}
.careers-diversity .gender-titles {
    position: absolute;
    width: 100%;
    top: 50%;
    display: flex;
    max-width: 145px;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px) {
    .careers-diversity .gender-titles {
        max-width: 175px;
    }
}
.careers-diversity .gender-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .gender-title {
        font-size: 18px;
    }
}
.careers-diversity .gender-title.left {
    color: #2f48b0;
}
.careers-diversity .gender-title.right {
    margin-left: auto;
    color: #50cdf9;
}
.careers-diversity .percentage {
    display: block;
    font-size: 21px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .percentage {
        font-size: 23px;
    }
}
.careers-diversity .ethnic-chart {
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .ethnic-chart {
        margin-top: 0;
    }
}
.careers-diversity .eth-row {
    display: flex;
    flex-wrap: wrap;
    padding: 18px 0;
    border-bottom: 1px solid #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .eth-row {
        padding: 22px 0;
    }
}
.careers-diversity .eth-row p {
    font-size: 1.1em;
    color: #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .eth-row p {
        font-size: 1.4em;
    }
}
.careers-diversity .eth-row:first-child {
    padding-top: 0;
}
.careers-diversity .eth-row:last-child {
    border-bottom: none;
}
.careers-diversity .eth-percentage {
    margin-left: auto;
    margin-right: 8px;
}
.careers-diversity .chart-disclaimer-wrap {
    margin-top: 10px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .chart-disclaimer-wrap {
        margin-top: 30px;
    }
}
.careers-diversity .chart-disclaimer-wrap .chart-disclaimer-text {
    color: #2f48b0;
    font-size: 14px;
    font-weight: 500;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .chart-disclaimer-wrap .chart-disclaimer-text {
        font-size: 16px;
    }
}
.careers-diversity .erg-group-container {
    padding: 0 0 0 25px !important;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-group-container {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-group-container {
        padding: 0 !important;
    }
}
.careers-diversity .erg-groups {
    display: flex;
    flex-flow: row wrap;
    margin: 30px auto;
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-groups {
        margin: 40px auto;
        max-width: 1020px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-diversity .erg-groups {
        margin: 50px auto;
    }
}
@media only screen and (min-width: 1440px) {
    .careers-diversity .erg-groups {
        max-width: 1200px;
    }
}
.careers-diversity .erg-groups .slick-arrow.slick-next {
    position: absolute;
    left: 84%;
    top: -5%;
    max-width: 34px;
    z-index: 13;
}
.careers-diversity .erg-groups .slick-arrow.slick-next:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 700px) {
    .careers-diversity .erg-groups .slick-arrow.slick-next {
        left: 86%;
        top: -15%;
        max-width: 50px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-groups .slick-arrow.slick-next {
        left: 89%;
        max-width: 63px;
    }
}
.careers-diversity .erg-groups .slick-arrow.slick-next img {
    width: 100%;
}
.careers-diversity .erg-groups .slick-arrow.slick-prev {
    display: none !important;
}
.careers-diversity .erg-groups .slick-list {
    width: 100% !important;
    padding-right: 16%;
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-groups .slick-list {
        padding-right: 0;
    }
}
.careers-diversity .erg-groups .slick-list .slick-slide {
    margin: 0 7px !important;
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-groups .slick-list .slick-slide {
        margin: 0 20px !important;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-diversity .erg-groups .slick-list .slick-slide {
        margin: 0 10px !important;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-groups.over-max .slick-list {
        padding-right: 8% !important;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-diversity .erg-groups.over-max .slick-list {
        padding-right: 10% !important;
    }
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-groups.over-max .erg-content {
        font-size: 0.9em;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-diversity .erg-groups.over-max .erg-content {
        font-size: 1.11em;
    }
}
.careers-diversity .erg-group {
    margin-bottom: 40px;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-group {
        width: 42%;
        margin-bottom: 0;
    }
}
.careers-diversity .erg-name {
    font-size: 1.3em;
    padding: 33px 0;
    font-weight: 500;
    color: #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-name {
        font-size: 1.7em;
    }
}
.careers-diversity .erg-image {
    width: 100%;
}
.careers-diversity .erg-content {
    font-size: 14px;
    line-height: 20px;
    color: #2f48b0;
    width: 80%;
}
@media only screen and (min-width: 767px) {
    .careers-diversity .erg-content {
        font-size: 1.11em;
        line-height: 1.4em;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-diversity .erg-content {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-diversity .erg-content {
        width: 92%;
    }
}
.careers-benefits {
    background-color: #fff;
}
.careers-benefits .careers-section-header {
    padding: 116px 20px 36px;
}
.careers-benefits .careers-section-headline {
    max-width: 440px;
}
.careers-benefits .benefits-wrapper {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 20px;
}
.careers-benefits .section-content {
    max-width: 600px;
    font-size: 14px;
    line-height: 20px;
}
@media only screen and (min-width: 767px) {
    .careers-benefits .section-content {
        font-size: 1.12em;
        line-height: 1.4em;
    }
}
.careers-benefits .benefit-list {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (min-width: 767px) {
    .careers-benefits .benefit-list {
        margin-top: 146px;
        padding: 0 20px;
    }
}
.careers-benefits .benefit {
    text-align: center;
    margin-bottom: 50px;
    width: 50%;
}
@media only screen and (min-width: 767px) {
    .careers-benefits .benefit {
        width: 33%;
        margin-bottom: 90px;
    }
}
.careers-benefits .benefit-image {
    margin: 0 auto;
}
.careers-benefits .benefit-name {
    margin: 35px auto 0;
    font-size: 12px;
    line-height: 18px;
    color: #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-benefits .benefit-name {
        font-size: 20px;
        line-height: 28px;
    }
}
.careers-open-roles {
    background-color: #eeedea;
    padding-bottom: 100px;
}
.careers-open-roles .open-roles-headline {
    max-width: 230px;
}
@media only screen and (min-width: 767px) {
    .careers-open-roles .open-roles-headline {
        max-width: 430px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-open-roles .open-roles-headline {
        max-width: 510px;
    }
}
.careers-open-roles .open-roles-wrapper {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 20px;
}
.careers-open-roles .jobs-sort {
    margin-bottom: 70px;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-sort {
        display: block;
    }
}
.careers-open-roles .jobs-sorter {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    cursor: pointer;
    position: relative;
    border-radius: none;
    border-bottom: 1px solid #0e2033;
    background: 0 0;
    width: 100%;
    max-width: 49%;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-sorter {
        max-width: 206px;
    }
}
.careers-open-roles .jobs-locations {
    margin-left: auto;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-locations {
        margin-left: 0;
    }
}
.careers-open-roles .jobs-postings-wrap {
    position: relative;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-postings-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-teams-list {
        width: 30%;
        border-right: 1px solid #0e2033;
    }
}
.careers-open-roles .jobs-teams {
    display: block;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-teams {
        display: none;
    }
}
.careers-open-roles .jobs-teams-list {
    display: none;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-teams-list {
        display: block;
    }
}
.careers-open-roles .jobs-teams-list a {
    display: block;
    color: #0e2033;
    font-size: 20px;
    line-height: 50px;
}
.careers-open-roles .jobs-teams-list .active {
    font-weight: 600;
}
.careers-open-roles .jobs-list-wrap {
    position: relative;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-list-wrap {
        width: 63%;
        margin-left: auto;
    }
}
.careers-open-roles .jobs-list {
    max-height: 790px;
    overflow-y: scroll;
    padding-bottom: 70px;
}
@media only screen and (min-width: 992px) {
    .careers-open-roles .jobs-list {
        padding-right: 70px;
    }
}
.careers-open-roles .jobs-list:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eeedea 50%);
    width: 100%;
    height: 6em;
}
.careers-open-roles .jobs-list::-webkit-scrollbar {
    width: 14px;
    background: #e5e5e1;
}
.careers-open-roles .jobs-list::-webkit-scrollbar-thumb {
    background: #2f48b0;
    border-radius: 8px;
}
.careers-open-roles .jobs-list {
    scrollbar-face-color: #2f48b0;
    scrollbar-track-color: #2f48b0;
}
.careers-open-roles .job-item {
    display: flex;
    margin-bottom: 56px;
}
.careers-open-roles .job-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.01em;
    color: #0e2033;
}
@media only screen and (min-width: 767px) {
    .careers-open-roles .job-title {
        font-size: 24px;
    }
}
.careers-open-roles .location-commitment {
    color: #0e2033;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 767px) {
    .careers-open-roles .location-commitment {
        font-size: 14px;
    }
}
.careers-open-roles .right-job-info {
    margin-left: auto;
}
.careers-open-roles .apply-btn {
    padding: 17px 58px;
    display: inline-block;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.careers-open-roles .apply-btn:hover {
    background-color: #1a3b5f;
}
.careers-open-roles .apply-btn:focus {
    outline: 2px solid #fd4f57;
}
.careers-testimonials {
    background-color: #0e2033;
    padding-bottom: 170px;
}
.careers-testimonials .careers-section-header {
    color: #fff;
}
.careers-testimonials .careers-section-tag:after {
    border-color: #fff;
}
.careers-testimonials .testimonials-section-blocks-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
}
.careers-testimonials .testimonial-column-wrap {
    margin: 0 auto;
    display: block;
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .testimonial-column-wrap {
        display: flex;
        flex-wrap: wrap;
        max-width: 1198px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .column {
        width: 50%;
    }
}
.careers-testimonials .column-right {
    margin-left: auto;
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .first-column {
        order: 2;
        width: 47%;
        margin-top: 240px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .second-column {
        order: 1;
    }
}
.careers-testimonials .third-column {
    margin-top: 45px;
}
@media only screen and (min-width: 500px) {
    .careers-testimonials .third-column {
        margin-top: 80px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .third-column {
        margin-top: 160px;
        width: 100%;
    }
}
.careers-testimonials .testimonial-block {
    position: relative;
    margin: 0 auto;
    transition: ease;
    color: #fff;
    padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
    .careers-testimonials .testimonial-block {
        transform: translateY(0) !important;
    }
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .testimonial-block {
        padding-bottom: 0;
    }
}
.careers-testimonials .testimonial-block .quote {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.careers-testimonials .testimonial-block .name,
.careers-testimonials .testimonial-block .position {
    font-size: 14px;
    line-height: 16px;
}
.careers-testimonials .testimonial-image {
    width: 100%;
}
.careers-testimonials .we-love-local-icon {
    position: absolute;
    left: -30px;
    top: -75px;
    width: 150px;
}
@media only screen and (min-width: 500px) {
    .careers-testimonials .we-love-local-icon {
        top: -85px;
        width: 200px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .we-love-local-icon {
        left: -110px;
        top: -130px;
        width: auto;
    }
}
.careers-testimonials .block-one {
    max-width: 470px;
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .block-one {
        margin-top: 130px;
        margin-bottom: 180px;
    }
}
.careers-testimonials .block-two {
    max-width: 470px;
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .block-two {
        max-width: 345px;
        margin-left: auto;
    }
}
.careers-testimonials .block-three {
    max-width: 470px;
}
@media only screen and (min-width: 767px) {
    .careers-testimonials .block-three {
        max-width: 570px;
        margin-left: auto;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-testimonials .block-three {
        max-width: 640px;
    }
}
.careers-interview-process {
    background-color: #eeedea;
    padding-bottom: 132px;
}
.careers-interview-process .careers-section-headline {
    max-width: 280px;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .careers-section-headline {
        max-width: 650px;
    }
}
.careers-interview-process .interview-steps {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 8px 0;
}
.careers-interview-process .interview-steps::-webkit-scrollbar {
    display: none;
}
.careers-interview-process .step-name-block {
    width: 145px;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #2f48b0;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .step-name-block {
        width: 211px;
    }
}
.careers-interview-process .step-name-block:before {
    content: ". .";
    display: inline-block;
    color: #fff;
    font-size: 62px;
    position: absolute;
    left: -20%;
    top: -7px;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .step-name-block:before {
        content: ". . .";
    }
}
.careers-interview-process .step-name-block:first-child:before {
    display: none;
}
.careers-interview-process .step-name-link {
    color: #2f48b0;
    display: inline-block;
    vertical-align: middle;
}
.careers-interview-process .step-name-link:focus-visible {
    outline: 2px solid #fd4f57;
}
.careers-interview-process .step-name-link:hover .step-num {
    background: #dff4f4;
}
.careers-interview-process .step-num {
    display: inline-block;
    background: #fff;
    color: #2f48b0;
    border-radius: 100%;
    padding: 8px 16px;
    font-size: 20px;
    height: 42px;
    width: 42px;
    box-sizing: border-box;
}
.careers-interview-process .step-name {
    display: block;
    font-size: 20px;
    line-height: 23px;
    margin-top: 28px;
}
.careers-interview-process .step-name-block.active .step-num {
    background: #2f48b0;
    color: #fff;
}
.careers-interview-process .step-name-block.active .step-name-link {
    color: #000;
}
.careers-interview-process .interview-slider {
    max-width: 350px;
    margin: 71px auto 0;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-slider {
        max-width: 890px;
        margin: 99px auto 0;
    }
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .step-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-image-wrap {
        width: 45%;
    }
}
.careers-interview-process .interview-image {
    width: 100%;
    max-width: 68%;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-image {
        margin: 0;
        width: auto;
        max-width: inherit;
    }
}
.careers-interview-process .interview-content {
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-content {
        width: 47%;
        margin-left: auto;
        margin-top: 47px;
    }
}
.careers-interview-process .interview-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 14px;
    font-weight: 500;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-title {
        font-size: 1.7em;
        margin-bottom: 34px;
    }
}
.careers-interview-process .interview-info p {
    max-width: 243px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .interview-info p {
        font-size: 21px;
        line-height: 26px;
        margin-bottom: 26px;
    }
}
.careers-interview-process .interview-button {
    background: #2f48b0;
    border-radius: 100px;
    padding: 11px 31px;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
    color: #fff;
}
.careers-interview-process .interview-button:focus-visible {
    outline: 2px solid #fd4f57;
}
.careers-interview-process .interview-button:hover {
    background: #1a3b5f;
}
.careers-interview-process .careers-end-note {
    font-size: 35px;
    max-width: 360px;
    margin: 125px auto 0;
    line-height: 36px;
    text-align: center;
}
@media only screen and (min-width: 767px) {
    .careers-interview-process .careers-end-note {
        font-size: 64px;
        max-width: 710px;
        margin: 99px auto 0;
        line-height: 72px;
    }
}
.zone-modal .modal-inner {
    max-width: 275px;
    border-radius: 15px;
}
.zone-modal .time-zone-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    padding: 10px 0 5px;
}
.zone-modal .number-line {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
}
.zone-modal .departments-breakdown {
    max-height: 200px;
    overflow: scroll;
    margin-top: 15px;
    padding: 0 1em 0 1em;
}
.zone-modal .departments-breakdown::-webkit-scrollbar {
    width: 10px;
}
.zone-modal .departments-breakdown::-webkit-scrollbar-thumb {
    background: #2f48b0;
}
.zone-modal .departments-breakdown {
    scrollbar-face-color: #2f48b0;
    scrollbar-track-color: #2f48b0;
}
.zone-modal .department-cat {
    font-size: 15px;
    font-weight: 500;
    line-height: 35px;
    display: flex;
}
.zone-modal .dep-num {
    margin-left: auto;
}
.careers-awards {
    position: relative;
    background: #2f48b0;
    color: #fff;
}
.careers-awards .careers-section-container {
    display: block;
    max-width: 1290px;
    margin: 0 auto;
}
.careers-awards .careers-section-tag {
    max-width: 110px;
}
.careers-awards .careers-section-tag:after {
    border-bottom: 2px solid #fff;
}
.careers-awards .awards-slide-headline-container {
    max-width: 220px;
}
@media only screen and (min-width: 500px) {
    .careers-awards .awards-slide-headline-container {
        max-width: 300px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-awards .awards-slide-headline-container {
        max-width: 520px;
    }
}
@media only screen and (min-width: 1024px) {
    .careers-awards .awards-slide-headline-container {
        max-width: 800px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slide-headline-container {
        max-width: 900px;
    }
}
.careers-awards .careers-section-header {
    padding: 80px 30px 0;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .careers-section-header {
        padding: 145px 30px 0;
    }
}
.careers-awards .careers-awards-slider {
    padding: 0 30px;
    max-width: 1066px;
    margin: -55px auto 0;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .careers-awards-slider {
        padding: 0;
    }
}
.careers-awards .careers-awards-slider .slick-list {
    max-height: 820px;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .careers-awards-slider .slick-list {
        max-height: 600px;
    }
}
.careers-awards .awards-slide-headline {
    font-size: 36px;
    line-height: 37px;
    font-weight: 500;
    letter-spacing: -1px;
}
@media only screen and (min-width: 500px) {
    .careers-awards .awards-slide-headline {
        font-size: 40px;
        line-height: 44px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-awards .awards-slide-headline {
        font-size: 55px;
        line-height: 62px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slide-headline {
        font-size: 64px;
        line-height: 74px;
        letter-spacing: -1.5px;
    }
}
.careers-awards .awards-slide-left,
.careers-awards .awards-slide-right {
    border-top: 1px solid #fff;
    padding-top: 23px;
}
@media only screen and (min-width: 767px) {
    .careers-awards .awards-slide-left,
    .careers-awards .awards-slide-right {
        width: 50%;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slide-left,
    .careers-awards .awards-slide-right {
        padding-top: 30px;
    }
}
.careers-awards .grouped-slide .awards-slide-left,
.careers-awards .grouped-slide .awards-slide-right {
    border-top: 0;
}
.careers-awards .grouped-slide .awards-slide-right {
    padding-top: 0;
}
@media only screen and (min-width: 767px) {
    .careers-awards .grouped-slide .awards-slide-right {
        padding-top: 23px;
    }
}
.careers-awards .grouped-slide-logo-wrap {
    position: relative;
}
.careers-awards .grouped-slide-logo-wrap:before {
    display: block;
    content: "";
    background: #fff;
    height: 1px;
    width: 100%;
    position: absolute;
}
@media only screen and (min-width: 767px) {
    .careers-awards .grouped-slide-logo-wrap:before {
        width: 48%;
    }
}
@media only screen and (min-width: 767px) {
    .careers-awards .grouped-slide-logo-wrap:after {
        display: block;
        content: "";
        background: #fff;
        height: 1px;
        width: 48%;
        position: absolute;
        right: 0;
        top: 0;
    }
}
.careers-awards .grouped-slide-logo-wrap .grouped-slide-logo {
    padding: 27px 0 12px;
}
.careers-awards .awards-recognitions {
    margin-top: 41px;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-recognitions {
        margin-top: 59px;
    }
}
@media only screen and (min-width: 767px) {
    .careers-awards .awards-column-wrap {
        display: flex;
        gap: 43px;
    }
}
.careers-awards .awards-slide-logo {
    margin-bottom: 29px;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slide-logo {
        margin-bottom: 47px;
    }
}
.careers-awards .awards-slide-article {
    margin-bottom: 45px;
}
.careers-awards .awards-article-text {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 500;
}
.careers-awards .awards-article-link {
    font-size: 16px;
    line-height: 17.5px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}
.careers-awards .awards-slider-nav-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 90px;
    gap: 5px;
}
.careers-awards .awards-slider-nav-container .slick-active button:before {
    background: #0e2033;
}
.careers-awards .awards-slider-nav-container .slick-dots button:before {
    top: -2px;
}
.careers-awards .awards-slider-nav-container .awards-slick-next,
.careers-awards .awards-slider-nav-container .awards-slick-prev {
    background: 0 0;
}
.careers-awards .awards-slider-nav-container .awards-slick-next:focus-visible,
.careers-awards .awards-slider-nav-container .awards-slick-prev:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slider-nav-container {
        padding: 50px 0 105px;
        gap: 15px;
    }
}
@media only screen and (min-width: 1200px) {
    .careers-awards .awards-slider-nav-container {
        padding: 65px 0 130px;
        gap: 25px;
    }
}
.pdp-section.fondant {
    background-color: #eeedea;
}
.pdp-section.fondant * {
    color: #000;
}

.toast-lp .pdp-section.fondant .section-span:after {
    border: none;
}

.us-foods-immersion-event .pdp-section.fondant .section-span:after {
    border: none;
}

.pdp-section.fondant .section-span:after {
    border-bottom: 1px solid #000;
}
.pdp-section.white {
    background-color: #fff;
}
.pdp-section.white * {
    color: #000;
}
.pdp-section.white .section-span:after {
    border-bottom: 1px solid #000;
}
.pdp-section.squid-ink {
    background-color: #0e2033;
}
.pdp-section.squid-ink * {
    color: #fff;
}
.pdp-section.squid-ink .section-span:after {
    border-bottom: 1px solid #fff;
}
.pdp-section.fig {
    background-color: #2f48b0;
}
.pdp-section.fig * {
    color: #fff;
}
.pdp-section.fig .section-span:after {
    border-bottom: 1px solid #fff;
}
.pdp-section .section-span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 767px) {
    .pdp-section .section-span {
        margin-left: auto;
        padding-left: 10px;
        text-align: right;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-section .section-span:after {
        content: "";
        border-bottom: 1px solid #0e2033;
        display: block;
        width: 15px;
        margin-left: auto;
        margin-top: 6px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-section .section-span {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-section .section-span {
        margin-top: -10px;
    }
}
.pdp-section .section-span-alt {
    padding: 27px 0 0 22px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}


.us-foods-immersion-event .pdp-section .section-span-alt {
    display: none;
}

.us-foods-immersion-event .section-span {
    display: none;
}

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

    .pdp-hero-section .product-hero-content-form-right .hero-headline {
        padding-left: 45px;
        padding-top: 40px;
    }

    .partner-test .product-hero-content-form-right .hero-info-wrap.desktop-only {
        display: block !important;
        padding-bottom: 15px;
    }

    .partner-test .hero-eyebrow {
        width: 76% !important;
        margin: 0 auto !important;
    }

    .partner-test .hero-info-wrap.mobile-only {
        display: none !important;
    }

    .partner-test .pdp-hero-section .product-hero-content-form-right .hero-headline {
        padding-bottom: 15px;
    }

    .partner-test .pdp-hero-section .product-hero-content-form-right .hero-section-right {
        padding-bottom:0px !important;
    }

    .partner-test .pdp-hero-section .product-hero-content-form-right {
        padding-bottom: 0px !important;
    }

}
.pdp-hero-section .product-section-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
}
.pdp-hero-section .product-hero-content {
    max-width: 650px;
    width: 100%;
    padding-bottom: 80px;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .product-hero-content {
        display: flex;
        align-items: flex-start;
        flex-flow: row wrap;
        justify-content: space-evenly;
        max-width: 900px;
        padding-bottom: 80px;
        padding: 0 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content {
        max-width: 1024px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .product-hero-content {
        justify-content: center;
        max-width: 1200px;
        padding-bottom: 130px;
    }

    .pdp-hero-section .shorter-hero {
        padding-bottom: 40px;
    }

    .pdp-hero-section .shorter-hero .hero-btns-container {
        margin-top: 0;
        padding-top: 0;
    }

    .toast-lp .pdp-hero-section .hero-eyebrow {
        padding-bottom: 30px;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-eyebrow {
        padding-bottom: 30px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .product-hero-content {
        max-width: 1263px;
        align-items: center;
    }
}
.pdp-hero-section .product-hero-content-form-right {
    max-width: 650px;
    width: 100%;
    padding-bottom: 80px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .product-hero-content-form-right {
        display: flex;
        align-items: flex-start;
        flex-flow: row wrap;
        justify-content: space-between;
        max-width: 900px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right {
        padding-top: 145px;
        max-width: 1024px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .product-hero-content-form-right {
        max-width: 1200px;
        padding-bottom: 130px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .product-hero-content-form-right {
        max-width: 1263px;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-section-left {
    padding-left: 0;
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right .hero-section-left {
        width: 50%;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-section-right {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right .hero-section-right {
        width: 45%;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-headline {
    padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right .hero-headline {
        width: 85%;
        padding-top: 0;
        padding-bottom: 22px;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-info-wrap.mobile-only {
    display: block;
    margin-left: 0;
    padding-top: 40px;
}
.pdp-hero-section .product-hero-content-form-right .hero-info-wrap.mobile-only .hero-eyebrow {
    width: 90%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right .hero-info-wrap.mobile-only {
        display: none;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-info-wrap.desktop-only {
    display: none;
}
.pdp-hero-section .product-hero-content-form-right .hero-info-wrap.desktop-only .hero-eyebrow {
    width: 85%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-right .hero-info-wrap.desktop-only {
        display: block;
    }
}
.pdp-hero-section .product-hero-content-form-right .hero-btns-container {
    display: none;
}
.pdp-hero-section .product-hero-content-form-left {
    width: 95%;
    max-width: 650px;
    padding-bottom: 80px;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .product-hero-content-form-left {
        display: flex;
        align-items: flex-start;
        flex-flow: column;
        justify-content: space-between;
        max-width: 900px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left {
        flex-flow: row-reverse wrap;
        padding-top: 145px;
        max-width: 1024px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .product-hero-content-form-left {
        max-width: 1200px;
        padding-bottom: 130px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .product-hero-content-form-left {
        width: 100%;
        max-width: 1263px;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-section-left {
    padding-left: 0;
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-section-left {
        width: 45%;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-section-right {
    flex-flow: column;
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-section-right {
        width: 50%;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-headline {
    padding-bottom: 40px;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .product-hero-content-form-left .hero-headline {
        width: 85%;
        padding-top: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-headline {
        margin-left: auto;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-marketo-form-wrapper {
    margin-left: 0;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-marketo-form-wrapper {
        padding-bottom: 80px;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-info-wrap.mobile-only {
    display: block;
    margin-left: 0;
    padding-top: 40px;
}
.pdp-hero-section .product-hero-content-form-left .hero-info-wrap.mobile-only .hero-eyebrow {
    width: 90%;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-info-wrap.mobile-only {
        display: none;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-info-wrap.desktop-only {
    display: none;
}
.pdp-hero-section .product-hero-content-form-left .hero-info-wrap.desktop-only .hero-eyebrow {
    width: 85%;
    margin-left: auto;
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-content-form-left .hero-info-wrap.desktop-only {
        display: block;
    }
}
.pdp-hero-section .product-hero-content-form-left .hero-btns-container {
    display: none;
}
.pdp-hero-section .hero-section-left {
    width: 60%;
    padding-left: 42px;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-section-left {
        width: 40%;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .hero-section-left {
        padding-left: 0;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-section-right {
        display: flex;
        align-items: flex-start;
        justify-content: right;
        flex-flow: row;
        width: 40%;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .hero-section-right {
        width: 45%;
    }
}
.pdp-hero-section .hero-info-wrap.desktop-only {
    display: none;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-info-wrap.desktop-only {
        display: block;
    }
}
.pdp-hero-section .hero-info-wrap.mobile-only {
    display: block;
    margin-left: 42px;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-info-wrap.mobile-only {
        display: none;
    }
}
.pdp-hero-section .hero-headline {
    font-size: 3.125rem;
    line-height: 48px;
    padding-top: 19px;
    padding-bottom: 46px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #fff;
    text-align: left;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-headline {
        padding-top: 80px;
        line-height: 45px;
        padding-bottom: 22px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .hero-headline {
        padding-top: 100px;
        font-size: 4.125rem;
        line-height: 61px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .hero-headline {
        padding-top: 145px;
        font-size: 4.375rem;
        line-height: 65px;
    }

    .toast-lp .pdp-hero-section .hero-headline {
        padding-top: 50px;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-headline {
        padding-top: 50px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .hero-headline {
        font-size: 5.625rem;
        line-height: 85px;
        padding-bottom: 20px;
    }
}

.us-foods-immersion-event .pdp-section.white {
    height: 1px;
}
.pdp-hero-section .hero-eyebrow {
    width: 75%;
    font-size: 16px;
    padding: 12px 0;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.002em;
    color: #fff;
    text-align: left;
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-eyebrow {
        width: 250px;
        padding-bottom: 20px;
        font-size: 0.938rem;
        margin-left: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .hero-eyebrow {
        width: 400px;
        font-size: 1.125rem;
        padding-bottom: 31px;
        line-height: 24px;
    }

    .pdp-hero-section .wide-eyebrow {
        width: 93%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .hero-eyebrow {
        line-height: 28px;
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .hero-eyebrow {
        font-size: 1.25rem;
    }
}
.pdp-hero-section .hero-btns-container {
    display: flex;
    align-items: left;
    flex-flow: column;
    padding: 0 0 100px;
    margin-top: 30px;
    width: 100%;
}
@media only screen and (min-width: 374px) {
    .pdp-hero-section .hero-btns-container {
        align-items: center;
        flex-flow: row;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media only screen and (min-width: 484px) {
    .pdp-hero-section .hero-btns-container {
        padding: 30px 0 65px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-btns-container {
        margin-top: 40px;
        justify-content: left;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .hero-btns-container {
        margin-top: 0;
    }
}
.pdp-hero-section .product-hero-button {
    background: #2f48b0;
    color: #fff;
    font-weight: 400;
    margin-right: 20px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.pdp-hero-section .product-hero-button:focus-visible {
    outline: 2px solid #fd4f57;
}

.pdp-hero-section .white {
    background-color: #fff;
    color: #0F2032;
}

@media only screen and (min-width: 400px) {
    .pdp-hero-section .product-hero-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .product-hero-button {
        padding: 10px 33px;
    }
}
.pdp-hero-section .product-hero-button:focus-visible {
    outline: 2px solid #fd4f57;
}
text .pdp-hero-section .product-hero-button:hover {
    background-color: #dff4f4;
}
@media only screen and (min-width: 374px) {
    .pdp-hero-section .product-hero-button {
        margin-right: 25px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .product-hero-button {
        margin-right: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .product-hero-button {
        margin-right: 40px;
    }
}
.pdp-hero-section .pdp-hero-video-link {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    padding-bottom: 7px;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
}
.pdp-hero-section .pdp-hero-video-link:hover {
    color: #dff4f4;
    border-bottom: 1px solid #dff4f4;
}
@media only screen and (min-width: 374px) {
    .pdp-hero-section .pdp-hero-video-link {
        margin-top: 0;
    }
}
.pdp-hero-section .pdp-hero-order-food-link {
    background: #0e2033;
    border: solid #fff 1px;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.pdp-hero-section .pdp-hero-order-food-link:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pdp-hero-section .pdp-hero-order-food-link {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .pdp-hero-order-food-link {
        padding: 10px 33px;
    }
}
.pdp-hero-section .pdp-hero-order-food-link:hover {
    border: solid #dff4f4 1px;
    color: #dff4f4;
}
@media only screen and (min-width: 374px) {
    .pdp-hero-section .pdp-hero-order-food-link {
        margin-top: 0;
    }
}
.pdp-hero-section .hero-image {
    width: 100%;
    max-width: 500px;
    height: auto;
    position: relative;
    right: 12px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .pdp-hero-section .hero-image {
        padding: 80px 0 0;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-hero-section .hero-image {
        max-width: 320px;
        padding-top: 90px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-hero-section .hero-image {
        max-width: 537px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-hero-section .hero-image {
        padding-top: 50px;
        padding-left: 70px;
    }

    .toast-lp .pdp-hero-section .hero-image {
        max-width: 565px;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-image {
        max-width: 565px;
    }
}
.pdp-list-reveal-btn-repeater-section {
    background: #fff;
    padding-bottom: 80px;
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section {
        padding-bottom: 95px;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-second-button {
    display: block;
    width: 25px;
    height: 25px;
    margin-left: auto;
    background: linear-gradient(#0e2033, #0e2033), linear-gradient(#0e2033, #0e2033);
    background-repeat: no-repeat;
    background-position: center;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-second-button.plus-button {
    background-size: 100% 1px, 1px 100%;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-second-button.minus-button {
    margin-right: 2px;
    background-size: 100% 1px, 0 100%;
}
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-second-button,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-second-button {
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position: center;
}
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-second-button.plus-button,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-second-button.plus-button {
    background-size: 100% 1px, 1px 100%;
}
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-second-button.minus-button,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-second-button.minus-button {
    margin-right: 2px;
    background-size: 100% 1px, 0 100%;
}
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-more-info-link,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-more-info-link {
    color: #fff;
}
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-more-info-link .arrow,
.pdp-list-reveal-btn-repeater-section.fig .pdp-list-reveal-btn-repeater-more-info-link .arrow-up,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-more-info-link .arrow,
.pdp-list-reveal-btn-repeater-section.squid-ink .pdp-list-reveal-btn-repeater-more-info-link .arrow-up {
    border: solid #fff;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-container {
    max-width: 1071px;
    margin: 0 auto;
    padding: 50px 30px 13px;
    display: flex;
    flex-direction: column;
}
@media only screen and (min-width: 414px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-container {
        padding: 50px 35px 13px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-container {
        padding: 100px 40px 74px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-container {
        padding: 100px 20px 70px;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-copy {
    display: flex;
    flex-flow: column-reverse;
}
@media only screen and (min-width: 767px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-copy {
        flex-flow: row;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-copy .pdp-list-reveal-btn-repeater-header {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-copy .pdp-list-reveal-btn-repeater-header {
        font-size: 50px;
        line-height: 58px;
        width: 40%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-header-copy .pdp-list-reveal-btn-repeater-header {
        font-size: 65px;
        line-height: 72px;
        letter-spacing: -0.5px;
        width: 50%;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container {
    max-width: 1071px;
    margin: 0 auto;
    padding: 0 15px 0 35px;
}
@media only screen and (min-width: 414px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container {
        padding: 0 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container {
        padding: 0 50px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container {
        padding: 0;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item {
    border-top: 1px solid silver;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item:nth-child(1) {
    border-top: none;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container {
    display: flex;
    flex-flow: row;
    padding-top: 40px;
    width: 100%;
    margin-bottom: 35px;
    transition: 0.5s ease all;
    margin-bottom: 35px;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container.active {
    margin-bottom: 18px;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container .pdp-list-reveal-btn-repeater-first-copy {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    font-weight: 500;
    width: 95%;
}
@media only screen and (min-width: 1200px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container .pdp-list-reveal-btn-repeater-first-copy {
        font-size: 28px;
        line-height: 32px;
        width: 65%;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container .pdp-list-reveal-btn-repeater-second-button-container {
    width: 25%;
    margin-top: 5px;
}
@media only screen and (min-width: 414px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container .pdp-list-reveal-btn-repeater-second-button-container {
        margin: 3px 5px 3px 0;
        width: 15%;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-first-copy-container .pdp-list-reveal-btn-repeater-second-button-container {
        margin-top: 5px;
        margin-right: 2px;
        width: 35%;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-second-copy-container .pdp-list-reveal-btn-repeater-second-copy {
    display: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 36px;
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-second-copy-container .pdp-list-reveal-btn-repeater-second-copy {
        margin-bottom: 32px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-second-copy-container .pdp-list-reveal-btn-repeater-second-copy {
        margin-right: 30%;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-second-copy-container .pdp-list-reveal-btn-repeater-second-copy.active {
        margin-bottom: 22px;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .pdp-list-reveal-btn-repeater-list-item .pdp-list-reveal-btn-repeater-second-copy-container .pdp-list-reveal-btn-repeater-second-copy a {
    color: #2f48b0;
    text-decoration: underline;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-list-container .extra-second-copy {
    display: none;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container {
    display: flex;
    flex-flow: column;
    position: relative;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link {
    color: #000;
    font-size: 16.3px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 13px;
    margin-top: 100px;
    padding-left: 5px;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link.active {
    margin-top: 17px;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link .arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin: 3px 3px 3px 6px;
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link .arrow-up {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin: 3px 3px -3px 6px;
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link .arrow-up {
        margin: 3px 3px -2px 6px;
    }
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
@media only screen and (min-width: 1024px) {
    .pdp-list-reveal-btn-repeater-section .pdp-list-reveal-btn-repeater-more-info-link-container .pdp-list-reveal-btn-repeater-more-info-link {
        letter-spacing: 0.002em;
        font-size: 20px;
        line-height: 28px;
    }
}
.animated-card-slider-logo-controller-pdp {
    background: #fff;
    padding-bottom: 80px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp {
        padding-bottom: 95px;
    }
}
.animated-card-slider-logo-controller-pdp .section-header {
    max-width: 1071px;
    margin: 0 auto;
    padding: 65px 20px 74px;
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .animated-card-slider-logo-controller-pdp .section-header {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .section-header {
        padding: 87px 20px 144px;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-headline {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.01em;
    max-width: 620px;
}
@media only screen and (min-width: 1200px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-headline {
        max-width: 620px;
        font-size: 63px;
        line-height: 74px;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-header-copy {
    font-size: 16px;
    margin-top: 29px;
    line-height: 22px;
    margin-right: 60px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-header-copy {
        max-width: 610px;
        letter-spacing: 0.05em;
        margin-left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-header-copy {
        max-width: 670px;
        margin-top: 43px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.005em;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-slider-container {
    max-width: 630px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-slider-container {
        max-width: 1060px;
        display: flex;
        padding: 0 20px;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-slider-wrap {
    margin-bottom: 50px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-slider-wrap {
        margin-bottom: 0;
        max-width: 50%;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-slide {
    background: #eeedea;
    border-radius: 10px;
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-image {
    margin: 0 auto;
    padding: 2px 50px 0;
    width: 100%;
    box-sizing: border-box;
    max-width: 400px;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-image {
        padding: 0 12px;
    }
}
.animated-card-slider-logo-controller-pdp .icon-wrapper {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    display: block;
    position: absolute;
    top: 23px;
    right: 23px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .icon-wrapper {
        padding: 25px;
        border-radius: 20px;
        top: 36px;
        right: 41px;
    }
}
.animated-card-slider-logo-controller-pdp .icon-image {
    max-width: 25px;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .icon-image {
        max-width: inherit;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-info {
    position: relative;
    padding: 30px 32px;
    background: #0e2033;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-info {
        padding: 2.5em 2.9em 3em;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-name {
    font-size: 25px;
    font-weight: 500;
    line-height: 48px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-name {
        line-height: 79px;
        font-size: 40px;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-copy {
    line-height: 16px;
    font-size: 14px;
    margin-right: 80px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-copy {
        margin-top: 11px;
        margin-right: 115px;
        line-height: 25px;
        font-size: 16px;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-slider-wrap .slick-slide {
    margin: 0 5px;
    height: inherit !important;
    background-color: #0e2033;
    border-radius: 10px;
}
@media only screen and (min-width: 1200px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-slider-wrap .slick-slide {
        margin: 0;
    }
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-note {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-note {
        display: none;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-controller-wrap {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-controller-wrap {
        max-width: 39%;
        padding: 0;
        margin-left: auto;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-btn {
    background: #0e2033;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    margin-top: 44px;
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-btn:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-btn {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-btn {
        padding: 10px 33px;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-animated-card-slider-logo-controller-btn:hover {
    background: #1a3b5f;
}
.animated-card-slider-logo-controller-pdp .slick-track {
    display: flex;
}
.animated-card-slider-logo-controller-pdp .pdp-controller-link {
    margin-left: 40px;
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (min-width: 500px) {
    .animated-card-slider-logo-controller-pdp .pdp-controller-link {
        margin-left: 60px;
    }
}
@media only screen and (min-width: 767px) {
    .animated-card-slider-logo-controller-pdp .pdp-controller-link {
        margin-left: 120px;
    }
}
@media only screen and (min-width: 960px) {
    .animated-card-slider-logo-controller-pdp .pdp-controller-link {
        margin-left: 170px;
    }
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .pdp-controller-link {
        margin-left: 0;
    }
}
.animated-card-slider-logo-controller-pdp .pdp-controller-link .controller {
    width: auto;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.animated-card-slider-logo-controller-pdp .slick-dots {
    padding: 0;
    font-size: 0;
    margin: 0 auto;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.animated-card-slider-logo-controller-pdp .slick-dots::-webkit-scrollbar {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .slick-dots {
        padding: 0 0 0 40px;
    }
}
.animated-card-slider-logo-controller-pdp .slick-dots li {
    display: inline-block;
    height: auto;
    width: auto;
    margin-bottom: 35px;
    position: relative;
    vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li {
        display: block;
        margin-bottom: 40px;
    }
}
.animated-card-slider-logo-controller-pdp .slick-dots li:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: 13px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #0e2033;
}
@media only screen and (min-width: 500px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li:before {
        left: 30px;
    }
}
@media only screen and (min-width: 767px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li:before {
        left: 60px;
    }
}
@media only screen and (min-width: 960px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li:before {
        left: 147px;
    }
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li:before {
        left: -30px;
    }
}
.animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:before {
    background: #2f48b0;
}
.animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:after {
    content: "";
    border: 2px solid #248b0;
    position: absolute;
    left: 12px;
    top: 5px;
    border-radius: 100%;
    height: 15px;
    width: 15px;
}
@media only screen and (min-width: 500px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:after {
        left: 22px;
    }
}
@media only screen and (min-width: 767px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:after {
        left: 52px;
    }
}
@media only screen and (min-width: 960px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:after {
        left: 139px;
    }
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .slick-dots li.slick-active:after {
        left: -38px;
    }
}
.animated-card-slider-logo-controller-pdp .slick-dots li.slick-active .controller {
    filter: invert(0.1) sepia(5) saturate(5) hue-rotate(191deg);
}
.animated-card-slider-logo-controller-pdp .slick-arrow {
    background-color: #0e2033;
    border-radius: 100px;
    padding: 27px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    display: inline-block !important;
    border: 1px solid #fff;
}
.animated-card-slider-logo-controller-pdp .slick-arrow:hover {
    background-color: #1a3b5f;
}
.animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-arrows {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .animated-card-slider-logo-controller-pdp .animated-card-slider-logo-controller-arrows {
        display: block;
        text-align: center;
        margin-top: 32px;
    }
}
.animated-card-slider-logo-controller-pdp .next-arrow {
    background-image: url(../images/svg/blue-right-arrow.svg);
}
.animated-card-slider-logo-controller-pdp .prev-arrow {
    background-image: url(../images/svg/blue-left-arrow.svg);
}
.pdp-3-wide-slider {
    color: #fff;
}
@media only screen and (min-width: 767px) {
    .pdp-3-wide-slider, .image-headline-slider {
        padding-bottom: 65px;
    }
}
.pdp-3-wide-slider .section-span-alt {
    padding: 0;
}
.pdp-3-wide-slider .section-header, .image-headline-slider .section-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
    padding: 77px 20px 0 20px;
}
@media only screen and (min-width: 1024px) {
    .pdp-3-wide-slider .section-header, .image-headline-slider .section-header {
        padding: 124px 20px 0 20px;
    }
}
.pdp-3-wide-slider .section-headline, .image-headline-slider .section-headline {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 42px;
    line-height: 47px;
    margin-top: 18px;
    width: 80%;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-slider .section-headline, .image-headline-slider .section-headline {
        width: 60%;
        font-size: 65px;
        line-height: 65px;
        margin-top: 37px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-3-wide-slider .section-headline, .image-headline-slider .section-headline {
        width: 40%;
    }

    .toast-lp .pdp-3-wide-slider .section-headline {
        width: 55%
    }

    .us-foods-immersion-event .pdp-3-wide-slider .section-headline {
        width: 55%
    }
}

.chownow-toast-logos img {
    width: 344px;
    padding-top: 83px;
}

.pdp-3-wide-slider .sub-header-copy, .image-headline-slider .sub-header-copy {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 22px;
    margin-top: 25px;
    width: 90%;
}
@media only screen and (min-width: 767px) {
    .pdp-3-wide-slider .sub-header-copy, .image-headline-slider .sub-header-copy {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
    }
}
.pdp-3-wide-slider .pdp-3-wide-slider-wrap,  .image-headline-slider .image-headline-wrap {
    max-width: 1280px;
    margin: 65px 0 90px 40px;
    position: relative;
}




@media only screen and (min-width: 767px) {
    .pdp-3-wide-slider .pdp-3-wide-slider-wrap, .image-headline-slider .image-headline-wrap {
        margin: 95px auto 0;
    }

    .toast-lp .pdp-3-wide-slider .pdp-3-wide-slider-wrap, .image-headline-wrap {
       margin: 95px auto;
    }

    .us-foods-immersion-event .pdp-3-wide-slider .pdp-3-wide-slider-wrap, .image-headline-wrap {
        margin: 95px auto;
     }
}
.pdp-3-wide-slider .slick-list, .image-headline-slider .slick-list {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 50px 0 0;
}
@media only screen and (min-width: 1024px) {
    .pdp-3-wide-slider .slick-list{
        max-width: 880px;
        padding: 0;
    }

    .image-headline-slider .slick-list {
        max-width: 1000px;
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-slider .slick-list {
        max-width: 970px;
    }

    .image-headline-slider .slick-list {
        max-width: 1200px;
    }
}
.pdp-3-wide-slider .slick-track, .image-headline-slider .slick-track {
    display: flex;
}
.pdp-3-wide-slider .slick-track .slick-slide, .image-headline-slider .slick-track .slick-slide {
    margin: 0 14px;
    background-color: #fff;
    border-radius: 20px;
    height: inherit;
}
.pdp-3-wide-slider .pdp-3-wide-slider-info, .image-headline-slider-info .slick-list {
    color: #0e2033;
    margin-top: 12px;
    padding: 30px;
}
.pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-top .quote {
    color: #0e2033;
    font-size: 16px;
    line-height: 22px;
}
.pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-middle, .image-headline-slider .image-headline-slider-info .image-headline-slider-middle {
    margin-top: 130px;
}
@media only screen and (min-width: 1024px) {
    .pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-middle {
        margin-top: 115px;
    }
}
.pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-middle .author {
    color: #0e2033;
    position: absolute;
    bottom: 0;
    transform: translateY(-100px);
    font-size: 14px;
    line-height: 22px;
}

.toast-lp .pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-bottom .logo-image {
    max-height: 100px;
}

.us-foods-immersion-event .pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-bottom .logo-image {
    max-height: 100px;
}

.pdp-3-wide-slider .pdp-3-wide-slider-info .pdp-3-wide-slider-bottom .logo-image {
    position: absolute;
    bottom: 0;
    transform: translateY(-42px);
    max-height: 35px;
    aspect-ratio: attr(width) / attr(height);
}
.pdp-3-wide-slider .slick-arrow {
    background-color: #fff;
    border-radius: 100%;
    border: none;
    padding: 27px;
    background-position: center;
    position: absolute;
    top: 29%;
    margin-top: -13px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}

.image-headline-slider .slick-arrow {
    background-color: #fff;
    border-radius: 100%;
    border: none;
    padding: 27px;
    background-position: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}


.pdp-3-wide-slider .slick-arrow:hover, .image-headline-slider .slick-arrow:hover {
    background-color: #dff4f4;
}
.pdp-3-wide-slider .slick-prev, .image-headline-slider .slick-prev {
    background-image: url(../../dist/images/svg/blue-arrow-left.svg);
    left: 0;
}

.image-headline-slider .slick-prev {
    z-index: 1000;
}
.pdp-3-wide-slider .slick-next, .image-headline-slider .slick-next {
    background-image: url(../../dist/images/svg/blue-arrow-right.svg);
    right: 0;
}
.pdp-3-wide-slider .slick-dots {
    text-align: center;
    margin-top: 47px;
}
@media only screen and (min-width: 767px) {
    .pdp-3-wide-slider .slick-dots {
        margin-top: 71px;
    }
}
.pdp-3-wide-slider .slick-dots li {
    margin-right: 25px;
}
.pdp-3-wide-slider .slick-dots button:before {
    width: 15px;
    height: 15px;
    opacity: 0.2;
    background: #fff;
}
.pdp-3-wide-slider .slick-dots .slick-active button:before {
    opacity: 1;
}
.pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list p.toast-list-item-headline {
    color: #fff !important;
}

.pdp-animated-card-slider-controller-section.fondant .slick-slide.slick-current .animated-card-slider-controller-list p.list-item-headline,
.pdp-animated-card-slider-controller-section.white .slick-slide.slick-current .animated-card-slider-controller-list p.list-item-headline {
    color: #2f48b0;
}
.pdp-animated-card-slider-controller-section.fondant .slick-slide.slick-current .animated-card-slider-controller-list:before,
.pdp-animated-card-slider-controller-section.white .slick-slide.slick-current .animated-card-slider-controller-list:before {
    background: #2f48b0;
}
.pdp-animated-card-slider-controller-section.fondant .slick-slide.slick-current .animated-card-slider-controller-list:after,
.pdp-animated-card-slider-controller-section.white .slick-slide.slick-current .animated-card-slider-controller-list:after {
    border: 2px solid #2f48b0;
}
.pdp-animated-card-slider-controller-section.fig .slick-slide .animated-card-slider-controller-list,
.pdp-animated-card-slider-controller-section.squid-ink .slick-slide .animated-card-slider-controller-list {
    color: #fff;
}
.pdp-animated-card-slider-controller-section.fig .slick-slide .animated-card-slider-controller-list:before,
.pdp-animated-card-slider-controller-section.squid-ink .slick-slide .animated-card-slider-controller-list:before {
    background: #fff;
}
.pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list p.list-item-headline {
    color: #0e2033;
}
.pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:before {
    background: #0e2033;
}

.toast-lp .pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:before {
    background: #fff!important;
}

.us-foods-immersion-event .pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:before {
    background: #fff!important;
}

.toast-lp .pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:after {
border: 2px solid #fff;
}

.us-foods-immersion-event .pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:after {
    border: 2px solid #fff;
    }

.pdp-animated-card-slider-controller-section.fig .slick-slide.slick-current .animated-card-slider-controller-list:after {
    border: 2px solid #0e2033;
}
.pdp-animated-card-slider-controller-section .product-section {
    overflow: hidden;
    width: 100%;
}
.pdp-animated-card-slider-controller-section .product-section-container {
    max-width: 100%;
}
.pdp-animated-card-slider-controller-section .header-block {
    max-width: 1071px;
    margin: 0 auto;
    padding: 80px 20px 74px;
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .header-block {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .header-block {
        padding: 80px 20px 60px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .header-block {
        padding: 150px 20px 140px;
    }

    .pdp-animated-card-slider-controller-section .toast {
        padding: 120px 20px 50px;
    }
}
.pdp-animated-card-slider-controller-section .section-headline {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.01em;
    max-width: 620px;
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .section-headline {
        max-width: 620px;
        font-size: 63px;
        line-height: 74px;
    }
    .pdp-animated-card-slider-controller-section .toast-carousel {
        max-width: 465px;
    }
}
.pdp-animated-card-slider-controller-section .partners-header-copy {
    font-size: 16px;
    margin-top: 29px;
    line-height: 22px;
    margin-right: 60px;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .partners-header-copy {
        max-width: 610px;
        letter-spacing: 0.05em;
        margin-left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .partners-header-copy {
        max-width: 730px;
        margin-top: 27px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.005em;
    }
}
.pdp-animated-card-slider-controller-section .product-animated-card-slider-controller-content {
    max-width: 630px;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .product-animated-card-slider-controller-content {
        max-width: 1060px;
        display: flex;
        padding: 0 20px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-section-left {
        align-self: center;
        width: 100%;
        max-width: 39.5%;
        order: 2;
        margin-left: auto;
    }

    .toast-lp .pdp-animated-card-slider-controller-section .animated-card-slider-controller-section-left {
        max-width: 47%;
        margin-top: -147px;
    }

    .us-foods-immersion-event .pdp-animated-card-slider-controller-section .animated-card-slider-controller-section-left {
        max-width: 47%;
        margin-top: -147px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-section-right {
        width: 100%;
        width: 50%;
        order: 1;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-block {
    padding-bottom: 130px;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-block:nth-child(odd) {
        padding-bottom: 80px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-block:nth-child(odd) .product-animated-card-slider-controller-content .animated-card-slider-controller-section-right {
        order: 2;
        margin-left: auto;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-block:nth-child(odd) .product-animated-card-slider-controller-content .animated-card-slider-controller-section-left {
        order: 1;
        max-width: 45%;
        margin-left: 0;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline {
    font-size: 35px;
    line-height: 38px;
    letter-spacing: -0.01em;
    margin-right: 20px;
    margin-bottom: 50px;
    padding: 0 20px;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline.mobile-only {
    display: block;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline.mobile-only {
        display: none;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline.desktop-only {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline.desktop-only {
        display: block;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-headline {
        font-size: 40px;
        line-height: 44px;
        padding: 0;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller {
    padding: 0 20px;
    margin-top: 48px;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller {
        padding: 0;
        margin-top: 0;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-track {
    width: 100% !important;
    transform: none !important;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-slide {
    float: none;
    display: block;
    width: auto !important;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-slide:hover {
    cursor: pointer;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-slide .list-item-description {
    display: none;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-current .animated-card-slider-controller-list {
    font-weight: 500;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-current .animated-card-slider-controller-list:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 5px;
    border-radius: 100%;
    height: 15px;
    width: 15px;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list-controller .slick-current .list-item-description {
    display: block;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.002em;
    padding-bottom: 9px;
    position: relative;
    padding-left: 40px;
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list {
        padding-bottom: 24px;
        max-width: 90%;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list {
        max-width: 100%;
    }

    .pdp-animated-card-slider-controller-section .toast-controller-list {
        padding-bottom: 18px;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    display: block;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-list .list-item-description {
    width: 75%;
    font-weight: 500;
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list .list-item-description {
        padding-top: 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list .list-item-description {
        width: 80%;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-list .list-item-description {
        padding-top: 13px;
    }
}
.pdp-animated-card-slider-controller-section .info-button-wrap {
    padding-top: 0;
    padding-left: 20px;
    padding-top: 33px;
}
@media only screen and (min-width: 767px) {
    .pdp-animated-card-slider-controller-section .info-button-wrap {
        padding-top: 25px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .info-button-wrap {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-animated-card-slider-controller-section .info-button-wrap {
        margin-top: 38px;
        padding-left: 0;
    }

    .toast-lp .pdp-animated-card-slider-controller-section .info-button-wrap {
        margin-top: 0;
    }

    .us-foods-immersion-event .pdp-animated-card-slider-controller-section .info-button-wrap {
        margin-top: 0;
    }
    
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button {
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #0e2033;
    font-weight: 500;
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.white {
    background-color: #fff;
    color: #000;
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.fig {
    background-color: #2f48b0;
    color: #fff;
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button {
        padding: 10px 33px;
    }
}
.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button:hover {
    background-color: #1a3b5f;
}

.toast-lp .pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button:hover {
    background-color: #fff;
}

.us-foods-immersion-event.pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button:hover {
    background-color: #fff;
}

.toast-lp .pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.white {
    color: #0F2032;
}

.us-foods-immersion-event .pdp-animated-card-slider-controller-section .info-button-wrap .product-animated-card-slider-controller-info-button.white {
    color: #0F2032;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
    width: 100%;
    border-radius: 3%;
    padding: 30px;
    box-sizing: border-box;
}

.toast-lp .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
    padding: 0;
}

.us-foods-immersion-event .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
    padding: 0;
}

@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
        padding: 50px;
    }

    .toast-lp .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
        padding: 0px;
    }

    .us-foods-immersion-event .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container {
        padding: 0px;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.fondant {
    background-color: #eeedea;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.fondant * {
    color: #000;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.white {
    background-color: #fff;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.white * {
    color: #000;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.squid-ink {
    background-color: #0e2033;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.squid-ink * {
    color: #fff;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.fig {
    background-color: #2f48b0;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .animated-card-slider-controller-image-container.fig * {
    color: #fff;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .slick-slide {
    margin: 0 5px;
    height: inherit;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .slick-list {
    padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .slick-list {
        padding: 0;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-slider .slick-track {
    display: flex;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-image-wrap .animated-card-slider-controller-image {
    margin: 0 auto;
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap {
    margin-top: 60px;
    color: #fff;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap.dark {
    color: #0e2033;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap .animated-card-slider-controller-header {
    font-weight: 500;
    font-size: 19px;
    line-height: 37px;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap .animated-card-slider-controller-header {
        font-size: 32px;
        line-height: 60px;
    }
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap .animated-card-slider-controller-copy {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.002em;
    min-height: 48px;
}
@media only screen and (min-width: 1200px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-text-wrap .animated-card-slider-controller-copy {
        font-size: 16px;
        line-height: 26px;
        min-height: 80px;
    }
}
.pdp-animated-card-slider-controller-section .slick-arrow {
    background-color: #0e2033;
    border-radius: 100px;
    padding: 27px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    display: inline-block !important;
    border: 1px solid #fff;
    cursor: pointer;
    margin: 0 3px;
}
.pdp-animated-card-slider-controller-section .slick-arrow:hover {
    background-color: #1a3b5f;
}
.pdp-animated-card-slider-controller-section .animated-card-slider-controller-arrows {
    display: none;
}
@media only screen and (min-width: 1024px) {
    .pdp-animated-card-slider-controller-section .animated-card-slider-controller-arrows {
        display: block;
        text-align: center;
        margin-top: 32px;
    }
}
.pdp-animated-card-slider-controller-section .slick-next {
    background-image: url(../images/svg/blue-right-arrow.svg);
}
.pdp-animated-card-slider-controller-section .slick-prev {
    background-image: url(../images/svg/blue-left-arrow.svg);
}
.pdp-text-btn-block-section {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdp-text-btn-block-section.fondant .pdp-text-btn-block-section-container,
.pdp-text-btn-block-section.white .pdp-text-btn-block-section-container {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}
.pdp-text-btn-block-section.fig .pdp-text-btn-block-section-container,
.pdp-text-btn-block-section.squid-ink .pdp-text-btn-block-section-container {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.pdp-text-btn-block-section .pdp-text-btn-block-section-container {
    padding: 50px 20px;
    width: 100%;
    max-width: 1280px;
}
.pdp-text-btn-block-section .section-span-alt {
    text-align: center;
    padding-bottom: 30px;
    padding-left: 0;
}
.pdp-text-btn-block-section .text-btn-block-description {
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    padding-bottom: 45px;
    max-width: 300px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .pdp-text-btn-block-section .text-btn-block-description {
        font-size: 40px;
        line-height: 44px;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-text-btn-block-section .text-btn-block-description {
        max-width: 656px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-text-btn-block-section .text-btn-block-description {
        padding-bottom: 65px;
    }
}
.pdp-text-btn-block-section .text-btn-block-button-wrap {
    padding: 30px 0 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button {
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #0e2033;
    font-weight: 500;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button.white {
    background-color: #fff;
    color: #000;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button.fig {
    background-color: #2f48b0;
    color: #fff;
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button {
        padding: 10px 33px;
    }
}
.pdp-text-btn-block-section .text-btn-block-button-wrap .product-text-btn-block-button:hover {
    background-color: #1a3b5f;
}
.pdp-2-col-block-repeater-section {
    position: relative;
}
.pdp-2-col-block-repeater-section.fig .product-2-col-block-repeater-copy a,
.pdp-2-col-block-repeater-section.fig .product-2-col-block-repeater-item-copy a,
.pdp-2-col-block-repeater-section.squid-ink .product-2-col-block-repeater-copy a,
.pdp-2-col-block-repeater-section.squid-ink .product-2-col-block-repeater-item-copy a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.pdp-2-col-block-repeater-section.fondant .product-2-col-block-repeater-copy a,
.pdp-2-col-block-repeater-section.fondant .product-2-col-block-repeater-item-copy a,
.pdp-2-col-block-repeater-section.white .product-2-col-block-repeater-copy a,
.pdp-2-col-block-repeater-section.white .product-2-col-block-repeater-item-copy a {
    color: #000;
    border-bottom: 1px solid #000;
}
.pdp-2-col-block-repeater-section .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 45px 20px 0 20px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-block-repeater-section .content-container {
        padding: 100px 20px 0 20px;
    }
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title {
        margin: 0 20px;
    }
}
.pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title-header {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 10px;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title-header {
        margin-top: 70px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title-header {
        flex-direction: row;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title-header {
        max-width: 1065px;
        margin: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-title-description {
        max-width: 1065px;
        margin: auto;
    }
}
.pdp-2-col-block-repeater-section .product-2-col-block-repeater-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-title {
        max-width: 400px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-title {
        font-size: 50px;
        line-height: 58px;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-title {
        font-size: 65px;
        line-height: 72px;
        letter-spacing: -0.5px;
        max-width: 660px;
    }
}
.pdp-2-col-block-repeater-section p.product-2-col-block-repeater-copy {
    font-size: 16px;
    line-height: 22px;
    margin-top: 24px;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section p.product-2-col-block-repeater-copy {
        font-size: 18px;
        line-height: 26px;
        margin: 30px 0;
        max-width: 70%;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-block-repeater-section p.product-2-col-block-repeater-copy {
        margin: 24px 0;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section p.product-2-col-block-repeater-copy {
        font-size: 20px;
        line-height: 30px;
        max-width: 770px;
    }
}
.pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-list {
    margin: 75px auto 0;
    text-align: center;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-list {
        max-width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-list {
        max-width: 83%;
        margin: 130px auto 0;
    }
}
.pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item {
    margin: 0 auto;
    padding-bottom: 55px;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item:last-of-type {
        padding-bottom: 110px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item:nth-last-child(2) {
        padding-bottom: 110px;
    }
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item {
        max-width: 410px;
        padding-bottom: 75px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item {
        width: 40%;
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item {
        width: 48%;
        max-width: 650px;
        padding-bottom: 130px;
    }
}
.pdp-2-col-block-repeater-section .pdp-2-col-block-repeater-item-icon {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-top: 32px;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-title {
        font-size: 26px;
        line-height: 32px;
        margin-top: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-title {
        font-size: 32px;
        line-height: 60px;
        margin-top: 28px;
        letter-spacing: -0.01em;
    }
}
.pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-copy {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
    letter-spacing: -0.01em;
}
.pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-copy a {
    cursor: pointer;
}
.pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-copy a:hover {
    opacity: 0.9;
    transition: 0.3s;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-copy {
        font-size: 18px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-block-repeater-section .product-2-col-block-repeater-item-copy {
        font-size: 20px;
        line-height: 28px;
        padding: 0 26px;
    }
}
.pdp-5-wide-img-row-section {
    padding: 50px 20px 25px;
}
@media only screen and (min-width: 767px) {
    .pdp-5-wide-img-row-section {
        padding: 90px 20px 20px;
    }
}
.pdp-5-wide-img-row-section .pdp-5-wide-img-row-section-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}
@media only screen and (min-width: 500px) {
    .pdp-5-wide-img-row-section .pdp-5-wide-img-row-section-title {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-5-wide-img-row-section .pdp-5-wide-img-row-section-title {
        font-size: 65px;
        line-height: 72px;
        letter-spacing: -1px;
        margin-bottom: 55px;
    }
}
.pdp-5-wide-img-row-section .pdp-5-wide-img-row-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1000px;
    margin: auto;
}
.pdp-5-wide-img-row-section .pdp-5-wide-img-row-list-item {
    padding: 15px 0;
    width: 33.33%;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 767px) {
    .pdp-5-wide-img-row-section .pdp-5-wide-img-row-list-item {
        width: auto;
    }
}
.pdp-5-wide-img-row-section .pdp-5-wide-img-row-logo {
    height: 15px;
    margin: auto;
}
@media only screen and (min-width: 500px) {
    .pdp-5-wide-img-row-section .pdp-5-wide-img-row-logo {
        height: 17px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-5-wide-img-row-section .pdp-5-wide-img-row-logo {
        height: 20px;
    }
}
.pdp-media {
    width: 100%;
    background-color: #eeedea;
}
.pdp-media .w-chrome {
    border-radius: 17px;
}
.pdp-media .wistia_preview_image {
    display: none;
}
.pdp-media .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 25px 20px 25px;
}
@media only screen and (min-width: 1024px) {
    .pdp-media .content-container {
        padding: 95px 20px 20px;
    }
}
.pdp-media .pdp-media-container {
    position: relative;
    width: 100%;
    transition: max-height 0.6s ease-in-out;
    z-index: 1;
}
.pdp-media .pdp-mp4 video {
    width: 100%;
    border-radius: 20px;
}
.pdp-media .hero-play-button-cover {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.pdp-media .hero-play-button-cover:hover .hero-play-button-wrap {
    background-color: #dff4f4;
    border-color: #dff4f4;
}
.pdp-media .hero-play-button-cover:hover .hero-play-button path {
    fill: #0e2033;
}
.pdp-media .hero-play-button-cover .pdp-cover-image {
    height: 100%;
}
.pdp-media .hero-play-button-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -19px;
    border: 1px solid #2f48b0;
    padding: 10px 26px;
    border-radius: 70px;
    background-color: #2f48b0;
}
@media only screen and (min-width: 667px) {
    .pdp-media .hero-play-button-wrap {
        margin-left: -53px;
        margin-top: -29px;
        padding: 19px 41px;
    }
}
@media only screen and (min-width: 992px) {
    .pdp-media .hero-play-button-wrap {
        margin-left: -67px;
        margin-top: -39px;
        padding: 26px 53px;
    }
}
.pdp-media .hero-play-button {
    width: 16px;
    height: 15px;
    display: block;
}
@media only screen and (min-width: 667px) {
    .pdp-media .hero-play-button {
        width: 20px;
        height: 19px;
    }
}
@media only screen and (min-width: 992px) {
    .pdp-media .hero-play-button {
        width: 26px;
        height: 25px;
    }
}
.pdp-media .pdp-media-content {
    margin: 0 auto;
}
.pdp-media #pdp-2-col-block-repeater-cover-image {
    height: 100%;
}
.pdp-media #pdp-2-col-block-repeater-cover-image.pdp-image-only .pdp-cover-image {
    max-width: 100% !important;
    overflow: hidden;
}
.pdp-3-wide-cards {
    position: relative;
    padding-bottom: 50px;
}
.pdp-3-wide-cards .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 52px 20px 0 20px;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .content-container {
        padding: 96px 20px 0 20px;
    }
}
.pdp-3-wide-cards .content-container.fondant .pdp-3-wide-cards-item-link * {
    color: #000;
}
.pdp-3-wide-cards .pdp-3-wide-cards-title-header {
    display: flex;
    justify-content: space-between;
    margin: 0 20px 0;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-title-header {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-title-header {
        margin: 0 auto 0;
        max-width: 1070px;
    }

    .toast-lp .pdp-3-wide-cards .pdp-3-wide-cards-title {
        max-width: 100%;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-title {
        max-width: 600px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-title {
        font-size: 65px;
        line-height: 72px;
        max-width: 820px;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-title-description {
    margin: 0 20px;
    padding-bottom: 57px;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-title-description {
        padding-bottom: 0;
        max-width: 1070px;
        margin: 35px auto 0;
    }

    .toast-lp .pdp-3-wide-cards .pdp-3-wide-cards-title-description {
        margin: 0px auto;
    }

    .us-foods-immersion-event .pdp-3-wide-cards .pdp-3-wide-cards-title-description {
        margin: 0px auto;
    }
}
.pdp-3-wide-cards p.pdp-3-wide-cards-title-copy {
    font-size: 16px;
    line-height: 22px;
    margin-top: 11px;
    max-width: 360px;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards p.pdp-3-wide-cards-title-copy {
        font-size: 18px;
        line-height: 26px;
        margin-top: 11px;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards p.pdp-3-wide-cards-title-copy {
        font-size: 20px;
        line-height: 28px;
        max-width: 750px;
    }
}
.pdp-3-wide-cards .content-container.pdp-3-wide-cards-slider {
    padding: 0;
    overflow: scroll;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards .content-container.pdp-3-wide-cards-slider {
        padding: 0 20px;
        overflow: auto;
        max-width: 1310px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-list {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-list {
        margin: 110px 0 0;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-slider-inner .slick-slide {
    margin: 0 10px;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-list-center {
        justify-content: center;
    }

    .toast-lp .pdp-3-wide-cards .pdp-3-wide-cards-list {
        margin: 65px 0 0;
    }

    .us-foods-immersion-event .pdp-3-wide-cards .pdp-3-wide-cards-list {
        margin: 65px 0 0;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-item {
    background-color: #fff;
    border-radius: 20px 20px 10px 10px;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item {
        max-width: 414px;
        margin: 0 auto 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item {
        max-width: 100%;
        width: 32.3%;
        margin: 0 0.5% 1% 0.5%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item-long {
        width: 49%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item-long .pdp-3-wide-cards-item-copy {
        height: 110px;
    }
}

.three-wide-button {
    background-color: #fff;
    color: #2f48b0;
    padding: 10px 33px;
    font-weight: 500;
    line-height: 27px;
    border-radius: 30px;
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 75px;
    display: block;
    overflow: hidden;
}

.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap {
    padding: 20px 20px 35px;
    border-radius: 20px 20px 10px 10px;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fondant {
    background-color: #eeedea;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fondant * {
    color: #000;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fondant .pdp-3-wide-cards-item-link {
    border-bottom: 2px solid #000;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.white {
    background-color: #fff;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.white * {
    color: #000;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.white .pdp-3-wide-cards-item-link {
    border-bottom: 2px solid #000;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.squid-ink {
    background-color: #0e2033;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.squid-ink * {
    color: #fff;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.squid-ink .pdp-3-wide-cards-item-link {
    border-bottom: 2px solid #fff;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fig {
    background-color: #2f48b0;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fig * {
    color: #fff;
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-wrap.fig .pdp-3-wide-cards-item-link {
    border-bottom: 2px solid #fff;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item-wrap {
        padding: 40px 50px 73px;
    }

    .toast-lp .pdp-3-wide-cards .pdp-3-wide-cards-item-wrap {
        padding: 40px 50px;
    }
}
.pdp-3-wide-cards img.pdp-3-wide-cards-item-image {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
    border-radius: 10px 10px 0 0;
}
.pdp-3-wide-cards h4.pdp-3-wide-cards-item-title {
    font-size: 20px;
    font-weight: 600;
}

.toast-lp .pdp-3-wide-cards h4.pdp-3-wide-cards-item-title {
    font-size: 24px;
}

.us-foods-immersion-event .pdp-3-wide-cards h4.pdp-3-wide-cards-item-title {
    font-size: 24px;
}


@media (min-width: 1341px) {
    .pdp-3-wide-cards h4.pdp-3-wide-cards-item-title {
        font-size: 28px;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-item-description {
    margin-top: 16px;
    min-height: 140px;
}

@media only screen and (max-width: 750px) {
    .toast-lp .three-wide-button-container {
        display: none;
    }
    
    .toast-lp .three-wide-button-container-mobile {
        display: block;
        width: 160px;
        margin: 0 auto;
        overflow: hidden;
    }

    .us-foods-immersion-event .three-wide-button-container-mobile {
        display: block;
        width: 160px;
        margin: 0 auto;
        overflow: hidden;
    }

    .toast-lp .pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors .content-container {
        padding-bottom:0;
    }

    .us-foods-immersion-event .pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors .content-container {
        padding-bottom:0;
    }
}

@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-item-description {
        margin-top: 18px;
        min-height: auto;
    }

    .toast-lp .three-wide-button-container {
        margin: 0 auto; 
        max-width: 155px;
    }

    .us-foods-immersion-event .three-wide-button-container {
        margin: 0 auto; 
        max-width: 155px;
    }

    .toast-lp .three-wide-button-container-mobile {
        display: none;
    }

    .us-foods-immersion-event .three-wide-button-container-mobile {
        display: none;
    }
}
.pdp-3-wide-cards p.pdp-3-wide-cards-item-copy {
    font-size: 16px;
    line-height: 22px;
    height: 109px;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards p.pdp-3-wide-cards-item-copy {
        line-height: 26px;
        height: 75px;
        padding-bottom: 20px;
    }
}
.pdp-3-wide-cards a.pdp-3-wide-cards-item-link {
    color: #0e2033;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #0e2033;
}
.pdp-3-wide-cards a.pdp-3-wide-cards-item-link:hover {
    opacity: 0.9;
}
@media only screen and (min-width: 1200px) {
    .pdp-3-wide-cards a.pdp-3-wide-cards-item-link {
        font-size: 19px;
        border-bottom: 2px solid #0e2033;
        padding-bottom: 7px;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors {
    display: block;
}
@media only screen and (min-width: 500px) {
    .pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors {
        display: none;
    }
}
.pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 52px 20px 52px 20px;
}
.pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors .slick-slide {
    width: 100% !important;
}
.pdp-3-wide-cards ul.pdp-3-wide-cards-anchors {
    padding-left: 17px;
}
.pdp-3-wide-cards .pdp-3-wide-cards-anchor-link {
    color: #8c8c8e;
    font-size: 18px;
    line-height: 35px;
    cursor: pointer;
}
.pdp-3-wide-cards .slick-current .pdp-3-wide-cards-anchor-link {
    color: #2f48b0;
    font-weight: 700;
}
.pdp-3-wide-cards .pdp-3-wide-cards-anchor-link:before {
    content: "•";
    font-size: 11px;
    vertical-align: top;
    margin-right: 24px;
    border: 2px solid transparent;
    border-radius: 100px;
    padding: 2px 6px;
}
.pdp-3-wide-cards .slick-current .pdp-3-wide-cards-anchor-link:before {
    border: 2px solid #2f48b0;
}
.pdp-3-wide-cards .pdp-3-wide-cards-mobile-anchors .slick-track {
    width: 100% !important;
}
.pdp-btn-card-repeater {
    background-color: #fff;
    position: relative;
}
.pdp-btn-card-repeater .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 20px 50px 20px;
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .content-container {
        padding: 153px 20px 100px 20px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-title-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.pdp-btn-card-repeater .btn-card-repeater-title-section .btn-card-repeater-title {
    width: 70%;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: center;
}
@media only screen and (min-width: 1024px) {
    .pdp-btn-card-repeater .btn-card-repeater-title-section .btn-card-repeater-title {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .btn-card-repeater-title-section .btn-card-repeater-title {
        font-size: 65px;
        line-height: 72px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-image {
    width: 90%;
    padding: 10% 5% 0 5%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.pdp-btn-card-repeater .btn-card-repeater-list {
    margin-top: 43px;
}
@media only screen and (min-width: 767px) {
    .pdp-btn-card-repeater .btn-card-repeater-list {
        margin-top: 68px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .btn-card-repeater-list {
        margin-top: 90px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card {
    background-color: #eeedea;
    border-radius: 10px;
    margin: 0 5px 20px;
}
.pdp-btn-card-repeater .btn-card-repeater-card.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-btn-card-repeater .btn-card-repeater-card.white {
    background-color: #fff;
    color: #000;
}
.pdp-btn-card-repeater .btn-card-repeater-card.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-btn-card-repeater .btn-card-repeater-card.fig {
    background-color: #2f48b0;
    color: #fff;
}
@media only screen and (min-width: 500px) {
    .pdp-btn-card-repeater .btn-card-repeater-card {
        max-width: 410px;
        margin: 0 auto 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-btn-card-repeater .btn-card-repeater-card {
        max-width: 454px;
        margin: 0 10px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-wrap {
    padding: 30px 35px 43px;
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-wrap {
        padding: 46px 49px 77px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-title {
    font-size: 24px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-title {
        font-size: 32px;
        line-height: 32px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-copy {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin: 22px 0 35px;
}
@media only screen and (min-width: 500px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-copy {
        font-size: 18px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-copy {
        font-size: 20px;
        line-height: 28px;
        margin: 24px 0 46px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-link {
    font-weight: 400;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.pdp-btn-card-repeater .btn-card-repeater-card-link.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-btn-card-repeater .btn-card-repeater-card-link.white {
    background-color: #fff;
    color: #000;
}
.pdp-btn-card-repeater .btn-card-repeater-card-link.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-btn-card-repeater .btn-card-repeater-card-link.fig {
    background-color: #2f48b0;
    color: #fff;
}
.pdp-btn-card-repeater .btn-card-repeater-card-link:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-link {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-btn-card-repeater .btn-card-repeater-card-link {
        padding: 10px 33px;
    }
}
.pdp-btn-card-repeater .btn-card-repeater-card-link:hover {
    background-color: #1a3b5f;
}
.pdp-2-col-btn-slider-left-img-right {
    background-color: #2f48b0;
    position: relative;
    color: #fff;
}
.pdp-2-col-btn-slider-left-img-right .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-btn-slider-left-img-right .content-container {
        display: flex;
        justify-content: space-between;
    }

    .toast-lp .mobile-image {
        display: none;
    }

    .us-foods-immersion-event .mobile-image {
        display: none;
    }
}
.pdp-2-col-btn-slider-left-img-right.fondant .pdp-2-col-btn-slider-left-img-right-divider,
.pdp-2-col-btn-slider-left-img-right.white .pdp-2-col-btn-slider-left-img-right-divider {
    background-color: #000;
}
.pdp-2-col-btn-slider-left-img-right.fig .pdp-2-col-btn-slider-left-img-right-button {
    color: #2f48b0;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
    padding: 50px 0 90px;
}




@media only screen and (max-width: 767px) {
    .chownow-toast-logos img {
        width: 214px;
    }

    .toast-lp .pdp-hero-section .hero-section-left {
        width: 75%;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-section-left {
        width: 75%;
    }

    .toast-lp .pdp-hero-section .hero-image {
        display: none;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-image {
        display: none;
    }

    .toast-lp .pdp-hero-section .hero-headline {
        padding-bottom: 10px;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-headline {
        padding-bottom: 10px;
    }

    .toast-lp .pdp-hero-section .hero-btns-container {
        padding: 0;
    }

    .us-foods-immersion-event .pdp-hero-section .hero-btns-container {
        padding: 0;
    }

    .toast-lp .pdp-hero-section .product-hero-content {
        padding-bottom: 45px;
    }

    .us-foods-immersion-event .pdp-hero-section .product-hero-content {
        padding-bottom: 45px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right-left ul {
        list-style-type: disc;
        padding-left: 43px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right-left ul {
        list-style-type: disc;
        padding-left: 43px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-top: 10px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-top: 50px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
        padding: 30px 0 0 16px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
        padding: 30px 0 0 16px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-image {
        display: none;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-image {
        display: block;
    }

    .toast-lp .mobile-image {
        display: block;
        max-width: 100%;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .us-foods-immersion-event .mobile-image {
        display: block;
        max-width: 100%;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .chownow-toast-logos img {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-bottom: 0px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-bottom: 0px;
    }
}



.toast-lp .pdp-2-col-btn-slider-left-img-right-left li {
    padding-bottom: 15px;
}

.us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right-left li {
    padding-bottom: 15px;
}

@media only screen and (min-width: 767px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        width: 48%;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding: 100px 0 97px 86px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-top: 80px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-left {
        padding-top: 80px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right-left ul {
        list-style-type: disc;
        padding-left: 55px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right-left ul {
        list-style-type: disc;
        padding-left: 55px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right-left li {
        padding-bottom: 15px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right-left li {
        padding-bottom: 15px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-single {
    padding: 15px 0 15px 20px;
    display: flex;
    align-items: baseline;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-single .pdp-2-col-btn-slider-left-img-right-single-option {
    font-size: 35px;
    line-height: 56px;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-single .pdp-2-col-btn-slider-left-img-right-single-option-span {
    font-size: 20px;
    margin-left: 5px;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-track {
    display: flex;
    width: 100% !important;
    border-radius: 20px;
    margin: 30px 20px 0;
    background-color: #fff;
    max-width: 250px;
    transform: none !important;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-track {
        max-width: 280px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-track {
        max-width: 300px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-slide {
    width: 100% !important;
    text-align: center;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .pdp-multi-option-anchor-link {
    font-size: 12px;
    color: #0e2033;
    cursor: pointer;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .pdp-multi-option-anchor-link {
        font-size: 14px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor {
    border-radius: 20px;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.fondant {
    background-color: #eeedea;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.fondant a {
    color: #000;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.white {
    background-color: #fff;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.white a {
    color: #000;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.squid-ink {
    background-color: #0e2033;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor.fig {
    background-color: #2f48b0;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-plan-multi-nav .slick-current .pdp-multi-option-anchor-link {
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-divider {
    height: 1px;
    background-color: #fff;
    margin: 34px 20px;
    max-width: 425px;
}

.toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-divider {
    display: none;
}

.us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-divider {
    display: none;
}

.pdp-2-col-btn-slider-left-img-right p.pdp-2-col-btn-slider-left-img-right-subcopy {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px 0;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-btn-slider-left-img-right p.pdp-2-col-btn-slider-left-img-right-subcopy {
        font-size: 18px;
        line-height: 26px;
        max-width: 460px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    padding: 10px 0 0 20px;
    max-width: 340px;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-title {
        font-size: 65px;
        line-height: 72px;
        max-width: 100%;
        padding: 17px 0 0 20px;
        letter-spacing: -0.5px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-title {
        max-width: 75%;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-title {
        max-width: 75%;
    }
}
.pdp-2-col-btn-slider-left-img-right .multi-option-item-text {
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    margin: 33px 50px 30px 20px;
}
.pdp-2-col-btn-slider-left-img-right .multi-option-item-text .large {
    font-size: 35px;
}
.pdp-2-col-btn-slider-left-img-right .multi-option-item-text .copy {
    display: block;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .multi-option-item-text .copy {
        display: inline-block;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .multi-option-item-text .copy::before {
        content: "|";
        margin-right: 5px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-copy {
    font-size: 16px;
    line-height: 22px;
    padding: 0 20px;
    letter-spacing: -0.4px;
}
@media only screen and (min-width: 500px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-copy {
        font-size: 18px;
        line-height: 26px;
        padding: 0 20px 0 20px;
        max-width: 460px;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-copy {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.05px;
        max-width: 420px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
    padding: 86px 0 0 16px;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
        padding: 88px 0 0 24px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
        padding: 10px 0 0 24px;
    }

    .us-foods-immersion-event .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-links {
        padding: 10px 0 0 24px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button {
    font-weight: 500;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button.white {
    background-color: #fff;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button.fig {
    background-color: #2f48b0;
    color: #fff;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button {
        padding: 10px 33px;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-button:hover {
    background-color: #dff4f4;
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-right {
    padding-bottom: 75px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-right {
        display: flex;
        width: 48%;
        align-items: center;
        align-content: center;
    }
}
.pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-image {
    width: 100%;
    max-width: 460px;
    margin: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-image {
        max-width: 525px;
        margin: -20px 0 0 -30px;
    }

    .toast-lp .pdp-2-col-btn-slider-left-img-right .pdp-2-col-btn-slider-left-img-right-image {
        margin-top: 185px;
    }
}
.get-two-demo.pdp_demo {
    margin-top: 0;
    background: #fff;
}

.toast-lp .get-two-demo.pdp_demo:after {
    background-color: #fff;
}

.us-foods-immersion-event .get-two-demo.pdp_demo:after {
    background-color: #fff;
}

.toast-lp .get-two-demo.pdp_demo {
    padding-top: 65px;
}

.us-foods-immersion-event .get-two-demo.pdp_demo {
    padding-top: 65px;
}

.get-two-demo.pdp_demo:after {
    bottom: auto;
    top: 0;
    background: #eeedea;
}
.get-two-demo.pdp_demo.squidink:after {
    background: #0e2033;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.pdp_demo .column-left {
        margin: 0 5% 0 0;
    }
}
.get-two-demo.pdp_demo .column-left h3 {
    font-size: 40px;
    line-height: 40px;
}
@media only screen and (min-width: 767px) {
    .get-two-demo.pdp_demo .column-left h3 {
        font-size: 40px;
        line-height: 40px;
    }
}
@media only screen and (min-width: 1160px) {
    .get-two-demo.pdp_demo .column-left h3 {
        font-size: 50px;
        line-height: 50px;
    }
}
.pdp-2-col-text-right-repeater-section.fig .pdp-2-col-text-right-repeater-copy a,
.pdp-2-col-text-right-repeater-section.squid-ink .pdp-2-col-text-right-repeater-copy a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.pdp-2-col-text-right-repeater-section.fondant .pdp-2-col-text-right-repeater-copy a,
.pdp-2-col-text-right-repeater-section.white .pdp-2-col-text-right-repeater-copy a {
    color: #000;
    border-bottom: 1px solid #000;
}
.pdp-2-col-text-right-repeater-section .content-container {
    padding: 0 28px;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-block {
    max-width: 1068px;
    margin: 0 auto;
    padding: 49px 3px 50px;
    border-bottom: 1px solid #979797;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-block {
        padding: 49px 33px 80px;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-block {
        padding: 104px 110px 110px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-block:last-child {
    border-bottom: none;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-header-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-header-wrap {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-header-wrap {
        max-width: 1070px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-header-wrap .pdp-2-col-text-right-repeater-headline {
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.01em;
    max-width: 420px;
    font-weight: 500;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-header-wrap .pdp-2-col-text-right-repeater-headline {
        font-size: 65px;
        line-height: 60px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap {
    margin-top: 28px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-image-wrap {
        max-width: 50%;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-image {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy-wrap {
        max-width: 43.3%;
        margin-left: auto;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-title {
    font-size: 30px;
    line-height: 33px;
    letter-spacing: -0.01em;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-title {
        font-size: 32px;
        line-height: 35px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy {
    margin-top: 30px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy {
        margin-top: 38px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy li {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 22px;
    list-style-type: disc;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy li {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy a {
    font-weight: 500;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy strong {
    font-weight: 600;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-copy em {
    font-style: italic;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button-wrap {
    text-align: center;
    margin-top: 60px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button-wrap {
        margin-top: 80px;
        text-align: left;
    }
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    padding: 15px 54px;
    display: inline-block;
    color: #fff;
    background-color: #0e2033;
    border-radius: 30px;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button.fondant {
    background-color: #eeedea;
    color: #000;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button.white {
    background-color: #fff;
    color: #000;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button.squid-ink {
    background-color: #0e2033;
    color: #fff;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button.fig {
    background-color: #2f48b0;
    color: #fff;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button:hover {
    background-color: #1a3b5f;
}
.pdp-2-col-text-right-repeater-section .pdp-2-col-text-right-repeater-wrap .pdp-2-col-text-right-repeater-button:focus {
    outline: 2px solid #fd4f57;
}
.pdp-2-col-floating-img-copy {
    padding-bottom: 100px;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-floating-img-copy {
        padding-bottom: 140px;
    }
}
.pdp-2-col-floating-img-copy .section-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
    padding: 77px 20px 0 20px;
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-floating-img-copy .section-header {
        padding: 124px 20px 0 20px;
    }
}
.pdp-2-col-floating-img-copy .headline-eyebrow {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.pdp-2-col-floating-img-copy .section-headline {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 42px;
    line-height: 47px;
    margin-top: 18px;
    width: 80%;
}
@media only screen and (min-width: 1200px) {
    .pdp-2-col-floating-img-copy .section-headline {
        width: 60%;
        font-size: 65px;
        line-height: 65px;
        margin-top: 37px;
    }
}
@media only screen and (min-width: 1440px) {
    .pdp-2-col-floating-img-copy .section-headline {
        width: 40%;
    }
}
.pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-wrap {
    max-width: 1060px;
    margin: 65px 40px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-wrap {
        margin: 95px 40px 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-wrap {
        margin: 95px auto 0;
        gap: 60px;
    }
}
@media only screen and (min-width: 767px) {
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block {
        width: 47%;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block:nth-child(2) .pdp-2-col-floating-img-copy-block-wrap,
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block:nth-child(3) .pdp-2-col-floating-img-copy-block-wrap,
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block:nth-child(6) .pdp-2-col-floating-img-copy-block-wrap,
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block:nth-child(7) .pdp-2-col-floating-img-copy-block-wrap {
        max-width: 475px;
    }
}
.pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block-wrap {
    position: relative;
}
@media only screen and (min-width: 1024px) {
    .pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block-wrap {
        max-width: 360px;
        margin: auto;
    }
}
.pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block-image {
    width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.pdp-2-col-floating-img-copy .pdp-2-col-floating-img-copy-block-copy {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
}
.section-header-container {
    width: 100%;
}
.partners-section-headline {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.01em;
}
@media only screen and (min-width: 767px) {
    .partners-section-headline {
        max-width: 500px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-section-headline {
        max-width: 740px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-section-headline {
        max-width: 875px;
        font-size: 63px;
        line-height: 74px;
    }
}
.partners-section-sub-copy {
    font-size: 16px;
    line-height: 22px;
    padding-top: 32px;
    width: 88%;
}
@media only screen and (min-width: 1024px) {
    .partners-section-sub-copy {
        max-width: 610px;
        letter-spacing: 0.05em;
        margin-left: 5px;
        width: 56%;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-section-sub-copy {
        max-width: 670px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.005em;
        padding-top: 28px;
    }
}
.partners-section-tag {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 767px) {
    .partners-section-tag {
        margin-left: auto;
        padding-left: 10px;
        text-align: right;
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 767px) {
    .partners-section-tag:after {
        content: "";
        border-bottom: 1px solid #0e2033;
        display: block;
        width: 15px;
        margin-left: auto;
        margin-top: 6px;
    }
}
.partners-hero {
    color: #fff;
}
.partners-hero .partners-container {
    max-width: 1070px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}
.partners-hero .partners-hero-span {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 30px 0 10px;
    display: block;
}
@media only screen and (min-width: 500px) {
    .partners-hero .partners-hero-span {
        padding: 50px 0 10px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .partners-hero-span {
        padding: 90px 0 10px;
    }
}
.partners-hero .partners-hero-title {
    font-size: 48px;
    line-height: 48px;
    font-weight: 500;
    padding: 6px 0;
    max-width: 325px;
    margin: auto;
}
@media only screen and (min-width: 767px) {
    .partners-hero .partners-hero-title {
        font-size: 60px;
        line-height: 60px;
        max-width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .partners-hero-title {
        font-size: 90px;
        line-height: 85px;
        letter-spacing: -2px;
    }
}
.partners-hero .partners-hero-copy {
    font-size: 16px;
    line-height: 22px;
    max-width: 285px;
    margin: auto;
    padding: 22px 0;
}
@media only screen and (min-width: 500px) {
    .partners-hero .partners-hero-copy {
        font-size: 18px;
        line-height: 26px;
        max-width: 400px;
    }
}
@media only screen and (min-width: 767px) {
    .partners-hero .partners-hero-copy {
        max-width: 600px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .partners-hero-copy {
        font-size: 20px;
        line-height: 28px;
        padding: 35px 0;
        max-width: 640px;
    }
}
.partners-hero .partners-hero-slider-container {
    position: relative;
    margin-top: 98px;
    padding-bottom: 40px;
    background: linear-gradient(#0e2033 40%, #eeedea 40%);
}
@media only screen and (min-width: 767px) {
    .partners-hero .partners-hero-slider-container {
        margin-top: 60px;
        padding: 78px 0;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .partners-hero-slider-container {
        margin-top: 0;
    }
}
.partners-hero .floating-sticker {
    position: absolute;
    z-index: 10;
    right: 24px;
    top: -85px;
    max-width: 140px;
}
@media only screen and (min-width: 767px) {
    .partners-hero .floating-sticker {
        right: 207px;
        top: -40px;
        max-width: 209px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .floating-sticker {
        right: 359px;
        top: -13px;
    }
}
.partners-hero .slick-slide {
    margin: 0 10px;
}
.partners-hero .slick-slide img {
    height: 210px;
    width: auto !important;
}
@media only screen and (min-width: 500px) {
    .partners-hero .slick-slide img {
        height: 300px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hero .slick-slide img {
        height: auto;
    }
}
.partners-delivery {
    background-color: #eeedea;
    max-width: 100%;
    padding: 0 20px;
}
.partners-delivery .header-block {
    max-width: 1071px;
    margin: 0 auto;
    padding: 0 5px;
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .partners-delivery .header-block {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .header-block {
        padding: 0 0 75px 0;
    }
}
.partners-delivery .delivery-box {
    background-color: #fff;
    border-radius: 15px;
    margin: 50px auto 0 auto;
    max-width: 1064px;
    padding-top: 40px;
    padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box {
        margin: 0 auto;
        flex-flow: row;
        padding-top: 88px;
        padding-bottom: 88px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-delivery .delivery-box {
        margin: 0 auto;
        padding-top: 88px;
        padding-bottom: 90px;
    }
}
.partners-delivery .delivery-box .logo-image {
    padding-bottom: 35px;
    width: 180px;
    padding-left: 40px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box .logo-image {
        padding-left: 80px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-delivery .delivery-box .logo-image {
        padding-left: 149px;
    }
}
.partners-delivery .delivery-box-columns {
    display: flex;
    flex-flow: row wrap;
}
.partners-delivery .delivery-box-top {
    width: 80%;
    padding-left: 40px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-top {
        width: 65%;
        padding-left: 80px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-delivery .delivery-box-top {
        width: 55%;
        padding-left: 149px;
    }
}
.partners-delivery .delivery-box-top .delivery-box-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.4px;
    padding-bottom: 15px;
    width: 90%;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-top .delivery-box-title {
        font-size: 32px;
        padding-bottom: 20px;
    }
}
.partners-delivery .delivery-box-top .delivery-box-copy {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-top .delivery-box-copy {
        font-size: 19px;
        line-height: 27px;
        padding-bottom: 20px;
        max-width: 444px;
    }
}
.partners-delivery .delivery-box-bottom {
    display: flex;
    flex-wrap: wrap;
    padding-left: 8px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-bottom {
        margin-top: 0;
        padding-left: 0;
        display: flex;
        flex-flow: column;
    }
}
.partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper {
    display: flex;
    flex-flow: column;
    padding: 0 34px;
    margin-top: 33px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper {
        margin-bottom: 2px;
        display: flex;
        flex-flow: row;
        padding: 0;
        margin-top: 0;
    }
}
.partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .miles-price {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    display: flex;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .miles-price {
        font-size: 35px;
        line-height: 56px;
    }
}
.partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .miles-price .small {
    font-size: 16px;
    line-height: normal;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .miles-price .small {
        font-size: 20px;
        margin-top: 9px;
    }
}
.partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .delivery-box-pricing {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    max-width: 100%;
    padding-top: 5px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-bottom .delivery-box-pricing-wrapper .delivery-box-pricing {
        font-size: 14px;
        line-height: 14px;
        max-width: 40%;
        display: flex;
        align-items: center;
        margin-left: 20px;
        padding-top: 10px;
    }
}
.partners-delivery .delivery-box-disclaimer {
    border-top: 1px solid #0e2033;
    margin: 34px 40px 0;
    padding-top: 17px;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-box-disclaimer {
        margin: 27px 40px 0;
        max-width: 416px;
        margin-left: 80px;
        padding-top: 25px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-delivery .delivery-box-disclaimer {
        margin-left: 149px;
    }
}
.partners-delivery .delivery-box-disclaimer .delivery-box-disclaimer-text {
    font-size: 14px;
    line-height: 20px;
}
.partners-delivery .delivery-button-wrap {
    display: flex;
    align-items: center;
}
.partners-delivery .delivery-button-wrap .delivery-button {
    margin: 53px auto 100px auto;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #0e2033;
    font-weight: 500;
}
.partners-delivery .delivery-button-wrap .delivery-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .partners-delivery .delivery-button-wrap .delivery-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-delivery .delivery-button-wrap .delivery-button {
        padding: 10px 33px;
    }
}
.partners-delivery .delivery-button-wrap .delivery-button:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 1200px) {
    .partners-delivery .delivery-button-wrap .delivery-button {
        margin: 98px auto 100px auto;
    }
}
.partners-pos {
    background-color: #fff;
    max-width: 100%;
    padding: 0 20px;
}
.partners-pos .header-block {
    max-width: 1071px;
    margin: 0 auto;
    padding: 70px 5px 0;
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .partners-pos .header-block {
        flex-direction: row;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-pos .header-block {
        padding: 80px 0 60px 0;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .header-block {
        padding: 88px 0 0 0;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .header-block .pos-headline {
        padding-left: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .header-block .pos-sub-copy {
        padding-top: 25px;
        width: 100%;
        max-width: 800px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .header-block .pos-tag {
        padding-top: 10px;
        width: 30%;
    }
}
.partners-pos .pos-block {
    max-width: 1071px;
    margin: 0 auto;
    padding: 35px 0 0 5px;
    display: flex;
    flex-direction: column;
}
@media only screen and (min-width: 1440px) {
    .partners-pos .pos-block {
        padding: 8px 0 0 0;
    }
}
.partners-pos .pos-block .block-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: -0.01em;
    padding-bottom: 23px;
    padding-top: 13px;
}
@media only screen and (min-width: 767px) {
    .partners-pos .pos-block .block-title {
        width: 65%;
        padding-bottom: 33px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .pos-block .block-title {
        font-size: 32px;
        line-height: 35px;
        width: 50%;
        padding-bottom: 50px;
        padding-top: 81px;
        padding-left: 5px;
    }
}
.partners-pos .pos-block .pos-image-container {
    padding-bottom: 45px;
}
.partners-pos .pos-block .pos-image-container:nth-child(4) {
    padding-bottom: 5px;
}
@media only screen and (min-width: 1024px) {
    .partners-pos .pos-block .pos-image-container:nth-child(4) {
        padding-bottom: 5px;
    }
}

#accordion .faq-question {
border-top: 1px solid #c4c4c4 !important;
}

#accordion h3 {
    padding: 25px 0;
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url("https://get.chownow.com/wp-content/themes/ChowNow-WebSite/dist/images/accordion-active-icon.png") !important;
    background-position: center !important;
    float: right !important;
    margin: 7px 6px !important;
}

.ui-icon {
    background-image: url("https://get.chownow.com/wp-content/themes/ChowNow-WebSite/dist/images/expand.png") !important;
    background-position: center !important;
    float: right !important;
    margin: 7px !important;å
}

.ui-accordion .ui-accordion-header {
    border: none !important;
}

.ui-accordion .ui-accordion-content {
    border: none !important;
    padding-left: 0 !important;
}

.delivery-section-container .title-3 {
    font-size: 25px !important;
}
.partners-pos .pos-block .pos-image-container:last-child {
    display: block;
}
.partners-pos .pos-block .pos-image-container:last-child::before {
    content: "";
    display: none;
    background-color: #979797;
    width: 48px;
    height: 2px;
    margin: 30px auto;
}
@media only screen and (min-width: 767px) {
    .partners-pos .pos-block .pos-image-container:last-child::before {
        width: 65px;
    }
}
.partners-pos .pos-block .pos-image-container:last-child.active {
    margin-top: 12px;
    padding-bottom: 10px;
    position: relative;
}
.partners-pos .pos-block .pos-image-container:last-child.active::before {
    margin: 10px auto 30px auto;
}
@media only screen and (min-width: 767px) {
    .partners-pos .pos-block .pos-image-container:last-child.active {
        margin-top: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pos .pos-block .pos-image-container {
        padding-bottom: 0;
        padding-left: 5px;
    }
}
.partners-pos .pos-block .image-block-wrapper {
    display: flex;
    flex-flow: row wrap;
}
.partners-pos .pos-block .image-blocks {
    background-color: #eeedea;
    border-radius: 5px;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 32%;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partners-pos .pos-block .image-blocks:nth-child(3n) {
    margin-right: 0;
}
@media only screen and (min-width: 500px) {
    .partners-pos .pos-block .image-blocks {
        border-radius: 10px;
        height: 85px;
    }
}
@media only screen and (min-width: 767px) {
    .partners-pos .pos-block .image-blocks {
        border-radius: 10px;
        height: 105px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-pos .pos-block .image-blocks {
        width: 19%;
    }
    .partners-pos .pos-block .image-blocks:nth-child(3n) {
        margin-right: 1%;
    }
    .partners-pos .pos-block .image-blocks:nth-child(5n) {
        margin-right: 0;
    }
}
.partners-pos .pos-block .logo-images {
    width: 100%;
    max-width: 45%;
}
.partners-pos .pos-more-info-link-container {
    display: flex;
    flex-flow: column;
    position: relative;
}
.partners-pos .pos-more-info-link-container .pos-more-info-link {
    color: #0e2033;
    letter-spacing: 0.002em;
    font-size: 16px;
    line-height: 21.8px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 13px;
    margin-top: 17px;
    padding-left: 5px;
}
.partners-pos .pos-more-info-link-container .pos-more-info-link.active {
    margin-top: 17px;
}
.partners-pos .pos-more-info-link-container .pos-more-info-link .arrow {
    border: solid #0e2033;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin: 3px 3px 3px 6px;
}
.partners-pos .pos-more-info-link-container .pos-more-info-link .arrow-up {
    border: solid #0e2033;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin: 3px 3px -3px 6px;
}
@media only screen and (min-width: 1024px) {
    .partners-pos .pos-more-info-link-container .pos-more-info-link .arrow-up {
        margin: 3px 3px -2px 6px;
    }
}
.partners-pos .pos-more-info-link-container .pos-more-info-link .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.partners-pos .pos-more-info-link-container .pos-more-info-link .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
@media only screen and (min-width: 1024px) {
    .partners-pos .pos-more-info-link-container .pos-more-info-link {
        letter-spacing: 0.002em;
        font-size: 20px;
        line-height: 28px;
    }
}
.partners-pos .pos-button-wrap {
    display: flex;
    align-items: center;
}
.partners-pos .pos-button-wrap .pos-button {
    margin: 20px auto 100px auto;
    font-size: 18px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
    text-align: center;
    color: #fff;
    background-color: #0e2033;
    font-weight: 500;
}
.partners-pos .pos-button-wrap .pos-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .partners-pos .pos-button-wrap .pos-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-pos .pos-button-wrap .pos-button {
        padding: 10px 33px;
    }
}
.partners-pos .pos-button-wrap .pos-button:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 1200px) {
    .partners-pos .pos-button-wrap .pos-button {
        margin: 50px auto 170px auto;
        font-size: 21px;
        padding: 10px 40px;
    }
}
.partners-pricing {
    background-color: #2f48b0;
    position: relative;
    color: #fff;
}
.partners-pricing .content-container {
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 20px;
}
@media only screen and (min-width: 767px) {
    .partners-pricing .content-container {
        display: flex;
        justify-content: space-between;
    }
}
.partners-pricing .pricing-left {
    padding: 50px 0 30px;
}
@media only screen and (min-width: 767px) {
    .partners-pricing .pricing-left {
        width: 40%;
        padding: 50px 0 90px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-left {
        padding: 110px 0 97px 46px;
    }
}
.partners-pricing span.section-span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    display: block;
    padding: 20px 0 0 22px;
}
@media only screen and (min-width: 1200px) {
    .partners-pricing span.section-span {
        padding: 27px 0 0 22px;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1px;
    }
}
.partners-pricing .pricing-plan-single {
    padding: 0 0 25px 25px;
    display: flex;
    align-items: baseline;
}
.partners-pricing .pricing-plan-single .pricing-single-price {
    font-size: 20px;
    line-height: 25px;
}
.partners-pricing .pricing-plan-single .pricing-single-price span {
    font-size: 34px;
    line-height: 56px;
}
.partners-pricing .pricing-plan-single .pricing-single-price a {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    border-bottom: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
}
.partners-pricing .pricing-plan-single .pricing-single-price a:hover {
    color: #dff4f4;
    border-bottom: 1px solid #dff4f4;
}
.partners-pricing .pricing-plan-multi-nav .slick-track {
    display: flex;
    width: 100% !important;
    border-radius: 20px;
    margin: 30px 20px 40px;
    background-color: #fff;
    max-width: 250px;
    transform: none !important;
}
@media only screen and (min-width: 500px) {
    .partners-pricing .pricing-plan-multi-nav .slick-track {
        max-width: 280px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-plan-multi-nav .slick-track {
        max-width: 300px;
    }
}
.partners-pricing .pricing-plan-multi-nav .slick-slide {
    width: 100% !important;
    text-align: center;
}
.partners-pricing .pricing-plan-multi-nav .pdp-multi-price-anchor-link {
    font-size: 12px;
    color: #0e2033;
    cursor: pointer;
}
@media only screen and (min-width: 500px) {
    .partners-pricing .pricing-plan-multi-nav .pdp-multi-price-anchor-link {
        font-size: 14px;
    }
}
.partners-pricing .pricing-plan-multi-nav .slick-current .pdp-multi-price-anchor {
    background-color: #0e2033;
    border-radius: 20px;
}
.partners-pricing .pricing-plan-multi-nav .slick-current .pdp-multi-price-anchor-link {
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}
.partners-pricing .pricing-divider {
    height: 1px;
    background-color: #fff;
    margin: 34px 20px;
    max-width: 425px;
}
.partners-pricing p.pricing-commissions-fees {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px 0;
}
@media only screen and (min-width: 500px) {
    .partners-pricing p.pricing-commissions-fees {
        font-size: 18px;
        line-height: 26px;
        max-width: 460px;
        padding: 30px 25px 0;
    }
}
.partners-pricing .pricing-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    padding: 10px 0 0 20px;
    max-width: 340px;
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-title {
        font-size: 65px;
        line-height: 72px;
        max-width: 100%;
        padding: 17px 0 0 20px;
        letter-spacing: -0.5px;
    }
}
.partners-pricing h3.multi-price-item-text {
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    margin: 33px 50px 0 20px;
}
.partners-pricing .pricing-copy {
    font-size: 16px;
    line-height: 22px;
    padding: 0 20px;
    letter-spacing: -0.4px;
}
@media only screen and (min-width: 500px) {
    .partners-pricing .pricing-copy {
        font-size: 18px;
        line-height: 26px;
        padding: 0 20px 0 20px;
        max-width: 460px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-copy {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.05px;
        padding: 0 20px 0 25px;
        max-width: 440px;
    }
}
.partners-pricing .pricing-links {
    padding: 86px 0 0 16px;
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-links {
        padding: 75px 0 0 24px;
    }
}
.partners-pricing .pricing-button {
    color: #2f48b0;
    background-color: #fff;
    font-weight: 500;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.partners-pricing .pricing-button:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .partners-pricing .pricing-button {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-pricing .pricing-button {
        padding: 10px 33px;
    }
}
.partners-pricing .pricing-button:hover {
    background-color: #dff4f4;
}
.partners-pricing .pricing-right {
    padding-bottom: 75px;
}
@media only screen and (min-width: 767px) {
    .partners-pricing .pricing-right {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 0;
        width: 60%;
    }
}
.partners-pricing .pricing-image {
    width: 100%;
    max-width: 460px;
}
@media only screen and (min-width: 1200px) {
    .partners-pricing .pricing-image {
        max-width: 615px;
    }
}
.partners-testimonials .partners-wrapper {
    padding: 77px 20px 0 20px;
}
@media only screen and (min-width: 1024px) {
    .partners-testimonials .partners-wrapper {
        padding: 124px 20px 0 20px;
    }
}
.partners-testimonials .section-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    text-align: center;
}
.partners-testimonials .headline-eyebrow {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.partners-testimonials .section-headline {
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 42px;
    line-height: 47px;
    margin-top: 18px;
    width: 80%;
}
@media only screen and (min-width: 1200px) {
    .partners-testimonials .section-headline {
        width: 60%;
        font-size: 65px;
        line-height: 65px;
        margin-top: 37px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-testimonials .section-headline {
        width: 40%;
    }
}
.partners-testimonials .sub-header-copy {
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 22px;
    margin-top: 25px;
    width: 90%;
}
@media only screen and (min-width: 767px) {
    .partners-testimonials .sub-header-copy {
        width: 100%;
        font-size: 20px;
        line-height: 20px;
    }
}
.partners-testimonials .pdp-testimonial-slider-wrap {
    max-width: 1280px;
    margin: 65px 0 90px 40px;
    position: relative;
}
@media only screen and (min-width: 767px) {
    .partners-testimonials .pdp-testimonial-slider-wrap {
        margin: 95px auto 140px auto;
    }
}
.partners-testimonials .slick-list {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 50px 0 0;
}
@media only screen and (min-width: 1024px) {
    .partners-testimonials .slick-list {
        max-width: 880px;
        padding: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-testimonials .slick-list {
        max-width: 970px;
    }
}
.partners-testimonials .slick-track {
    display: flex;
}
.partners-testimonials .slick-track .slick-slide {
    margin: 0 14px;
    background-color: #fff;
    border-radius: 20px;
    height: inherit;
}
.partners-testimonials .testimonial-info {
    color: #0e2033;
    margin-top: 12px;
    padding: 30px;
}
.partners-testimonials .testimonial-info .testimonial-top .quote {
    font-size: 16px;
    line-height: 22px;
}
.partners-testimonials .testimonial-info .testimonial-middle {
    margin-top: 130px;
}
@media only screen and (min-width: 1024px) {
    .partners-testimonials .testimonial-info .testimonial-middle {
        margin-top: 115px;
    }
}
.partners-testimonials .testimonial-info .testimonial-middle .author {
    position: absolute;
    bottom: 0;
    transform: translateY(-100px);
    font-size: 14px;
    line-height: 22px;
}
.partners-testimonials .testimonial-info .testimonial-bottom .logo-image {
    position: absolute;
    bottom: 0;
    transform: translateY(-42px);
    max-height: 35px;
}
.partners-testimonials .slick-arrow {
    background-color: #fff;
    border-radius: 100%;
    border: none;
    padding: 27px;
    background-position: center;
    position: absolute;
    top: 29%;
    margin-top: -13px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
}
.partners-testimonials .slick-arrow:hover {
    background-color: #dff4f4;
}
.partners-testimonials .slick-prev {
    background-image: url(../../dist/images/svg/blue-arrow-left.svg);
    left: 0;
}
.partners-testimonials .slick-next {
    background-image: url(../../dist/images/svg/blue-arrow-right.svg);
    right: 0;
}
.partners-testimonials .slick-dots {
    text-align: center;
    margin-top: 47px;
}
@media only screen and (min-width: 767px) {
    .partners-testimonials .slick-dots {
        margin-top: 71px;
    }
}
.partners-testimonials .slick-dots li {
    margin-right: 25px;
}
.partners-testimonials .slick-dots button:before {
    width: 15px;
    height: 15px;
    opacity: 0.2;
    background: #fff;
}
.partners-testimonials .slick-dots .slick-active button:before {
    opacity: 1;
}
.partners-connect .partners-section {
    overflow: hidden;
    width: 100%;
}
.partners-connect .partners-section-container {
    background-color: #eeedea;
}
.partners-connect .features-section-center {
    margin: 0 auto;
    width: 100%;
}
.partners-connect .connect {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #0e2033;
    padding-top: 75px;
    padding-bottom: 18px;
}
@media only screen and (min-width: 1440px) {
    .partners-connect .connect {
        padding-top: 100px;
        padding-bottom: 30px;
    }
}
.partners-connect .connect-description {
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    color: #0e2033;
    padding-bottom: 45px;
    max-width: 320px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .partners-connect .connect-description {
        font-size: 40px;
        line-height: 44px;
        max-width: 500px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-connect .connect-description {
        max-width: 656px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-connect .connect-description {
        padding-bottom: 53px;
    }
}
.partners-connect .connect-button-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 45px;
}
.partners-connect .connect-button-wrap a {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    border-radius: 70px;
    padding: 11px 35px;
    text-align: center;
    color: #fff;
    background-color: #03233c;
    border: 1px solid #03233c;
}
.partners-connect .connect-button-wrap a:focus-visible {
    outline: 2px solid #fd4f57;
}
.partners-connect .connect-button-wrap a:hover {
    background-color: #1a3b5f;
    border: 1px solid #1a3b5f;
}
@media only screen and (min-width: 1440px) {
    .partners-connect .connect-button-wrap a {
        padding: 15px 35px;
        font-size: 17px;
        line-height: 17px;
    }
}
.partners-connect .connect-copy {
    text-align: center;
    padding: 0 20px 85px;
    font-size: 18px;
    line-height: 30px;
}
@media only screen and (min-width: 500px) {
    .partners-connect .connect-copy {
        max-width: 400px;
        margin: auto;
    }
}
@media only screen and (min-width: 767px) {
    .partners-connect .connect-copy {
        padding: 0 20px 60px;
    }
}
@media only screen and (min-width: 1440px) {
    .partners-connect .connect-copy {
        padding: 0 20px 100px;
    }
}
.partners-connect .connect-copy a {
    color: #0e2033;
    border-bottom: 1px solid #0e2033;
}
.get-two-demo.pdp_demo {
    margin-top: 0;
    background: #fff;
}
.get-two-demo.pdp_demo:after {
    bottom: auto;
    top: 0;
    background: #eeedea;
}
.partners-hungry-for-more {
    background-color: #fff;
    position: relative;
}
.partners-hungry-for-more .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 20px 90px 20px;
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .content-container {
        padding: 153px 20px 200px 20px;
    }
}
.partners-hungry-for-more .hungry-for-more-title-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.partners-hungry-for-more .hungry-for-more-title-section .hungry-for-more-title {
    width: 100%;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: center;
}
@media only screen and (min-width: 1024px) {
    .partners-hungry-for-more .hungry-for-more-title-section .hungry-for-more-title {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-title-section .hungry-for-more-title {
        font-size: 65px;
        line-height: 72px;
    }
}
.partners-hungry-for-more .hungry-for-more-card-image {
    width: 90%;
    padding: 10% 5% 0 5%;
}
.partners-hungry-for-more .hungry-for-more-list {
    margin-top: 43px;
}
@media only screen and (min-width: 767px) {
    .partners-hungry-for-more .hungry-for-more-list {
        margin-top: 68px;
        display: flex;
        justify-content: center;
        flex-flow: wrap;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-list {
        margin-top: 90px;
        flex-flow: unset;
    }
}
.partners-hungry-for-more .hungry-for-more-card {
    background-color: #eeedea;
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .partners-hungry-for-more .hungry-for-more-card {
        width: 48%;
        margin: 1%;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-hungry-for-more .hungry-for-more-card {
        width: 32%;
        margin: 1%;
    }
}
.partners-hungry-for-more .hungry-for-more-card-wrap {
    padding: 30px 35px 43px;
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-card-wrap {
        padding: 46px 30px 77px;
    }
}
.partners-hungry-for-more .hungry-for-more-card-title {
    font-size: 24px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-card-title {
        font-size: 32px;
        line-height: 32px;
    }
}
.partners-hungry-for-more .hungry-for-more-card-copy {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin: 22px 0 35px;
}
@media only screen and (min-width: 500px) {
    .partners-hungry-for-more .hungry-for-more-card-copy {
        font-size: 18px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-card-copy {
        font-size: 20px;
        line-height: 28px;
        margin: 24px 0 46px;
    }
}
.partners-hungry-for-more .hungry-for-more-card-link {
    color: #fff;
    background-color: #0e2033;
    font-weight: 400;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.partners-hungry-for-more .hungry-for-more-card-link:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .partners-hungry-for-more .hungry-for-more-card-link {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .partners-hungry-for-more .hungry-for-more-card-link {
        padding: 10px 33px;
    }
}
.partners-hungry-for-more .hungry-for-more-card-link:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 1200px) {
    .partners-hungry-for-more .hungry-for-more-card-link {
        font-size: 22px;
        padding: 10px 43px;
    }
}
.demo-landing-hero .content-container {
    max-width: 1240px;
    margin: 0 auto;
}
@media only screen and (min-width: 767px) {
    .demo-landing-hero .content-container {
        display: flex;
        flex-wrap: wrap;
        padding: 106px 20px;
    }
}
.demo-landing-hero .content-container .demo-landing-column {
    width: 100%;
}
.demo-landing-hero .hero-wrap {
    padding: 43px 36px 30px;
    box-sizing: border-box;
}
@media only screen and (min-width: 767px) {
    .demo-landing-hero .hero-wrap {
        max-width: 44%;
        padding: 5px 0 0 6%;
    }
}
.demo-landing-hero .headline-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -0.025em;
}
@media only screen and (min-width: 767px) {
    .demo-landing-hero .headline-title {
        font-size: 50px;
        line-height: 55px;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-hero .headline-title {
        font-size: 60px;
        line-height: 65px;
    }
}
.demo-landing-hero .subheadline-title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-top: 16px;
}
@media only screen and (min-width: 1200px) {
    .demo-landing-hero .subheadline-title {
        font-size: 20px;
        line-height: 28px;
        margin-top: 29px;
        font-weight: 400;
        margin-left: 5px;
        letter-spacing: 0.01em;
        margin-right: 100px;
    }
}
@media only screen and (min-width: 767px) {
    .demo-landing-hero .form-wrap {
        max-width: 49%;
        margin-left: auto;
    }
}
.demo-landing-hero .form-content {
    padding: 41px 36px 63px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-hero .form-content {
        padding: 57px 52px 63px;
    }
}
.demo-landing-hero .form-content.fig-bkg {
    background-color: #2f48b0;
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .marketo-thank-you-message p {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoFieldWrap .mktoLabel {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoFieldWrap .mktoField {
    color: #fff;
    border-color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoFieldWrap .mktoField::-moz-placeholder {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoFieldWrap .mktoField::placeholder {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoRadioList label {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note a {
    color: #fff;
}
.demo-landing-hero .form-content.fig-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note a:hover:after {
    background: #fff;
    width: 100%;
}
.demo-landing-hero .form-content.white-bkg {
    background-color: #fff;
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .marketo-thank-you-message p {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoFieldWrap .mktoLabel {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoFieldWrap .mktoField {
    color: #0e2033;
    border-color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoFieldWrap .mktoField::-moz-placeholder {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoFieldWrap .mktoField::placeholder {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoRadioList label {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note a {
    color: #0e2033;
}
.demo-landing-hero .form-content.white-bkg .new-marketo-form .mktoRadioList .not-a-restaurant-note a:hover:after {
    background: #0e2033;
    width: 100%;
}
.demo-landing-hero .form-content.white-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton {
    background-color: #fff;
    color: #2f48b0;
}
.demo-landing-hero .form-content.white-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background-color: #dff4f4;
}
.demo-landing-hero .form-content.squid-ink-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton {
    background-color: #0e2033;
    color: #fff;
}
.demo-landing-hero .form-content.squid-ink-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background-color: #1a3b5f;
}
.demo-landing-hero .form-content.pistachio-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton {
    background-color: #50af5a;
    color: #fff;
}
.demo-landing-hero .form-content.pistachio-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background-color: #008854;
}
.demo-landing-hero .form-content.fig-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton {
    background-color: #2f48b0;
    color: #fff;
}
.demo-landing-hero .form-content.fig-button .new-marketo-form .mktoButtonRow .mktoButtonWrap .mktoButton:hover {
    background-color: #dff4f4;
}
.demo-landing-hero.fondant-bkg {
    background-color: #eeedea;
    color: #0e2033;
}
.demo-landing-hero.squid-ink-bkg {
    background-color: #0e2033;
    color: #fff;
}
.demo-landing-hero.white-bkg {
    background-color: #fff;
    color: #0e2033;
}
.demo-landing.featured-in {
    background-color: #eeedea;
    position: relative;
}
.demo-landing.featured-in .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 20px;
}
.demo-landing.featured-in .featured-in-title {
    font-size: 25px;
    line-height: 72px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}
.demo-landing.featured-in .featured-in-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1000px;
    margin: auto;
}
.demo-landing.featured-in .featured-in-item {
    padding: 15px 0;
    width: 33.33%;
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 767px) {
    .demo-landing.featured-in .featured-in-item {
        width: auto;
    }
}
.demo-landing.featured-in .featured-in-logo {
    margin: auto;
    width: 100%;
}
.demo-landing-banner {
    overflow: hidden;
    display: none;
}
@media only screen and (min-width: 767px) {
    .demo-landing-banner {
        display: flex;
    }
}
.demo-landing-banner .content_container_white {
    background-color: #fff;
}
.demo-landing-banner .content_container_white * {
    color: #0e2033;
}
.demo-landing-banner .content_container_fondant {
    background-color: #eeedea;
}
.demo-landing-banner .content_container_fondant * {
    color: #0e2033;
}
.demo-landing-banner .content_container_squid_ink {
    background-color: #0e2033;
}
.demo-landing-banner .content_container_squid_ink * {
    color: #fff;
}
.demo-landing-banner .content_container_fig {
    background-color: #2f48b0;
}
.demo-landing-banner .content_container_fig * {
    color: #fff;
}
.demo-landing-banner .content-container {
    padding: 0 20px;
    display: flex;
    margin: 0 auto;
    width: 100%;
}
.demo-landing-banner .content-inner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    margin: 50px auto;
}
.demo-landing-banner .banner-message {
    padding-right: 20px;
}
.demo-landing-banner .banner-link,
.demo-landing-banner .banner-message {
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    letter-spacing: 0.002em;
}
.demo-landing-banner .banner-link {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.demo-landing-overview {
    overflow: hidden;
}
.demo-landing-overview .content_container_white {
    background-color: #fff;
}
.demo-landing-overview .content_container_white * {
    color: #0e2033;
}
.demo-landing-overview .content_container_fondant {
    background-color: #eeedea;
}
.demo-landing-overview .content_container_fondant * {
    color: #0e2033;
}
.demo-landing-overview .content_container_squid_ink {
    background-color: #0e2033;
}
.demo-landing-overview .content_container_squid_ink * {
    color: #fff;
}
.demo-landing-overview .content-container-inner-wrapper {
    padding: 0 20px;
}
.demo-landing-overview .overview-header-container {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 15px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container {
        padding-top: 80px;
        padding-bottom: 35px;
        max-width: 1080px;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .overview-header-container {
        padding-top: 130px;
        padding-bottom: 75px;
    }
}
.demo-landing-overview .overview-header-container .overview-header-copy-wrapper {
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-header-copy-wrapper {
        flex-direction: row;
    }
}
.demo-landing-overview .overview-header-container .overview-header {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.01em;
    width: 90%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-header {
        width: 80%;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .overview-header-container .overview-header {
        width: 580px;
        font-size: 65px;
        line-height: 72px;
        letter-spacing: -0.01em;
        margin-top: 5px;
    }
}
.demo-landing-overview .overview-header-container .overview-subheader {
    font-size: 16px;
    line-height: 22px;
    max-width: 850px;
    margin-top: 10px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-subheader {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.01em;
        margin-top: 20px;
    }
}
.demo-landing-overview .overview-header-container .overview-section-span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-section-span {
        margin-left: auto;
        margin-right: 10px;
        text-align: right;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .overview-header-container .overview-section-span {
        margin-left: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .overview-header-container .overview-section-span {
        margin-left: auto;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-section-span:after {
        content: "";
        border-bottom: 1px solid #0e2033;
        display: block;
        width: 15px;
        margin-left: auto;
        margin-top: 6px;
    }
}
.demo-landing-overview .overview-header-container .overview-content-headline {
    font-size: 24px;
    line-height: 28px;
    padding-top: 22px;
    letter-spacing: -0.01em;
    max-width: 90%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-header-container .overview-content-headline {
        font-size: 20px;
        line-height: 28px;
        padding-top: 20px;
    }
}
.demo-landing-overview .header_container_style_bullet_points .overview-content-headline,
.demo-landing-overview .header_container_style_checkmarks .overview-content-headline {
    font-size: 16px;
    line-height: 28px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .header_container_style_bullet_points .overview-content-headline,
    .demo-landing-overview .header_container_style_checkmarks .overview-content-headline {
        font-size: 20px;
        line-height: 28px;
        padding-top: 20px;
    }
}
.demo-landing-overview .header_container_style_image_with_text {
    margin-left: 1%;
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .header_container_style_image_with_text {
        margin: 0 auto;
    }
}
.demo-landing-overview .overview-content-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding-bottom: 25px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-content-container {
        padding-bottom: 75px;
    }
}
.demo-landing-overview .overview-content-block-wrapper {
    background-color: transparent;
}
.demo-landing-overview .content_block_wrapper_fondant {
    background-color: #eeedea;
}
.demo-landing-overview .content_block_wrapper_fondant * {
    color: #0e2033;
}
.demo-landing-overview .content_block_wrapper_white {
    background-color: #fff;
}
.demo-landing-overview .content_block_wrapper_white * {
    color: #0e2033;
}
.demo-landing-overview .content_block_wrapper_squid_ink {
    background-color: #0e2033;
}
.demo-landing-overview .content_block_wrapper_squid_ink * {
    color: #fff;
}
.demo-landing-overview .content_block_container_bullet_points,
.demo-landing-overview .content_block_container_checkmarks {
    max-width: 1080px;
}
.demo-landing-overview .content_block_container_bullet_points .overview-content-block-wrapper,
.demo-landing-overview .content_block_container_checkmarks .overview-content-block-wrapper {
    max-width: 75%;
    margin-top: 0;
}
@media only screen and (min-width: 667px) {
    .demo-landing-overview .content_block_container_bullet_points .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_checkmarks .overview-content-block-wrapper {
        max-width: 40%;
    }
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content_block_container_bullet_points .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_checkmarks .overview-content-block-wrapper {
        max-width: 45%;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .content_block_container_bullet_points .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_checkmarks .overview-content-block-wrapper {
        max-width: 48%;
    }
}
.demo-landing-overview .content_block_container_icons {
    padding-top: 5px;
    max-width: 91%;
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .content_block_container_icons {
        padding-bottom: 60px;
        width: 100%;
        max-width: 1080px;
        justify-content: space-between;
    }
}
.demo-landing-overview .content_block_container_icons .overview-content-block-wrapper {
    display: flex;
    flex-flow: nowrap;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content_block_container_icons .overview-content-block-wrapper {
        flex-flow: nowrap;
        margin-bottom: 30px;
        max-width: 49%;
        margin-left: 0;
    }
}
.demo-landing-overview .content_block_container_icons .overview-content-block-wrapper .overview-image {
    width: 100%;
    max-width: 70px;
    height: 100%;
    max-height: 66px;
    border-radius: 20px;
    margin-right: 34px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content_block_container_icons .overview-content-block-wrapper .overview-image {
        margin-right: 25px;
    }
}
.demo-landing-overview .content_block_container_image_with_checkmarks,
.demo-landing-overview .content_block_container_image_with_text {
    margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
    .demo-landing-overview .content_block_container_image_with_checkmarks,
    .demo-landing-overview .content_block_container_image_with_text {
        max-width: 1400px;
        padding-bottom: 95px;
    }
}
.demo-landing-overview .content_block_container_image_with_checkmarks .overview-content-block-wrapper,
.demo-landing-overview .content_block_container_image_with_text .overview-content-block-wrapper {
    border-radius: 10px;
    width: 99%;
    margin: 8px auto 10px auto;
}
@media only screen and (min-width: 667px) {
    .demo-landing-overview .content_block_container_image_with_checkmarks .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_image_with_text .overview-content-block-wrapper {
        max-width: 48%;
        margin: 1%;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .content_block_container_image_with_checkmarks .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_image_with_text .overview-content-block-wrapper {
        max-width: 32%;
        margin: 0.6%;
    }
}
.demo-landing-overview .content_block_container_image_with_checkmarks .overview-image,
.demo-landing-overview .content_block_container_image_with_text .overview-image {
    width: 63%;
    height: auto;
    margin: 45px auto 25px auto;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content_block_container_image_with_checkmarks .overview-image,
    .demo-landing-overview .content_block_container_image_with_text .overview-image {
        margin: 65px auto 52px auto;
        width: 78%;
        height: auto;
    }
}
.demo-landing-overview .content_block_container_image_with_text {
    max-width: 1290px;
    justify-content: left;
}
.demo-landing-overview .content_block_container_image_with_checkmarks,
.demo-landing-overview .content_block_container_image_with_text_2x2 {
    justify-content: center;
    max-width: 1090px;
}
.demo-landing-overview .content_block_container_image_with_checkmarks .overview-content-block-wrapper,
.demo-landing-overview .content_block_container_image_with_text_2x2 .overview-content-block-wrapper {
    width: 94%;
    padding-bottom: 20px;
}
@media only screen and (min-width: 667px) {
    .demo-landing-overview .content_block_container_image_with_checkmarks .overview-content-block-wrapper,
    .demo-landing-overview .content_block_container_image_with_text_2x2 .overview-content-block-wrapper {
        max-width: 48%;
        margin-bottom: 20px;
        margin: 1%;
    }
}
.demo-landing-overview .overview-content-block-wrapper {
    margin-top: 16px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .overview-content-block-wrapper {
        margin: 20px 0 0 20px;
    }
}
.demo-landing-overview .copy-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto 70px auto;
    max-width: 65%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper {
        max-width: 100%;
    }
}
.demo-landing-overview .copy-wrapper.block_style_bullet_points {
    position: relative;
    max-width: 100%;
    margin-bottom: 20px;
}
.demo-landing-overview .copy-wrapper.block_style_bullet_points:before {
    content: "";
    position: absolute;
    background: #0e2033;
    height: 3px;
    width: 3px;
    border-radius: 100%;
    left: -14px;
    top: 11px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_bullet_points:before {
        left: -27px;
    }
}
.demo-landing-overview .copy-wrapper.block_style_checkmarks {
    position: relative;
    margin-left: 34px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_checkmarks {
        margin-left: 25px;
    }
}
.demo-landing-overview .copy-wrapper.block_style_checkmarks:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../../dist/images/svg/blue-check-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: -33px;
    top: 6px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_checkmarks:before {
        left: -45px;
    }
}
.demo-landing-overview .copy-wrapper.block_style_icons {
    max-width: 100%;
    margin-bottom: 30px;
}
.demo-landing-overview .copy-wrapper.block_style_icons .content-copy-headline {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.2px;
    padding-bottom: 8px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_icons .content-copy-headline {
        font-weight: 500;
        font-size: 32px;
        line-height: 32px;
        letter-spacing: 0.2px;
        padding-bottom: 8px;
        max-width: 70%;
    }
}
.demo-landing-overview .copy-wrapper.block_style_icons .content-copy {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 100%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_icons .content-copy {
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        max-width: 80%;
    }
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks,
.demo-landing-overview .copy-wrapper.block_style_image_with_text {
    max-width: 65%;
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline,
.demo-landing-overview .copy-wrapper.block_style_image_with_text .content-copy-headline {
    font-weight: 500;
    font-size: 24px;
    line-height: 23px;
    letter-spacing: -0.01em;
    padding-bottom: 15px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline,
    .demo-landing-overview .copy-wrapper.block_style_image_with_text .content-copy-headline {
        font-weight: 500;
        font-size: 31px;
        line-height: 40px;
        letter-spacing: -0.6px;
        padding-bottom: 25px;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline,
    .demo-landing-overview .copy-wrapper.block_style_image_with_text .content-copy-headline {
        font-size: 35px;
        line-height: 42px;
    }
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy,
.demo-landing-overview .copy-wrapper.block_style_image_with_text .content-copy {
    width: 100%;
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks {
    max-width: 75%;
    margin-bottom: 50px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks {
        max-width: 67%;
    }
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline {
    font-weight: 500;
    font-size: 24px;
    line-height: 23px;
    letter-spacing: -0.01em;
    padding-bottom: 15px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline {
        font-weight: 500;
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -0.1px;
        padding-bottom: 25px;
        max-width: 80%;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline {
        max-width: 80%;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-headline {
        max-width: 80%;
    }
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-sub {
    position: relative;
    margin-left: 35px;
    padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-sub {
        margin-left: 40px;
    }
}
.demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-sub:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url(../../dist/images/svg/blue-check-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: -33px;
    top: 4px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .copy-wrapper.block_style_image_with_checkmarks .content-copy-sub:before {
        left: -43px;
        top: 6px;
    }
}
.demo-landing-overview .content-copy-headline {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.002em;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content-copy-headline {
        font-size: 20px;
        line-height: 28px;
    }
}
.demo-landing-overview .content-copy {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.002em;
}
@media only screen and (min-width: 767px) {
    .demo-landing-overview .content-copy {
        font-size: 20px;
        line-height: 28px;
    }
}
.demo-landing.questions {
    background-color: #fff;
    padding: 0 20px;
}
.demo-landing.questions.white-bkg {
    background-color: #fff;
}
.demo-landing.questions.fondant-bkg {
    background-color: #eeedea;
}
.demo-landing.questions.squid-bkg {
    background-color: #0e2033;
}
.demo-landing.questions.fig-bkg {
    background-color: #2f48b0;
}
.demo-landing.questions .content-container {
    max-width: 1320px;
    margin: auto;
    padding: 16px 20px;
    width: 100%;
    box-sizing: border-box;
}
.demo-landing.questions .text-box {
    margin: auto;
    background-color: #eeedea;
    border-radius: 11.25px;
    padding: 35px 20px;
    text-align: center;
}
@media only screen and (min-width: 767px) {
    .demo-landing.questions .text-box {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 20px;
    }
}
.demo-landing.questions .text-box.white-bkg {
    background-color: #fff;
}
.demo-landing.questions .text-box.fondant-bkg {
    background-color: #eeedea;
}
.demo-landing.questions .text-box.squid-bkg {
    background-color: #0e2033;
}
.demo-landing.questions .text-box.squid-bkg .text-box-bold,
.demo-landing.questions .text-box.squid-bkg .text-box-regular {
    color: #fff;
}
.demo-landing.questions .text-box.fig-bkg {
    background-color: #2f48b0;
}
.demo-landing.questions .text-box.fig-bkg .text-box-bold,
.demo-landing.questions .text-box.fig-bkg .text-box-regular {
    color: #fff;
}
.demo-landing.questions .text-box-bold {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}
@media only screen and (min-width: 767px) {
    .demo-landing.questions .text-box-bold {
        font-size: 32px;
    }
}
.demo-landing.questions .text-box-regular {
    font-size: 16px;
    line-height: 22px;
}
@media only screen and (min-width: 767px) {
    .demo-landing.questions .text-box-regular {
        font-size: 32px;
        margin-left: 20px;
    }
}
.demo-landing-media {
    overflow: hidden;
    width: 100%;
}
.demo-landing-media .demo_landing_media_container_fondant {
    background-color: #eeedea;
}
.demo-landing-media .demo_landing_media_container_fondant .demo-landing-header-container {
    color: #0e2033;
}
.demo-landing-media .demo_landing_media_container_fondant .demo-landing-header-container .demo-landing-section-span:after {
    border-bottom: 1px solid #0e2033;
}
.demo-landing-media .demo_landing_media_container_squid_ink {
    background-color: #0e2033;
}
.demo-landing-media .demo_landing_media_container_squid_ink .demo-landing-header-container {
    color: #fff;
}
.demo-landing-media .demo_landing_media_container_squid_ink .demo-landing-header-container .demo-landing-section-span:after {
    border-bottom: 1px solid #fff;
}
.demo-landing-media .demo_landing_media_container_white {
    background-color: #fff;
}
.demo-landing-media .demo_landing_media_container_white .demo-landing-header-container {
    color: #0e2033;
}
.demo-landing-media .demo_landing_media_container_white .demo-landing-header-container .demo-landing-section-span:after {
    border-bottom: 1px solid #0e2033;
}
.demo-landing-media .demo_landing_media_container_fig_blue {
    background-color: #2f48b0;
}
.demo-landing-media .demo_landing_media_container_fig_blue .demo-landing-header-container {
    color: #fff;
}
.demo-landing-media .demo_landing_media_container_fig_blue .demo-landing-header-container .demo-landing-section-span:after {
    border-bottom: 1px solid #fff;
}
.demo-landing-media .demo-landing-media-container {
    margin: 0 auto;
    padding: 0 20px;
}
.demo-landing-media .demo-landing-header-container {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 auto;
    max-width: 90%;
    padding: 67px 0 58px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-media .demo-landing-header-container {
        flex-direction: row;
        max-width: 1072px;
        padding: 137px 0 78px;
    }
}
.demo-landing-media .demo-landing-header-container .demo-landing-header {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0.01em;
    width: 90%;
}
@media only screen and (min-width: 767px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-header {
        width: 80%;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-header {
        width: 580px;
        font-size: 65px;
        line-height: 72px;
        letter-spacing: -0.01em;
        margin-top: 5px;
    }
}
.demo-landing-media .demo-landing-header-container .demo-landing-section-span {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-top: 4px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-section-span {
        margin-left: auto;
        margin-right: 10px;
        text-align: right;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-section-span {
        margin-left: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-section-span {
        margin-left: auto;
        margin-right: 10px;
    }
}
@media only screen and (min-width: 767px) {
    .demo-landing-media .demo-landing-header-container .demo-landing-section-span:after {
        content: "";
        border-bottom: 1px solid #0e2033;
        display: block;
        width: 15px;
        margin-left: auto;
        margin-top: 6px;
    }
}
.demo-landing-media .demo-landing-media-content {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 99%;
    transition: max-height 0.6s ease-in-out;
    z-index: 1;
    padding-bottom: 65px;
}
@media only screen and (min-width: 1024px) {
    .demo-landing-media .demo-landing-media-content {
        padding-bottom: 130px;
        max-width: 966px;
    }
}
.demo-landing-media .w-chrome {
    margin: 0 auto;
    border-radius: 17px;
    width: 100%;
    height: auto;
}
.demo-landing-media img.wistia_preview_image {
    display: none;
}
.demo-landing-media .demo-landing-mp4 video {
    margin: 0 auto;
    border-radius: 17px;
    width: 100%;
    height: auto;
}
.demo-landing-media .demo-landing-video-cover-image {
    margin: 0 auto;
    border-radius: 17px;
    width: 100%;
    height: auto;
}
.demo-landing-media .hero-play-button-cover {
    cursor: pointer;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.demo-landing-media .hero-play-button-cover:hover .hero-play-button-wrap {
    background-color: #dff4f4;
    border-color: #dff4f4;
}
.demo-landing-media .hero-play-button-cover:hover .hero-play-button path {
    fill: #0e2033;
}
.demo-landing-media .hero-play-button-wrap {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -37px;
    margin-top: -19px;
    border: 1px solid #fff;
    padding: 10px 26px;
    border-radius: 70px;
    background-color: #fff;
}
.demo-landing-media .hero-play-button-wrap .hero-play-button path {
    fill: #0e2033;
}
@media only screen and (min-width: 667px) {
    .demo-landing-media .hero-play-button-wrap {
        top: 45%;
        margin-left: -53px;
        margin-top: -29px;
        padding: 19px 41px;
    }
}
@media only screen and (min-width: 992px) {
    .demo-landing-media .hero-play-button-wrap {
        top: 60%;
        margin-left: -55px;
        margin-top: -120px;
        padding: 24px 50px;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-landing-media .hero-play-button-wrap {
        top: 55%;
    }
}
.demo-landing-media .hero-play-button {
    width: 16px;
    height: 15px;
    display: block;
}
@media only screen and (min-width: 667px) {
    .demo-landing-media .hero-play-button {
        width: 20px;
        height: 19px;
    }
}
@media only screen and (min-width: 992px) {
    .demo-landing-media .hero-play-button {
        width: 26px;
        height: 25px;
    }
}
.demo-landing.solutions-banner {
    background-color: #2f48b0;
    color: #fff;
    position: relative;
    text-align: center;
}
.demo-landing.solutions-banner.squidink {
    background-color: #0e2033;
}
.demo-landing.solutions-banner.fondant {
    background-color: #eeedea;
    color: #0e2033;
}
.demo-landing.solutions-banner.white {
    background-color: #fff;
    color: #0e2033;
}
.demo-landing.solutions-banner .content-container {
    max-width: 1100px;
    margin: auto;
    padding: 115px 40px;
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (min-width: 767px) {
    .demo-landing.solutions-banner .content-container {
        padding: 150px 60px;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing.solutions-banner .content-container {
        padding: 200px 0;
    }
}
.demo-landing.solutions-banner .banner-copy {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 0.2px;
}
@media only screen and (min-width: 767px) {
    .demo-landing.solutions-banner .banner-copy {
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-landing.solutions-banner .banner-copy {
        font-size: 64px;
        line-height: 64px;
        margin-bottom: 30px;
    }
}
.demo-landing.solutions-banner .banner-span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
}
@media only screen and (min-width: 1200px) {
    .demo-landing.solutions-banner .banner-span {
        font-size: 14px;
        line-height: 20px;
    }
}
.demo-landing-ebook .content-container {
    max-width: 860px;
    margin: 0 auto;
    padding: 57px 30px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .content-container {
        display: flex;
        flex-wrap: wrap;
        padding: 106px 20px;
    }
}
.demo-landing-ebook .content-container .demo-landing-column {
    width: 100%;
}
.demo-landing-ebook .image-container {
    width: 100%;
    margin-top: 65px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .image-container {
        margin-top: 0;
        max-width: 45%;
        order: 1;
    }
}
.demo-landing-ebook .ebook-container {
    position: relative;
    max-width: 244px;
    margin: 0 auto;
    padding-bottom: 30px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .ebook-container {
        margin: 0;
    }
}
.demo-landing-ebook .ebook-bkg-image {
    position: absolute;
    top: 20px;
    left: 30px;
}
.demo-landing-ebook .ebook-cover {
    background: #f3f8ff;
    padding: 21px 18px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.demo-landing-ebook .ebook-cover .ebook-logo {
    max-width: 72px;
    margin-left: 2px;
    margin-top: 1px;
}
.demo-landing-ebook .ebook-cover .title {
    font-size: 24px;
    margin-top: 10px;
    line-height: 26px;
    letter-spacing: -0.03em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    color: #2f48b0;
    font-weight: 500;
}
.demo-landing-ebook .ebook-cover .ebook-cover-image {
    margin: 25px auto 2px;
    max-width: 170px;
    border-radius: 100%;
}
.demo-landing-ebook .ebook-cover.offwhite-bkg {
    background: #f3f8ff;
}
.demo-landing-ebook .ebook-cover.white-bkg {
    background: #fff;
}
.demo-landing-ebook .ebook-cover.fig-bkg {
    background: #2f48b0;
}
.demo-landing-ebook .ebook-cover.fig-bkg .title {
    color: #fff;
}
.demo-landing-ebook .ebook-cover.fondant-bkg {
    background: #eeedea;
}
.demo-landing-ebook .ebook-cover.goji-bkg {
    background: #fd4f57;
}
.demo-landing-ebook .ebook-cover.goji-bkg .title {
    color: #fff;
}
.demo-landing-ebook .info-container {
    box-sizing: border-box;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .info-container {
        padding: 0 4px;
        max-width: 55%;
        order: 2;
    }
}
.demo-landing-ebook .tag {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.03em;
    padding-left: 4px;
}
.demo-landing-ebook .headline {
    color: #fff;
    font-size: 39px;
    margin-top: 5px;
    line-height: 44px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .headline {
        font-size: 35px;
        margin-top: 24px;
        line-height: 39px;
    }
}
.demo-landing-ebook .button-wrap {
    margin-top: 27px;
}
@media only screen and (min-width: 767px) {
    .demo-landing-ebook .button-wrap {
        margin-top: 50px;
    }
}
.demo-landing-ebook .download-button {
    background: #fff;
    color: #0e2033;
    border-radius: 70px;
    padding: 11px 53px;
    display: inline-block;
    letter-spacing: 0.03em;
}
.demo-landing-ebook .download-button:hover {
    background: #dff4f4;
}
.demo-landing-ebook .download-button.squid-ink-bkg {
    background: #0e2033;
    color: #fff;
}
.demo-landing-ebook .download-button.squid-ink-bkg:hover {
    background: #1a3b5f;
}
.demo-landing-ebook .download-button.white-bkg {
    background: #fff;
    color: #0e2033;
}
.demo-landing-ebook .download-button.white-bkg:hover {
    background: #dff4f4;
}
.demo-landing-ebook .download-button.pistachio-bkg {
    background: #50af5a;
    color: #fff;
}
.demo-landing-ebook .download-button.pistachio-bkg:hover {
    background: #008854;
}
.demo-landing-ebook .download-button.fig-bkg {
    background: #2f48b0;
    color: #fff;
}
.demo-landing-ebook .download-button.fig-bkg:hover {
    opacity: 0.7;
}
.demo-landing-ebook.fig-bkg {
    background-color: #2f48b0;
}
.demo-landing-ebook.squid-ink-bkg {
    background-color: #0e2033;
}
.demo-landing-ebook.white-bkg {
    background-color: #fff;
}
.demo-landing-ebook.white-bkg .headline,
.demo-landing-ebook.white-bkg .tag {
    color: #0e2033;
}
.demo-landing-ebook.fondant-bkg {
    background-color: #eeedea;
}
.demo-landing-ebook.fondant-bkg .headline,
.demo-landing-ebook.fondant-bkg .tag {
    color: #0e2033;
}
.demo-page {
    background: #0e2033;
    color: #fff;
}
.demo-page .demo-page-wrap {
    max-width: 1292px;
    margin: auto;
}
.demo-page .demo-headline {
    font-size: 32px;
    line-height: 35px;
    margin-left: 17px;
    margin-top: 64px;
    padding: 0 20px;
}
@media only screen and (min-width: 500px) {
    .demo-page .demo-headline {
        font-size: 40px;
        line-height: 43px;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-page .demo-headline {
        font-size: 50px;
        line-height: 55px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-headline {
        font-size: 65px;
        line-height: 70px;
        margin-top: 55px;
        margin-left: 0;
        padding: 0;
        letter-spacing: -1.3px;
    }
}
.demo-page .demo-note-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 17px;
}
@media only screen and (min-width: 500px) {
    .demo-page .demo-note-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-note-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px;
        max-width: 480px;
    }
}
.demo-page .demo-note-list-item {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
@media only screen and (min-width: 500px) {
    .demo-page .demo-note-list-item {
        font-size: 16px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-note-list-item {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 8px;
        max-width: 500px;
    }
}
.demo-page .demo-note-list-item .check-icon {
    margin: 4px 20px 0 0;
}
@media only screen and (min-width: 500px) {
    .demo-page .demo-note-list-item .check-icon {
        width: 17px;
        height: auto;
        margin: 4px 13px 0 0;
    }
}
.demo-page .demo-page-columns {
    display: flex;
    flex-direction: column-reverse;
}
@media only screen and (min-width: 767px) {
    .demo-page .demo-page-columns {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-page .demo-page-columns {
        flex-direction: row;
        padding-bottom: 86px;
        justify-content: space-between;
    }
}
.demo-page .demo-column-left {
    margin-top: 50px;
    padding: 0 50px 0 18px;
}
@media only screen and (min-width: 1024px) {
    .demo-page .demo-column-left {
        padding: 0 20px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-column-left {
        margin-top: 70px;
        padding: 0 50px 0 0;
    }
}
.demo-page .demo-column-left p {
    margin-left: 18px;
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-column-left p {
        margin-left: 0;
    }
}
.demo-page .demo-column-left .demo-image {
    display: none;
    margin-top: 52px;
}
@media only screen and (min-width: 1024px) {
    .demo-page .demo-column-left .demo-image {
        display: block;
    }
}
.demo-page .demo-column-right {
    margin-top: 44px;
}
@media only screen and (min-width: 767px) {
    .demo-page .demo-column-right {
        padding: 0 40px;
    }
}
@media only screen and (min-width: 1024px) {
    .demo-page .demo-column-right {
        max-width: 510px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-column-right {
        margin-top: 70px;
        max-width: 666px;
        padding: 0;
    }
}
.demo-page .demo-form-wrap {
    background: #2f48b0;
    padding: 73px 35px 82px 35px;
}
@media only screen and (min-width: 767px) {
    .demo-page .demo-form-wrap {
        border-radius: 20px;
    }
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-form-wrap {
        padding: 63px 68px 50px;
    }
}
.demo-page .demo-form-wrap .demo-form-title {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 16px;
}
@media only screen and (min-width: 1440px) {
    .demo-page .demo-form-wrap .demo-form-title {
        font-size: 35px;
        line-height: 38px;
    }
}
.demo-page .demo-form-wrap .second-step .mktoButtonRow {
    margin-bottom: 55px;
}
.demo-page-footer {
    border-top: 0.5px solid rgba(255, 255, 255, 0.2);
    margin-top: 33px;
}
.demo-page-footer .footer-wrap {
    padding: 40px 36px 50px;
    max-width: 1340px;
    margin: auto;
}
@media only screen and (min-width: 767px) {
    .demo-page-footer .footer-wrap {
        display: flex;
        justify-content: space-between;
        padding: 26px 36px 25px;
    }
}
@media only screen and (min-width: 767px) {
    .demo-page-footer .footer-logo {
        margin-top: 5px;
    }
}
@media only screen and (min-width: 1200px) {
    .demo-page-footer .footer-logo {
        margin-left: 23px;
    }
}
.demo-page-footer .footer-right {
    margin-top: 26px;
}
@media only screen and (min-width: 767px) {
    .demo-page-footer .footer-right {
        margin-top: 0;
        margin-right: 22px;
    }
}
.demo-page-footer .footer-copy {
    margin-top: 8px;
}
@media only screen and (min-width: 767px) {
    .demo-page-footer .footer-copy {
        display: flex;
        justify-content: flex-end;
        margin-top: 4px;
    }
}
.demo-page-footer a,
.demo-page-footer p {
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    color: #c4c4c4;
}
@media only screen and (min-width: 767px) {
    .demo-page-footer a,
    .demo-page-footer p {
        font-size: 12px;
        line-height: 20px;
    }
}
.demo-page-footer .demo-footer-link {
    margin-right: 14px;
    cursor: pointer;
}
.demo-page-footer .demo-footer-link:last-of-type {
    margin-right: 0;
}
@media only screen and (min-width: 767px) {
    .demo-page-footer .footer-copy-text {
        margin-right: 20px;
    }
    .demo-page-footer .footer-copy-text:last-of-type {
        margin-right: 0;
    }
}
body.partner-delivery {
    background-color: #fff;
}
.partner-delivery-section.hero {
    background-color: #0e2033;
    color: #eeedea;
}
.partner-delivery-section.hero .hero-content-wrapper {
    max-width: 1010px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    padding: 50px 35px 75px;
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.hero .hero-content-wrapper {
        padding: 150px 30px 60px;
    }
}
.partner-delivery-section.hero .hero-eyebrow {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.partner-delivery-section.hero .hero-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 35px;
    letter-spacing: -0.01em;
    padding-top: 15px;
    padding-bottom: 16px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.hero .hero-title {
        width: 60%;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.hero .hero-title {
        width: 100%;
        font-style: normal;
        font-size: 60px;
        line-height: 65px;
        padding-top: 20px;
        padding-bottom: 12px;
    }
}
@media only screen and (min-width: 1440px) {
    .partner-delivery-section.hero .hero-title {
        font-size: 64px;
        line-height: 72px;
    }
}
.partner-delivery-section.hero .hero-copy {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.hero .hero-copy {
        width: 60%;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.hero .hero-copy {
        width: 100%;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.002em;
    }
}
.partner-delivery-section.your-options {
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 1000;
    margin-top: 50px;
}
.partner-delivery-section.your-options .section-header {
    padding-top: 35px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .section-header {
        display: flex;
        flex-flow: row-reverse;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .section-header {
        padding-top: 118px;
    }
}
.partner-delivery-section.your-options .options-eyebrow {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .options-eyebrow:after {
        content: "";
        border-bottom: 1px solid #0e2033;
        width: 13px;
        margin-top: 10px;
        margin-left: auto;
        display: block;
        position: relative;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .options-eyebrow {
        font-size: 14px;
        line-height: 20px;
        margin-top: 21px;
    }
}
.partner-delivery-section.your-options .your-options-top {
    padding: 0 16px;
    max-width: 1060px;
    margin: 0 auto;
}
@media only screen and (min-width: 500px) {
    .partner-delivery-section.your-options .your-options-top {
        padding: 0 30px;
    }
}
.partner-delivery-section.your-options .options-title {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-top: 7px;
    letter-spacing: -1px;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .options-title {
        font-size: 65px;
        line-height: 72px;
    }
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .options-list-wrap {
        display: flex;
    }
}
.partner-delivery-section.your-options .options-image {
    width: 100%;
    height: auto;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .options-image {
        margin-top: 25px;
        max-width: 300px;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.your-options .options-image {
        max-width: 400px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .options-image {
        margin-top: 47px;
        max-width: 484px;
    }
}
.partner-delivery-section.your-options .options-list {
    padding: 40px 0 37px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .options-list {
        padding: 90px 60px 0 50px;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.your-options .options-list {
        padding: 90px 130px 0 100px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .options-list {
        padding: 138px 0 0 117px;
    }
}
.partner-delivery-section.your-options .options-list-item {
    margin-bottom: 24px;
}
.partner-delivery-section.your-options .options-list-item:last-of-type {
    margin-bottom: 0;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .options-list-item {
        margin-bottom: 47px;
    }
}
.partner-delivery-section.your-options .list-item-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .list-item-title {
        font-size: 22px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .list-item-title {
        font-size: 32px;
        line-height: 35px;
    }
}
.partner-delivery-section.your-options .list-item-copy {
    font-size: 16px;
    line-height: 22px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .list-item-copy {
        font-size: 18px;
        line-height: 24px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .list-item-copy {
        font-size: 20px;
        line-height: 28px;
    }
}
.partner-delivery-section.your-options .cost-breakdown {
    background-color: #eeedea;
    padding: 0 50px;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.your-options .cost-breakdown {
        max-width: 1065px;
        margin: 80px auto 70px;
        box-sizing: border-box;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.your-options .cost-breakdown {
        border-radius: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .cost-breakdown {
        margin: 137px auto 112px;
    }
}
.partner-delivery-section.your-options .cost-breakdown-wrap {
    padding: 50px 0 55px;
    max-width: 820px;
    margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .cost-breakdown-wrap {
        padding: 80px 0 102px;
    }
}
.partner-delivery-section.your-options .chart-title {
    font-size: 32px;
    line-height: 35px;
    font-weight: 500;
    margin-bottom: 34px;
    letter-spacing: -0.5px;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .chart-title {
        margin-bottom: 20px;
    }
}
.partner-delivery-section.your-options .chart-row {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #0e2033;
    padding: 25px 0;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .chart-row {
        padding: 33px 0;
    }
}
.partner-delivery-section.your-options .chart-row:first-of-type {
    padding: 15px 0;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .chart-row:first-of-type {
        padding: 28px 0;
    }
}
.partner-delivery-section.your-options .chart-row:last-of-type {
    border-bottom: 0;
}
.partner-delivery-section.your-options .chart-row p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
@media only screen and (min-width: 500px) {
    .partner-delivery-section.your-options .chart-row p {
        font-size: 16px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.your-options .chart-row p {
        font-size: 20px;
        line-height: 24px;
    }
}
.partner-delivery-section.your-options .column-one {
    width: 42%;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .column-one {
        width: 54%;
    }
}
.partner-delivery-section.your-options .column-two {
    width: 21%;
    margin-right: 10%;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .column-two {
        width: 22%;
        margin-right: 12%;
    }
}
.partner-delivery-section.your-options .column-three {
    width: 21%;
}
.partner-delivery-section.your-options .small {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    margin-top: 10px;
    display: block;
}
@media only screen and (min-width: 500px) {
    .partner-delivery-section.your-options .small {
        font-size: 14px;
        line-height: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .small {
        font-size: 16px;
        line-height: 22px;
        margin-top: 7px;
    }
}
.partner-delivery-section.your-options .chart-disclaimer {
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
}
@media only screen and (min-width: 500px) {
    .partner-delivery-section.your-options .chart-disclaimer {
        font-size: 14px;
        line-height: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.your-options .chart-disclaimer {
        font-size: 16px;
        line-height: 22px;
    }
}
.partner-delivery-section.product-cards {
    background-color: #fff;
    position: relative;
}
.partner-delivery-section.product-cards .content-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 20px 0;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .content-container {
        padding: 125px 20px 5px;
    }
}
.partner-delivery-section.product-cards .product-cards-title-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.product-cards .product-cards-title-section {
        width: 55%;
    }
}
.partner-delivery-section.product-cards .product-cards-title-section .product-cards-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: center;
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.product-cards .product-cards-title-section .product-cards-title {
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .product-cards-title-section .product-cards-title {
        font-size: 65px;
        line-height: 72px;
    }
}
.partner-delivery-section.product-cards .product-card-image {
    width: 90%;
    padding: 10% 5% 0 5%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}
.partner-delivery-section.product-cards .product-cards-list {
    margin-top: 43px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.product-cards .product-cards-list {
        margin-top: 68px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .product-cards-list {
        margin-top: 75px;
    }
}
.partner-delivery-section.product-cards .product-card {
    background-color: #eeedea;
    border-radius: 20px;
    margin: 8px 0;
}
@media only screen and (min-width: 767px) {
    .partner-delivery-section.product-cards .product-card {
        max-width: 32.8%;
        margin: 0;
    }
}
.partner-delivery-section.product-cards .product-card .product-card-inner-wrap {
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.partner-delivery-section.product-cards .product-card-wrap {
    padding: 30px 35px 0;
    max-height: 100%;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .product-card-wrap {
        padding: 55px 40px 0;
    }
}
.partner-delivery-section.product-cards .product-card-title {
    font-size: 24px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .product-card-title {
        font-size: 32px;
        line-height: 32px;
    }
}
.partner-delivery-section.product-cards .product-card-copy {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.1px;
    margin: 22px 0 35px;
}
@media only screen and (min-width: 500px) {
    .partner-delivery-section.product-cards .product-card-copy {
        font-size: 18px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1200px) {
    .partner-delivery-section.product-cards .product-card-copy {
        font-size: 20px;
        line-height: 28px;
        margin: 24px 0 80px;
    }
}
.partner-delivery-section.product-cards .product-card-button {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 40px 70px;
    vertical-align: bottom;
    margin-top: auto;
}
.partner-delivery-section.product-cards .product-card-button .product-card-link {
    font-size: 14px;
    padding: 8px 50px;
    margin-top: auto;
    color: #fff;
    background-color: #0e2033;
    font-weight: 400;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
    padding: 8px 30px;
}
.partner-delivery-section.product-cards .product-card-button .product-card-link:focus-visible {
    outline: 2px solid #fd4f57;
}
@media only screen and (min-width: 400px) {
    .partner-delivery-section.product-cards .product-card-button .product-card-link {
        padding: 8px 44px;
    }
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.product-cards .product-card-button .product-card-link {
        padding: 10px 33px;
    }
}
.partner-delivery-section.product-cards .product-card-button .product-card-link:hover {
    background-color: #1a3b5f;
}
@media only screen and (min-width: 1024px) {
    .partner-delivery-section.product-cards .product-card-button .product-card-link {
        font-size: 20px;
        padding: 14px 65px;
    }
}
.dc-banner-block {
    height: 350px;
}
@media (max-width: 1024px) {
    .dc-banner-block {
        height: 275px;
    }
    div.banner.home.plus.center.image {
        padding-bottom: 0;
    }
}
body.industry-expose {
    overflow-x: hidden;
}
#industry-expose a {
    transition: all 0.2s ease;
}
#industry-expose .logo {
    background: url(../images/svg/logo-horizontal-white.svg) no-repeat;
    display: block;
    height: 34px;
    text-indent: -9999px;
    width: 145px;
}
#industry-expose h1.white {
    color: #fff;
    font-size: 56px;
    letter-spacing: -1.4px;
    line-height: 67px;
    margin-bottom: 30px;
    margin-top: 70px;
}
#industry-expose h1.squidink {
    color: #0e2033;
    font-size: 56px;
    letter-spacing: -1.4px;
    line-height: 80px;
    margin-bottom: 50px;
    padding-top: 200px;
}
#industry-expose h2.headline-squid-ink {
    color: #0e2033;
    font-size: 56px;
    letter-spacing: -1.4px;
    line-height: 80px;
    margin-bottom: 50px;
    max-width: 1096px;
    padding-top: 300px;
}
#industry-expose h2.white {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.42px;
    line-height: 46px;
    margin-bottom: 20px;
}
#industry-expose h2.headline-italic {
    font-style: italic;
    color: #fff;
    font-size: 56px;
    letter-spacing: -1.4px;
    line-height: 67px;
    margin-bottom: 30px;
    text-align: center;
}
#industry-expose h3.smallcaps-title {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
}
#industry-expose h3.smallcaps-title sup {
    font-size: 7px;
    vertical-align: super;
}
#industry-expose h3.article-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.38;
}
#industry-expose p.sub-copy-squid-ink {
    color: #0e2033;
    font-size: 24px;
    letter-spacing: 0.27px;
    line-height: 35px;
}
#industry-expose h2.sub-copy-white {
    color: #fff;
    font-size: 24px;
    letter-spacing: 0.27px;
    line-height: 35px;
}
#industry-expose span.goji-accent {
    color: #fd4f57;
    font-weight: 600;
}
#industry-expose a.bluecorn {
    color: #4a79a0;
    font-weight: 600;
}
#industry-expose a.bluecorn:hover {
    color: #79b2ce;
}
#industry-expose span.small-title {
    color: #8c8c8e;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}
#industry-expose span.small-title-quote {
    color: #8c8c8e;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: -11px;
}
#industry-expose p.fullspan-quote-text {
    font-style: italic;
    color: #fff;
    font-size: 44px;
    line-height: 1.47;
    margin-top: -10px;
    position: relative;
    top: 18px;
}
#industry-expose p.quote-author {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 35px;
}
#industry-expose p.quote-author-title {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
}
#industry-expose p.source-credit {
    color: #fff;
    font-size: 10px;
    margin-top: 16px;
}
#industry-expose sup {
    font-size: 10px;
    vertical-align: super;
}
#industry-expose ol.source-credit {
    margin: 10px 0 0 12px;
    margin-left: 12px;
}
#industry-expose ol.source-credit li {
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.8px;
    line-height: 1.5;
    list-style-type: decimal;
    margin-bottom: 11px;
    padding-left: 8px;
}
#industry-expose .container {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    padding: 0 5%;
    width: 80vw;
}
#industry-expose .hide {
    display: none;
}
@media (max-width: 1500px) {
    #industry-expose p.fullspan-quote-text {
        font-size: 38px;
    }
}
@media (max-width: 1024px) {
    #industry-expose .container {
        padding: 0 10%;
        width: 80%;
    }
    #industry-expose h1.white {
        text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
    }
}
@media (max-height: 800px) {
    #industry-expose h1.white {
        font-size: 46px;
        line-height: 54px;
        margin-top: 50px;
    }
}
@media (max-width: 768px) {
    #industry-expose h1.white {
        color: #fff;
        font-size: 38px;
        letter-spacing: -0.95px;
        line-height: 50px;
        margin-bottom: 30px;
        margin-top: 40px;
    }
    #industry-expose h2.headline-squid-ink {
        font-size: 38px;
        letter-spacing: -1px;
        line-height: 1.32;
        padding-top: 120px;
    }
    #industry-expose p.quote-author {
        margin-top: 10px;
    }
    #industry-expose p.source-credit {
        margin-top: 36px;
    }
}
#industry-expose .anchors-general {
    background: 0 0;
    box-shadow: none;
    position: relative;
    top: calc(100vh - 700px);
}
#industry-expose .hero-section {
    align-content: center;
    display: flex;
    display: -webkit-flex;
    height: 100vh;
    justify-content: center;
}
#industry-expose .hero-section .content-left {
    width: 50%;
}
#industry-expose .hero-section .content-left .container {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
}
#industry-expose .hero-section .content-right {
    float: left;
    width: 50%;
}
#industry-expose .hero-section .content-right .header-bg {
    background: url(../images/assets/page-industry-expose/bg-image-top.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    height: 100%;
    min-height: 650px;
    opacity: 0.68;
    width: 100%;
}
#industry-expose .hero-container {
    max-width: 1400px;
    padding: 0 5%;
    position: absolute;
    width: 80vw;
}
#industry-expose .header-wrap {
    float: left;
    margin-top: 100px;
    max-width: 520px;
    min-height: 700px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
#industry-expose .subhead-wrap {
    max-width: 412px;
    width: 100%;
}
#industry-expose .scroll-container {
    display: block;
    float: left;
}
#industry-expose .scroll-container span.scroll {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 10px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    height: 12px;
    letter-spacing: 2px;
    line-height: normal;
    margin-left: 20px;
    margin-top: 10px;
    width: 49px;
}
#industry-expose .scroll-container .arrow {
    background: url(../images/assets/page-industry-expose/scroll-arrow.svg) no-repeat;
    background-size: 100%;
    float: left;
    height: 31px;
    width: 11px;
}
#industry-expose .scroll-container:hover {
    opacity: 0.7;
}
@media (max-height: 800px) {
    #industry-expose .anchors-general {
        top: calc(100vh - 600px);
    }
}
@media (max-height: 650px) {
    #industry-expose .anchors-general {
        margin-top: 50px;
        top: auto;
    }
}
@media (max-height: 600px) {
    #industry-expose .anchors-general {
        margin-top: 50px;
        top: auto;
    }
}
@media (max-height: 800px) and (max-width: 580px) {
    #industry-expose .anchors-general {
        margin-top: 50px;
        top: auto;
    }
}
@media (max-width: 1180px) {
    #industry-expose .header-wrap {
        max-width: 440px;
    }
}
@media (max-width: 1024px) {
    #industry-expose .scroll {
        margin-top: 50px;
    }
    #industry-expose .header-wrap {
        padding: 0 6%;
        width: 80%;
    }
    #industry-expose .hero-section {
        display: block;
    }
    #industry-expose .hero-section .content-left {
        max-width: 100%;
        position: relative;
        width: 100%;
        z-index: 1;
    }
    #industry-expose .hero-section .content-left .container {
        max-width: 100%;
        position: absolute;
        width: 100%;
    }
    #industry-expose .hero-section .content-right {
        height: 100vh;
        opacity: 0.32;
        position: absolute;
        top: 0;
        width: 100%;
    }
}
@media (max-height: 600px) {
    #industry-expose .hero-section {
        height: auto;
    }
    #industry-expose .hero-section .content-right {
        height: auto;
        position: relative;
    }
}
#industry-expose .intro {
    margin: 100px 0;
}
#industry-expose .intro .intro-left {
    display: block;
    float: left;
    max-width: 500px;
    width: 45%;
}
#industry-expose .intro .intro-left p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.13px;
    line-height: 28px;
    margin-bottom: 20px;
}
#industry-expose .intro .intro-right {
    float: left;
    margin-top: 7%;
    padding-left: 14%;
    width: 50%;
}
#industry-expose .intro .intro-right img.graph {
    margin-left: 65px;
    width: 100%;
}
#industry-expose .intro .intro-right h3.smallcaps-title {
    margin: 10px auto 20px auto;
    max-width: 380px;
    text-align: center;
    width: 100%;
}
#industry-expose .intro .intro-right .graph-container {
    background: url(../images/assets/page-industry-expose/graph.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    float: left;
    height: 0;
    padding-top: 66.64%;
    width: 100%;
}
#industry-expose .intro .intro-right .source-right {
    display: none;
}
#industry-expose .fullspan-quote .container {
    display: flex;
}
#industry-expose .fullspan-quote .quote-image {
    width: 20%;
}
#industry-expose .fullspan-quote .quote-image img {
    float: left;
    min-width: 280px;
    width: 100%;
}
#industry-expose .fullspan-quote .quote-body-container {
    display: block;
    float: left;
    width: 80%;
}
#industry-expose .fullspan-quote .quote-body-container .quote-body {
    border-left: 2px solid #fd4f57;
    display: block;
    float: left;
    margin-left: 5%;
    padding-left: 3%;
    width: 80%;
}
#industry-expose .fullspan-quote .quote-body-container .quote-attributes {
    float: left;
    margin-left: 8%;
    margin-top: 34px;
    padding-left: 3px;
}
#industry-expose .fullspan-quote .quote-body-container .quote-attributes .quote-mobile-image {
    display: none;
}
@media (max-width: 1737px) {
    #industry-expose .intro .intro-right {
        padding-left: 9%;
    }
}
@media (max-width: 1550px) {
    #industry-expose .fullspan-quote .quote-image img {
        min-width: 100%;
    }
    #industry-expose .intro .intro-right {
        padding-left: 8%;
        width: 47%;
    }
}
@media (max-width: 1180px) {
    #industry-expose .fullspan-quote .quote-image {
        width: 34%;
    }
    #industry-expose .fullspan-quote .quote-body-container {
        width: 70%;
    }
    #industry-expose p.fullspan-quote-text {
        font-size: 34px;
    }
}
@media (max-width: 1024px) {
    #industry-expose .intro .intro-left {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    #industry-expose .intro .intro-left .source-left {
        display: none;
    }
    #industry-expose .intro .intro-right {
        float: none;
        margin: 100px auto 0;
        padding-left: 0;
        width: 100%;
    }
    #industry-expose .intro .intro-right img.graph {
        margin-left: 0;
    }
    #industry-expose .intro .intro-right .graph-container {
        background-size: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    #industry-expose .intro .intro-right .source-right {
        display: block;
        float: left;
    }
    #industry-expose .fullspan-quote .container {
        flex-direction: column-reverse;
    }
    #industry-expose .fullspan-quote .quote-image {
        display: none;
    }
    #industry-expose .fullspan-quote .quote-body-container {
        width: 100%;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-body {
        margin-left: 0;
        padding-left: 3%;
        width: 97%;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-attributes {
        margin-left: 0;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-attributes .quote-mobile-image {
        display: block;
        float: left;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-attributes .quote-mobile-image img {
        width: 133px;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-attributes .quote-author-container {
        float: left;
        margin-left: 30px;
    }
    #industry-expose p.fullspan-quote-text {
        font-size: 32px;
        line-height: 1.4;
        margin-top: 0;
        top: 8px;
    }
}
@media (max-width: 768px) {
    #industry-expose .intro .intro-right {
        width: 100%;
    }
    #industry-expose .intro .intro-right .graph-container {
        background-position: -28px -5px;
        background-size: 108%;
        margin-left: 0;
        padding-left: 0;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-attributes {
        margin-top: 40px;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-body {
        margin-left: 0;
        padding-left: 7%;
        width: 93%;
    }
    #industry-expose .fullspan-quote .quote-body-container .quote-author-container {
        width: 40%;
    }
}
#industry-expose .cost-comparison {
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #fff;
}
#industry-expose .cost-comparison .content-left {
    width: 40%;
    float: left;
    max-width: 500px;
}
#industry-expose .cost-comparison .content-left p {
    margin-bottom: 30px;
    line-height: 1.56;
    letter-spacing: 1.1px;
}
#industry-expose .cost-comparison .content-left ul {
    margin-left: 28px;
}
#industry-expose .cost-comparison .content-left ul li {
    margin-bottom: 20px;
    line-height: 1.56;
    letter-spacing: 1.1px;
    list-style-type: none;
}
#industry-expose .cost-comparison .content-left ul li:before {
    content: "\2022";
    color: #fd4f57;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
}
#industry-expose .cost-comparison .content-right {
    width: 57%;
    float: left;
    padding: 0 0 0 3%;
    margin-top: 170px;
}
#industry-expose .cost-comparison .content-right .carousel-caption {
    font-size: 22px;
    color: #8c8c8e;
    margin-top: 20px;
    text-align: left;
    padding-left: 5%;
}
#industry-expose .cost-comparison .content-right .source-attributes.mobile {
    display: none;
}
#industry-expose .cost-comparison .content-right p.smallcaps-title-cost {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
}
#industry-expose .cost-comparison .slide {
    margin-top: 35px;
}
#industry-expose .cost-comparison h3 {
    color: #0e2033;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.44;
    letter-spacing: 0.4px;
    margin-bottom: 50px;
    margin-top: 30px;
}
#industry-expose .cost-comparison ol.source-credit li {
    color: #0e2033;
}
@media (max-width: 1024px) {
    #industry-expose .cost-comparison .content-left {
        width: 100%;
        max-width: 100%;
    }
    #industry-expose .cost-comparison .content-right {
        width: 100%;
        padding: 0;
        margin-top: 60px;
    }
    #industry-expose .cost-comparison .content-right .platforms__controller .container {
        padding: 0;
        width: 100%;
    }
    #industry-expose .cost-comparison .content-right .source-attributes.mobile {
        display: block;
        float: left;
        margin-top: 24px;
    }
    #industry-expose .cost-comparison .source-attributes {
        display: none;
    }
}
@media (max-width: 768px) {
    #industry-expose .cost-comparison {
        background-size: 160%;
        background-position-x: -200px;
    }
    #industry-expose .cost-comparison .content-right p.smallcaps-title-cost {
        line-height: 16px;
    }
    #industry-expose .cost-comparison .content-right p.carousel-caption {
        font-size: 15px;
        margin-top: 30px;
    }
}
#industry-expose .platform img {
    width: 90%;
    margin: 0 auto;
}
#industry-expose div.platforms {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
#industry-expose div.platforms__slides {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
#industry-expose div.platforms__slides.slick-initialized {
    visibility: visible;
    opacity: 1;
}
#industry-expose div.platforms__controller {
    width: 100%;
    z-index: 1;
}
#industry-expose div.platforms__controller .container {
    width: 90%;
    margin-top: 20px;
}
#industry-expose div.platforms__controller ul {
    display: table;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 16px;
    line-height: 54px;
}
#industry-expose div.platforms__controller ul li {
    float: left;
    padding: 0 8px;
}
#industry-expose div.platforms__controller ul li a {
    background: 0 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #8c8c8e;
    display: inline-block;
    height: 36px;
    padding-top: 2px;
    transition: border-color 0.2s ease, color 0.2s ease;
    width: auto;
    letter-spacing: 2px;
}
#industry-expose div.platforms__controller ul li a:hover {
    background: 0 0;
    border-color: rgba(255, 255, 255, 0.1);
    color: #0e2033;
    cursor: pointer;
}
#industry-expose div.platforms__controller ul li a span {
    display: inline-block;
}
#industry-expose div.platforms__controller ul li.selected a {
    background: 0 0;
    border-color: #fd4f57;
    color: #0e2033;
}
#industry-expose div.platforms div.platform div.container {
    height: 680px;
}
@media (max-width: 1370px) {
    #industry-expose .platforms-carousel .platforms__controller ul#menu {
        max-width: 300px;
        line-height: 32px;
    }
    #industry-expose .platforms-carousel .platforms__controller li a {
        height: 24px;
    }
}
@media (max-width: 780px) {
    #industry-expose .platform img {
        width: 100%;
        margin: 0 auto;
    }
}
#industry-expose .media {
    margin-top: 80px;
}
#industry-expose .media .content-left {
    display: block;
    float: left;
    padding: 0 5%;
    position: relative;
    top: 60px;
    width: 45%;
}
#industry-expose .media .content-right {
    display: block;
    float: left;
    margin-top: 100px;
    max-width: 500px;
    padding: 5%;
    width: 35%;
}
#industry-expose .media .content-right .mobile-container {
    margin: 0;
    padding: 0;
    width: 100%;
}
#industry-expose .media .content-right h2.white {
    max-width: 430px;
    width: 100%;
}
#industry-expose .media .content-right h4 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 1.44;
    margin-bottom: 20px;
}
#industry-expose .media .content-right p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.1px;
    line-height: 1.56;
    margin-bottom: 20px;
}
#industry-expose ul.articles {
    margin: 0;
    padding: 0;
}
#industry-expose ul.articles li {
    background-color: #051422;
    margin-bottom: 5%;
    padding: 50px;
    width: 45%;
}
#industry-expose ul.articles li:nth-child(odd) {
    float: left;
}
#industry-expose ul.articles li:nth-child(even) {
    float: right;
}
#industry-expose ul.articles li .article-source {
    float: left;
    margin-top: 30px;
    width: 100%;
}
#industry-expose ul.articles li .media-logo {
    float: left;
}
#industry-expose ul.articles li .forbes {
    background: url(../images/assets/page-industry-expose/media-logo-forbes.svg) no-repeat;
    background-size: 80px 33px;
    height: 33px;
    width: 80px;
}
#industry-expose ul.articles li .cnn {
    background: url(../images/assets/page-industry-expose/media-logo-cnn.svg) no-repeat;
    background-size: 72px 33px;
    height: 33px;
    width: 72px;
}
#industry-expose ul.articles li .recode {
    background: url(../images/assets/page-industry-expose/media-logo-recode.svg) no-repeat;
    background-size: 95px 28px;
    height: 28px;
    width: 95px;
}
#industry-expose ul.articles li .newyorker {
    background: url(../images/assets/page-industry-expose/media-logo-newyorker.svg) no-repeat;
    background-size: 112px 25px;
    height: 25px;
    width: 112px;
}
#industry-expose ul.articles li a {
    border-bottom: 2px solid #fd4f57;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 2.29;
}
#industry-expose ul.articles li a:hover {
    border-bottom: 2px solid #fd7e84;
    color: #fd7e84;
}
@media (max-width: 1537px) {
    #industry-expose .media .content-right h2.white {
        max-width: 384px;
    }
}
@media (max-width: 1024px) {
    #industry-expose .media .content-left {
        padding: 0;
        width: 100%;
    }
    #industry-expose .media .content-right {
        margin-bottom: 100px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    #industry-expose .media .content-right h2.white {
        max-width: 470px;
    }
}
@media (max-width: 768px) {
    #industry-expose .media .container {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #industry-expose .media ul.articles li {
        width: 68%;
    }
    #industry-expose .media .content-left {
        top: 30px;
    }
    #industry-expose .media .content-right {
        margin: 80px 0 100px 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    #industry-expose .media .content-right .mobile-container {
        margin-bottom: 60px;
        padding: 0 10%;
        width: 80%;
    }
}
#industry-expose .quote-grid {
    background: #fff;
    padding-top: 100px;
}
#industry-expose .quote-grid span.bold {
    text-transform: uppercase;
    font-weight: 600;
}
#industry-expose .quote-grid .quote-image-container {
    width: 47%;
    float: left;
}
#industry-expose .quote-grid .quote-image-container .quote-image {
    width: 100%;
    float: left;
    box-shadow: 0 0 17px 0 #ebebeb;
}
#industry-expose .quote-grid .quote-image-container h3 {
    margin-top: -50px;
    margin-left: 35px;
    color: #fff;
    float: left;
    z-index: 2;
    letter-spacing: 2px;
    z-index: 2;
    position: relative;
}
#industry-expose .quote-grid .quote-blocktext {
    float: left;
    display: block;
    width: 45%;
    margin: 1% 0 0 4%;
}
#industry-expose .quote-grid .quote-blocktext p {
    font-style: italic;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.1px;
    padding-left: 30px;
    position: relative;
    border-left: 3px solid #fd4f57;
}
#industry-expose .quote-grid .quote-blocktext .quote-blocktext-author {
    padding-left: 33px;
    margin-top: 25px;
}
#industry-expose .quote-grid .quote-blocktext .quote-blocktext-author .quote-author {
    font-size: 16px;
    font-weight: 600;
    color: #0e2033;
}
#industry-expose .quote-grid .quote-blocktext .quote-blocktext-author .quote-author-title {
    font-size: 12px;
    color: #0e2033;
    line-height: 1.4;
}
#industry-expose .quote-grid a.restaurant-partner-image {
    color: #fff;
}
#industry-expose .quote-grid a.restaurant-partner-image:hover {
    opacity: 0.7;
}
#industry-expose .quote-grid a.restaurant-partner-text {
    color: #0e2033;
}
#industry-expose .quote-grid a.restaurant-partner-text:hover {
    opacity: 0.7;
}
#industry-expose .quote-grid ul {
    margin: 0;
    padding: 0;
}
#industry-expose .quote-grid ul li {
    margin: 20px 0 0 0;
    padding: 0;
    float: left;
    display: flex;
}
#industry-expose .quote-grid ul li.two {
    flex-direction: row-reverse;
    align-items: flex-end;
    margin-top: -50px;
}
#industry-expose .quote-grid ul li.two .quote-blocktext {
    margin-left: 0;
    margin-right: 4%;
}
#industry-expose .quote-grid ul li.three {
    flex-direction: row-reverse;
}
#industry-expose .quote-grid ul li.three .quote-blocktext {
    margin-left: 0;
    margin-right: 4%;
}
#industry-expose .quote-grid ul li.four {
    margin-top: -50px;
}
#industry-expose .quote-grid ul li.four .quote-blocktext {
    margin-top: 25%;
}
#industry-expose #share-your-story {
    margin: 150px 0 110px;
}
#industry-expose #share-your-story .text-block {
    float: left;
    width: 65%;
}
#industry-expose #share-your-story h2 {
    font-size: 40px;
    line-height: 1.21;
}
#industry-expose #share-your-story span.share-story-spacing {
    margin-left: -4px;
}
#industry-expose #share-your-story p {
    font-size: 20px;
    line-height: 1.4;
}
#industry-expose #share-your-story a.button {
    color: #fff;
    background-color: #4a79a0;
    padding: 14px 34px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.1px;
    font-weight: 700;
    float: right;
    margin-top: 10px;
    transition: all 0.2s ease;
}
#industry-expose #share-your-story a.button:hover {
    background-color: #79b2ce;
}
@media (min-width: 1680px) {
    #industry-expose .quote-grid .quote-blocktext p {
        font-style: italic;
        font-size: 32px;
    }
}
@media (max-width: 1300px) {
    #industry-expose .quote-grid ul li.four .quote-blocktext {
        margin-top: 9%;
    }
}
@media (max-width: 1024px) {
    #industry-expose .quote-grid ul li {
        display: block;
    }
    #industry-expose .quote-grid ul li .quote-image-container {
        width: 100%;
    }
    #industry-expose .quote-grid ul li .quote-image-container h3 {
        font-size: 15px;
        letter-spacing: 1px;
        margin-left: 25px;
    }
    #industry-expose .quote-grid ul li .quote-blocktext {
        width: 90%;
        padding: 40px 0 80px 0;
    }
    #industry-expose .quote-grid ul li.four,
    #industry-expose .quote-grid ul li.one,
    #industry-expose .quote-grid ul li.three,
    #industry-expose .quote-grid ul li.two {
        margin-top: 0;
    }
    #industry-expose .quote-grid ul li.four .quote-blocktext,
    #industry-expose .quote-grid ul li.one .quote-blocktext,
    #industry-expose .quote-grid ul li.three .quote-blocktext,
    #industry-expose .quote-grid ul li.two .quote-blocktext {
        width: 90%;
        margin: 1% 0 0 4%;
    }
    #industry-expose #share-your-story {
        margin: 50px 0 60px;
    }
    #industry-expose #share-your-story .text-block {
        width: 100%;
    }
    #industry-expose #share-your-story .text-block p {
        margin: 20px 0;
    }
    #industry-expose #share-your-story a.button {
        float: left;
    }
}
@media (max-width: 500px) {
    #industry-expose .quote-grid ul li .quote-image-container h3 {
        letter-spacing: 0;
        margin-left: 20px;
        margin-top: -37px;
    }
}
#industry-expose .expose-footer {
    background-color: #e9e9e9;
    margin-top: -50px;
    padding: 100px 0 50px 0;
}
#industry-expose .expose-footer .container {
    margin-top: 100px;
}
#industry-expose .expose-footer .text-block h2.text-block-full {
    color: #fd4f57;
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 30px;
    text-align: center;
}
#industry-expose .expose-footer .text-block p.text-block-full {
    font-size: 24px;
    letter-spacing: 0.3px;
    line-height: 1.46;
    margin: 0 auto 40px auto;
    max-width: 928px;
    text-align: center;
}
#industry-expose .expose-footer .text-block h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.38;
    margin-bottom: 6px;
}
#industry-expose .expose-footer .text-block p {
    font-size: 18px;
    letter-spacing: 1.1px;
    line-height: 1.56;
}
#industry-expose .expose-footer .text-block .social-media-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 10px;
}
#industry-expose .expose-footer .text-block .social-media-icons a.social-media-icons {
    color: transparent;
    margin-right: 40px;
    text-indent: -9999px;
}
#industry-expose .expose-footer .text-block .social-media-icons a.social-media-icons:hover {
    opacity: 0.6;
}
#industry-expose .expose-footer .text-block .social-media-icons a.facebook {
    background: url(../images/assets/page-industry-expose/icon-facebook.svg) no-repeat;
    background-size: 21px 21px;
    height: 21px;
    width: 21px;
}
#industry-expose .expose-footer .text-block .social-media-icons a.twitter {
    background: url(../images/assets/page-industry-expose/icon-twitter.svg) no-repeat;
    background-size: 25px 21px;
    height: 21px;
    width: 25px;
}
#industry-expose .expose-footer .text-block .social-media-icons a.linkedin {
    background: url(../images/assets/page-industry-expose/icon-linkedin.svg) no-repeat;
    background-size: 23px 22px;
    height: 22px;
    width: 23px;
}
#industry-expose .expose-footer .text-block .social-media-icons a.email {
    background: url(../images/assets/page-industry-expose/icon-email.svg) no-repeat;
    background-size: 22px 21px;
    height: 21px;
    width: 22px;
}
#industry-expose .expose-footer .half {
    float: left;
    padding: 3% 6%;
    width: 34%;
}
#industry-expose .expose-footer .full {
    padding: 0 5%;
    width: 90%;
}
#industry-expose .expose-footer .slider-container {
    background-color: transparent;
    display: block;
    float: left;
    height: 500px;
    width: 100%;
}
#industry-expose .expose-footer .slider-container img {
    margin: 0 auto;
    width: 90%;
}
#industry-expose .expose-footer .slider-container p {
    text-align: center;
}
@media (max-width: 1255px) {
    #industry-expose .expose-footer .text-block.full h2.text-block-full {
        font-size: 49px;
        line-height: 2.5;
        margin: 0 auto;
        margin-top: -50px;
        max-width: 100%;
    }
}
@media (max-width: 1100px) {
    #industry-expose .expose-footer {
        padding: 50px 0 50px;
    }
    #industry-expose .expose-footer .text-block.full {
        padding: 0;
        width: 100%;
    }
    #industry-expose .expose-footer .text-block.full h2.text-block-full {
        line-height: 1;
        margin-top: 0;
        max-width: 100%;
        text-align: left;
    }
    #industry-expose .expose-footer .text-block.full p.text-block-full {
        margin-bottom: 50px;
        margin-top: 20px;
        text-align: left;
    }
    #industry-expose .expose-footer .text-block.half {
        float: left;
        padding: 0 10% 0 0;
        width: 40%;
    }
}
@media (max-width: 768px) {
    #industry-expose .expose-footer .container {
        margin-top: 60px;
    }
    #industry-expose .expose-footer .text-block.full {
        padding: 0;
        width: 100%;
    }
    #industry-expose .expose-footer .text-block.full h2.text-block-full {
        font-size: 38px;
        line-height: 1.1;
        text-align: left;
    }
    #industry-expose .expose-footer .text-block.full p.text-block-full {
        margin-top: 20px;
        text-align: left;
    }
    #industry-expose .expose-footer .text-block.half {
        margin-bottom: 40px;
        padding: 0;
        width: 100%;
    }
}
body.industry-expose-form {
    background: url(../images/assets/page-industry-expose/bg-image-bottom.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
}
#industry-expose-form .container {
    margin-left: 200px;
    max-width: auto;
}
#industry-expose-form .logo {
    background: url(../images/svg/logo-horizontal.svg) no-repeat;
    display: block;
    height: 34px;
    text-indent: -9999px;
    width: 145px;
}
#industry-expose-form h1.header {
    font-size: 56px;
    letter-spacing: -1.4px;
    line-height: 1.41;
}
#industry-expose-form h1.white {
    color: #fff;
}
#industry-expose-form h1.squid-ink {
    color: #0e2033;
    padding: 40px 0;
}
#industry-expose-form h1.goji-berry {
    color: #fd4f57;
}
#industry-expose-form p.sub-copy {
    font-size: 18px;
    line-height: 1.56;
    margin-bottom: 16px;
}
#industry-expose-form .content-left {
    background-color: rgba(255, 255, 255, 0.7);
    margin: 50px 0 100px;
    max-width: 550px;
    padding: 60px;
    width: 100%;
}
@media (max-width: 1300px) {
    #industry-expose-form .container {
        margin: 0 100px;
    }
    #industry-expose-form .content-left {
        padding: 5%;
    }
}
@media (max-width: 1024px) {
    #industry-expose-form .container {
        margin: 0 auto;
    }
    #industry-expose-form .content-left {
        margin: 10%;
        max-width: 70%;
        width: 70%;
    }
    #industry-expose-form h1.header {
        line-height: 1.1;
    }
}
@media (max-width: 768px) {
    #industry-expose-form .content-left {
        background: 0 0;
        margin: 100px 10%;
        max-width: 80%;
        padding: 0;
        width: 80%;
    }
}
@media (max-width: 768px) {
    body.industry-expose-form {
        background-position-x: -120px;
        background-size: 140%;
    }
}
#mktoForm_1432 {
    max-width: 600px;
    width: 100% !important;
}
#mktoForm_1432 select::-ms-expand {
    display: none;
}
#mktoForm_1432 .mktoGutter {
    height: 0 !important;
}
#mktoForm_1432 .mktoAsterix,
#mktoForm_1432 .mktoOffset {
    display: none !important;
}
#mktoForm_1432 .input,
#mktoForm_1432 .mktoButtonRow,
#mktoForm_1432 .mktoField,
#mktoForm_1432 .mktoFieldWrap,
#mktoForm_1432 .mktoFormCol,
#mktoForm_1432 .mktoRadioList,
#mktoForm_1432 label {
    float: none;
    width: 100% !important;
}
#mktoForm_1432 .mktoCheckboxList > label,
#mktoForm_1432 .mktoRadioList > label,
#mktoForm_1432 label {
    display: none;
}
#mktoForm_1432 .mktoFormRow {
    margin-bottom: 10px;
}
#mktoForm_1432 .mktoFormCol {
    margin-bottom: 0 !important;
}
#mktoForm_1432 input[type="date"],
#mktoForm_1432 input[type="email"],
#mktoForm_1432 input[type="number"],
#mktoForm_1432 input[type="tel"],
#mktoForm_1432 input[type="text"],
#mktoForm_1432 input[type="url"],
#mktoForm_1432 select.mktoField,
#mktoForm_1432 textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
#mktoForm_1432 input:focus,
#mktoForm_1432 input:hover,
#mktoForm_1432 select.mktoField:focus,
#mktoForm_1432 select.mktoField:hover,
#mktoForm_1432 textarea.mktoField:focus,
#mktoForm_1432 textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
#mktoForm_1432 select.mktoField,
#mktoForm_1432 select.mktoField:focus,
#mktoForm_1432 select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1432 ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1432 :-moz-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1432 ::-moz-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1432 :-ms-input-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1432 .mktoCheckboxList {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    padding: 0 2.5px;
    position: relative;
    width: 22px !important;
}
#mktoForm_1432 .mktoCheckboxList > input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    box-sizing: border-box;
    visibility: hidden;
}
#mktoForm_1432 .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
#mktoForm_1432 .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
#mktoForm_1432 .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
#mktoForm_1432 .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 2px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #fd7e84;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1432 textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
#mktoForm_1432 .mktoError .mktoErrorArrowWrap {
    display: none;
}
#mktoForm_1432 .mktoError .mktoErrorMsg {
    display: none;
}
#mktoForm_1432 div.mktoLogicalField.mktoInvalid,
#mktoForm_1432 input.mktoField.mktoInvalid,
#mktoForm_1432 select.mktoField.mktoInvalid,
#mktoForm_1432 textarea.mktoField.mktoInvalid {
    border: 1px solid #fd7e84;
}
#mktoForm_1432 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: -ms-flexbox !important;
    display: block !important;
    margin-top: 0;
}
#mktoForm_1432 button.mktoButton {
    background-color: #fd4f57 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
    padding: 18px 20px !important;
    text-transform: uppercase;
}
#mktoForm_1432 .mktoButtonWrap {
    display: block;
    margin-top: -10px;
    text-align: center;
    width: 60%;
}
@media (min-width: 480px) {
    #mktoForm_1432 .mktoFormRow:first-of-type,
    #mktoForm_1432 .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    #mktoForm_1432 .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    #mktoForm_1432 .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    #mktoForm_1432 .mktoFormRow:first-of-type,
    #mktoForm_1432 .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
#mktoForm_1432 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: flex !important;
    margin-top: 40px;
}
#mktoForm_1432 label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 6px 20px 0 20px;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton {
    color: transparent;
    display: block;
    height: 44px;
    position: relative;
    width: 153px;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    color: transparent;
    display: block;
    height: 44px;
    position: relative;
    width: 153px;
}
#mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton::after {
    color: #fff;
    content: "Send Message";
    display: block;
    left: 27px;
    position: absolute;
    top: -4px;
}
@media screen and (max-width: 768px) {
    #mktoForm_1432 .mktoButtonWrap.mktoSimple .mktoButton {
        margin: 30px auto 0;
    }
    #mktoForm_1432 .mktoButtonWrap {
        width: 100%;
    }
}
#mktoForm_1501 select::-ms-expand {
    display: none;
}
#mktoForm_1501 .mktoGutter {
    height: 0 !important;
}
#mktoForm_1501 .mktoAsterix,
#mktoForm_1501 .mktoOffset {
    display: none !important;
}
#mktoForm_1501 .input,
#mktoForm_1501 .mktoButtonRow,
#mktoForm_1501 .mktoField,
#mktoForm_1501 .mktoFieldWrap,
#mktoForm_1501 .mktoFormCol,
#mktoForm_1501 .mktoRadioList,
#mktoForm_1501 label {
    float: none;
    width: 100% !important;
}
#mktoForm_1501 .mktoCheckboxList > label,
#mktoForm_1501 .mktoRadioList > label,
#mktoForm_1501 label {
    display: none;
}
#mktoForm_1501 .mktoFormRow {
    margin-bottom: 10px;
}
#mktoForm_1501 .mktoFormCol {
    margin-bottom: 0 !important;
}
#mktoForm_1501 input[type="date"],
#mktoForm_1501 input[type="email"],
#mktoForm_1501 input[type="number"],
#mktoForm_1501 input[type="tel"],
#mktoForm_1501 input[type="text"],
#mktoForm_1501 input[type="url"],
#mktoForm_1501 select.mktoField,
#mktoForm_1501 textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
#mktoForm_1501 input:focus,
#mktoForm_1501 input:hover,
#mktoForm_1501 select.mktoField:focus,
#mktoForm_1501 select.mktoField:hover,
#mktoForm_1501 textarea.mktoField:focus,
#mktoForm_1501 textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
#mktoForm_1501 select.mktoField,
#mktoForm_1501 select.mktoField:focus,
#mktoForm_1501 select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1501 ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1501 :-moz-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1501 ::-moz-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1501 :-ms-input-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1501 .mktoForm .mktoCheckboxList > input {
    opacity: 0;
    position: absolute;
}
#mktoForm_1501 .mktoForm .mktoCheckboxList > input:focus + label:before {
    border: 1px solid #0f5fcc;
}
#mktoForm_1501 .mktoForm .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
#mktoForm_1501 .mktoForm .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
#mktoForm_1501 .mktoForm .mktoCheckboxList label:before {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    width: 22px;
    content: "";
    display: block;
    position: absolute;
    left: -25.54px;
    top: -10px;
}
#mktoForm_1501 .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
#mktoForm_1501 .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
#mktoForm_1501 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 2px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1501 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #fd7e84;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1501 textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
#mktoForm_1501 .mktoError .mktoErrorArrowWrap {
    display: none;
}
#mktoForm_1501 .mktoError .mktoErrorMsg {
    display: none;
}
#mktoForm_1501 div.mktoLogicalField.mktoInvalid,
#mktoForm_1501 input.mktoField.mktoInvalid,
#mktoForm_1501 select.mktoField.mktoInvalid,
#mktoForm_1501 textarea.mktoField.mktoInvalid {
    border: 1px solid #fd7e84;
}
#mktoForm_1501 .mktoFormRow:nth-of-type(7) {
    margin-bottom: 0;
}
#mktoForm_1501 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: -ms-flexbox !important;
    display: block !important;
    margin-top: 0;
}
#mktoForm_1501 button.mktoButton {
    background-color: #fd4f57 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
    padding: 18px 20px !important;
    text-transform: uppercase;
}
#mktoForm_1501 .mktoButtonWrap {
    display: block;
    margin-top: -10px;
    text-align: center;
    margin-left: 0 !important;
}
@media (min-width: 480px) {
    #mktoForm_1501 .mktoFormRow:first-of-type {
        margin-left: inherit !important;
        width: inherit !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(2),
    #mktoForm_1501 .mktoFormRow:nth-of-type(3) {
        float: left;
        width: 49% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(2) {
        margin-left: inherit !important;
        margin-right: 1% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(3) {
        margin-left: 1% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(2),
    #mktoForm_1501 .mktoFormRow:nth-of-type(3) {
        clear: none !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(10),
    #mktoForm_1501 .mktoFormRow:nth-of-type(11) {
        float: left;
        width: 49% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(10) {
        margin-right: 1% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(11) {
        margin-left: 1% !important;
    }
    #mktoForm_1501 .mktoFormRow:nth-of-type(10),
    #mktoForm_1501 .mktoFormRow:nth-of-type(11) {
        clear: none !important;
    }
}
#mktoForm_1501 .mktoFormRow:nth-of-type(9) .mktoHtmlText {
    margin-top: 40px;
    width: 100% !important;
}
#mktoForm_1560 {
    max-width: 600px !important;
    width: 100% !important;
}
#mktoForm_1560 select::-ms-expand {
    display: none;
}
#mktoForm_1560 .mktoGutter {
    height: 0 !important;
}
#mktoForm_1560 .mktoAsterix,
#mktoForm_1560 .mktoOffset {
    display: none !important;
}
#mktoForm_1560 .input,
#mktoForm_1560 .mktoButtonRow,
#mktoForm_1560 .mktoField,
#mktoForm_1560 .mktoFieldWrap,
#mktoForm_1560 .mktoFormCol,
#mktoForm_1560 .mktoRadioList,
#mktoForm_1560 label {
    float: none;
    width: 100% !important;
}
#mktoForm_1560 .mktoCheckboxList > label,
#mktoForm_1560 .mktoRadioList > label,
#mktoForm_1560 label {
    display: none;
}
#mktoForm_1560 .mktoFormRow {
    margin-bottom: 10px;
}
#mktoForm_1560 .mktoFormCol {
    margin-bottom: 0 !important;
}
#mktoForm_1560 input[type="date"],
#mktoForm_1560 input[type="email"],
#mktoForm_1560 input[type="number"],
#mktoForm_1560 input[type="tel"],
#mktoForm_1560 input[type="text"],
#mktoForm_1560 input[type="url"],
#mktoForm_1560 select.mktoField,
#mktoForm_1560 textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
#mktoForm_1560 input:focus,
#mktoForm_1560 input:hover,
#mktoForm_1560 select.mktoField:focus,
#mktoForm_1560 select.mktoField:hover,
#mktoForm_1560 textarea.mktoField:focus,
#mktoForm_1560 textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
#mktoForm_1560 select.mktoField,
#mktoForm_1560 select.mktoField:focus,
#mktoForm_1560 select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1560 ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1560 :-moz-placeholder {
    color: #8c8c8f;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1560 ::-moz-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1560 :-ms-input-placeholder {
    color: #8c8c8f;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1560 .mktoForm .mktoCheckboxList > input {
    opacity: 0;
    position: absolute;
}
#mktoForm_1560 .mktoForm .mktoCheckboxList > input:focus + label:before {
    border: 1px solid #0f5fcc;
}
#mktoForm_1560 .mktoForm .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
#mktoForm_1560 .mktoForm .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
#mktoForm_1560 .mktoForm .mktoCheckboxList label:before {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    width: 22px;
    content: "";
    display: block;
    position: absolute;
    left: -25.54px;
    top: -10px;
}
#mktoForm_1560 .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
#mktoForm_1560 .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
#mktoForm_1560 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 2px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 20px !important;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1560 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #fd7e84;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1560 textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
#mktoForm_1560 .mktoError .mktoErrorArrowWrap {
    display: none;
}
#mktoForm_1560 .mktoError .mktoErrorMsg {
    display: none;
}
#mktoForm_1560 div.mktoLogicalField.mktoInvalid,
#mktoForm_1560 input.mktoField.mktoInvalid,
#mktoForm_1560 select.mktoField.mktoInvalid,
#mktoForm_1560 textarea.mktoField.mktoInvalid {
    border: 1px solid #fd7e84;
}
#mktoForm_1560 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: -ms-flexbox !important;
    display: block !important;
    margin-top: 0;
}
#mktoForm_1560 button.mktoButton {
    background-color: #fd4f57 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
    padding: 18px 20px !important;
    text-transform: uppercase;
}
#mktoForm_1560 .mktoButtonWrap {
    display: block;
    margin-left: 0 !important;
    margin-top: -10px;
    text-align: center;
    width: 100% !important;
}
@media (min-width: 480px) {
    #mktoForm_1560 .mktoFormRow:first-of-type,
    #mktoForm_1560 .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    #mktoForm_1560 .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    #mktoForm_1560 .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    #mktoForm_1560 .mktoFormRow:first-of-type,
    #mktoForm_1560 .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
#mktoForm_1560 .mktoFormRow:nth-of-type(9) .mktoFieldWrap {
    display: flex !important;
    margin-top: 25px;
}
#mktoForm_1560 label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 6px 20px 0 20px;
}
#mktoForm_1594 select::-ms-expand {
    display: none;
}
#mktoForm_1594 .mktoGutter {
    height: 0 !important;
}
#mktoForm_1594 .mktoAsterix,
#mktoForm_1594 .mktoOffset {
    display: none !important;
}
#mktoForm_1594 .input,
#mktoForm_1594 .mktoButtonRow,
#mktoForm_1594 .mktoField,
#mktoForm_1594 .mktoFieldWrap,
#mktoForm_1594 .mktoForm,
#mktoForm_1594 .mktoFormCol,
#mktoForm_1594 .mktoRadioList,
#mktoForm_1594 label {
    float: none;
    width: 100% !important;
}
#mktoForm_1594 .mktoCheckboxList > label,
#mktoForm_1594 .mktoRadioList > label,
#mktoForm_1594 label {
    display: none;
}
@media (min-width: 480px) {
    #mktoForm_1594 .mktoFormRow:first-of-type,
    #mktoForm_1594 .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    #mktoForm_1594 .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    #mktoForm_1594 .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    #mktoForm_1594 .mktoFormRow:first-of-type,
    #mktoForm_1594 .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
#mktoForm_1594 .mktoFormRow {
    margin-bottom: 10px;
}
#mktoForm_1594 .mktoFormCol {
    margin-bottom: 0 !important;
}
#mktoForm_1594 input[type="date"],
#mktoForm_1594 input[type="email"],
#mktoForm_1594 input[type="number"],
#mktoForm_1594 input[type="tel"],
#mktoForm_1594 input[type="text"],
#mktoForm_1594 input[type="url"],
#mktoForm_1594 select.mktoField,
#mktoForm_1594 textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
#mktoForm_1594 input:focus,
#mktoForm_1594 input:hover,
#mktoForm_1594 select.mktoField:focus,
#mktoForm_1594 select.mktoField:hover,
#mktoForm_1594 textarea.mktoField:focus,
#mktoForm_1594 textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
#mktoForm_1594 select.mktoField,
#mktoForm_1594 select.mktoField:focus,
#mktoForm_1594 select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1594 ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1594 :-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1594 ::-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1594 :-ms-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#mktoForm_1594 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: flex !important;
    margin-top: 40px;
}
#mktoForm_1594 label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 0 60px 0 20px;
}
#mktoForm_1594 .mktoCheckboxList {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    padding: 0 2.5px;
    position: relative;
    width: 22px !important;
}
#mktoForm_1594 .mktoCheckboxList > input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    box-sizing: border-box;
    visibility: hidden;
}
#mktoForm_1594 .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
#mktoForm_1594 .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
#mktoForm_1594 .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
#mktoForm_1594 .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
#mktoForm_1594 .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important;
}
#mktoForm_1594 .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 5px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    height: 50px !important;
    letter-spacing: 0.05em;
    line-height: 17px !important;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1594 .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #bc534b;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 50px !important;
    line-height: 17px !important;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
#mktoForm_1594 .mktoButtonWrap {
    width: 100%;
}
#mktoForm_1594 textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
#mktoForm_1594 .mktoError .mktoErrorArrowWrap {
    display: none;
}
#mktoForm_1594 .mktoError .mktoErrorMsg {
    display: none;
}
#mktoForm_1594 div.mktoLogicalField.mktoInvalid,
#mktoForm_1594 input.mktoField.mktoInvalid,
#mktoForm_1594 select.mktoField.mktoInvalid,
#mktoForm_1594 textarea.mktoField.mktoInvalid {
    border: 1px solid #fd4f57;
}
#mktoForm_1594 {
    max-width: 600px !important;
    width: 100% !important;
}
.g-i-t__note {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-bottom: 100px;
    text-align: center;
    text-transform: uppercase;
}
div.modal.form div.modal__content div.demo__content.demo-modal {
    color: #0e2033;
}
div.modal.form div.modal__content div.demo__content.demo-modal div.demo__note p {
    color: #0e2033;
}
.modal-form-style select::-ms-expand {
    display: none;
}
.modal-form-style .mktoForm .mktoGutter {
    height: 0 !important;
}
.modal-form-style .mktoForm .mktoAsterix,
.modal-form-style .mktoForm .mktoOffset {
    display: none !important;
}
.modal-form-style .mktoForm,
.modal-form-style .mktoForm .input,
.modal-form-style .mktoForm .mktoButtonRow,
.modal-form-style .mktoForm .mktoField,
.modal-form-style .mktoForm .mktoFieldWrap,
.modal-form-style .mktoForm .mktoFormCol,
.modal-form-style .mktoForm label {
    float: none;
    width: 100% !important;
}
.modal-form-style .mktoForm .mktoCheckboxList > label,
.modal-form-style .mktoForm .mktoRadioList > label,
.modal-form-style .mktoForm label {
    display: none;
}
@media (min-width: 480px) {
    .modal-form-style .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style .mktoForm .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    .modal-form-style .mktoForm .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    .modal-form-style .mktoForm .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    .modal-form-style .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style .mktoForm .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
.modal-form-style .mktoForm .mktoFormRow {
    margin-bottom: 10px;
}
.modal-form-style .mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}
.modal-form-style .mktoForm input[type="date"],
.modal-form-style .mktoForm input[type="email"],
.modal-form-style .mktoForm input[type="number"],
.modal-form-style .mktoForm input[type="tel"],
.modal-form-style .mktoForm input[type="text"],
.modal-form-style .mktoForm input[type="url"],
.modal-form-style .mktoForm select.mktoField,
.modal-form-style .mktoForm textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
.modal-form-style .mktoForm input:focus,
.modal-form-style .mktoForm input:hover,
.modal-form-style .mktoForm select.mktoField:focus,
.modal-form-style .mktoForm select.mktoField:hover,
.modal-form-style .mktoForm textarea.mktoField:focus,
.modal-form-style .mktoForm textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
.modal-form-style .mktoForm select.mktoField,
.modal-form-style .mktoForm select.mktoField:focus,
.modal-form-style .mktoForm select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style :-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style ::-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style :-ms-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style .mktoForm .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: flex;
    margin-top: 40px;
}
.modal-form-style .mktoForm label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 0 60px 0 20px;
}
.modal-form-style .mktoForm .mktoCheckboxList > input {
    opacity: 0;
    position: absolute;
}
.modal-form-style .mktoForm .mktoCheckboxList > input:focus + label:before {
    border: 1px solid #0f5fcc;
}
.modal-form-style .mktoForm .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
.modal-form-style .mktoForm .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
.modal-form-style .mktoForm .mktoCheckboxList label:before {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    width: 22px;
    content: "";
    display: block;
    position: absolute;
    left: -25.54px;
    top: -10px;
}
.modal-form-style .mktoForm .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
.modal-form-style .mktoForm .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
.modal-form-style .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 5px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
    border: none;
    outline: #0f5fcc auto 1px !important;
}
.modal-form-style .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #bc534b;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style .mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}
.modal-form-style .mktoForm .mktoError .mktoErrorMsg {
    display: none;
}
.modal-form-style .mktoForm div.mktoLogicalField.mktoInvalid,
.modal-form-style .mktoForm input.mktoField.mktoInvalid,
.modal-form-style .mktoForm select.mktoField.mktoInvalid,
.modal-form-style .mktoForm textarea.mktoField.mktoInvalid {
    border: 1px solid #fd4f57;
}
.modal-form-style .mktoHtmlText h3 {
    color: #36363d;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 30px;
    padding: 1px 0 5px 0;
}
@media (min-width: 1024px) {
    .modal-form-style .mktoHtmlText h3 {
        font-size: 33px;
        line-height: 36px;
    }
}
.modal-form-style-gfs select::-ms-expand {
    display: none;
}
.modal-form-style-gfs .mktoForm .mktoGutter {
    height: 0 !important;
}
.modal-form-style-gfs .mktoForm .mktoAsterix,
.modal-form-style-gfs .mktoForm .mktoOffset {
    display: none !important;
}
.modal-form-style-gfs .mktoForm,
.modal-form-style-gfs .mktoForm .input,
.modal-form-style-gfs .mktoForm .mktoButtonRow,
.modal-form-style-gfs .mktoForm .mktoField,
.modal-form-style-gfs .mktoForm .mktoFieldWrap,
.modal-form-style-gfs .mktoForm .mktoFormCol,
.modal-form-style-gfs .mktoForm label {
    float: none;
    width: 100% !important;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList > label,
.modal-form-style-gfs .mktoForm .mktoRadioList > label,
.modal-form-style-gfs .mktoForm label {
    display: none;
}
@media (min-width: 480px) {
    .modal-form-style-gfs .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style-gfs .mktoForm .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    .modal-form-style-gfs .mktoForm .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    .modal-form-style-gfs .mktoForm .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    .modal-form-style-gfs .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style-gfs .mktoForm .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
.modal-form-style-gfs .mktoForm .mktoFormRow {
    margin-bottom: 10px;
}
.modal-form-style-gfs .mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}
.modal-form-style-gfs .mktoForm input[type="date"],
.modal-form-style-gfs .mktoForm input[type="email"],
.modal-form-style-gfs .mktoForm input[type="number"],
.modal-form-style-gfs .mktoForm input[type="tel"],
.modal-form-style-gfs .mktoForm input[type="text"],
.modal-form-style-gfs .mktoForm input[type="url"],
.modal-form-style-gfs .mktoForm select.mktoField,
.modal-form-style-gfs .mktoForm textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
.modal-form-style-gfs .mktoForm input:focus,
.modal-form-style-gfs .mktoForm input:hover,
.modal-form-style-gfs .mktoForm select.mktoField:focus,
.modal-form-style-gfs .mktoForm select.mktoField:hover,
.modal-form-style-gfs .mktoForm textarea.mktoField:focus,
.modal-form-style-gfs .mktoForm textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
.modal-form-style-gfs .mktoForm select.mktoField,
.modal-form-style-gfs .mktoForm select.mktoField:focus,
.modal-form-style-gfs .mktoForm select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-gfs ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-gfs :-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-gfs ::-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-gfs :-ms-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-gfs .mktoForm .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: block !important;
    margin-top: 0;
}
.modal-form-style-gfs .mktoForm label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 0 60px 0 20px;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList > input {
    opacity: 0;
    position: absolute;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList > input:focus + label:before {
    border: 1px solid #0f5fcc;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList label:before {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    width: 22px;
    content: "";
    display: block;
    position: absolute;
    left: -25.54px;
    top: -10px;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
.modal-form-style-gfs .mktoForm .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
.modal-form-style-gfs .mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important;
}
.modal-form-style-gfs .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 5px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style-gfs .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
    border: none;
    outline: #0f5fcc auto 1px !important;
}
.modal-form-style-gfs .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #bc534b;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style-gfs .mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}
.modal-form-style-gfs .mktoForm .mktoError .mktoErrorMsg {
    display: none;
}
.modal-form-style-gfs .mktoForm div.mktoLogicalField.mktoInvalid,
.modal-form-style-gfs .mktoForm input.mktoField.mktoInvalid,
.modal-form-style-gfs .mktoForm select.mktoField.mktoInvalid,
.modal-form-style-gfs .mktoForm textarea.mktoField.mktoInvalid {
    border: 1px solid #fd4f57;
}
.modal-form-style-gfs .mktoForm textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
.modal-form-style-gfs .mktoHtmlText h3 {
    color: #36363d;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 30px;
    padding: 1px 0 5px 0;
}
@media (min-width: 1024px) {
    .modal-form-style-gfs .mktoHtmlText h3 {
        font-size: 33px;
        line-height: 36px;
    }
}
.modal-form-style-spm select::-ms-expand {
    display: none;
}
.modal-form-style-spm .mktoForm .mktoGutter {
    height: 0 !important;
}
.modal-form-style-spm .mktoForm .mktoAsterix,
.modal-form-style-spm .mktoForm .mktoOffset {
    display: none !important;
}
.modal-form-style-spm .mktoForm,
.modal-form-style-spm .mktoForm .input,
.modal-form-style-spm .mktoForm .mktoButtonRow,
.modal-form-style-spm .mktoForm .mktoField,
.modal-form-style-spm .mktoForm .mktoFieldWrap,
.modal-form-style-spm .mktoForm .mktoFormCol,
.modal-form-style-spm .mktoForm label {
    float: none;
    width: 100% !important;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList > label,
.modal-form-style-spm .mktoForm .mktoRadioList > label,
.modal-form-style-spm .mktoForm label {
    display: none;
}
@media (min-width: 480px) {
    .modal-form-style-spm .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style-spm .mktoForm .mktoFormRow:nth-of-type(2) {
        float: left;
        width: 49% !important;
    }
    .modal-form-style-spm .mktoForm .mktoFormRow:first-of-type {
        margin-right: 1% !important;
    }
    .modal-form-style-spm .mktoForm .mktoFormRow:nth-of-type(2) {
        margin-left: 1% !important;
    }
    .modal-form-style-spm .mktoForm .mktoFormRow:first-of-type,
    .modal-form-style-spm .mktoForm .mktoFormRow:nth-of-type(2) {
        clear: none !important;
    }
}
.modal-form-style-spm .mktoForm .mktoFormRow {
    margin-bottom: 10px;
}
.modal-form-style-spm .mktoForm .mktoFormCol {
    margin-bottom: 0 !important;
}
.modal-form-style-spm .mktoForm input[type="date"],
.modal-form-style-spm .mktoForm input[type="email"],
.modal-form-style-spm .mktoForm input[type="number"],
.modal-form-style-spm .mktoForm input[type="tel"],
.modal-form-style-spm .mktoForm input[type="text"],
.modal-form-style-spm .mktoForm input[type="url"],
.modal-form-style-spm .mktoForm select.mktoField,
.modal-form-style-spm .mktoForm textarea.mktoField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 4px;
    box-sizing: border-box;
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 20px;
    padding: 0 20px;
    transition: background ease 0.2s, border ease 0.2s, color ease 0.2s;
    width: 100%;
}
.modal-form-style-spm .mktoForm input:focus,
.modal-form-style-spm .mktoForm input:hover,
.modal-form-style-spm .mktoForm select.mktoField:focus,
.modal-form-style-spm .mktoForm select.mktoField:hover,
.modal-form-style-spm .mktoForm textarea.mktoField:focus,
.modal-form-style-spm .mktoForm textarea.mktoField:hover {
    background: #fff;
    border-color: rgba(54, 54, 61, 0.6);
    color: #36363d;
}
.modal-form-style-spm .mktoForm select.mktoField,
.modal-form-style-spm .mktoForm select.mktoField:focus,
.modal-form-style-spm .mktoForm select.mktoField:hover {
    background: rgba(255, 255, 255, 0.7) url(/imgs/select-arrow-open.png) 97% center no-repeat;
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-spm ::-webkit-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-spm :-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-spm ::-moz-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-spm :-ms-input-placeholder {
    color: #8c8c8f;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.modal-form-style-spm #mktoForm_1740.mktoForm .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
    display: flex !important;
    margin-top: 40px;
}
.modal-form-style-spm .mktoForm label[for="Opt_Into_News_Updates__c"].mktoLabel {
    color: #8c8c8f;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 17px;
    order: 2;
    padding: 0 60px 0 20px;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList > input {
    opacity: 0;
    position: absolute;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList > input:focus + label:before {
    border: 1px solid #0f5fcc;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList label {
    background: 0 0;
    border-radius: 50px;
    cursor: pointer;
    display: block;
    height: 12px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 12px !important;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList label:after {
    background: #fd4f57;
    border-radius: 50px;
    content: "";
    height: 12px;
    left: -19.54px;
    opacity: 0;
    position: absolute;
    top: -1.5px;
    width: 12px !important;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList label:before {
    background: #fff;
    border: 1px solid rgba(54, 54, 61, 0.15);
    border-radius: 50px;
    height: 22px;
    margin-top: 3px;
    width: 22px;
    content: "";
    display: block;
    position: absolute;
    left: -25.54px;
    top: -10px;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList label:hover::after {
    opacity: 0.4;
}
.modal-form-style-spm .mktoForm .mktoCheckboxList > input:checked + label:after {
    opacity: 1;
}
.modal-form-style-spm .mktoForm .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important;
}
.modal-form-style-spm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background: #fd4f57;
    border: 0;
    border-radius: 5px;
    color: #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 52px;
    margin-top: 30px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style-spm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
    border: none;
    outline: #0f5fcc auto 1px !important;
}
.modal-form-style-spm .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background: #bc534b;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 52px;
    padding: 0 0;
    text-align: center;
    text-transform: uppercase;
    transition: background ease 0.2s;
    width: 100%;
}
.modal-form-style-spm .mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}
.modal-form-style-spm .mktoForm .mktoError .mktoErrorMsg {
    display: none;
}
.modal-form-style-spm .mktoForm div.mktoLogicalField.mktoInvalid,
.modal-form-style-spm .mktoForm input.mktoField.mktoInvalid,
.modal-form-style-spm .mktoForm select.mktoField.mktoInvalid,
.modal-form-style-spm .mktoForm textarea.mktoField.mktoInvalid {
    border: 1px solid #fd4f57;
}
.modal-form-style-spm .mktoForm textarea.mktoField {
    height: 150px;
    padding: 14px 20px;
}
.modal-form-style-spm .mktoHtmlText h3 {
    color: #36363d;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 30px;
    padding: 1px 0 5px 0;
}
@media (min-width: 1024px) {
    .modal-form-style-spm .mktoHtmlText h3 {
        font-size: 33px;
        line-height: 36px;
    }
}