.about-board-of-directors {
    background-color: #f5f5f5
}

.about-board-of-directors h1,
.about-board-of-directors h2 {
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 300;
    text-align: center;
    font-family: graphik, "sans-serif";
    font-size: 36px;
    line-height: 48px;
    color: #071e3c
}

.about-board-of-directors h3,
.about-board-of-directors h4 {
    font-family: museo-sans, "sans-serif";
    font-size: 20px;
    line-height: 28px;
    color: #071e3c
}

.about-board-of-directors h4 {
    margin-bottom: 15px
}

.about-board-of-directors .board-member .name h3 {
    font-weight: 700
}

@media (max-width:911px) {
    .about-board-of-directors .board-members {
        padding-left: 15px;
        padding-right: 15px
    }
}

.about-board-of-directors .board-member .position h3 {
    font-style: normal;
    font-weight: 300;
    color: #929292
}

.about-board-of-directors .board-member {
    padding-bottom: 20px
}

.about-global-s {
    padding: 80px 0;
    background-color: #fafafa
}

.about-global-s h2 {
    font-size: 24px
}

@media (min-width:768px) {
    .about-global-s h2 {
        font-size: 32px
    }
}

.about-global-s h3 {
    font-family: museo-sans, sans-serif;
    color: #071e3c;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .about-global-s h3 {
        font-size: 20px
    }
}

.about-hero-image-only .row {
    margin-left: -30px;
    margin-right: -30px
}

.about-hero-image-only img {
    width: 100%
}

.about-offices {
    padding: 80px 0;
    background-color: #f5f5f5;
    height: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:992px) {
    .about-offices {
        background-image: none !important
    }
}

.about-offices h2 {
    font-size: 24px
}

@media (min-width:768px) {
    .about-offices h2 {
        font-size: 32px
    }
}

.about-offices h3 {
    font-family: museo-sans, sans-serif;
    color: #071e3c;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .about-offices h3 {
        font-size: 20px
    }
}

.about-page-title .leadership-sub-hero {
    background-color: #fff
}

.about-page-title .inner {
    max-width: 1080px;
    padding: 100px 20px 100px 24px;
    margin: 0 auto;
    position: relative
}

.about-page-title .inner h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #00bfa5;
    padding: 20px 0
}

.about-page-title .inner h1 {
    font-family: graphik, "sans-serif";
    font-size: 24px;
    font-weight: 300;
    line-height: 60px;
    color: #071e3c;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .about-page-title .inner h1 {
        font-size: 44px
    }
}

.about-sales {
    padding: 80px 0
}

.about-sales h2 {
    font-size: 24px
}

@media (min-width:768px) {
    .about-sales h2 {
        font-size: 32px
    }
}

.about-sales h3 {
    font-family: museo-sans, sans-serif;
    color: #071e3c;
    font-size: 16px;
    font-weight: 700
}

@media (min-width:768px) {
    .about-sales h3 {
        font-size: 20px
    }
}

.about-section-links .section-link {
    color: #9b9b9b;
    font-size: 24px;
    padding: 40px 0;
    cursor: pointer;
    float: left;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.about-us-columns .container {
    max-width: none
}

.about-us-columns .row {
    justify-content: center;
    align-items: center
}

.about-us-columns .column-image__wrap {
    height: 220px;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

@media (min-width:767px) {
    .about-us-columns .column-image__wrap {
        height: 384px
    }
}

@media (min-width:992px) {
    .about-us-columns .column-image__wrap {
        height: 420px
    }
}

@media (min-width:1440px) {
    .about-us-columns .column-image__wrap {
        height: 500px
    }
}

.about-us-columns .btn-stretch {
    width: 100%
}

@media (min-width:992px) {
    .about-us-columns .btn-stretch {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.about-us-columns .btn__wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.about-us-columns .btn__wrap * {
    margin-right: 5px;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .about-us-columns .btn__wrap {
        margin-bottom: 0;
        flex-direction: row
    }
}

.about-us-columns .row-right .column-copy__wrap {
    display: flex;
    justify-content: flex-end
}

@media (min-width:992px) {
    .about-us-columns .row-right .column-copy__wrap {
        padding: 0 50px
    }
}

.about-us-columns .row-left .column-copy__wrap {
    display: flex;
    justify-content: flex-start
}

@media (min-width:992px) {
    .about-us-columns .row-left .column-copy__wrap {
        padding: 0 50px
    }
}

.about-us-columns .column-copy__wrap {
    padding: 20px;
    color: #071e3c;
    text-align: center
}

@media (min-width:992px) {
    .about-us-columns .column-copy__wrap {
        text-align: left
    }
}

@media (min-width:992px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap {
        max-width: 500px
    }
}

.about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-big-heading h2 {
    font-family: graphik;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -1.11px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-big-heading h2 {
        font-size: 60px
    }
}

@media (min-width:1440px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-big-heading h2 {
        font-size: 80px
    }
}

.about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-small-heading h3 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-small-heading h3 {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-small-heading h3 {
        font-size: 30px;
        margin-bottom: 30px
    }
}

.about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-content p {
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.67;
    color: #4e4e4e
}

@media (min-width:992px) {
    .about-us-columns .column-copy__wrap .column-copy-inner__wrap .column-content p {
        font-size: 18px
    }
}

.about-us-columns .row-right {
    flex-direction: column-reverse
}

@media (min-width:992px) {
    .about-us-columns .row-right {
        flex-direction: row
    }
}

.best-practice-footer {
    background: #00bfa5;
    padding: 100px 0
}

.best-practice-footer h4 {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-family: graphik, sans-serif;
    color: #fff
}

@media (min-width:992px) {
    .best-practice-footer h4 {
        font-size: 36px
    }
}

.best-practice-footer ul {
    list-style: none;
    margin-top: 30px
}

@media (min-width:992px) {
    .best-practice-footer ul {
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-count: 2
    }
}

.best-practice-footer ul li {
    font-size: 24px;
    margin-bottom: 15px
}

.best-practice-footer ul li a {
    color: #fff
}

.best-practice-footer ul li a:hover {
    text-decoration: none
}

.career-footer {
    background: #465c79;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 80px
}

.career-footer h3 {
    font-weight: 300;
    font-family: graphik, sans-serif;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .career-footer h3 {
        font-size: 36px;
        line-height: 42px
    }
}

.careers-core-values {
    background: rgba(242, 230, 218, .2)
}

.careers-core-values h2 {
    margin-bottom: 40px
}

.careers-core-values .card {
    height: 250px;
    margin: 15px;
    border: none
}

.careers-core-values .card:hover {
    transform: translateY(-10px);
    transition: all .15s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05)
}

.careers-core-values .card a:hover {
    text-decoration: none
}

.careers-core-values .card .card-body {
    border: none
}

.careers-core-values .card .card-body h6 {
    font-size: 18px;
    font-family: museo-sans, sans-serif;
    font-weight: 700;
    color: #36383c
}

.careers-core-values .card .card-body:hover {
    text-decoration: none
}

.careers-core-values .card img {
    width: 116px;
    height: 43px
}

.careers-hero .big-image {
    padding: 0
}

.careers-hero .big-image img {
    width: 100%;
    height: auto
}

.careers-hero .content {
    padding: 20px 0;
    background-color: #fff
}

.careers-hero .content h1 {
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    color: #0053a0;
    text-transform: uppercase
}

.careers-hero .content p {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 36px;
    padding-bottom: 15px;
    font-family: graphik, sans-serif
}

@media (min-width:992px) {
    .careers-hero .content p {
        font-size: 32px
    }
}

.careers-hero .content a {
    margin-top: 30px
}

@media (min-width:992px) {
    .careers-hero .content {
        margin-top: -250px;
        position: relative;
        z-index: 2;
        background-color: transparent
    }

    .careers-hero .content .box-content {
        padding: 20px 40px 30px;
        background: #fff;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .03)
    }
}

.careers-learn-more h2 {
    margin-bottom: 40px
}

.careers-learn-more img,
.careers-perks img {
    width: 100%;
    height: auto
}

.careers-perks h2 {
    color: #00bfa5;
    font-size: 16px;
    font-family: museo-sans, sans-serif;
    margin-bottom: 25px;
    font-weight: 700
}

.careers-perks h3 {
    font-weight: 300;
    font-family: graphik, sans-serif;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .careers-perks h3 {
        font-size: 36px;
        line-height: 42px
    }
}

.careers-perks .shadow .content {
    padding: 25px
}

.carousel {
    padding: 100px 0
}

.carousel .h2 {
    font-size: 1rem
}

@media (min-width:768px) {
    .carousel .h2 {
        font-size: 2rem
    }
}

.carousel .intro h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #071e3c;
    margin-top: 30px
}

@media (min-width:768px) {
    .carousel .intro h3 {
        font-size: 36px;
        line-height: 48px;
        padding-bottom: 20px
    }
}

.carousel a {
    color: #4e4e4e
}

.carousel a:hover {
    text-decoration: none;
    transition: all .15s ease-out
}

.carousel a h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #071e3c;
    margin-top: 20px;
    font-family: museo-sans, sans-serif
}

.carousel a p {
    font-size: 16px;
    line-height: 1.63;
    font-weight: 300;
    text-align: center;
    color: #4e4e4e
}

.carousel a .card {
    height: 320px;
    margin: 15px;
    border: none
}

.carousel a .card:hover {
    transform: translateY(-10px);
    transition: all .15s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05)
}

.carousel a .card .card-body {
    border: none
}

.carousel .slick-slide img {
    margin: auto
}

.columns-one h5 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

@media (min-width:992px) {
    .columns-one h5 {
        font-size: 20px
    }
}

.columns-one h4 {
    font-size: 1.5rem
}

.columns-one p {
    font-size: 16px;
    line-height: 1.63;
    font-weight: 300
}

.columns-one .info-columns {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .columns-one .info-columns {
        border-right: 1px solid #e6e6e6;
        border-bottom: none
    }
}

.columns-one .info-columns:last-child {
    border-bottom: none
}

@media (min-width:992px) {
    .columns-one .info-columns:last-child {
        border-right: none
    }
}

.columns-three h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .columns-three h3 {
        font-size: 36px
    }
}

.columns-three .callouts .col-md-9 {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width:576px) {
    .columns-three .callouts .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }
}

.columns-three .callouts h5 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

.columns-three .callouts p {
    font-size: 16px;
    font-weight: 300
}

.columns-three .callouts a {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 1px;
    text-transform: uppercase
}

.columns-two h3 {
    font-family: graphik;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .columns-two h3 {
        font-size: 36px
    }
}

.columns-two h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .columns-two h3:before {
        left: 48%;
        width: 8%
    }
}

.columns-two .callouts {
    text-align: center
}

.columns-two .callouts .col-md-9 {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width:576px) {
    .columns-two .callouts .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }
}

.columns-two .callouts img {
    width: 100px;
    height: auto
}

.columns-two .callouts h5 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

.columns-two .callouts p {
    font-size: 16px;
    font-weight: 300
}

.columns-two .callouts a {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 1px;
    color: #4a4a4a;
    text-transform: uppercase
}

.companies-work {
    background-color: #f4f0ed;
    text-align: center;
    padding: 100px 0
}

.companies-work .content__wrap {
    justify-content: center;
    max-width: 1080px;
    margin: 0 auto 30px
}

.companies-work .content__wrap h2 {
    font-size: 24px
}

@media (min-width:991px) {
    .companies-work .content__wrap h2 {
        font-size: 36px
    }
}

.companies-work .companies__wrap {
    max-width: 1000px;
    margin: 0 auto;
    justify-content: center
}

.companies-work .companies__wrap .company__wrap {
    margin: 0 20px 35px
}

.companies-work .companies__wrap .company__wrap img {
    max-height: 80px;
    max-width: 240px
}

.contact-footer .contact-footer-purple {
    background-color: #0053a0;
    color: #fff;
    border-bottom: 30px solid #b2caf7
}

.contact-footer h3 {
    font-family: grpahik, sans-serif;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 300
}

.contact-footer h5 {
    font-size: 1.5rem;
    font-weight: 500
}

.contact-footer p {
    color: #fff
}

.contact-footer .row-left {
    margin-bottom: 40px
}

@media (min-width:991px) {
    .contact-footer .row-left {
        margin-bottom: 0
    }
}

.contact-footer .contact-bottom {
    height: 60px;
    background: #e5f4ff
}

.contact-footer .contact-footer-dropdown__wrap button {
    background-color: transparent !important;
    border-color: transparent !important
}

.contact-footer .contact-footer-dropdown__wrap button:active,
.contact-footer .contact-footer-dropdown__wrap button:hover {
    background-color: transparent;
    border-color: transparent
}

.contact-footer .contact-footer-dropdown__wrap button .language {
    color: #fff
}

.contact-footer .contact-footer-dropdown__wrap button svg {
    margin-right: 5px
}

.content-three img {
    width: 100%;
    height: auto
}

.content-three h2,
.content-three h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min-width:992px) {

    .content-three h2,
    .content-three h3 {
        font-size: 36px;
        line-height: 44px
    }
}

.content-two img {
    width: 100%;
    height: auto
}

.content-two .mobile-image {
    display: block
}

@media (min-width:768px) {
    .content-two .mobile-image {
        display: none
    }
}

.content-two .desktop-image {
    display: none
}

@media (min-width:768px) {
    .content-two .desktop-image {
        display: block
    }
}

.content-two .phone {
    max-width: 380px;
    height: auto
}

.content-two .mobile-show {
    display: block
}

@media (min-width:768px) {
    .content-two .mobile-show {
        display: none
    }
}

.content-two .mobile-hide {
    display: none
}

@media (min-width:768px) {
    .content-two .mobile-hide {
        display: block
    }
}

.content-two .bullet-content {
    margin-top: 40px
}

.content-two .bullet-content .bullet {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 16px
}

.content-two .bullet-content .bullet p {
    font-size: 16px;
    text-align: center
}

@media (min-width:768px) {
    .content-two .bullet-content .bullet p {
        text-align: left
    }
}

.content-two .bullet-content .bullet h5 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif;
    text-align: center
}

@media (min-width:768px) {
    .content-two .bullet-content .bullet h5 {
        text-align: left
    }
}

.content-two .bullet-content .bullet:last-child {
    border-bottom: none
}

.content-two .bullet-content .bullet:first-child {
    margin-top: 0
}

.copy-hero {
    background-position: 50%, 50%;
    background-size: cover
}

.copy-hero .copy__wrap {
    padding: 100px 15px
}

@media (min-width:992px) {
    .copy-hero .copy__wrap {
        padding: 150px 15px
    }
}

.copy-hero .copy__wrap h1,
.copy-hero .copy__wrap p {
    color: #fff
}

.copy-hero .copy__wrap h1 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .copy-hero .copy__wrap h1 {
        font-size: 44px;
        line-height: 60px
    }
}

.copy-hero .copy__wrap p {
    font-size: 18px
}

@media (min-width:991px) {
    .copy-hero .copy__wrap p {
        font-size: 24px
    }
}

.cta-one .digital-callout {
    background-color: #fff;
    padding: 80px 20px;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.cta-one .digital-callout h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c;
    padding-bottom: 15px
}

.cta-one .digital-callout h4 {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.cta-three .cta-callout {
    background-color: #fff;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.cta-three .cta-callout .full-image {
    padding-left: 0;
    padding-right: 0
}

.cta-three .cta-callout .full-image img {
    width: 100%;
    height: auto
}

.cta-three .cta-callout .content {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .cta-three .cta-callout .content {
        padding-left: 30px
    }
}

.cta-three .cta-callout h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c;
    padding-bottom: 15px
}

.cta-three .cta-callout h4 {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.cta-three .cta-callout h4.type {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #b3b3b3;
    margin-bottom: 19px
}

.cta-two {
    background-color: #0053a0;
    color: #fff
}

.cta-two p {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

@media (min-width:992px) {
    .cta-two p {
        font-size: 18px
    }
}

.cta-two h2 {
    font-size: 24px;
    color: #fff
}

@media (min-width:992px) {
    .cta-two h2 {
        font-size: 36px
    }
}

.customer-callout {
    margin-top: 80px;
    padding-top: 90px
}

.customer-callout h3 {
    font-family: museo-sans, sans-serif;
    font-size: 24px;
    color: #071e3c;
    font-weight: 700
}

@media (min-width:992px) {
    .customer-callout h3 {
        font-size: 36px
    }
}

.customer-callout .more-cards {
    margin-bottom: 30px
}

.customer-callout .more-cards a {
    text-decoration: none
}

.customer-callout .more-cards a .card {
    border-width: 0;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.customer-callout .more-cards a .card .card-body {
    padding: 0
}

.customer-callout .more-cards a .card .card-body img {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.customer-callout .more-cards a .card .card-body h5 {
    font-size: 24px;
    font-family: museo-sans, sans-serif;
    color: #4a4a4a;
    font-weight: 700
}

.customer-callout .more-cards a .card .card-body h5:hover {
    text-decoration: none;
    color: #4a4a4a
}

.customer-callout .more-cards a .card .card-body p {
    font-size: 16px
}

.customer-carousel {
    position: relative;
    background-image: url(../images/mobile_customers.705620f.webp);
    padding-top: 70px;
    padding-bottom: 100px;
    text-align: center
}

.customer-carousel .carousel-box {
    padding: 60px
}

.customer-carousel .slick-slider {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1)
}

.customer-carousel .item-name {
    font-size: 14px;
    color: #b3b3b3;
    font-weight: 700;
    text-transform: uppercase
}

.customer-carousel .card {
    height: 350px;
    border: none;
    padding-top: 20px
}

@media (min-width:768px) {
    .customer-carousel .card {
        height: 340px
    }
}

.customer-carousel .big-text p {
    font-size: 22px;
    font-weight: 300;
    font-family: graphik, sans-serif;
    color: #071e3c
}

@media (min-width:992px) {
    .customer-carousel .big-text p {
        font-size: 32px
    }
}

.customer-carousel .arrows {
    position: relative;
    z-index: 2;
    margin-top: -120px
}

.customer-carousel a {
    color: #52b1ff;
    font-size: 18px;
    font-weight: 700;
    font-family: museo-sans, sans-serif
}

.customer-carousel a:hover {
    text-decoration: none
}

.customer-carousel a:hover:hover .bi-arrow-right {
    transition: all .15s ease-out;
    transform: translateX(5px)
}

.customer-carousel a .bi-arrow-right {
    padding-top: 3px
}

.customers-list {
    padding: 50px 0 80px
}

.customers-list .container {
    max-width: 1032px;
    margin: 0 auto
}

.customers-list .industryhide {
    display: none
}

.customers-list p {
    font-size: 18px
}

.customers-list .customer-list__header {
    margin-bottom: 50px
}

.customers-list .customer-column {
    max-width: 411px;
    margin: 0 auto 30px;
    height: 411px
}

@media (min-width:768px) {
    .customers-list .customer-column {
        margin: 0 initial 30px;
        max-width: unset
    }
}

.customers-list .custom-select {
    margin-bottom: 40px
}

.customers-list a .card {
    margin-bottom: 30px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    transition: all .5s ease-in-out
}

.customers-list a .card:hover {
    box-shadow: 0 6px 10px 4px rgba(102, 76, 76, .3) !important
}

.customers-list a .card .card-body {
    overflow: hidden;
    padding: 0
}

.customers-list a .card .card-body .card-image__wrap {
    background-color: #0053a0
}

.customers-list a .card .card-body .card-image {
    transition: all .5s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 200px;
    transform: scale(1.02)
}

.customers-list a .card .card-body .row {
    overflow: hidden
}

.customers-list a .card .card-body .type {
    padding: 10px 20px
}

.customers-list a .card .card-body h3 {
    font-family: museo-sans, sans-serif;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 700;
    color: #4a4a4a
}

.customers-list a .card .customer-card__cta {
    position: absolute;
    font-weight: 700;
    bottom: 0;
    left: 20px;
    color: #52b1ff;
    transition: all .5s ease-in-out
}

.customers-list a .card .customer-card__cta span {
    transform: translateX(5px)
}

.customers-list a:hover {
    text-decoration: none
}

.customers-list a:hover .card-image {
    overflow: hidden;
    opacity: .7;
    transform: scale(1.1) !important
}

.customers-list .big-card .card {
    padding: 67px 30px 30px
}

.customers-list .big-card .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #4a4a4a
}

.customers-list .big-card .card .card-body .col .big-card-image {
    max-height: 69px;
    max-width: 150px
}

.customers-list .big-card .card .card-body .customer-card__cta {
    position: relative
}

.customers-list .big-card .card .card-body .big-card-name,
.customers-list .big-card .card .card-body .big-card-title {
    font-size: 18px;
    font-weight: 300
}

.customers-list .big-card .card .card-body .big-card-quote p {
    font-family: museo-sans, sans-serif;
    line-height: 1.5;
    font-weight: 700;
    font-size: 21px;
    margin: 20px 0
}

@media (min-width:900px) {
    .customers-list .big-card .card .card-body .big-card-quote p {
        font-size: 24px
    }
}

.demo-form {
    background-color: #f4f0ed !important
}

.demo-form #marketo-form-contact {
    display: block
}

.demo-form h2 {
    margin-bottom: 40px;
    font-size: 36px
}

.demo-form #thank-you {
    display: none
}

.demo-form #thank-you h4 {
    color: #fff;
    margin-bottom: 20px
}

.demo-form #thank-you p {
    text-align: center
}

.demo-form .c-medallia-form {
    background-color: #f4f0ed !important;
    color: #333;
    padding: 50px 30px
}

.demo-form .c-medallia-form__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    padding: 0;
    text-align: left;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__checkbox {
    margin-bottom: 30px;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList {
    border: none;
    padding: 0;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList>label {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    min-height: 12px;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    width: inherit
}

.demo-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList>label a {
    padding: 0;
    text-decoration: underline
}

.demo-form .c-medallia-form__form .medallia-form__row {
    margin-right: 0;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__row:nth-child(n+10) {
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__row input {
    border-radius: 0;
    border-radius: initial;
    border: 1px solid #aaa;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    line-height: 40px;
    padding: 0 0 0 10px;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__row input::-moz-placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row input:-ms-input-placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row input::placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row input:focus {
    outline: none
}

.demo-form .c-medallia-form__form .medallia-form__row input[type=checkbox] {
    display: none
}

.demo-form .c-medallia-form__form .medallia-form__row input[type=checkbox]+label:before {
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -25px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form-row-empty,
.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__hidden {
    display: none
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea {
        margin-bottom: 30px
    }
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea {
    border: 1px solid #cdcdcd;
    border-radius: 0;
    box-shadow: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    min-height: 90px;
    padding: 0 0 0 10px;
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea::-moz-placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea:-ms-input-placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea::placeholder {
    opacity: 1;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row .mktoFormCol {
    position: relative;
    margin-bottom: 0
}

.demo-form .c-medallia-form__form .medallia-form__row .mktoFieldWrap,
.demo-form .c-medallia-form__form .medallia-form__row .mktoFormCol {
    width: 100%
}

.demo-form .c-medallia-form__form .medallia-form__row .mktoGutter,
.demo-form .c-medallia-form__form .medallia-form__row .mktoInstruction {
    display: none
}

.demo-form .c-medallia-form__form .medallia-form__row .mktoInvalid {
    border: none
}

.demo-form .c-medallia-form__form .medallia-form__row .mktoLabel,
.demo-form .c-medallia-form__form .medallia-form__row .mktoOffset {
    display: none
}

.demo-form .c-medallia-form__form .medallia-form__row select.mktoField {
    -webkit-appearance: none;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    opacity: 1;
    padding: 0 0 0 10px;
    position: relative;
    text-align: left;
    line-height: 45px;
    width: 100%;
    background-color: #fff;
    color: #aaa
}

.demo-form .c-medallia-form__form .medallia-form__row select.mktoField:focus {
    outline: none
}

.demo-form .c-medallia-form__form .medallia-form__row.hidemarketoRow {
    display: none
}

.demo-form .c-medallia-form__form .mktoButtonRow {
    width: 100%
}

.demo-form .c-medallia-form__form .mktoButtonRow .mktoButton {
    -webkit-appearance: none;
    border-radius: 0;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    line-height: 16px;
    margin: auto;
    padding: 15px 20px 17px;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.demo-form .c-medallia-form__form .mktoButtonRow .mktoButton:hover {
    border-radius: 0;
    top: -2px;
    transform: none
}

.demo-form .c-medallia-form__form .mktoButtonRow .mktoButton span {
    text-align: left;
    margin: 0;
    padding: 0
}

.demo-form .c-medallia-form__form .mktoError {
    color: #bf0000;
    font-size: 13px;
    left: 0;
    position: absolute;
    right: auto !important;
    z-index: 99
}

.demo-form .c-medallia-form__form .mktoError .mktoErrorArrowWrap {
    height: 8px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 100
}

.demo-form .c-medallia-form__form .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 16px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.demo-form .c-medallia-form__form .mktoError .mktoErrorMsg {
    background-color: #e51b00;
    background-image: linear-gradient(#e51b00 43%, #ba1600);
    background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
    border: 1px solid #9f1300;
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .65), inset 0 1px 0 #ff3c3c;
    color: #f3f3f3;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 7px;
    max-width: 16em;
    padding: .4em .6em;
    text-shadow: #901100 0 -1px 0;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, .65) 0 2px 7px, inset #ff3c3c 0 1px 0
}

.demo-form .c-medallia-form__form--access {
    width: 100%
}

.demo-form .c-medallia-form__form--access .medallia-form__row {
    height: 50px;
    margin-bottom: 16px;
    width: 210px
}

.demo-form .c-medallia-form__form--access .medallia-form__row input {
    background-color: #f5f5f5
}

.demo-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.demo-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #ccced2;
    background-color: #fff;
    background: #fff
}

.demo-form .c-medallia-form__form--access .medallia-form__row select.mktoField {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--access .medallia-form__row .mktoCheckboxList>label,
.demo-form .c-medallia-form__form--access .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.demo-form .c-medallia-form__form--access .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 16px;
    width: 100%
}

.demo-form .c-medallia-form__form--access .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.demo-form .c-medallia-form__form--access .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--alt-bottom {
        width: 727px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--alt-bottom {
        width: 649px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--alt-bottom {
        width: 606px
    }
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 288px
    }
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row .mktoCheckboxList>label,
.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row .mktoCheckboxList>label a {
    color: #333
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #333;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #333
}

.demo-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]+label:before {
    border: 2px solid #52b1ff;
    background-color: #52b1ff;
    background: #52b1ff
}

.demo-form .c-medallia-form__form--alt-bottom .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.demo-form .c-medallia-form__form--alt-bottom .mktoButtonRow .mktoButton:hover {
    background-color: #0053a0 !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--contact {
        width: 727px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--contact {
        width: 649px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--contact {
        width: 606px
    }
}

.demo-form .c-medallia-form__form--contact .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row {
        width: 288px
    }
}

.demo-form .c-medallia-form__form--contact .medallia-form__row .mktoCheckboxList>label,
.demo-form .c-medallia-form__form--contact .medallia-form__row .mktoCheckboxList>label a {
    color: #333
}

.demo-form .c-medallia-form__form--contact .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--contact .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.demo-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.demo-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10) {
        width: 353px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10) {
        width: 314px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10) {
        width: 288px
    }
}

.demo-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10).medallia-form__checkbox,
.demo-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10).medallia-form__textarea {
    width: 100%
}

.demo-form .c-medallia-form__form--contact .medallia-form--last-before-buttons {
    margin-bottom: 40px
}

.demo-form .c-medallia-form__form--contact .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.demo-form .c-medallia-form__form--contact .mktoButtonRow .mktoButton:hover {
    background-color: #0053a0 !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--forrester {
        width: 498px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--forrester {
        width: 442px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--forrester {
        width: 498px
    }
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 240px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 210px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 240px
    }
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input {
    height: 45px;
    padding-left: 10px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox] {
    width: 1em;
    float: left;
    height: 1em;
    opacity: 0
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -35px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label {
    color: #4a4a4a;
    display: block;
    font-family: museo-sans;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: .1em;
    min-height: 12px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label:before {
    margin-top: 8px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row select.mktoField {
    border: 1px solid #aaa;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--forrester .medallia-form--last-before-buttons {
    margin-bottom: 40px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 20px
}

.demo-form .c-medallia-form__form--forrester .medallia-form__row #LbltermsandConditions {
    display: block;
    padding-right: 10px;
    position: relative
}

.demo-form .c-medallia-form__form--forrester .mktoRequiredField .mktoAsterix {
    color: #bf0000;
    display: block;
    font-size: 13px;
    left: 25px;
    position: absolute
}

.demo-form .c-medallia-form__form--forrester .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.demo-form .c-medallia-form__form--forrester .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--header {
        width: 652px
    }
}

.demo-form .c-medallia-form__form--header .medallia-form__row {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--header .medallia-form__row {
        width: 316px
    }
}

.demo-form .c-medallia-form__form--header .medallia-form__row .mktoCheckboxList>label,
.demo-form .c-medallia-form__form--header .medallia-form__row .mktoCheckboxList>label a {
    color: #333
}

.demo-form .c-medallia-form__form--header .medallia-form__row input {
    height: 45px;
    padding-left: 10px
}

.demo-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.demo-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

.demo-form .c-medallia-form__form--header .medallia-form__checkbox {
    margin-bottom: 15px
}

.demo-form .c-medallia-form__form--header .medallia-form--last-before-buttons {
    margin-bottom: 45px
}

.demo-form .c-medallia-form__form--header select.mktoField {
    height: 45px;
    line-height: 24px;
    padding-left: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--header .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.demo-form .c-medallia-form__form--header .mktoButtonRow .mktoButton:hover {
    background-color: #0053a0 !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--main-bottom {
        width: 727px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--main-bottom {
        width: 649px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--main-bottom {
        width: 606px
    }
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 288px
    }
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row .mktoCheckboxList>label,
.demo-form .c-medallia-form__form--main-bottom .medallia-form__row .mktoCheckboxList>label a {
    color: #333
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #333;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #333
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]+label:before {
    border: 2px solid #52b1ff;
    background-color: #52b1ff;
    background: #52b1ff
}

.demo-form .c-medallia-form__form--main-bottom .medallia-form__row.medallia-form__checkbox {
    width: 100%
}

.demo-form .c-medallia-form__form--main-bottom .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.demo-form .c-medallia-form__form--main-bottom .mktoButtonRow .mktoButton:hover {
    background-color: #0053a0 !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

.demo-form .c-medallia-form__form--resource {
    margin-top: 0;
    width: 100%
}

.demo-form .c-medallia-form__form--resource .medallia-form__row {
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:768px) {
    .demo-form .c-medallia-form__form--resource .medallia-form__row {
        width: 48%
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__form--resource .medallia-form__row {
        width: 100%
    }
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input {
    background-color: #f5f5f5
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #ccced2;
    background-color: #fff;
    background: #fff
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox] {
    width: 1em;
    float: left;
    height: 1em;
    opacity: 0
}

.demo-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]+label:before {
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -35px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.demo-form .c-medallia-form__form--resource .medallia-form__row select.mktoField {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.demo-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.demo-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label {
    color: #4a4a4a;
    display: block;
    font-family: museo-sans;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: .1em;
    min-height: 12px
}

.demo-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label:before {
    margin-top: 8px
}

.demo-form .c-medallia-form__form--resource .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 20px
}

.demo-form .c-medallia-form__form--resource .medallia-form__row #LbltermsandConditions {
    display: block;
    padding-right: 10px;
    position: relative
}

.demo-form .c-medallia-form__form--resource .mktoRequiredField .mktoAsterix {
    color: #bf0000;
    display: block;
    font-size: 13px;
    left: 25px;
    position: absolute
}

.demo-form .c-medallia-form__form--resource .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.demo-form .c-medallia-form__form--resource .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

.demo-form .c-medallia-form__heading {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #fff
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__heading {
        font-size: 36px;
        line-height: 48px
    }
}

.demo-form .c-medallia-form__heading--contact {
    font-size: 44px;
    line-height: 60px;
    margin-bottom: 40px
}

.demo-form .c-medallia-form__heading--main_bottom {
    font-size: 36px;
    letter-spacing: -.5px
}

.demo-form .c-medallia-form__sub-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
}

@media (min-width:992px) {
    .demo-form .c-medallia-form__sub-heading {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px
    }
}

.demo-form .c-medallia-form__success--alt_bottom h2,
.demo-form .c-medallia-form__success--alt_bottom h3,
.demo-form .c-medallia-form__success--contact h2,
.demo-form .c-medallia-form__success--contact h3,
.demo-form .c-medallia-form__success--main_bottom h2,
.demo-form .c-medallia-form__success--main_bottom h3 {
    color: #333
}

.demo-form .c-medallia-form__success--alt_bottom p,
.demo-form .c-medallia-form__success--contact p,
.demo-form .c-medallia-form__success--main_bottom p {
    color: #333;
    font-size: 18px;
    font-weight: 300
}

.demo-form .c-medallia-form__success--header h2,
.demo-form .c-medallia-form__success--header h3 {
    color: #333
}

.demo-form .c-medallia-form__success--header p {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    transition: margin .4s ease
}

.demo-form .c-medallia-form--default2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .demo-form .c-medallia-form--default2 {
        padding-left: 0;
        padding-right: 0;
        width: 727px
    }
}

@media (min-width:992px) {
    .demo-form .c-medallia-form--default2 {
        width: 648px
    }
}

@media (min-width:1440px) {
    .demo-form .c-medallia-form--default2 {
        width: 606px
    }
}

.demo-form .l-medallia-form {
    padding: 80px 20px;
    text-align: center
}

@media (min-width:768px) {
    .demo-form .l-medallia-form {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .demo-form .l-medallia-form {
        padding-top: 98px;
        padding-bottom: 100px
    }
}

@media (min-width:1440px) {
    .demo-form .l-medallia-form {
        padding-top: 100px
    }
}

.demo-form .l-medallia-form__heading {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .demo-form .l-medallia-form__heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px
    }
}

@media (min-width:992px) {
    .demo-form .l-medallia-form__heading {
        max-width: 772px
    }
}

.demo-form .l-medallia-form__heading--alt_bottom,
.demo-form .l-medallia-form__heading--main_bottom {
    margin-bottom: 40px
}

.demo-form .l-medallia-form__heading--alt_bottom+.l-medallia-form__sub-heading--main_bottom,
.demo-form .l-medallia-form__heading--main_bottom+.l-medallia-form__sub-heading--main_bottom {
    margin-top: -25px
}

.demo-form .l-medallia-form__sub-heading {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width:768px) {
    .demo-form .l-medallia-form__sub-heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 603px
    }
}

@media (min-width:992px) {
    .demo-form .l-medallia-form__sub-heading {
        max-width: 817px
    }
}

.demo-form .l-medallia-form__success--alt_bottom {
    text-align: center
}

.demo-form .l-medallia-form__success--header {
    height: 330px;
    margin: auto;
    padding-bottom: 125px;
    padding-top: 125px;
    text-align: center
}

.demo-form .l-medallia-form--access,
.demo-form .l-medallia-form--contact,
.demo-form .l-medallia-form--forrester {
    padding-bottom: 0;
    padding-top: 0
}

.demo-form .row-hidden {
    display: none
}

.diversity-community {
    padding: 50px 0
}

.diversity-community .container {
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

@media (min-width:768px) {
    .diversity-community .container {
        max-width: 727px
    }
}

@media (min-width:1024px) {
    .diversity-community .container {
        max-width: 984px
    }
}

.diversity-community .container .primary-copy__wrap {
    margin-bottom: 50px
}

.diversity-community .container h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .diversity-community .container h3 {
        font-size: 36px
    }
}

.diversity-community .container p {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67
}

.diversity-community .container .cards__wrap {
    justify-content: center
}

.diversity-community .container .cards__wrap .card__wrap {
    margin: 1%;
    padding: 15px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .05);
    max-width: 100%
}

@media (min-width:1024px) {
    .diversity-community .container .cards__wrap .card__wrap {
        max-width: 31%
    }
}

.diversity-community .container .cards__wrap .card__wrap .card-image__wrap,
.diversity-community .container .cards__wrap .card__wrap .card-image__wrap .card-image {
    width: 100%
}

.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap {
    padding-top: 10px
}

.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-heading h1,
.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-heading h2,
.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-heading h3,
.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-heading h4,
.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-heading h5 {
    color: #4a4a4a;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.75;
    margin-bottom: 10px
}

.diversity-community .container .cards__wrap .card__wrap .card-copy__wrap .card-content p {
    color: #848484;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67
}

.diversity-hero {
    background-position: 50%, 50%;
    background-size: cover;
    color: #fff;
    padding: 80px 0
}

@media (min-width:768px) {
    .diversity-hero {
        padding: 120px 0
    }
}

@media (min-width:992px) {
    .diversity-hero {
        padding: 130px 0
    }
}

.diversity-hero .btn {
    width: 100%;
    margin-bottom: 10px
}

.diversity-hero .btn-purple-ghost {
    color: #fff;
    border: 2px solid hsla(0, 0%, 100%, .5)
}

.diversity-hero .btn-purple-ghost:hover {
    background-color: #fff;
    color: #0053a0;
    border: 2px solid hsla(0, 0%, 100%, .5)
}

.diversity-hero h1 {
    font-size: 24px;
    line-height: 36px;
    color: #fff
}

@media (min-width:768px) {
    .diversity-hero h1 {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .diversity-hero h1 {
        font-size: 44px
    }
}

.diversity-hero p {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px
}

.diversity-inclusion {
    width: 100%;
    padding: 70px 0;
    margin: 0 auto;
    text-align: center
}

.diversity-inclusion .primary-copy__wrap {
    margin: 0 30px 50px
}

.diversity-inclusion h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .diversity-inclusion h3 {
        font-size: 36px
    }
}

.diversity-inclusion p {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67
}

.diversity-inclusion .container {
    max-width: 700px
}

.diversity-inclusion .cards__wrap {
    justify-content: center
}

.diversity-inclusion .cards__wrap .card__wrap {
    width: 100%
}

.diversity-inclusion .cards__wrap .card__wrap:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.diversity-inclusion .cards__wrap .card__wrap .card-image__wrap {
    width: 100%;
    padding: 30px
}

.diversity-inclusion .cards__wrap .card__wrap .card-image__wrap .card-image {
    max-height: 150px;
    height: auto;
    max-width: 100%
}

.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap {
    padding-top: 30px
}

.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-heading h1,
.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-heading h2,
.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-heading h3,
.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-heading h4,
.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-heading h5 {
    color: #4a4a4a;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.75;
    margin-bottom: 10px
}

.diversity-inclusion .cards__wrap .card__wrap .card-copy__wrap .card-content p {
    color: #848484;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67
}

.diversity-personel {
    padding: 50px 0
}

.diversity-personel .container {
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

@media (min-width:768px) {
    .diversity-personel .container {
        max-width: 727px
    }
}

@media (min-width:992px) {
    .diversity-personel .container {
        max-width: 984px
    }
}

.diversity-personel .container .primary-copy__wrap {
    margin-bottom: 50px
}

.diversity-personel .container h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .diversity-personel .container h3 {
        font-size: 36px
    }
}

.diversity-personel .container p {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67
}

.diversity-personel .container .cards__wrap {
    justify-content: space-around
}

.diversity-personel .container .cards__wrap .card__wrap {
    text-align: left;
    padding: 0 25%;
    color: #4e4e4e;
    background-color: #fff;
    margin: 10px 0;
    max-width: 100%
}

@media (min-width:992px) {
    .diversity-personel .container .cards__wrap .card__wrap {
        padding: 10px;
        max-width: 31%;
        margin: 0
    }
}

.diversity-personel .container .quote-image__wrap {
    width: 7%;
    margin-bottom: 25px
}

@media (min-width:992px) {
    .diversity-personel .container .quote-image__wrap {
        width: 10%
    }
}

.diversity-personel .container .quote-image {
    width: 100%
}

.diversity-personel .container .card-copy__wrap {
    margin: 30px 0
}

@media (min-width:992px) {
    .diversity-personel .container .card-copy__wrap {
        margin: 2% 10%
    }
}

.diversity-personel .container .card-image,
.diversity-personel .container .card-image__wrap {
    width: 100%
}

.diversity-personel .container .card-quote p {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media (min-width:992px) {
    .diversity-personel .container .card-quote p {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

.diversity-personel .container .card-source p {
    line-height: 17px;
    padding-bottom: 35px;
    font-size: 12px
}

@media (min-width:992px) {
    .diversity-personel .container .card-source p {
        font-size: 14px
    }
}

.diversity-quote {
    padding: 80px 0
}

@media (min-width:992px) {
    .diversity-quote {
        padding: 90px 0
    }
}

.diversity-quote p {
    font-family: graphik, sans-serif;
    font-size: 24px;
    margin-bottom: 29px;
    color: #071e3c;
    line-height: 30px
}

@media (min-width:992px) {
    .diversity-quote p {
        font-size: 36px;
        line-height: 54px
    }
}

.diversity-quote p.name {
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.diversity-quote p.name,
.diversity-quote p.position {
    font-family: museo-sans, sans-serif;
    color: #071e3c;
    font-size: 14px
}

.diversity-quote p.position {
    font-weight: 300;
    line-height: 18px
}

.diversity-tabs h2 {
    padding-top: 20px
}

.diversity-tabs h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .diversity-tabs h2:before {
        left: 47%;
        width: 6%
    }
}

.diversity-tabs .tabs {
    margin-top: 30px
}

.diversity-tabs .tabs .tablist {
    margin: auto
}

.diversity-tabs .tabs .nav-tabs {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: none
}

.diversity-tabs .tabs .nav-tabs .nav-item {
    margin: 0 20px
}

.diversity-tabs .tabs .nav-tabs .nav-link {
    color: #4a4a4a;
    font-size: 13px
}

.diversity-tabs .tabs .nav-tabs .nav-link:hover {
    color: #495057;
    border: none;
    border-bottom: 4px solid #0053a0
}

.diversity-tabs .tabs .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 4px solid #0053a0
}

.diversity-tabs .footnote {
    font-size: 12px
}

.diversity-tabs img {
    width: 100%;
    height: auto
}

.esg-hero {
    padding: 130px 0;
    background-color: #0053a0;
    margin-bottom: 40px
}

@media (min-width:768px) {
    .esg-hero {
        margin-bottom: 60px
    }
}

@media (min-width:992px) {
    .esg-hero {
        margin-bottom: 100px
    }
}

.esg-hero h1,
.esg-hero p {
    color: #fff
}

.event-listings .regionhide,
.event-listings .typehide {
    display: none
}

.event-listings .filters {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .event-listings .filters {
        margin-bottom: 0
    }
}

.event-listings img {
    width: 100%;
    height: auto
}

@media (min-width:992px) {
    .event-listings img {
        height: 78px;
        width: auto
    }
}

.event-listings .event {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6
}

.event-listings .event-key {
    margin-top: 20px;
    background-color: #f0f0f0;
    padding: 20px 0
}

.event-listings .event-key p {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .75px;
    margin-bottom: 0;
    font-weight: 700
}

@media (max-width:992px) {
    .event-listings .event-key {
        display: none
    }
}

.event-listings a h3 {
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #071e3c;
    line-height: 1.5;
    margin-top: 10px
}

@media (min-width:768px) {
    .event-listings a h3 {
        margin-top: 0
    }
}

.event-listings a h3:hover {
    color: #0053a0;
    text-decoration: none
}

.event-listings .type {
    color: #00bfa5
}

.event-listings .date,
.event-listings .type {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .75px;
    font-weight: 700
}

.event-listings .date {
    color: #999
}

.event-listings .location {
    font-size: 14px
}

.executive-team {
    background-color: #f5f5f5;
    padding-bottom: 40px
}

.executive-team h2 {
    padding: 20px;
    text-align: center
}

@media (min-width:601px) {
    .executive-team h2 {
        padding: 80px 20px 40px
    }
}

.executive-team .leader {
    margin-bottom: 30px
}

@media (min-width:601px) {
    .executive-team .leader {
        flex-wrap: inherit
    }
}

@media (min-width:1127px) {
    .executive-team .leader {
        background-color: #fff
    }
}

@media (max-width:991px) {
    .executive-team .leader {
        padding-left: 15px
    }
}

.executive-team .leader-image {
    padding-left: 15px
}

@media (min-width:768px) {
    .executive-team .leader-image {
        padding-left: 0
    }
}

.executive-team .leader-image img {
    width: 100%
}

@media (max-width:576px) {
    .executive-team .leader-image img {
        width: 170px
    }
}

@media (max-width:1126px) {
    .executive-team .leader-image img {
        box-shadow: 0 .5rem 1rem #888
    }
}

@media (max-width:600px) {
    .executive-team .leader-image {
        width: 100%;
        display: block;
        text-align: center;
        margin: 20px auto
    }
}

.executive-team .leader-list h2 {
    margin-bottom: 40px;
    font-weight: 300;
    text-align: center;
    font-size: 36px;
    font-family: graphik, "sans-serif";
    line-height: 48px;
    color: #071e3c
}

.executive-team .leader-list .inner {
    padding: 100px 24px;
    margin: 0 auto
}

.executive-team .shadow1 {
    box-shadow: none
}

@media (min-width:1127px) {
    .executive-team .shadow1 {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
    }
}

.executive-team .leader-info {
    padding: 0 40px;
    vertical-align: middle;
    font-family: museo-sans, "sans-serif"
}

@media (min-width:1127px) {
    .executive-team .leader-info {
        padding-top: 20px
    }
}

.executive-team .leader h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 300;
    color: #4a4a4a;
    line-height: 36px;
    padding-bottom: 0
}

.executive-team .leader h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c
}

.executive-team .leader-info p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #4e4e4e;
    margin-bottom: 20px
}

.exp-column-links h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .exp-column-links h3 {
        font-size: 36px
    }
}

.exp-column-links h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .exp-column-links h3:before {
        left: 46%;
        width: 8%
    }
}

.exp-column-links .callouts {
    text-align: center
}

@media (min-width:992px) {
    .exp-column-links .callouts {
        text-align: left
    }
}

.exp-column-links .callouts .col-md-9 {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width:992px) {
    .exp-column-links .callouts .col-md-9 {
        padding-left: 0;
        padding-right: 40px
    }
}

.exp-column-links .callouts img {
    width: 100px;
    height: auto
}

.exp-column-links .callouts h5 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: museo-sans, sans-serif
}

@media (min-width:768px) {
    .exp-column-links .callouts h5 {
        margin-top: 0
    }
}

.exp-column-links .callouts p {
    font-size: 16px;
    font-weight: 300
}

.exp-column-links .callouts a {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 1px;
    color: #4a4a4a;
    text-transform: uppercase
}

.featured-event .featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-left: 10px;
    min-height: 250px
}

.featured-event .featured-image span.top-green {
    background-color: #00bfa5;
    color: #fff;
    padding: 2px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .75px;
    font-weight: 700
}

.featured-event .featured-info {
    padding-top: 60px;
    padding-bottom: 60px
}

.featured-event .featured-info h2 {
    font-size: 36px;
    font-weight: 300;
    color: #071e3c
}

.featured-experts h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-top: 30px
}

@media (min-width:768px) {
    .featured-experts h3 {
        font-size: 36px;
        line-height: 48px;
        padding-bottom: 20px
    }
}

.featured-experts img {
    width: 100%;
    height: auto
}

.featured-experts .cards__wrap .card__wrap .card {
    border: none;
    letter-spacing: normal;
    color: #4e4e4e
}

.featured-experts .cards__wrap .card__wrap .card .card-body {
    padding: 15px 0
}

.featured-experts .cards__wrap .card__wrap .card .card__industry {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #b2b2b2;
    text-transform: uppercase;
    margin: 15px 0 10px
}

.featured-experts .cards__wrap .card__wrap .card .card__name h5 {
    font-size: 16px;
    font-weight: 700;
    color: #071e3c;
    margin-bottom: 10px
}

@media (min-width:991px) {
    .featured-experts .cards__wrap .card__wrap .card .card__name h5 {
        font-size: 20px
    }
}

.featured-experts .cards__wrap .card__wrap .card .card__bio p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.67;
    margin-bottom: 0;
    padding-bottom: 18px
}

@media (min-width:1100px) {
    .featured-experts .cards__wrap .card__wrap .card .card__bio p {
        font-size: 18px
    }
}

.featured-experts .cards__wrap .card__wrap .card .card__link {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    display: block
}

.featured-experts .cards__wrap .card__wrap .card .card__link:hover {
    text-decoration: underline
}

.featured-experts .cards__wrap .card__wrap a:hover {
    text-decoration: none
}

.featured-experts .cards__wrap .card__wrap .card-image__wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}

.featured-experts .cards__wrap .card__wrap .card-image__wrap img {
    transition: all .3s ease-in-out
}

.featured-experts .cards__wrap .card__wrap:hover img {
    transform: scale(1.1)
}

.floating-card {
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:600px) {
    .floating-card {
        height: 100vh
    }
}

.floating-card .container {
    padding: 7%
}

.floating-card .card__wrap {
    padding: 40px;
    justify-content: center;
    text-align: center;
    background-color: #fff
}

@media (min-width:600px) {
    .floating-card .card__wrap {
        background-color: hsla(0, 0%, 100%, .9);
        max-width: 600px;
        width: 80%;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.floating-card .card__wrap h2 {
    font-size: 75px
}

@media (min-width:600px) {
    .floating-card .card__wrap h2 {
        font-size: 100px
    }
}

.floating-card .card__wrap h3 {
    font-size: 24px
}

@media (min-width:991px) {
    .floating-card .card__wrap h3 {
        font-size: 36px;
        margin: 20px 0
    }
}

.floating-card .button__wrap {
    display: flex;
    flex-direction: column
}

@media (min-width:991px) {
    .floating-card .button__wrap {
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%
    }
}

.footnotes p,
.footnotes p .footnote {
    font-size: 10px;
    color: #c3c3c3
}

.footnotes p a {
    color: #c3c3c3
}

.footnotes p a:hover {
    text-decoration: none
}

.forrester-footer {
    padding: 80px 0
}

.forrester-footer img {
    width: 180px;
    height: auto
}

.forrester-footer a {
    color: #4a4a4a;
    font-size: 16px
}

.forrester-footer a .bi-arrow-right-short {
    font-size: 30px;
    padding-top: 10px
}

.forrester-footer a:hover {
    color: #4a4a4a;
    text-decoration: none
}

.forrester-footer a:hover .bi-arrow-right-short {
    transition: all .15s ease-out;
    transform: translateX(5px)
}

.forrester-footer h3 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: graphik, sans-serif
}

@media (min-width:1199px) {
    .forrester-footer h3 {
        font-size: 36px
    }
}

@media (min-width:768px) {
    .forrester-footer .left-col {
        padding-right: 80px
    }
}

@media (min-width:992px) {
    .forrester-footer .left-col {
        padding-right: 100px
    }
}

@media (min-width:768px) {
    .forrester-footer .right-col {
        padding-left: 80px
    }
}

@media (min-width:992px) {
    .forrester-footer .right-col {
        padding-left: 100px
    }
}

.four-link-columns h3 {
    font-family: graphik;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .four-link-columns h3 {
        font-size: 36px
    }
}

.four-link-columns h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .four-link-columns h3:before {
        left: 48%;
        width: 8%
    }
}

.four-link-columns .callouts {
    text-align: center
}

.four-link-columns .callouts .col-md-9 {
    padding-left: 80px;
    padding-right: 80px
}

@media (min-width:576px) {
    .four-link-columns .callouts .col-md-9 {
        padding-left: 0;
        padding-right: 0
    }
}

.four-link-columns .callouts img {
    width: 100px;
    height: auto
}

.four-link-columns .callouts h5 {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

.four-link-columns .callouts p {
    font-size: 16px;
    font-weight: 300
}

.four-link-columns .callouts a {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 1px;
    color: #4a4a4a;
    text-transform: uppercase
}

.green-resources {
    background-color: #00bfa5
}

.green-resources .inner {
    width: 100%
}

.green-resources p {
    color: #fff;
    font-size: 16px
}

@media (min-width:992px) {
    .green-resources p {
        font-size: 18px
    }
}

.green-resources p.type {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 300
}

.green-resources h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px;
    padding-left: 15px
}

@media (min-width:992px) {
    .green-resources h3 {
        font-size: 36px;
        line-height: 48px
    }
}

.green-resources h4 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 1.4em;
    font-family: museo-sans, sans-serif
}

.green-resources a {
    color: #fff
}

.green-resources a:hover {
    text-decoration: none;
    color: #fff
}

.green-resources a:hover:hover .bi-arrow-right {
    transition: all .15s ease-out;
    transform: translateX(5px)
}

.green-resources a .bi-arrow-right {
    padding-top: 3px
}

.growth-happens {
    position: relative;
    background-color: #f4f0ed;
    padding: 99px 0 150px;
    background: url(../images/banner.jpg);
}

@media (max-width:786px) {
    .growth-happens {
        background-color: #f4f0ed
    }
}

@media (min-width:1024px) {}

.growth-happens .content {
    position: relative;
    z-index: 2
}

.growth-happens .links {
    padding-top: 30px
}

.growth-happens .links .btn {
    margin-bottom: 10px
}

.growth-happens h1 {
    font-size: 26px;
    font-family: graphik-medium, sans-serif;
    color: #4a4a4a;
    letter-spacing: -.24px;
    line-height: 36px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .growth-happens h1 {
        font-size: 28px
    }
}

@media (min-width:1024px) {
    .growth-happens h1 {
        font-size: 36px;
        line-height: 42px
    }
}

@media (min-width:1440px) {
    .growth-happens h1 {
        font-size: 46px;
        line-height: 73px
    }
}

.growth-happens p {
    font-size: 16px;
    font-family: graphik, sans-serif
}

@media (min-width:768px) {
    .growth-happens p {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    .growth-happens p {
        font-size: 20px
    }
}

.growth-happens .bg-image {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    background-color: #f4f0ed
}

.growth-happens .bg-image img {
    width: 100%;
    height: auto
}

.growth-happens .bg-image .xl-bg {
    display: none
}

@media (min-width:1440px) {
    .growth-happens .bg-image .xl-bg {
        display: block
    }
}

.growth-happens .bg-image .lg-bg {
    display: none
}

@media (min-width:1024px) {
    .growth-happens .bg-image .lg-bg {
        display: block
    }
}

@media (min-width:1440px) {
    .growth-happens .bg-image .lg-bg {
        display: none
    }
}

.growth-happens .bg-image .md-bg {
    display: none
}

@media (min-width:768px) {
    .growth-happens .bg-image .md-bg {
        display: block
    }
}

@media (min-width:1024px) {
    .growth-happens .bg-image .md-bg {
        display: none
    }
}

.home-blue-cta {
    background: #0053a0;
    color: #fff;
    padding: 20px 0;
    text-align: center
}

@media (min-width:768px) {
    .home-blue-cta {
        text-align: left
    }
}

.home-blue-cta p {
    color: #fff
}

.home-blue-cta img {
    width: 100%;
    height: auto
}

.home-blue-cta h4 {
    font-family: graphik, sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 36px
}

@media (min-width:992px) {
    .home-blue-cta h4 {
        font-size: 36px;
        line-height: 42px
    }
}

.hp-cust-boxes {
    padding-bottom: 60px
}

@media (min-width:768px) {
    .hp-cust-boxes {
        padding-bottom: 80px
    }
}

.hp-cust-boxes a:hover {
    background: #fff
}

.hp-cust-boxes a:hover .logos {
    background-color: #fff
}

.hp-cust-boxes a:hover img {
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.hp-cust-boxes .cust-rows {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.hp-cust-boxes .logos {
    padding: 60px 0
}

.hp-cust-boxes .cust-rows:nth-child(4n) {
    border-right: none
}

.hp-cust-boxes .cust-rows:nth-child(n+5) {
    border-bottom: none
}

.hp-cust-boxes img {
    max-width: 136px;
    height: auto
}

.hp-carousel h3 {
    font-size: 24px;
    font-family: graphik, sans-serif;
    margin-bottom: 60px
}

@media (min-width:992px) {
    .hp-carousel h3 {
        font-size: 36px;
        margin-bottom: 80px
    }
}

.hp-carousel .slick-slider .card {
    border: none
}

.hp-carousel .slick-slider .card .card-body {
    padding: 0 20px;
    background: #fafafa
}

.hp-carousel .slick-slider .card .card-body .slide-content {
    padding: 30px;
    background-color: #fff
}

.hp-carousel .slick-slider .card .card-body p {
    color: #071e3c;
    font-family: graphik, sans-serif;
    font-size: 18px;
    letter-spacing: -.19px;
    line-height: 24px;
    margin-bottom: 40px
}

@media (min-width:768px) {
    .hp-carousel .slick-slider .card .card-body p {
        font-size: 24px;
        line-height: 32px
    }
}

.hp-carousel .slick-slider .card .card-body .big-image {
    background-size: cover;
    background-position: 50%;
    height: 100%;
    height: 50vw
}

@media (min-width:768px) {
    .hp-carousel .slick-slider .card .card-body .big-image {
        height: 100%
    }
}

.hp-carousel .slick-slider .card .card-body .logo img {
    max-width: 160px;
    height: auto;
    margin: 0 auto
}

@media (min-width:768px) {
    .hp-carousel .slick-slider .card .card-body .logo img {
        margin: 0
    }
}

.hp-carousel .slick-slider .card .card-body .controls {
    background: #fff;
    display: flex;
    justify-content: center
}

.hp-carousel .slick-slider .card .card-body .buttons {
    font-size: 22px;
    font-weight: 700;
    color: #0053a0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px auto
}

@media (min-width:768px) {
    .hp-carousel .slick-slider .card .card-body .buttons {
        left: 80%;
        transform: translateX(0)
    }
}

.hp-carousel .slick-slider .card .card-body .content__wrap,
.hp-carousel .slick-slider .card .card-body .image__wrap {
    padding: 0
}

.home-exp-tabs #__BVID__15__BV_tab_controls_,
.home-exp-tabs #__BVID__20__BV_tab_controls_ {
    display: none
}

@media (min-width:768px) {
    .home-exp-tabs .tab-nav {
        background-color: #f5f5f5;
        border-radius: 30px
    }

    .home-exp-tabs .tab-nav .nav-left {
        padding-left: 0
    }

    .home-exp-tabs .tab-nav .nav-right {
        padding-right: 0
    }
}

.home-exp-tabs .btn-hptabs {
    border: 1px solid #e6e6e6;
    padding: 20px 0;
    border-radius: 0;
    width: 100%;
    text-align: center
}

.home-exp-tabs .btn-hptabs span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: rgba(54, 64, 69, .5)
}

.home-exp-tabs .btn-hptabs span:hover {
    color: #0053a0
}

@media (min-width:768px) {
    .home-exp-tabs .btn-hptabs {
        border: none;
        padding: 10px 0
    }

    .home-exp-tabs .btn-hptabs span {
        font-size: 14px
    }
}

.home-exp-tabs .tabs-container {
    margin-top: 40px
}

@media (min-width:768px) {
    .home-exp-tabs .tabs-container {
        margin-top: 60px
    }
}

.home-exp-tabs .highlight {
    color: #4a4a4a
}

.home-exp-tabs .highlight span {
    color: #4a4a4a;
    border-bottom: 4px solid #0053a0;
    padding-bottom: 4px
}

@media (min-width:768px) {
    .home-exp-tabs .highlight {
        background-color: #fff;
        border-radius: 30px;
        box-shadow: 0 0 5px hsla(0, 0%, 60%, .4)
    }

    .home-exp-tabs .highlight span {
        border-bottom: none;
        padding-bottom: 0;
        color: #0053a0
    }
}

.home-exp-tabs .headings {
    margin-bottom: 40px
}

@media (min-width:992px) {
    .home-exp-tabs .headings {
        margin-bottom: 60px
    }
}

.home-exp-tabs .headings h2 {
    font-size: 24px
}

@media (min-width:992px) {
    .home-exp-tabs .headings h2 {
        font-size: 36px
    }
}

.home-exp-tabs .items {
    margin-top: 20px
}

@media (min-width:992px) {
    .home-exp-tabs .items {
        margin-top: 40px
    }
}

.home-exp-tabs .tab-content ul {
    list-style-type: none;
    text-align: center;
    padding-left: 0
}

.home-exp-tabs .tab-content ul li {
    padding-bottom: 20px;
    font-size: 16px
}

@media (min-width:768px) {
    .home-exp-tabs .tab-content ul li {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        display: inline-block;
        width: 45%;
        text-align: left
    }
}

@media (min-width:768px) {
    .home-exp-tabs .tab-content .link-row {
        padding-left: 70px
    }
}

@media (min-width:1220px) {
    .home-exp-tabs .tab-content .link-row {
        padding-left: 80px
    }
}

@media (min-width:768px) {
    .home-exp-tabs .second {
        padding-top: 60px
    }
}

.home-exp-tabs .img-bg {
    display: none;
    background-color: #fafafa
}

@media (min-width:768px) {
    .home-exp-tabs .img-bg {
        display: block;
        position: relative
    }
}

.home-exp-tabs .img-bg img {
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .home-exp-tabs .img-bg img {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.home-exp-tabs .nav {
    display: none
}

.hp-resources h3 {
    font-weight: 300;
    font-size: 24px
}

@media (min-width:768px) {
    .hp-resources h3 {
        font-size: 32px
    }
}

.hp-resources a {
    color: #4a4a4a;
    padding: 40px 0
}

.hp-resources .card {
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    height: 330px
}

.hp-resources .card .card-body {
    padding: 0
}

.hp-resources .card .card-body .type {
    background-color: #0053a0;
    margin-top: -35px;
    width: 155px;
    text-align: center
}

.hp-resources .card .card-body .type p {
    color: #fff;
    font-family: graphik-medium, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .59px;
    text-transform: uppercase;
    padding: 10px 27px
}

.hp-resources .card .content {
    padding: 20px
}

.hp-resources .card .content h4 {
    font-size: 18px
}

.hp-resources .card img {
    width: 100%;
    height: 225px;
    overflow: hidden
}

.hp-stacked-columns {
    padding: 60px 0
}

@media (min-width:768px) {
    .hp-stacked-columns {
        padding: 80px 0
    }
}

.hp-stacked-columns .heading p {
    color: #071e3c;
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

@media (min-width:992px) {
    .hp-stacked-columns .heading p {
        font-size: 36px;
        line-height: 42px
    }
}

@media (min-width:768px) {
    .hp-stacked-columns .iltr {
        padding-left: 50px
    }

    .hp-stacked-columns .irtl {
        padding-right: 50px
    }
}

.hp-stacked-columns img {
    width: 100%;
    height: auto
}

.hp-stacked-columns .btn-purple-ghost {
    color: #0053a0
}

.hp-stacked-columns .btn-purple-ghost:hover {
    color: #fff
}

.hp-top-carousel {
    position: relative;
    z-index: 3;
    color: #fff;
    background: #0053a0;
    padding: 15px 0
}

.hp-top-carousel .h2 {
    font-size: 18px;
    color: #fafafa;
    font-weight: 700
}

@media (min-width:768px) {
    .hp-top-carousel .h2 {
        font-size: 32px
    }
}

.hp-top-carousel .arrow {
    display: none
}

@media (min-width:768px) {
    .hp-top-carousel .arrow {
        display: block
    }
}

.hp-top-carousel p.top-par {
    margin-bottom: 0;
    color: #fff
}

@media (min-width:768px) {
    .hp-top-carousel p.top-par {
        display: inline-block
    }
}

.hp-top-carousel p.top-par a {
    color: #fff;
    font-weight: 700;
    padding-left: 20px
}

.hp-top-carousel p.top-par a .bi-arrow-right-short {
    margin-top: 4px;
    vertical-align: middle
}

.hp-top-carousel p.top-par a:hover {
    text-decoration: none
}

.hp-top-carousel p.top-par a:hover .bi-arrow-right-short {
    transition: all .15s ease-out;
    transform: translateX(5px)
}

.hp-top-carousel p.top-par a .h3 {
    line-height: 18px
}

.hp-white-boxes {
    position: relative;
    z-index: 5;
    margin-top: -70px;
    padding-bottom: 10px
}

.hp-white-boxes h2 {
    color: #071e3c;
    font-family: graphik-medium, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.hp-white-boxes .col-md-4 {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .hp-white-boxes .col-md-4 {
        margin-bottom: none
    }
}

.hp-white-boxes .card {
    padding: 30px
}

.hp-white-boxes a {
    color: #071e3c;
    font-weight: 700
}

.hp-white-boxes a:hover {
    text-decoration: none;
    color: #071e3c
}

.hp-white-boxes a:hover:hover .bi-arrow-right-short {
    transition: all .15s ease-out;
    transform: translateX(5px)
}

.hp-white-boxes a .bi-arrow-right {
    padding-top: 3px;
    margin-left: 10px
}

.icon-content .icon-wrap {
    padding: 20px 60px 0;
    background-color: #fafafa
}

.icon-content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #0053a0;
    font-family: museo-sans, sans-serif;
    margin-bottom: 10px
}

.icon-content ul.icons {
    margin-left: 0;
    padding-left: 0
}

.icon-content ul.icons li {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin-right: 20px;
    width: 94px
}

.icon-content ul.icons li img {
    height: 36px;
    width: auto
}

.icon-content ul.icons li p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(0, 0, 0, .6);
    font-family: museo-sans;
    margin-bottom: 35px;
    margin-top: 20px
}

.image-quote {
    padding: 60px 0
}

.image-quote img {
    width: 100%;
    height: auto
}

.large-solution-cta .top-cta {
    padding: 120px 15px 0
}

@media (min-width:992px) {
    .large-solution-cta .top-cta {
        padding-top: 170px;
        padding-bottom: 30px
    }
}

.large-solution-cta .top-cta .digital-callout {
    background-color: #fff;
    padding: 85px 20px;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

@media (min-width:992px) {
    .large-solution-cta .top-cta .digital-callout {
        padding: 80px;
        margin-bottom: -80px
    }
}

.large-solution-cta .top-cta .digital-callout h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 48px;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .large-solution-cta .top-cta .digital-callout h3 {
        font-size: 36px;
        line-height: 48px
    }
}

.large-solution-cta .top-cta .digital-callout h4 {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

.large-solution-cta .top-cta .digital-callout .btn {
    width: auto
}

.large-solution-cta .bottom-cta {
    padding: 120px 15px;
    background-size: cover;
    background-position: 50%;
    text-align: center
}

@media (min-width:992px) {
    .large-solution-cta .bottom-cta {
        padding-top: 100px
    }
}

.large-solution-cta .bottom-cta p {
    color: #fff
}

.large-solution-cta .bottom-cta .quote p {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300
}

@media (min-width:992px) {
    .large-solution-cta .bottom-cta .quote p {
        font-size: 36px
    }
}

.legal-hero-one h1 {
    color: #071e3c;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300
}

@media (min-width:768px) {
    .legal-hero-one h1 {
        font-size: 44px;
        line-height: 60px
    }
}

.legal-plain ol li,
.legal-plain ul li {
    padding-bottom: 14px
}

.legal-plain .underline-bold {
    font-weight: 700;
    text-decoration: underline
}

.li-border-image {
    padding-top: 40px;
    padding-bottom: 40px
}

.li-border-image img {
    width: 100%;
    height: auto
}

.li-border-image .mobile-image {
    display: block
}

@media (min-width:768px) {
    .li-border-image .mobile-image {
        display: none
    }
}

.li-border-image .desktop-image {
    display: none
}

@media (min-width:768px) {
    .li-border-image .desktop-image {
        display: block
    }
}

.li-border-image .phone {
    max-width: 380px;
    height: auto
}

.li-border-image .mobile-show {
    display: block
}

@media (min-width:768px) {
    .li-border-image .mobile-show {
        display: none
    }
}

.li-border-image .mobile-hide {
    display: none
}

@media (min-width:768px) {
    .li-border-image .mobile-hide {
        display: block
    }
}

.li-border-image .bullet-content {
    margin-top: 40px
}

.li-border-image .bullet-content .bullet {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 16px
}

.li-border-image .bullet-content .bullet p {
    font-size: 16px;
    text-align: center
}

@media (min-width:768px) {
    .li-border-image .bullet-content .bullet p {
        text-align: left
    }
}

.li-border-image .bullet-content .bullet h5 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #071e3c;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif;
    text-align: center
}

@media (min-width:768px) {
    .li-border-image .bullet-content .bullet h5 {
        text-align: left
    }
}

.li-border-image .bullet-content .bullet:last-child {
    border-bottom: none
}

.li-border-image .bullet-content .bullet:first-child {
    margin-top: 0
}

.link-out-block {
    background-color: #0053a0;
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center
}

.link-out-block .container {
    display: flex;
    justify-content: center;
    align-items: center
}

.link-out-block .primary-copy__wrap {
    text-align: center
}

.link-out-block .primary-copy__wrap h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px
}

.logo-row-one ul.logos {
    padding-left: 0
}

.logo-row-one ul.logos li {
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0 20px 35px
}

.logo-row-one ul.logos li img {
    max-height: 80px;
    width: auto
}

@media (min-width:992px) {
    .logo-row-one ul.logos li {
        display: inline-block
    }
}

.logo-row-one h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 48px;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .logo-row-one h3 {
        font-size: 36px
    }
}

.logo-row-two img {
    width: 100%;
    height: auto
}

.logo-row-two .desktop {
    display: none
}

@media (min-width:768px) {
    .logo-row-two .desktop {
        display: block
    }
}

.logo-row-two .mobile {
    display: block
}

@media (min-width:768px) {
    .logo-row-two .mobile {
        display: none
    }
}

.love-hero {
    background-color: #0053a0
}

@media (min-width:768px) {
    .love-hero {
        text-align: center
    }
}

.love-hero h1 {
    font-size: 30px;
    font-family: interstate, sans-serif;
    color: #fff;
    line-height: 1.37
}

@media (min-width:768px) {
    .love-hero h1 {
        font-size: 50px
    }
}

@media (min-width:1236px) {
    .love-hero h1 {
        font-size: 62px
    }
}

.love-hero img {
    margin-left: -75px;
    margin-top: -7px;
    width: 134px
}

@media (min-width:768px) {
    .love-hero img {
        margin-left: -124px;
        margin-top: -19px;
        width: 215px
    }
}

@media (min-width:1236px) {
    .love-hero img {
        margin-left: -155px;
        margin-top: -24px;
        width: 283px
    }
}

.love-hero .btn {
    padding: 15px 25px;
    margin-top: 15px
}

.love-hero p {
    color: #fff
}

.love-hero h2 {
    color: #fff;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.88
}

.mastercast-card {
    background-color: #fafafa
}

.mastercast-card .card {
    border-width: 0;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.mastercast-card .card .card-body {
    padding: 0
}

.mastercast-card .card .card-body p {
    font-family: graphik;
    font-weight: 300;
    color: #4e4e4e
}

.mastercast-card .card .card-body h2,
.mastercast-card .card .card-body p strong {
    font-family: graphik-medium;
    font-weight: 500
}

.mastercast-card .card .card-body h2 {
    font-size: 24px;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px
}

.mastercast-card .card .card-body p {
    line-height: 20px;
    font-size: 16px
}

.mastercast-card .card .card-body img {
    width: 100%;
    height: auto
}

.mastercast-card .card a.description {
    font-family: museo-sans, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #4a4a4a
}

.mastercast-card .card a.description:hover {
    color: #0053a0;
    text-decoration: none
}

.mastercast-card .button__wrap .btn {
    font-size: 15px;
    margin-bottom: 15px
}

@media (min-width:991px) {
    .mastercast-card .button__wrap .btn {
        font-size: 12px
    }
}

.mastercast-card .card-footer {
    background-color: #fff;
    border-top: none;
    padding-bottom: 20px
}

.mastercast-card .card-footer .btn-mc-video {
    font-weight: 700;
    border-radius: 17px;
    background-color: #0053a0;
    color: #fff;
    border: 1px solid #0053a0;
    padding: 8px 15px
}

.mastercast-card .card-footer .btn-mc-video:hover {
    color: #0053a0;
    background-color: #fff
}

.mastercast-card .card-footer .btn-mc-slides {
    font-weight: 700;
    border-radius: 17px;
    background-color: fff;
    color: #0053a0;
    border: 1px solid #0053a0;
    margin-left: 15px;
    padding: 8px 15px
}

.mastercast-card .card-footer .btn-mc-slides:hover {
    background-color: #0053a0;
    color: #fff
}

.mkto-form-modal__wrap .modal-form-header {
    font-family: museo-sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #4e4e4e;
    max-width: 369px;
    margin-bottom: 25px
}

.mkto-form-modal__wrap .modal-header {
    border-bottom: none
}

.mkto-form-modal__wrap #thank-you {
    display: none;
    text-align: center
}

.mkto-form-modal__wrap>div {
    max-width: 560px
}

.mkto-form-modal__wrap>div .modal-body {
    margin: 0 auto;
    padding: 0 20px 40px
}

@media (min-width:500px) {
    .mkto-form-modal__wrap>div .modal-body {
        padding: 0 50px 60px
    }
}

.mkto-form-modal__wrap>div .modal-body form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__row,
.mkto-form-modal__wrap>div .modal-body form .mktoButtonRow,
.mkto-form-modal__wrap>div .modal-body form .mktoButtonRow button {
    width: 100%
}

@media (min-width:500px) {
    .mkto-form-modal__wrap>div .modal-body .medallia-form__row {
        width: 48%
    }
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__row label {
    display: none
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__row input,
.mkto-form-modal__wrap>div .modal-body .medallia-form__row select {
    border: none;
    border-radius: 0;
    border-radius: initial;
    box-shadow: none;
    color: #4e4e4e;
    background-color: #f5f5f5;
    display: block;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    line-height: 40px;
    padding: 0 0 0 10px;
    width: 100%
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox,
.mkto-form-modal__wrap>div .modal-body .medallia-form__select,
.mkto-form-modal__wrap>div .modal-body .medallia-form__tel,
.mkto-form-modal__wrap>div .modal-body .medallia-form__text {
    margin-bottom: 16px
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox {
    width: 100%
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox .mktoLabel {
    display: none
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox .mktoLogicalField {
    display: flex;
    justify-content: space-between
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox label {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    min-height: 12px;
    padding: 0 0 0 10px;
    position: relative;
    text-align: left;
    width: inherit
}

.mkto-form-modal__wrap>div .modal-body .medallia-form__checkbox input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: unset
}

.mastercast-hero {
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    background-color: #f4f0ed;
    padding-top: 146px
}

@media (max-width:992px) {
    .mastercast-hero {
        background-image: none !important
    }
}

.mastercast-hero .intro img {
    width: 160px;
    height: auto
}

.mastercast-hero h1 {
    font-size: 50px
}

.mastercast-hero .btn {
    padding: 15px
}

.mx-carousel {
    background-color: #0053a0
}

.mx-carousel p {
    color: #fff
}

.mx-carousel .big-text p {
    font-size: 24px;
    font-style: italic;
    line-height: 36px
}

.mx-carousel .arrows {
    color: #fff;
    font-size: 80px
}

.mx-footer img,
.mx-one-image img {
    max-width: 460px;
    height: auto
}

.mx-text .hero {
    padding-top: 100px;
    padding-bottom: 150px
}

.mx-text .first-text {
    padding-top: 60px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .mx-text .first-text {
        padding-top: 80px
    }
}

@media (min-width:992px) {
    .mx-text .first-text {
        padding-top: 100px
    }
}

.mx-text .second-text {
    padding-top: 30px;
    padding-bottom: 60px
}

@media (min-width:768px) {
    .mx-text .second-text {
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    .mx-text .second-text {
        padding-bottom: 100px
    }
}

.mx-text .fifth-text,
.mx-text .fourth-text,
.mx-text .third-text {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width:768px) {

    .mx-text .fifth-text,
    .mx-text .fourth-text,
    .mx-text .third-text {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width:992px) {

    .mx-text .fifth-text,
    .mx-text .fourth-text,
    .mx-text .third-text {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.mx-two-images img {
    width: 100%;
    height: auto
}

.net-promo-columns img {
    max-width: 48px;
    height: auto
}

.net-promo-columns h4 {
    font-family: museo-sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c;
    margin-bottom: 20px
}

.ocem-slice {
    background-color: #f5f5f5;
    padding: 150px 0
}

.ocem-slice .card {
    padding: 40px;
    text-align: center
}

.ocem-slice .card h2 {
    font-family: museo-sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.ocem-slice a {
    color: #071e3c
}

.ocem-slice a:hover {
    text-decoration: none
}

.old-blue .large-text p {
    font-family: graphik, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center
}

@media (min-width:767px) {
    .old-blue .large-text p {
        font-size: 24px
    }
}

.overview-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.overview-hero h1 {
    color: #fff;
    font-size: 12px;
    line-height: 1.17;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif;
    letter-spacing: 1.4px;
    font-weight: 700
}

@media (min-width:768px) {
    .overview-hero h1 {
        font-size: 14px
    }
}

@media (min-width:992px) {
    .overview-hero h1 {
        font-size: 14px;
        margin-top: 65px
    }
}

.overview-hero h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 30px;
    letter-spacing: -.5px;
    font-weight: 300
}

@media (min-width:768px) {
    .overview-hero h2 {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .overview-hero h2 {
        font-size: 44px
    }
}

.overview-hero .play a {
    color: #fff;
    font-size: 62px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 82px
}

@media (min-width:768px) {
    .overview-hero .play a {
        font-size: 76px;
        line-height: 94px
    }
}

.overview-hero .button-text {
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700
}

@media (min-width:768px) {
    .overview-hero .callouts {
        padding-top: 40px
    }
}

.overview-hero .callouts p {
    color: #fff
}

.overview-hero .callouts .large {
    font-size: 36px;
    font-family: graphik;
    font-weight: 300;
    line-height: 36px
}

@media (min-width:768px) {
    .overview-hero .callouts .large {
        font-size: 48px;
        line-height: 44px
    }
}

@media (min-width:992px) {
    .overview-hero .callouts .large {
        font-size: 64px;
        line-height: 64px
    }
}

.overview-hero .callouts .callout-small {
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .overview-hero .callouts .callout-small {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.people-cards {
    margin: 100px 0
}

.people-cards .row {
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto
}

.people-cards .card__wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 20px 0;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

@media (min-width:600px) {
    .people-cards .card__wrap {
        width: 48%
    }
}

.people-cards .card__wrap .image__wrap {
    position: relative;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    height: 240px
}

.people-cards .card__wrap .image__wrap .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.people-cards .card__wrap .image__wrap img {
    height: 100%;
    width: 100%
}

.people-cards .card__wrap .content__wrap {
    padding: 4% 7% 7%;
    position: relative
}

.people-cards .card__wrap .content__wrap .content-copy__wrap {
    position: relative
}

.people-cards .card__wrap .content__wrap .content-copy__wrap h3 {
    font-size: 20px;
    font-weight: 400;
    font-family: adelle;
    font-style: italic;
    line-height: 1.3em
}

.people-cards .card__wrap .content__wrap .angle {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewY(6.5deg);
    transform-origin: right
}

.people-cards .button__wrap {
    margin: 60px auto;
    justify-content: center
}

.pip-hero {
    height: 580px;
    background-size: cover;
    background-position: top;
    text-align: center;
    padding: 40px 0
}

.pip-hero p,
.pip-hero span {
    color: #fff
}

@media (min-width:768px) {
    .pip-hero {
        text-align: left;
        padding: 160px 0
    }
}

.pip-hero h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 15px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .pip-hero h1 {
        font-size: 44px;
        line-height: normal
    }
}

.pip-hero .btn {
    margin-top: 15px
}

.text-content h3 {
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 500
}

.text-content h4 {
    font-size: 1.5rem
}

.text-content p {
    font-size: 16px;
    line-height: 1.63;
    font-weight: 300;
    text-align: left
}

.rc-big-cta {
    margin-top: 30px;
    margin-bottom: 30px
}

.rc-big-cta .cta-card {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1)
}

.rc-big-cta .img-bg {
    background-size: cover;
    min-height: 300px
}

.rc-big-cta p.type {
    font-family: graphik-medium, sans-serif;
    font-size: 10px;
    color: #b1b1b1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0
}

.rc-big-cta h4 {
    font-size: 22px;
    font-family: graphik, sans-serif;
    line-height: 28px;
    margin: 0 0 20px
}

.rc-big-cta .text {
    padding: 30px 20px
}

.rc-float-image h2 {
    font-family: graphik-medium, sans-serif;
    color: #0053a0;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 5px
}

@media (min-width:1200px) {
    .rc-float-image h2 {
        font-size: 36px;
        line-height: 1.25
    }
}

.rc-float-image .indent {
    margin-left: 40px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.rc-float-image .footnote {
    position: relative;
    font-size: .4em;
    line-height: 0;
    vertical-align: baseline;
    top: -1em
}

.rc-float-image a {
    color: #0053a0
}

.rc-float-image a:hover {
    text-decoration: none
}

.rc-float-image h3 {
    font-family: graphik, sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .rc-float-image h3 {
        font-size: 36px
    }
}

.rc-float-image img,
.rc-full-image img {
    width: 100%;
    height: auto
}

.rc-percent-row {
    padding: 30px 0
}

.rc-percent-row .align-left {
    float: left;
    margin: 0 15px 15px 0
}

.rc-percent-row img {
    width: 160px
}

.rc-percent-row .light-text {
    color: #999
}

.rc-percent-row .footnote {
    position: relative;
    font-size: .4em;
    line-height: 0;
    vertical-align: baseline;
    top: -1em
}

.rc-plain-text {
    padding: 30px 0
}

.rc-plain-text h2 {
    font-family: graphik-medium, sans-serif;
    color: #0053a0;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 5px
}

@media (min-width:1200px) {
    .rc-plain-text h2 {
        font-size: 36px;
        line-height: 1.25
    }
}

.rc-plain-text .indent {
    margin-left: 40px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.rc-plain-text .footnote {
    position: relative;
    font-size: .4em;
    line-height: 0;
    vertical-align: baseline;
    top: -1em
}

.rc-plain-text a {
    color: #0053a0
}

.rc-plain-text a:hover {
    text-decoration: none
}

.rc-plain-text h3 {
    font-family: graphik, sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .rc-plain-text h3 {
        font-size: 36px
    }
}

.rc-plain-text h3 .light-heading {
    font-family: graphik-regular, sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-top: -5px;
    margin-right: 15px;
    color: #e2e6e8
}

@media (min-width:768px) {
    .rc-plain-text h3 .light-heading {
        font-size: 36px
    }
}

.rc-small-cta {
    margin-top: 30px;
    margin-bottom: 30px
}

.rc-small-cta .cta-card {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1)
}

.rc-small-cta .img-bg {
    background-size: cover;
    min-height: 150px
}

.rc-small-cta p.type {
    font-family: graphik-medium, sans-serif;
    font-size: 10px;
    color: #b1b1b1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0
}

.rc-small-cta h4 {
    font-size: 22px;
    margin: 0;
    font-family: graphik, sans-serif;
    line-height: 28px
}

.rc-small-cta .text {
    padding: 30px 20px
}

.real-time-hero {
    background: #071e3c;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    .real-time-hero {
        text-align: left
    }
}

.real-time-hero p {
    color: #fff
}

@media (min-width:768px) {
    .real-time-hero h1 {
        padding-top: 130px
    }
}

.real-time-hero img {
    width: 100%;
    height: auto
}

.retention-hero {
    background-color: #0053a0;
    color: #fff
}

@media (min-width:768px) {
    .retention-hero {
        height: 400px
    }
}

.retention-hero .placeholder {
    height: 300px
}

.retention-hero .outer {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:768px) {
    .retention-hero .outer {
        height: 400px
    }
}

.retention-hero .inner {
    padding: 60px 20px;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    .retention-hero .inner {
        text-align: left
    }
}

@media (min-width:1240px) {
    .retention-hero .inner {
        max-width: 619.5px;
        margin: 0 20px 0 auto;
        padding: 100px 20px
    }
}

.retention-hero p {
    color: #fff
}

@media (min-width:768px) {
    .retention-hero p {
        font-size: 20px
    }
}

.retention-hero h1 {
    font-size: 24px;
    font-family: graphik-medium, sans-serif;
    color: #fff
}

@media (min-width:768px) {
    .retention-hero h1 {
        font-size: 44px
    }
}

.resource-carousel a {
    color: #4a4a4a;
    padding: 100px 0
}

.resource-carousel .card {
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.resource-carousel .card .card-body {
    padding: 0
}

.resource-carousel .card .card-body .type {
    background-color: #0053a0;
    margin-top: -35px;
    width: 125px;
    text-align: center
}

.resource-carousel .card .card-body .type p {
    color: #fff;
    font-family: graphik-medium, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .59px;
    text-transform: uppercase;
    padding: 10px 27px
}

.resource-carousel .card .content {
    padding: 15px
}

.resource-carousel .card img {
    width: 100%;
    height: auto
}

.resources-one h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .resources-one h3 {
        font-size: 36px
    }
}

.resources-one h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .resources-one h3:before {
        left: 44%;
        width: 12%
    }
}

.resources-one a:hover {
    text-decoration: none
}

.resources-one a:hover img {
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.resources-one .card {
    border: 0
}

.resources-one .card .card-body {
    overflow: hidden;
    padding: 0
}

.resources-one .card .card-body img {
    width: 100%;
    height: auto
}

.resources-one .card .card-body .content {
    padding: 15px
}

.resources-one .card .card-body .type {
    font-size: 14px;
    letter-spacing: 1px;
    color: #b2b2b2;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 8px
}

.resources-one .card .card-body .type,
.resources-one .card h4 {
    font-family: museo-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal
}

.resources-one .card h4 {
    font-size: 20px;
    letter-spacing: normal;
    color: #071e3c;
    padding-top: 0;
    margin-bottom: 11px
}

.resources-one .card p {
    font-size: 20px;
    font-weight: 300
}

.resources-one .card .more {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #4e4e4e;
    text-transform: uppercase;
    width: 100%;
    display: block
}

.intro-one {
    text-align: center
}

.intro-one .large-text p {
    font-family: graphik, sans-serif;
    font-weight: 300;
    font-size: 20px
}

@media (min-width:767px) {
    .intro-one .large-text p {
        font-size: 24px
    }
}

.security-columns .icon {
    width: 50px;
    height: auto
}

.security-columns h2 {
    font-weight: 700;
    font-size: 18px;
    font-family: museo-sans, sans-serif
}

.security-columns .listings {
    padding: 0 40px
}

.security-columns .content img {
    width: 100%;
    height: auto
}

.white-bg {
    background-color: #fff
}

.beige-bg {
    background-color: #f4f0ed
}

.services-bios {
    margin: 50px 0
}

@media (min-width:991px) {
    .services-bios {
        margin: 0;
        padding-bottom: 0
    }
}

.services-bios .bio-image__wrap {
    display: flex;
    justify-content: center
}

.services-bios .bio-image__wrap img {
    width: 42%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    height: auto
}

@media (min-width:991px) {
    .services-bios .bio-image__wrap img {
        width: 100%;
        box-shadow: none;
        background-color: transparent
    }
}

.services-bios .row-full {
    text-align: center;
    width: 80%;
    margin: 0 auto 20px
}

@media (min-width:991px) {
    .services-bios .row-full {
        width: 100%
    }
}

.services-bios .row-full .content-header h4 {
    font-size: 24px;
    margin: 20px;
    font-weight: 300
}

@media (min-width:991px) {
    .services-bios .row-full .content-header h4 {
        font-size: 36px
    }
}

.services-bios .row-full .content-intro p {
    font-size: 16px
}

@media (min-width:991px) {
    .services-bios .row-full .content-intro p {
        font-size: 18px
    }
}

.services-bios .row-left,
.services-bios .row-right {
    text-align: center
}

@media (min-width:991px) {

    .services-bios .row-left,
    .services-bios .row-right {
        text-align: left
    }
}

.services-bios .bio-copy__wrap {
    margin-top: 40px
}

.services-bios .bio-copy__wrap .bio-name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0
}

.services-bios .bio-copy__wrap .bio-content h4 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 300
}

@media (min-width:991px) {
    .services-bios .bio-copy__wrap .bio-content h4 {
        font-size: 36px
    }
}

.services-bios .bio-copy__wrap .bio-content p {
    font-size: 16px
}

@media (min-width:991px) {
    .services-bios .bio-copy__wrap .bio-content p {
        font-size: 18px
    }
}

.services-columns .text-center h2 {
    font-size: 24px;
    color: #071e3c
}

@media (min-width:992px) {
    .services-columns .text-center h2 {
        font-size: 36px
    }
}

.services-columns .services-items__wrap {
    text-align: center;
    margin: 30px 20px 50px
}

.services-columns .services-items__wrap .services-item__wrap {
    margin: 20px auto;
    max-width: 430px
}

.services-columns .services-items__wrap .services-item__wrap h3 {
    color: #071e3c;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

@media (min-width:991px) {
    .services-columns .services-items__wrap .services-item__wrap h3 {
        font-size: 20px
    }
}

.services-columns .services-items__wrap .services-item__wrap p {
    font-size: 18px
}

.services .services-outer {
    background-color: #8ab7d4
}

.services .services-hero {
    height: 450px;
    background-size: cover;
    background-position: bottom
}

@media (min-width:500px) {
    .services .services-hero {
        height: 750px
    }
}

@media (min-width:991px) {
    .services .services-hero {
        height: 860px
    }
}

@media (min-width:1185px) {
    .services .services-hero {
        height: 860px;
        max-width: 1400px;
        width: 100%;
        background-position: top -100px center;
        margin: auto
    }
}

.services .services-hero .col {
    margin-top: 50px
}

@media (min-width:991px) {
    .services .services-hero .col {
        margin-top: 100px
    }
}

.services .services-hero .col h1,
.services .services-hero .col p {
    color: #fff;
    margin: 0
}

.services .services-hero .col h1 {
    font-size: 24px;
    line-height: 100%
}

@media (min-width:768px) {
    .services .services-hero .col h1 {
        font-size: 28px
    }
}

@media (min-width:991px) {
    .services .services-hero .col h1 {
        font-size: 44px
    }
}

.services .services-hero .col p {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 10px 0
}

@media (min-width:768px) {
    .services .services-hero .col p {
        font-size: 14px;
        margin: 20px 0
    }
}

.services-quote {
    background-color: #00bfa5;
    padding: 100px 24px 50px
}

.services-quote .content__wrap {
    text-align: center
}

.services-quote .content__wrap * {
    color: #fff
}

.services-quote .content__wrap .content-quote p {
    font-size: 24px
}

@media (min-width:764px) {
    .services-quote .content__wrap .content-quote p {
        font-size: 36px
    }
}

.services-quote .content__wrap .content-name p {
    font-size: 18px
}

.services-video {
    background-color: #52b1ff;
    padding-bottom: 100px
}

@media (min-width:764px) {
    .services-video {
        padding-bottom: 60px
    }
}

.services-video .container {
    margin-top: -60px;
    padding: 0;
    width: 90%;
    max-width: 1080px
}

@media (min-width:764px) {
    .services-video .container {
        font-size: 18px;
        margin-top: 0
    }
}

.services-video .container .services-video-content__wrap {
    box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .15)
}

@media (min-width:764px) {
    .services-video .container .services-video-content__wrap {
        display: flex
    }
}

.services-video .container .services-video-content__wrap .video__wrap {
    position: relative
}

.services-video .container .services-video-content__wrap .video__wrap svg {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80;
    height: 80
}

.services-video .container .services-video-content__wrap .video__wrap .video-image {
    height: 350px;
    background-position: 50%;
    background-size: cover
}

@media (min-width:764px) {
    .services-video .container .services-video-content__wrap .video__wrap .video-image {
        height: 450px
    }
}

@media (min-width:764px) {
    .services-video .container .services-video-content__wrap .video__wrap {
        width: 50%
    }
}

.services-video .container .services-video-content__wrap .content__wrap {
    background-color: #fff;
    padding: 50px 30px
}

@media (min-width:764px) {
    .services-video .container .services-video-content__wrap .content__wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        padding: 20px
    }
}

.services-video .container .services-video-content__wrap .content__wrap h3 {
    color: #071e3c;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: museo-sans, sans-serif
}

@media (min-width:991px) {
    .services-video .container .services-video-content__wrap .content__wrap h3 {
        font-size: 20px
    }
}

.services-video .container .services-video-content__wrap .content__wrap p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width:992px) {
    .services-video .container .services-video-content__wrap .content__wrap p {
        font-size: 18px;
        line-height: 30px
    }
}

.solution-cta {
    background-size: cover;
    background-position: 100%;
    text-align: center;
    color: #fff
}

.solution-cta h3 {
    color: #fff;
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px
}

@media (min-width:992px) {
    .solution-cta h3 {
        font-size: 36px;
        line-height: 48px
    }
}

.solution-cta p {
    color: #fff
}

.solution-cta .btn {
    width: auto
}

.solution-cta a.video {
    color: #fff;
    font-size: 100px
}

.sponsor-carousel h3 {
    font-weight: 300;
    font-size: 24px
}

@media (min-width:768px) {
    .sponsor-carousel h3 {
        font-size: 32px
    }
}

.sponsor-carousel a {
    color: #4a4a4a;
    padding: 40px 0
}

.sponsor-carousel .card {
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    height: 330px
}

.sponsor-carousel .card .card-body {
    padding: 0
}

.sponsor-carousel .card .card-body .type {
    background-color: #0053a0;
    margin-top: -35px;
    width: 125px;
    text-align: center
}

.sponsor-carousel .card .card-body .type p {
    color: #fff;
    font-family: graphik-medium, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .59px;
    text-transform: uppercase;
    padding: 10px 27px
}

.sponsor-carousel .card .content {
    padding: 20px
}

.sponsor-carousel .card .content h4 {
    font-size: 18px
}

.sponsor-carousel .card img {
    width: 100%;
    height: 225px;
    overflow: hidden
}

.sponsor-content h2 {
    font-size: 24px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .sponsor-content h2 {
        font-size: 36px;
        margin-bottom: 20px
    }
}

.sponsor-content ul {
    padding-left: 15px
}

.sponsor-content ul li {
    margin-bottom: 15px
}

.sponsor-content img {
    width: 100%;
    height: auto;
    color: #071e3c;
    padding-bottom: 60px;
    position: relative
}

@media (min-width:768px) {
    .sponsor-content img {
        padding-bottom: 0;
        letter-spacing: -.5px
    }
}

.sponsor-content .play-vid {
    background-color: #0053a0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center
}

.sponsor-content .play-vid .b-icon {
    margin-top: 10px;
    color: #fff;
    font-size: 80px
}

.sponsor-content .content {
    margin-top: 40px
}

.sponsor-hero {
    height: 400px;
    background-size: cover;
    background-color: #000;
    background-position: 50%;
    text-align: center;
    color: #fff
}

@media (min-width:768px) {
    .sponsor-hero {
        text-align: left;
        background-position: 100% 0;
        height: 500px
    }
}

.sponsor-hero .medallia-for {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

@media (min-width:768px) {
    .sponsor-hero .medallia-for {
        font-size: 14px
    }
}

.sponsor-hero p {
    color: #fff;
    font-size: 16px
}

@media (min-width:768px) {
    .sponsor-hero p {
        font-size: 18px
    }
}

.sponsor-hero h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 15px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .sponsor-hero h1 {
        font-size: 28px
    }
}

@media (min-width:992px) {
    .sponsor-hero h1 {
        font-size: 44px;
        line-height: 50px
    }
}

.sponsor-intro-text {
    padding-top: 120px;
    padding-bottom: 60px
}

@media (min-width:992px) {
    .sponsor-intro-text {
        padding-top: 160px;
        padding-bottom: 80px
    }
}

.sponsor-intro-text h2 {
    font-size: 24px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .sponsor-intro-text h2 {
        font-size: 36px;
        margin-bottom: 20px
    }
}

.sponsor-resources .card .more {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #4e4e4e
}

.sponsor-resources .card .more:hover {
    text-decoration: underline
}

.sponsor-resources h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .sponsor-resources h3 {
        font-size: 36px
    }
}

.sponsor-resources h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .sponsor-resources h3:before {
        left: 44%;
        width: 12%
    }
}

.sponsor-resources a:hover {
    text-decoration: none
}

.sponsor-resources a:hover img {
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.sponsor-resources .card {
    border: 0
}

.sponsor-resources .card .card-body {
    overflow: hidden;
    padding: 0
}

.sponsor-resources .card .card-body img {
    width: 100%;
    height: auto
}

.sponsor-resources .card .card-body .content {
    padding: 15px
}

.sponsor-resources .card .card-body .type {
    font-size: 14px;
    letter-spacing: 1px;
    color: #b2b2b2;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 8px
}

.sponsor-resources .card .card-body .type,
.sponsor-resources .card h5 {
    font-family: museo-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal
}

.sponsor-resources .card h5 {
    font-size: 20px;
    letter-spacing: normal;
    color: #071e3c;
    padding-top: 0;
    margin-bottom: 11px
}

.sponsor-resources .card p {
    font-size: 20px;
    font-weight: 300
}

.spotlight-person {
    background-color: #52b1ff
}

.spotlight-person .container {
    padding: 80px 20px
}

.spotlight-person .card__wrap {
    margin: 30px auto;
    background-color: #fff;
    align-items: center;
    max-width: 1080px
}

@media (min-width:600px) {
    .spotlight-person .card__wrap {
        height: 455px
    }
}

.spotlight-person .card__wrap .image__wrap {
    width: 100%;
    background-position: 50%;
    background-size: cover;
    height: 300px;
    position: relative
}

@media (min-width:600px) {
    .spotlight-person .card__wrap .image__wrap {
        width: 50%;
        height: 100%
    }
}

.spotlight-person .card__wrap .read-more__link {
    margin: 20px 0
}

.spotlight-person .card__wrap .copy__wrap {
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column
}

@media (min-width:600px) {
    .spotlight-person .card__wrap .copy__wrap {
        width: 50%
    }
}

.spotlight-person .play {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.stacked-text-image img {
    width: 100%;
    height: auto
}

.stacked-text-image .mobile-image {
    display: block
}

@media (min-width:768px) {
    .stacked-text-image .mobile-image {
        display: none
    }
}

.stacked-text-image .desktop-image {
    display: none
}

@media (min-width:768px) {
    .stacked-text-image .desktop-image {
        display: block
    }
}

.standard-anchor-menu {
    display: none;
    padding: 22px 0;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width:768px) {
    .standard-anchor-menu {
        display: block
    }
}

.standard-anchor-menu ul li {
    margin-bottom: 0
}

.standard-anchor-menu a {
    text-transform: uppercase;
    color: #4e4e4e;
    font-size: 13px;
    font-weight: 700
}

.standard-anchor-menu a:hover {
    color: #0053a0
}

.standard-hero-one .new-hero {
    background-color: #f4f0ed;
    height: 540px;
    text-align: center;
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .standard-hero-one .new-hero {
        height: 500px
    }
}

.standard-hero-one .new-hero .hero-content {
    position: relative;
    z-index: 2
}

@media (min-width:540px) {
    .standard-hero-one .new-hero .hero-content {
        padding: 0 20px
    }
}

@media (min-width:768px) {
    .standard-hero-one .new-hero .hero-content {
        padding: 0 100px
    }
}

@media (min-width:992px) {
    .standard-hero-one .new-hero .hero-content {
        padding: 0 10px;
        text-align: left
    }
}

.standard-hero-one .new-hero #bg-image-id {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 250px;
    text-align: center
}

@media (min-width:992px) {
    .standard-hero-one .new-hero #bg-image-id {
        left: 25%;
        height: 400px
    }
}

@media (min-width:1255px) {
    .standard-hero-one .new-hero #bg-image-id {
        left: 15%
    }
}

.standard-hero-one .new-hero #bg-image-id img {
    width: 90%;
    height: auto;
    box-shadow: 0 5px 6px hsla(0, 0%, 39.2%, .3)
}

@media (min-width:992px) {
    .standard-hero-one .new-hero #bg-image-id img {
        width: 650px;
        height: auto
    }
}

@media (min-width:992px) {
    .standard-hero-one .new-hero .container {
        height: 100% !important
    }
}

@media (min-width:992px) {
    .standard-hero-one .new-hero .row {
        height: 100% !important;
        align-items: center !important
    }
}

.standard-hero-one .new-hero .medallia-for,
.standard-hero-one .new-hero h1 {
    color: #071e3c
}

.standard-hero-one .new-hero p {
    color: #071e3c;
    font-size: 16px
}

@media (min-width:992px) {
    .standard-hero-one .new-hero p {
        font-size: 18px
    }
}

.standard-hero-one p,
.standard-hero-one span {
    color: #fff
}

.standard-hero-one .medallia-for {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1.2px
}

.standard-hero-one h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 15px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .standard-hero-one h1 {
        font-size: 44px;
        line-height: normal
    }
}

.standard-hero-one .btn {
    margin-top: 15px
}

.standard-hero-one .mobile {
    display: block;
    height: 580px;
    background-size: cover;
    background-position: 100%, 100%
}

@media (min-width:768px) {
    .standard-hero-one .mobile {
        display: none
    }
}

.standard-hero-one .mobile .btn {
    margin-top: 0
}

.standard-hero-one .desktop {
    display: none;
    background-size: cover;
    background-position: 50%, 100%;
    height: 400px
}

@media (min-width:768px) {
    .standard-hero-one .desktop {
        display: block
    }
}

@media (min-width:992px) {
    .standard-hero-one .desktop {
        height: 500px
    }
}

.standard-hero-one .play a {
    color: #0053a0;
    font-size: 62px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 82px
}

@media (min-width:768px) {
    .standard-hero-one .play a {
        font-size: 76px;
        line-height: 94px
    }
}

.standard-hero-two {
    height: 500px;
    background-size: cover;
    background-color: #000;
    background-position: 100%;
    text-align: center;
    color: #fff
}

@media (min-width:768px) {
    .standard-hero-two {
        text-align: left;
        color: #071e3c
    }
}

.standard-hero-two .medallia-for {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px
}

@media (min-width:768px) {
    .standard-hero-two .medallia-for {
        color: #00bfa5;
        font-size: 14px
    }
}

.standard-hero-two p {
    color: #fff;
    font-size: 16px
}

@media (min-width:768px) {
    .standard-hero-two p {
        color: #071e3c
    }
}

.standard-hero-two .transparent {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    padding-top: 100px
}

@media (min-width:768px) {
    .standard-hero-two .transparent {
        background: none;
        padding-top: 0
    }
}

.standard-hero-two .btn {
    width: auto
}

.standard-hero-two h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    padding-top: 15px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .standard-hero-two h1 {
        color: #071e3c;
        font-size: 28px
    }
}

@media (min-width:992px) {
    .standard-hero-two h1 {
        font-size: 44px
    }
}

.standard-intro h2 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    margin-top: 30px
}

@media (min-width:768px) {
    .standard-intro h2 {
        font-size: 36px;
        line-height: 48px;
        padding-bottom: 20px
    }
}

.std-column-content img {
    width: 100%;
    height: auto
}

.std-column-content .mobile-image {
    margin-bottom: 60px
}

@media (min-width:992px) {
    .std-column-content .mobile-image {
        display: none
    }
}

.std-column-content .main-image {
    display: none
}

@media (min-width:992px) {
    .std-column-content .main-image {
        margin-bottom: 0;
        display: block
    }
}

.std-column-content .hide-mobile {
    display: none
}

@media (min-width:992px) {
    .std-column-content .content-left {
        padding-right: 40px
    }
}

@media (min-width:992px) {
    .std-column-content .content-right {
        padding-left: 40px
    }
}

.std-column-content li {
    padding-bottom: 15px
}

.std-column-content h2 {
    margin-top: 30px
}

.std-column-content h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300
}

@media (min-width:992px) {
    .std-column-content h3 {
        font-size: 36px;
        line-height: 48px
    }
}

.std-column-content h5 {
    color: #00bfa5;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1.11px;
    font-family: museo-sans, sans-serif;
    font-weight: 700
}

@media (min-width:992px) {
    .std-column-content h5 {
        font-size: 18px
    }
}

.std-column-content ul {
    padding-left: 15px
}

.std-column-content ul.doc-links {
    list-style-type: none;
    padding-left: 15px;
    margin-top: 20px
}

@media (min-width:992px) {
    .std-column-content ul.doc-links li {
        display: inline-block;
        width: 50%;
        margin-bottom: 20px
    }
}

.std-column-content ul.doc-links li img {
    width: 25px;
    height: 25px
}

.std-column-content ul.doc-links li .no-link,
.std-column-content ul.doc-links li a {
    color: #071e3c;
    font-weight: 700;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin-left: 25px
}

.std-column-content .doc-links {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px
}

.std-columns-two {
    padding-top: 60px
}

@media (min-width:768px) {
    .std-columns-two {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.std-columns-two h2 {
    font-weight: 300;
    color: #071e3c
}

@media (min-width:768px) {
    .std-columns-two h2 {
        padding-left: 15px
    }
}

.std-columns-two .desktop {
    display: none;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .std-columns-two .desktop {
        display: block
    }
}

@media (min-width:768px) and (min-width:992px) {
    .std-columns-two .desktop {
        font-size: 36px
    }
}

.std-columns-two ul li {
    padding-bottom: 20px
}

.std-columns-two .mobile {
    display: block
}

@media (min-width:768px) {
    .std-columns-two .mobile {
        display: none
    }
}

.std-columns-two .mobile h2 {
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -.5px;
    margin-top: 30px;
    margin-bottom: 30px
}

.std-columns-two .mobile h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 38%;
    width: 22%;
    border-top: 3px solid #00bfa5
}

.std-columns-two img.mobile {
    width: 100%;
    height: auto;
    margin-bottom: 25px
}

.std-columns-two img.full {
    width: 100%;
    height: auto;
    margin: auto
}

.std-columns-two img.tall {
    height: auto;
    margin: auto
}

@media (min-width:768px) {
    .std-columns-two img.tall {
        max-width: 296px
    }
}

@media (min-width:992px) {
    .std-columns-two img.tall {
        max-width: 370px
    }
}

@media (min-width:1260px) {
    .std-columns-two img.tall {
        max-width: 380px
    }
}

.std-columns-two .related {
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    padding: 20px
}

@media (min-width:768px) {
    .std-columns-two .related {
        padding: 20px 0 0 15px
    }
}

.std-columns-two .related p.related-heading {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: 1px;
    color: #4e4e4e;
    text-transform: uppercase
}

.std-columns-two .related ul.doc-links {
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px
}

.std-columns-two .related ul.doc-links li {
    padding-bottom: 25px
}

@media (min-width:992px) {
    .std-columns-two .related ul.doc-links li {
        display: inline-block;
        width: 50%
    }
}

.std-columns-two .related ul.doc-links li img {
    width: 25px;
    height: 25px;
    margin-right: 15px
}

.std-columns-two .related ul.doc-links li a {
    color: #071e3c;
    font-weight: 700
}

@media (max-width:767px) {
    .std-columns-two .green-line__wrap {
        display: none
    }
}

.std-copy-block {
    padding: 50px 0 80px
}

.std-copy-block .content__wrap {
    max-width: 600px;
    margin: 0 auto
}

@media (min-width:992px) {
    .std-copy-block .content__wrap {
        max-width: 820px
    }
}

.std-copy-block .btn {
    margin-top: 20px
}

.std-customers h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .std-customers h3 {
        font-size: 36px
    }
}

.std-customers h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .std-customers h3:before {
        left: 44%;
        width: 12%
    }
}

.std-customers a:hover {
    text-decoration: none
}

.std-customers a:hover img {
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.std-customers .card {
    border: 0
}

.std-customers .card .card-body {
    padding: 0
}

.std-customers .card .card-body .content {
    padding: 15px
}

.std-customers .card .card-body .type {
    font-size: 14px;
    letter-spacing: 1px;
    color: #b2b2b2;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 8px
}

.std-customers .card .card-body .type,
.std-customers .card h4 {
    font-family: museo-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal
}

.std-customers .card h4 {
    font-size: 20px;
    letter-spacing: normal;
    color: #071e3c;
    padding-top: 0;
    margin-bottom: 11px
}

.std-customers .card p {
    font-size: 20px;
    font-weight: 300
}

.std-customers .card .more {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #4e4e4e;
    text-transform: uppercase;
    width: 100%;
    display: block
}

.std-customers .card .quote img {
    width: 21px;
    height: 14px
}

.std-customers .card .base-image {
    position: relative;
    overflow: hidden
}

.std-customers .card .base-image img {
    width: 100%;
    height: auto
}

.std-customers .card .base-image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 30, 60, .2);
    content: ""
}

.std-customers .card .stack-image {
    position: absolute;
    left: 30px;
    top: 35px;
    z-index: 1
}

.std-customers .card .stack-image img {
    width: 117px;
    height: auto
}

.std-footer-form .c-medallia-form {
    background-color: #0053a0;
    color: #fff;
    padding: 50px 30px
}

.std-footer-form .c-medallia-form #marketo-form-contact {
    display: block
}

.std-footer-form .c-medallia-form p.footerp {
    color: #fff
}

.std-footer-form .c-medallia-form h2 {
    margin-bottom: 40px;
    font-size: 24px;
    color: #fff
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form h2 {
        font-size: 36px
    }
}

.std-footer-form .c-medallia-form #thank-you {
    display: none
}

.std-footer-form .c-medallia-form #thank-you h4 {
    color: #fff;
    margin-bottom: 20px
}

.std-footer-form .c-medallia-form #thank-you p {
    text-align: center;
    color: #fff
}

.std-footer-form .c-medallia-form__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    padding: 0;
    text-align: left;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__checkbox {
    margin-bottom: 30px;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList {
    border: none;
    padding: 0;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList>label {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    min-height: 12px;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    width: inherit
}

.std-footer-form .c-medallia-form__form .medallia-form__checkbox .mktoCheckboxList>label a {
    padding: 0;
    text-decoration: underline
}

.std-footer-form .c-medallia-form__form .medallia-form__row {
    margin-right: 0;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__row:nth-child(n+10) {
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__row input {
    border-radius: 0;
    border-radius: initial;
    border: 1px solid #aaa;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    line-height: 40px;
    padding: 0 0 0 10px;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__row input::-moz-placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row input:-ms-input-placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row input::placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row input:focus {
    outline: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row input[type=checkbox] {
    display: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row input[type=checkbox]+label:before {
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -25px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form-row-empty,
.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__hidden {
    display: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea {
        margin-bottom: 30px
    }
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea {
    border: 1px solid #cdcdcd;
    border-radius: 0;
    box-shadow: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    min-height: 90px;
    padding: 0 0 0 10px;
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea::-moz-placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea:-ms-input-placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row.medallia-form__textarea textarea::placeholder {
    opacity: 1;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoFormCol {
    position: relative;
    margin-bottom: 0
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoFieldWrap,
.std-footer-form .c-medallia-form__form .medallia-form__row .mktoFormCol {
    width: 100%
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoGutter,
.std-footer-form .c-medallia-form__form .medallia-form__row .mktoInstruction {
    display: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoInvalid {
    border: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoLabel {
    display: block;
    font-weight: 400;
}

.std-footer-form .c-medallia-form__form .medallia-form__row .mktoOffset {
    display: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row select.mktoField {
    -webkit-appearance: none;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    opacity: 1;
    padding: 0 0 0 10px;
    position: relative;
    text-align: left;
    line-height: 45px;
    width: 100%;
    background-color: #fff;
    color: #aaa
}

.std-footer-form .c-medallia-form__form .medallia-form__row select.mktoField:focus {
    outline: none
}

.std-footer-form .c-medallia-form__form .medallia-form__row #Product_Technology__c,
.std-footer-form .c-medallia-form__form .medallia-form__row #Region_for_Partner_Registration__c,
.std-footer-form .c-medallia-form__form .medallia-form__row #Vertical_Market__c {
    height: unset;
    background-image: none;
    width: 100% !important
}

.std-footer-form .c-medallia-form__form .medallia-form__row .medallia-form__partner-copy--white {
    color: #fff
}

.std-footer-form .c-medallia-form__form .medallia-form__textarea label {
    /* display:block!important; */
}

.std-footer-form .c-medallia-form__form .medallia-form__textarea .mktoAsterix {
    display: none
}

.std-footer-form .c-medallia-form__form .medallia-form__textarea textarea::-moz-placeholder {
    color: transparent !important
}

.std-footer-form .c-medallia-form__form .medallia-form__textarea textarea:-ms-input-placeholder {
    color: transparent !important
}

.std-footer-form .c-medallia-form__form .medallia-form__textarea textarea::placeholder {
    color: transparent !important
}

.std-footer-form .c-medallia-form__form .medallia-form__row.hidemarketoRow {
    display: none
}

.std-footer-form .c-medallia-form__form .mktoButtonRow {
    width: 100%
}

.std-footer-form .c-medallia-form__form .mktoButtonRow .mktoButton {
    -webkit-appearance: none;
    border-radius: 0;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    line-height: 16px;
    margin: auto;
    padding: 15px 20px 17px;
    position: relative;
    transition: all .3s ease;
    width: 100%
}

.std-footer-form .c-medallia-form__form .mktoButtonRow .mktoButton:hover {
    border-radius: 0;
    top: -2px;
    transform: none
}

.std-footer-form .c-medallia-form__form .mktoButtonRow .mktoButton span {
    text-align: left;
    margin: 0;
    padding: 0
}

.std-footer-form .c-medallia-form__form .mktoError {
    color: #bf0000;
    font-size: 13px;
    left: 0;
    position: absolute;
    right: auto !important;
    z-index: 99
}

.std-footer-form .c-medallia-form__form .mktoError .mktoErrorArrowWrap {
    height: 8px;
    left: 5px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 100
}

.std-footer-form .c-medallia-form__form .mktoError .mktoErrorArrowWrap .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 16px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.std-footer-form .c-medallia-form__form .mktoError .mktoErrorMsg {
    background-color: #e51b00;
    background-image: linear-gradient(#e51b00 43%, #ba1600);
    background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
    border: 1px solid #9f1300;
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .65), inset 0 1px 0 #ff3c3c;
    color: #f3f3f3;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 7px;
    max-width: 16em;
    padding: .4em .6em;
    text-shadow: #901100 0 -1px 0;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, .65) 0 2px 7px, inset #ff3c3c 0 1px 0
}

.std-footer-form .c-medallia-form__form--access {
    width: 100%
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row {
    height: 50px;
    margin-bottom: 16px;
    width: 210px
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row input {
    background-color: #f5f5f5
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #ccced2;
    background-color: #fff;
    background: #fff
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row select.mktoField {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row .mktoCheckboxList>label,
.std-footer-form .c-medallia-form__form--access .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.std-footer-form .c-medallia-form__form--access .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 16px;
    width: 100%
}

.std-footer-form .c-medallia-form__form--access .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.std-footer-form .c-medallia-form__form--access .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--alt-bottom {
        width: 727px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--alt-bottom {
        width: 649px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--alt-bottom {
        width: 606px
    }
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row {
        width: 288px
    }
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row .mktoCheckboxList>label,
.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row .mktoCheckboxList>label a {
    color: #fff
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #fff;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #fff
}

.std-footer-form .c-medallia-form__form--alt-bottom .medallia-form__row input[type=checkbox]+label:before {
    border: 2px solid #52b1ff;
    background-color: #52b1ff;
    background: #52b1ff
}

.std-footer-form .c-medallia-form__form--alt-bottom .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.std-footer-form .c-medallia-form__form--alt-bottom .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--contact {
        width: 727px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--contact {
        width: 649px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--contact {
        width: 606px
    }
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--contact .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--contact .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--contact .medallia-form__row {
        width: 288px
    }
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row .mktoCheckboxList>label,
.std-footer-form .c-medallia-form__form--contact .medallia-form__row .mktoCheckboxList>label a {
    color: #fff
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

.std-footer-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10).medallia-form__checkbox,
.std-footer-form .c-medallia-form__form--contact .medallia-form__row:nth-child(n+10).medallia-form__textarea {
    width: 100%
}

.std-footer-form .c-medallia-form__form--contact .medallia-form--last-before-buttons {
    margin-bottom: 40px
}

.std-footer-form .c-medallia-form__form--contact .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.std-footer-form .c-medallia-form__form--contact .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--forrester {
        width: 498px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--forrester {
        width: 442px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--forrester {
        width: 498px
    }
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 240px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 210px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--forrester .medallia-form__row {
        width: 240px
    }
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input {
    height: 45px;
    padding-left: 10px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox] {
    width: 1em;
    float: left;
    height: 1em;
    opacity: 0
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -35px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label {
    color: #4a4a4a;
    display: block;
    font-family: museo-sans;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: .1em;
    min-height: 12px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row .mktoCheckboxList>label:before {
    margin-top: 8px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row select.mktoField {
    border: 1px solid #aaa;
    height: 45px;
    line-height: 45px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form--last-before-buttons {
    margin-bottom: 40px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 20px
}

.std-footer-form .c-medallia-form__form--forrester .medallia-form__row #LbltermsandConditions {
    display: block;
    padding-right: 10px;
    position: relative
}

.std-footer-form .c-medallia-form__form--forrester .mktoRequiredField .mktoAsterix {
    color: #bf0000;
    display: block;
    font-size: 13px;
    left: 25px;
    position: absolute
}

.std-footer-form .c-medallia-form__form--forrester .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.std-footer-form .c-medallia-form__form--forrester .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--header {
        width: 652px
    }
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--header .medallia-form__row {
        width: 316px
    }
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row .mktoCheckboxList>label,
.std-footer-form .c-medallia-form__form--header .medallia-form__row .mktoCheckboxList>label a {
    color: #fff
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row input {
    height: 45px;
    padding-left: 10px
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.std-footer-form .c-medallia-form__form--header .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #fff;
    background-color: #fff;
    background: #fff
}

.std-footer-form .c-medallia-form__form--header .medallia-form__checkbox {
    margin-bottom: 15px
}

.std-footer-form .c-medallia-form__form--header .medallia-form--last-before-buttons {
    margin-bottom: 45px
}

.std-footer-form .c-medallia-form__form--header select.mktoField {
    height: 45px;
    line-height: 24px;
    padding-left: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--header .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.std-footer-form .c-medallia-form__form--header .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--main-bottom {
        width: 727px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--main-bottom {
        width: 649px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--main-bottom {
        width: 606px
    }
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 353px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 314px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row {
        width: 288px
    }
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row .mktoCheckboxList>label,
.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row .mktoCheckboxList>label a {
    color: #fff
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row select.mktoField {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row input {
    height: 40px;
    padding-left: 15px
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #fff;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #fff
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row input[type=checkbox]+label:before {
    border: 2px solid #52b1ff;
    background-color: #52b1ff;
    background: #52b1ff
}

.std-footer-form .c-medallia-form__form--main-bottom .medallia-form__row.medallia-form__checkbox {
    width: 100%
}

.std-footer-form .c-medallia-form__form--main-bottom .mktoButtonRow .mktoButton {
    background: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #0053a0 !important
}

.std-footer-form .c-medallia-form__form--main-bottom .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #fff !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #fff !important
}

.std-footer-form .c-medallia-form__form--resource {
    margin-top: 0;
    width: 100%
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row {
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form__form--resource .medallia-form__row {
        width: 48%
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__form--resource .medallia-form__row {
        width: 100%
    }
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input {
    background-color: #f5f5f5
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]:checked+label:before {
    color: #000;
    content: "\2713 "
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]:checked+label:hover:before {
    color: #000
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]+label:before {
    border: 1px solid #ccced2;
    background-color: #fff;
    background: #fff
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox] {
    width: 1em;
    float: left;
    height: 1em;
    opacity: 0
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row input[type=checkbox]+label:before {
    border-radius: 2px;
    box-shadow: none;
    content: "";
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 16px;
    height: 16px;
    left: auto;
    line-height: 16px;
    margin-left: -35px;
    padding-right: 5px;
    position: absolute;
    width: 16px
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row select.mktoField {
    background-color: #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2FhYSI+PHBhdGggZD0iTTEyIDIxTDAgM2gyNHoiLz48L3N2Zz4=)
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label a {
    color: #4a4a4a
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label {
    color: #4a4a4a;
    display: block;
    font-family: museo-sans;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-top: .1em;
    min-height: 12px
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row .mktoCheckboxList>label:before {
    margin-top: 8px
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row.medallia-form__checkbox {
    margin-bottom: 20px
}

.std-footer-form .c-medallia-form__form--resource .medallia-form__row #LbltermsandConditions {
    display: block;
    padding-right: 10px;
    position: relative
}

.std-footer-form .c-medallia-form__form--resource .mktoRequiredField .mktoAsterix {
    color: #bf0000;
    display: block;
    font-size: 13px;
    left: 25px;
    position: absolute
}

.std-footer-form .c-medallia-form__form--resource .mktoButtonRow .mktoButton {
    background: #0053a0 !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.std-footer-form .c-medallia-form__form--resource .mktoButtonRow .mktoButton:hover {
    background-color: transparent !important;
    border: 2px solid #0053a0 !important;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .15) !important;
    color: #0053a0 !important
}

.std-footer-form .c-medallia-form__heading {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #fff
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__heading {
        font-size: 36px;
        line-height: 48px
    }
}

.std-footer-form .c-medallia-form__heading--contact {
    font-size: 44px;
    line-height: 60px;
    margin-bottom: 40px
}

.std-footer-form .c-medallia-form__heading--main_bottom {
    font-size: 36px;
    letter-spacing: -.5px
}

.std-footer-form .c-medallia-form__sub-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form__sub-heading {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 40px
    }
}

.std-footer-form .c-medallia-form__success--alt_bottom h2,
.std-footer-form .c-medallia-form__success--alt_bottom h3,
.std-footer-form .c-medallia-form__success--contact h2,
.std-footer-form .c-medallia-form__success--contact h3,
.std-footer-form .c-medallia-form__success--main_bottom h2,
.std-footer-form .c-medallia-form__success--main_bottom h3 {
    color: #fff
}

.std-footer-form .c-medallia-form__success--alt_bottom p,
.std-footer-form .c-medallia-form__success--contact p,
.std-footer-form .c-medallia-form__success--main_bottom p {
    color: #fff;
    font-size: 18px;
    font-weight: 300
}

.std-footer-form .c-medallia-form__success--header h2,
.std-footer-form .c-medallia-form__success--header h3 {
    color: #fff
}

.std-footer-form .c-medallia-form__success--header p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    transition: margin .4s ease
}

.std-footer-form .c-medallia-form--default2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .std-footer-form .c-medallia-form--default2 {
        padding-left: 0;
        padding-right: 0;
        width: 727px
    }
}

@media (min-width:992px) {
    .std-footer-form .c-medallia-form--default2 {
        width: 648px
    }
}

@media (min-width:1440px) {
    .std-footer-form .c-medallia-form--default2 {
        width: 606px
    }
}

.std-footer-form .l-medallia-form {
    padding: 80px 20px;
    text-align: center
}

@media (min-width:768px) {
    .std-footer-form .l-medallia-form {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .std-footer-form .l-medallia-form {
        padding-top: 98px;
        padding-bottom: 100px
    }
}

@media (min-width:1440px) {
    .std-footer-form .l-medallia-form {
        padding-top: 100px
    }
}

.std-footer-form .l-medallia-form__heading {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .std-footer-form .l-medallia-form__heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px
    }
}

@media (min-width:992px) {
    .std-footer-form .l-medallia-form__heading {
        max-width: 772px
    }
}

.std-footer-form .l-medallia-form__heading--alt_bottom,
.std-footer-form .l-medallia-form__heading--main_bottom {
    margin-bottom: 40px
}

.std-footer-form .l-medallia-form__heading--alt_bottom+.l-medallia-form__sub-heading--main_bottom,
.std-footer-form .l-medallia-form__heading--main_bottom+.l-medallia-form__sub-heading--main_bottom {
    margin-top: -25px
}

.std-footer-form .l-medallia-form__sub-heading {
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width:768px) {
    .std-footer-form .l-medallia-form__sub-heading {
        margin-left: auto;
        margin-right: auto;
        max-width: 603px
    }
}

@media (min-width:992px) {
    .std-footer-form .l-medallia-form__sub-heading {
        max-width: 817px
    }
}

.std-footer-form .l-medallia-form__success--alt_bottom {
    text-align: center
}

.std-footer-form .l-medallia-form__success--header {
    height: 330px;
    margin: auto;
    padding-bottom: 125px;
    padding-top: 125px;
    text-align: center
}

.std-footer-form .l-medallia-form--access,
.std-footer-form .l-medallia-form--contact,
.std-footer-form .l-medallia-form--forrester {
    padding-bottom: 0;
    padding-top: 0
}

.std-footer-form .medallia-form-row-empty,
.std-footer-form .row-hidden {
    display: none
}

.std-hero-three {
    background-color: #fafafa;
    padding: 80px 0
}

@media (min-width:992px) {
    .std-hero-three {
        padding: 110px 0
    }
}

.std-hero-three h1 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.5px
}

@media (min-width:992px) {
    .std-hero-three h1 {
        font-size: 44px
    }
}

.std-hero-three img {
    width: 100px;
    height: auto;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .std-hero-three img {
        width: 150px;
        height: auto
    }
}

.std-hero-three p {
    line-height: 24px
}

@media (min-width:992px) {
    .std-hero-three p {
        line-height: 1.67
    }
}

.std-image-column img {
    width: 100%;
    height: auto
}

.std-image-column h3 {
    font-family: graphik, sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 48px;
    color: #071e3c;
    margin-bottom: 20px
}

.std-image-only img {
    width: 100%;
    height: auto
}

.std-large-quote {
    background-color: #071e3c
}

.std-large-quote .quote p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    font-family: graphik, sans-serif
}

@media (min-width:992px) {
    .std-large-quote .quote p {
        font-size: 36px;
        line-height: 1.5
    }
}

.std-large-quote img {
    width: 100%;
    height: auto
}

.std-large-quote .name p {
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0
}

.std-large-quote .name-title p {
    font-size: 14px;
    color: #8596ad;
    line-height: 1.71
}

.std-large-quote .cta p {
    font-weight: 700;
    font-size: 16px
}

.std-large-quote p {
    color: #fff
}

.std-resource-cta .digital-callout {
    background-color: #fff;
    padding: 80px;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.std-resource-cta .digital-callout h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c;
    padding-bottom: 15px
}

.std-resource-cta .digital-callout h4 {
    color: #4a4a4a;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .std-tabbed-content .mobile-tab {
        display: none
    }
}

.std-tabbed-content .btn-group {
    display: block
}

.std-tabbed-content .dropdown-menu {
    width: 100%;
    text-align: center
}

.std-tabbed-content .btn-secondary {
    width: 100%;
    text-align: center;
    background: #fff;
    color: #4e4e4e;
    border: 0;
    padding: 20px
}

.std-tabbed-content .btn-secondary.dropdown-toggle {
    color: #0053a0;
    background-color: #f5f6fc
}

.std-tabbed-content img {
    width: 100%;
    height: auto
}

.std-tabbed-content h3 {
    font-family: museo-sans, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.25px;
    color: #00bfa5;
    text-transform: uppercase
}

.std-tabbed-content .black {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.33px;
    color: #071e3c
}

.std-tabbed-content .green {
    font-weight: 300;
    color: #00bfa5;
    line-height: 1.5;
    letter-spacing: -.33px;
    font-size: 24px
}

.std-tabbed-content .content ul {
    padding-left: 15px
}

.std-tabbed-content .content ul li {
    padding-bottom: 18px
}

.std-tabbed-content ul.doc-links {
    list-style-type: none;
    padding-left: 15px;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px
}

@media (min-width:992px) {
    .std-tabbed-content ul.doc-links li {
        display: inline-block;
        width: 46%;
        margin-bottom: 20px
    }
}

.std-tabbed-content ul.doc-links li img {
    width: 25px;
    height: 25px
}

.std-tabbed-content ul.doc-links li .no-link,
.std-tabbed-content ul.doc-links li a {
    color: #071e3c;
    font-weight: 700;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin-left: 25px
}

.std-tabbed-content ul.nav.nav-tabs {
    display: none;
    width: 100%;
    table-layout: fixed;
    padding-left: 0
}

@media (min-width:768px) {
    .std-tabbed-content ul.nav.nav-tabs {
        display: table
    }
}

.std-tabbed-content ul.nav.nav-tabs li {
    float: none;
    display: table-cell
}

.std-tabbed-content ul.nav.nav-tabs li a {
    padding: 16px;
    border: none;
    text-align: center;
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .75px;
    color: #4e4e4e;
    text-transform: uppercase;
    background: #d9d9d9;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.std-tabbed-content ul.nav.nav-tabs li a:hover {
    background-color: #00bfa5;
    color: #fff
}

.std-tabbed-content ul.nav.nav-tabs li .nav-link.active {
    border: none;
    background-color: #00bfa5;
    color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.success-stories h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: -.5px;
    color: #071e3c;
    margin-top: 20px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .success-stories h3 {
        font-size: 36px
    }
}

.success-stories h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 42%;
    width: 14%;
    border-top: 3px solid #00bfa5
}

@media (min-width:768px) {
    .success-stories h3:before {
        left: 44%;
        width: 12%
    }
}

.success-stories a:hover {
    text-decoration: none
}

.success-stories a:hover img {
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: scale(1.1)
}

.success-stories .card {
    border: 0
}

.success-stories .card .card-body {
    padding: 0
}

.success-stories .card .card-body .content {
    padding: 15px
}

.success-stories .card .card-body .type {
    font-size: 14px;
    letter-spacing: 1px;
    color: #b2b2b2;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 8px
}

.success-stories .card .card-body .type,
.success-stories .card h4 {
    font-family: museo-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal
}

.success-stories .card h4 {
    font-size: 20px;
    letter-spacing: normal;
    color: #071e3c;
    padding-top: 0;
    margin-bottom: 11px
}

.success-stories .card p {
    font-size: 20px;
    font-weight: 300
}

.success-stories .card .more {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #4e4e4e;
    text-transform: uppercase;
    width: 100%;
    display: block
}

.success-stories .card .quote img {
    width: 21px;
    height: 14px
}

.success-stories .card .base-image {
    position: relative;
    overflow: hidden
}

.success-stories .card .base-image img {
    width: 100%;
    height: auto
}

.success-stories .card .base-image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 30, 60, .2);
    content: ""
}

.success-stories .card .stack-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.success-stories .card .stack-image img {
    width: 117px;
    height: auto
}

.sweepstakes-table table {
    width: 100%
}

.sweepstakes-table td {
    border: 1px solid #000
}

.std-plain-text a.video-link {
    text-decoration: none;
    color: #3f99ea;
    padding: 10px
}

.third-party-inner .select__container {
    width: 100%;
    border: none;
    font-weight: 300;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 30px
}

.third-party-inner .select__container:active,
.third-party-inner .select__container:focus {
    outline: none
}

.third-party-inner .pages__container {
    margin-top: 40px
}

@media (min-width:768px) {
    .third-party-inner .pages__container {
        margin-top: 0;
        padding-left: 50px
    }
}

.third-party-inner .page__wrap {
    display: none
}

.third-party-inner .page__wrap div * {
    font-size: 16px;
    line-height: 24px
}

.third-party-inner .page__wrap div p {
    color: #4e4e4e
}

.third-party-inner .page__wrap div h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min-width:991px) {
    .third-party-inner .page__wrap div h2 {
        font-size: 36px;
        line-height: 40px
    }
}

.third-party-inner .page__wrap div h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #9b9b9b;
    margin-bottom: 40px
}

.three-card {
    margin: 80px 0
}

.three-card .cards__wrap {
    justify-content: space-evenly;
    margin: 0x
}

@media (min-width:992px) {
    .three-card .cards__wrap {
        margin: 50px
    }
}

.three-card .card__wrap {
    text-align: center;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05);
    background: #fff;
    padding: 20px;
    margin: 20px
}

@media (min-width:992px) {
    .three-card .card__wrap {
        margin: 0;
        padding: 20px 40px
    }
}

.three-card .card__wrap .row {
    justify-content: center;
    flex-direction: column;
    max-width: 300px;
    margin: 0 auto
}

.tradeup-carousel {
    padding: 80px 0
}

.tradeup-carousel h3 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px;
    font-weight: 300
}

@media (min-width:1199px) {
    .tradeup-carousel h3 {
        font-size: 36px
    }
}

.tradeup-carousel .card {
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    height: 300px
}

.tradeup-carousel .nextArrow,
.tradeup-carousel .prevArrow {
    float: left;
    padding-top: 100px;
    font-size: 44px
}

.tradeup-carousel .slick-list {
    float: left;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px
}

.tradeup-carousel .carousel-trade {
    padding-top: 40px;
    padding-bottom: 40px
}

.tradeup-carousel a h6 {
    color: #36383c;
    font-weight: 700
}

.tradeup-columns {
    padding: 80px 0
}

.tradeup-columns img.image-link {
    width: 100%;
    height: auto
}

.tradeup-columns .icon-link {
    position: absolute;
    top: 38%;
    left: 43%;
    z-index: 1;
    color: #fff;
    font-size: 80px;
    text-align: center
}

.tradeup-columns img.logo {
    width: 140px;
    height: auto
}

.tradeup-columns a.link-text p {
    color: #abb0b8;
    font-weight: 700;
    width: 80%
}

.tradeup-columns a.link-text:hover {
    text-decoration: none
}

.tradeup-columns h3 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px;
    font-weight: 300
}

@media (min-width:1199px) {
    .tradeup-columns h3 {
        font-size: 36px
    }
}

.tradeup-forrester {
    padding: 80px 0
}

.tradeup-forrester img {
    width: 180px;
    height: auto
}

.tradeup-forrester h3 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px;
    font-weight: 300;
    font-family: graphik, sans-serif
}

@media (min-width:1199px) {
    .tradeup-forrester h3 {
        font-size: 36px
    }
}

@media (min-width:768px) {
    .tradeup-forrester .left-col {
        padding-right: 80px
    }
}

@media (min-width:992px) {
    .tradeup-forrester .left-col {
        padding-right: 100px
    }
}

@media (min-width:768px) {
    .tradeup-forrester .right-col {
        padding-left: 80px
    }
}

@media (min-width:992px) {
    .tradeup-forrester .right-col {
        padding-left: 100px
    }
}

.tradeup-hero .mobile .hero {
    padding-top: 240px;
    padding-bottom: 115px;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat
}

.tradeup-hero .mobile .hero h1 {
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .tradeup-hero .mobile {
        display: none
    }
}

.tradeup-hero .desktop {
    display: none
}

.tradeup-hero .desktop .hero {
    margin-top: 60px;
    padding-bottom: 80px;
    padding-top: 238px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.tradeup-hero .desktop .hero h1 {
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 30px
}

@media (min-width:1199px) {
    .tradeup-hero .desktop .hero h1 {
        font-size: 44px;
        line-height: 60px
    }
}

@media (min-width:768px) {
    .tradeup-hero .desktop {
        display: block
    }
}

.tradeup-intro {
    padding: 100px 0;
    background-color: #fafafa
}

.tradeup-intro h2 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px
}

@media (min-width:1199px) {
    .tradeup-intro h2 {
        font-size: 36px
    }
}

.tradeup-tabs {
    padding: 80px 0
}

.tradeup-tabs img {
    width: 100%;
    height: auto
}

.tradeup-tabs h3 {
    color: #071e3c;
    font-size: 24px;
    letter-spacing: -.54px;
    margin-bottom: 10px;
    font-weight: 300
}

@media (min-width:1199px) {
    .tradeup-tabs h3 {
        font-size: 36px
    }
}

.tradeup-tabs .tabs {
    margin-top: 40px
}

.tradeup-tabs .tabs .tablist {
    margin: auto
}

.tradeup-tabs .tabs .nav-tabs {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: none;
    color: #abb0b8
}

.tradeup-tabs .tabs .nav-tabs:hover {
    border: none;
    color: #495057
}

.tradeup-tabs .tabs .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 4px solid #0053a0
}

.tradeup-tabs .tabs .tab-content {
    padding-top: 40px
}

.values-beliefs {
    padding: 80px 0;
    background-color: #f5f5f5
}

.values-beliefs h2 {
    color: #00bfa5;
    font-family: museo-sans, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.values-beliefs h5 {
    color: #fff;
    font-size: 72px;
    line-height: normal;
    letter-spacing: -1px;
    font-weight: 300;
    font-family: graphik, sans-serif
}

@media (min-width:768px) {
    .values-beliefs h5 {
        font-size: 90px
    }
}

@media (min-width:992px) {
    .values-beliefs h5 {
        font-size: 180px
    }
}

.values-beliefs .items {
    text-align: center;
    padding-top: 50px
}

.values-beliefs .items .btn {
    width: auto;
    max-width: 140px
}

@media (min-width:768px) {
    .values-beliefs .items {
        text-align: left
    }
}

.values-beliefs .items img {
    width: 100%;
    height: auto
}

.values-beliefs .items h3 {
    margin-top: -58px;
    margin-bottom: 36px;
    color: #071e3c;
    font-size: 24px;
    font-weight: 300;
    font-family: graphik, sans-serif
}

@media (min-width:768px) {
    .values-beliefs .items h3 {
        margin-top: -66px;
        padding-left: 30px
    }
}

@media (min-width:992px) {
    .values-beliefs .items h3 {
        font-size: 36px;
        margin-top: -134px;
        padding-left: 50px
    }
}

.values-beliefs .items .mobile-content {
    margin-top: 20px
}

@media (min-width:768px) {
    .values-beliefs .items .mobile-content {
        display: none
    }
}

.values-beliefs .items .mobile-button {
    display: block;
    padding: 12px;
    margin: auto
}

@media (min-width:768px) {
    .values-beliefs .items .mobile-button {
        display: none
    }
}

.values-beliefs .items .desktop-content {
    margin-top: 20px;
    display: none;
    padding-left: 30px
}

@media (min-width:768px) {
    .values-beliefs .items .desktop-content {
        display: block
    }
}

@media (min-width:992px) {
    .values-beliefs .items .desktop-content {
        padding-left: 50px
    }
}

.values-beliefs .items .desktop-button {
    display: none;
    padding: 12px
}

@media (min-width:768px) {
    .values-beliefs .items .desktop-button {
        display: block;
        margin-left: 30px
    }
}

@media (min-width:992px) {
    .values-beliefs .items .desktop-button {
        margin-left: 50px
    }
}

.values-footer {
    background: #000;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .values-footer {
        padding-bottom: 0
    }
}

.values-footer img {
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .values-footer img {
        height: 484px;
        width: auto;
        margin-left: -140px
    }
}

@media (min-width:992px) {
    .values-footer img {
        height: 550px;
        width: auto
    }
}

.values-footer .content p {
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    .values-footer .content p {
        text-align: left
    }
}

.values-footer .content .quote p {
    font-size: 24px;
    font-family: graphik, sans-serif
}

@media (min-width:992px) {
    .values-footer .content .quote p {
        font-size: 36px
    }
}

.values-footer .content .name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    letter-spacing: 1.5px;
    margin-bottom: 0
}

.values-footer .content .title {
    font-size: 14px;
    line-height: 1.71;
    color: #8596ad
}

@media (min-width:992px) {
    .values-hero .mobile {
        display: none
    }
}

.values-hero .mobile .hero-image {
    padding: 0
}

.values-hero .mobile .hero-image img {
    width: 100%;
    height: auto
}

.values-hero .desktop {
    display: none
}

@media (min-width:992px) {
    .values-hero .desktop {
        display: block
    }

    .values-hero .desktop .big-image {
        padding: 0
    }

    .values-hero .desktop .big-image img {
        width: 100%;
        height: auto
    }
}

.values-hero .content {
    padding: 20px 0;
    background-color: #fff
}

.values-hero .content h1 {
    font-family: museo-sans, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-align: center;
    color: #0053a0
}

.values-hero .content h2 {
    font-size: 24px;
    padding-bottom: 15px
}

@media (min-width:992px) {
    .values-hero .content h2 {
        font-size: 32px
    }
}

@media (min-width:992px) {
    .values-hero .content {
        margin-top: -250px;
        position: relative;
        z-index: 2;
        background-color: transparent
    }

    .values-hero .content .dots {
        background: url(data:image/webp;base64,UklGRkIAAABXRUJQVlA4TDYAAAAvD8ADEDcw//M//2TStqn26+wswEUQRxgUBADZOFFEkEEEIujfgf0FiOj/BGQw1DU3alSw+Tc=) repeat 0 0/6px;
        padding: 60px 120px
    }

    .values-hero .content .box-content {
        padding: 20px 40px 30px;
        background: #fff;
        box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .03)
    }
}

.white-boxes .inner {
    width: 100%
}

.white-boxes img {
    width: 100%;
    height: auto
}

.white-boxes h3 {
    font-family: graphik, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 48px;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min:width 768px) {
    .white-boxes h3 {
        font-size: 36px
    }
}

.white-boxes .card {
    height: 320px;
    text-align: center;
    margin-bottom: 30px;
    border: none;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15)
}

.white-boxes .card h5 {
    font-family: museo-sans, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #071e3c;
    margin-bottom: 20px
}

.white-boxes .card p {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 300
}

.wide-image-column .row {
    align-items: center
}

.wide-image-column .content__wrap {
    text-align: center;
    max-width: 600px;
    margin: 60px auto
}

@media (min-width:992px) {
    .wide-image-column .content__wrap {
        text-align: left;
        max-width: unset;
        padding-right: 50px
    }

    .wide-image-column .content__wrap .green-line {
        width: 15%;
        left: 0;
        transform: none
    }
}

.wide-image-column .image__wrap {
    width: 100%;
    max-width: 730px;
    margin: 0 auto
}

.wide-image-column .image__wrap img {
    width: 100%
}

.xchange-content p {
    font-size: 16px;
    line-height: 1.63;
    font-weight: 300;
    text-align: left
}

@media (min-width:767px) {
    .xchange-content p {
        font-size: 18px
    }
}

.xchange-content b,
.xchange-content strong {
    font-size: 18px;
    font-weight: 700;
    color: #071e3c;
    margin-bottom: 20px
}

@media (min-width:767px) {

    .xchange-content b,
    .xchange-content strong {
        font-size: 20px
    }
}

.xchange-hero-main {
    position: relative;
    padding: 100px 0;
    background-size: cover;
    background-position: 100% 100%
}

.xchange-hero-main:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAQAAABKxSfDAAAAE0lEQVR42mNg8GXwZYADFA7pAABSuAE1K1VAoAAAAABJRU5ErkJggg==) repeat 0 0/6px;
    z-index: 1
}

.xchange-hero-main h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: -.5px;
    z-index: 2;
    position: relative
}

@media (min-width:992px) {
    .xchange-hero-main h1 {
        font-size: 44px
    }
}

.xchange-hero-main p {
    position: relative;
    z-index: 2;
    color: #fff
}

.xchange-image img {
    width: 100%;
    height: auto
}

.xchange-video-link p {
    font-size: 18px;
    line-height: 1.63;
    font-weight: 300;
    text-align: left
}

.xchange-video-link strong {
    font-size: 20px;
    font-weight: 700;
    color: #071e3c;
    margin-bottom: 20px
}