html.search-revealed { overflow: hidden; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #414141; font-family: "Cabin", sans-serif; font-size: 100%; }

@media (max-width: 991px) {
    body.no-scroll { overflow: hidden; }
}

body.no-overflow { overflow: hidden; }

.page-homepage { padding-top: 48px; }

@media (min-width: 992px) {
    .page-homepage { padding-top: 120px; }
}

.page-homepage .btn-primary { background-color: #00AB3D; border: 0; border-radius: 0; color: #fff; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; padding: 0 40px; text-align: center; width: 100%; }
    .page-homepage .btn-primary:hover, .page-homepage .btn-primary:focus { background-color: #00D04A; }

.page-marketing-your-peo, .page-interior { padding-top: 48px; }

@media (min-width: 992px) {
    .page-marketing-your-peo, .page-interior { padding-top: 120px; }
}

@media (min-width: 600px) and (max-width: 991px) {
    .container { max-width: 90%; }
}

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

[role=banner] { background-color: #fff; position: fixed; height: 48px; left: 0; top: 0; width: 100%; z-index: 11; }

@media (min-width: 992px) {
    [role=banner] { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.07); height: 120px; }
}

[role=banner] .container { position: relative; }
[role=banner] .logo { position: absolute; left: 48px; top: 5px; height: 40px; width: 35px; z-index: 20; }
    [role=banner] .logo img { max-width: 100%; }

@media (min-width: 992px) {
    [role=banner] .logo { left: 15px; top: 16px; width: 75px; }
}

.mobile-btn { cursor: pointer; display: block; position: absolute; height: 28px; left: 16px; top: 7px; width: 19px; z-index: 5; }

@media (min-width: 992px) {
    .mobile-btn { display: none; }
}

.mobile-btn .menu-lines { background-color: #173F7D; display: block; position: absolute; left: 0; top: 10px; height: 2px; width: 19px; }
    .mobile-btn .menu-lines::before { content: ""; background-color: #173F7D; position: absolute; left: 0; top: 7px; transform-origin: 50% 50%; transition: transform 0.4s; height: 2px; width: 19px; }
    .mobile-btn .menu-lines::after { content: ""; background-color: #173F7D; position: absolute; left: 0; top: 14px; transform-origin: 50% 50%; transition: transform 0.4s; height: 2px; width: 19px; }
.mobile-btn.active .menu-lines { background-color: transparent; }
    .mobile-btn.active .menu-lines::before { transform: rotate3d(0, 0, 1, 45deg); top: 7px; }
    .mobile-btn.active .menu-lines::after { transform: rotate3d(0, 0, 1, -45deg); top: 7px; }

.search-container { background-color: #fff; padding: 12px 0; opacity: 0; position: fixed; top: 48px; left: 0; right: 0; transition: visibility 300ms linear, z-index 300ms, opacity 300ms, transform 300ms; transform: translateY(-30px); visibility: hidden; z-index:10;}
    .search-container.show { opacity: 1; transform: translateY(0); visibility: visible; z-index:11; }

@media (min-width: 992px) {
    .search-container { padding: 24px 0 12px; top: 120px; }
}

.global-navigation .nav-login-covid-19 a { background-color: #C42938; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
    .global-navigation .nav-login-covid-19 a:hover { background-color: #b12533; }
    .global-navigation .nav-login-covid-19 a:hover::after { background: none; }
    .search-container form { position: relative; }
.search-container input[type=search] { border: 0; border-bottom: 1px solid; border-radius: 0 !important; font-size: 18px; line-height: 32px; height: 33px; padding-left: 39px; padding-top: 6px; width: 100%; }
.search-container button { background: url(../img/search-icon.svg) no-repeat center center; background-size: 24px 24px; border: 0; height: 24px; width: 24px; cursor: pointer; text-indent: -999em; position: absolute; top: 5px; left: 5px; }
.search-container ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #676767; font-style: italic; }
.search-container ::-moz-placeholder { /* Firefox 19+ */ color: #676767; font-style: italic; }
.search-container :-ms-input-placeholder { /* IE 10+ */ color: #676767; font-style: italic; }
.search-container :-moz-placeholder { /* Firefox 18- */ color: #676767; font-style: italic; }

.global-navigation { position: relative; top: 12px; }
    .global-navigation ol { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: end; justify-content: flex-end; list-style-type: none; margin-bottom: 0; padding: 0 15px; width: 100%; }
    .global-navigation a { font-size: 12px; color: #2256B3; font-family: "Raleway", sans-serif; font-weight: 500; line-height: 16px; }
    .global-navigation .sm-screen-hide { display: none; }
@media (min-width: 992px) {
    .global-navigation .sm-screen-hide { display: block; }
}

@media (max-width:992px) {
    .global-navigation .nav-login-covid-19{ position: fixed; display: block; top: 46px; left: 0; right: 0; text-align: center; }
}
.global-navigation .nav-search { background: url(../img/search-icon.svg) no-repeat center center; background-size: 16px 16px; cursor: pointer; text-indent: -999em; margin-left: 24px; width: 16px; }

@media (min-width: 992px) {
    .global-navigation { top: auto; }
        .global-navigation a { color: currentColor; display: block; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
            .global-navigation a:hover::after { background-color: #327dbf; bottom: 8px; content: ""; height: 3px; left: 20px; right: 20px; position: absolute; }
        .global-navigation #login, .global-navigation .forgot-password-button { background-color: #F6AA00; color: #414141; cursor: pointer; display: block; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
            .global-navigation #login:hover, .global-navigation .forgot-password-button:hover { background-color: #D69400; }
                .global-navigation #login:hover::after, .global-navigation .forgot-password-button:hover::after { display: none; }
        .global-navigation .nav-search { margin-left: 0; width: 48px; }
        .global-navigation .forgot-password-button { border-radius: 0; margin-right: 1px; }
}

.main-navigation ol { list-style-type: none; padding-left: 0; }
.main-navigation .subnav { list-style-type: none; padding-left: 0; }

@media (max-width: 991px) {
    .main-navigation { background-color: #2256B3; color: #fff; position: fixed; bottom: 0; left: -100%; margin: 0 !important; opacity: 0; padding: 34px 16px 0; transition: opacity 0.4s ease-out; top: 48px; width: 100%; }
        .main-navigation.show { left: 0; opacity: 1; }
        .main-navigation ol.col-12 { height: calc(100vh - 82px); overflow-y: scroll; }
        .main-navigation ol > li { padding-bottom: 18px; }
        .main-navigation a { color: currentColor; text-decoration: none; }
        .main-navigation li { position: relative; }
        .main-navigation .top-level-link { font-family: "Raleway", sans-serif; font-size: 26px; font-weight: 500; margin-left: 32px; }
        .main-navigation .toggle-btn { background: url(../img/down-arrow-icon.svg) no-repeat; background-size: 24px 24px; cursor: pointer; display: block; height: 24px; left: 0; position: absolute; top: 8px; transition: transform 0.4s ease-out; width: 24px; }
            .main-navigation .toggle-btn.toggled { transform: rotate(180deg); }
        .main-navigation .subnav { padding: 18px 0 0 32px; }
            .main-navigation .subnav:not(.show) { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
            .main-navigation .subnav li { font-size: 18px; font-weight: 500; line-height: 32px; }
            .main-navigation .subnav .section-heading { font-weight: 700; }
            .main-navigation .subnav li + .section-heading { margin-top: 28px; }
            .main-navigation .subnav ul { list-style-type: none; padding-left: 0; }
        .main-navigation .column-2 { margin-top: 28px; }
        .main-navigation .sm-screen-display { padding-left: 32px; }
            .main-navigation .sm-screen-display li { font-size: 20px; }
}

@media (min-width: 992px) {
    .main-navigation { -ms-flex-pack: end; justify-content: flex-end; }
        .main-navigation ol { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; margin-bottom: 0; padding: 0 15px; max-width: 865px; width: 865px; }
        .main-navigation li { position: relative; }
        .main-navigation .main-link { padding-bottom: 12px; padding-left: 20px; padding-right: 20px; }
            .main-navigation .main-link:first-child { padding-left: 0; }
            .main-navigation .main-link:last-child { padding-right: 0; }
        .main-navigation a { color: #173F7D; display: inline-block; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; text-decoration: none; }
        .main-navigation ol > li > a { border-bottom: 4px solid transparent; padding-bottom: 4px; }
        .main-navigation ol > li:hover > a { border-bottom-color: #327dbf; }
        .main-navigation .subnav { background-color: #F7FCFF; border-bottom: 6px solid #3675B5; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.12); position: absolute; left: 50%; list-style-type: none; margin: 0 0 0 -125px; opacity: 0; padding: 24px 16px; top: 42px; transition: visibility 0s linear 300ms, opacity 300ms; visibility: hidden; width: 250px; }
            .main-navigation .subnav.two-column { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; width: 500px; }
            .main-navigation .subnav .column { width: 218px; }
            .main-navigation .subnav a { color: #0071EB; font-size: 14px; font-weight: 500; line-height: 18px; }
                .main-navigation .subnav a:hover { font-weight: 700; }
            .main-navigation .subnav ul { list-style-type: none; margin: 0; padding: 0; }
            .main-navigation .subnav li:not(:first-child):not(.section-heading) { margin-top: 5px; }
        .main-navigation .section-heading { color: #173F7D; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; line-height: 19px; padding-bottom: 6px; }
        .main-navigation li + .section-heading { margin-top: 16px; }
        .main-navigation .main-link:hover .subnav { opacity: 1; transform: translateY(0); transition: visibility 0s linear 0.25s, opacity 300ms 0.25s; visibility: visible; }
        .main-navigation .main-link:focus-within .subnav { opacity: 1; transform: translateY(0); transition: visibility 0s linear 0s, opacity 300ms; visibility: visible; }
}

@media (min-width: 992px) {
    .sm-screen-display { display: none; }
}

@media (max-width: 991px) {
    .hero { overflow-x: hidden; }
}

@media (min-width: 992px) {
    .hero { background-color: #2256B3; }
}

@media (max-width: 991px) {
    .hero .container { max-width: none;margin-top:43px; }
}

@media (max-width: 991px) {
    .hero .row { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
}

.hero .text { background-color: #2256B3; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 32px 16px; }

@media (min-width: 600px) and (max-width: 991px) {
    .hero .text { padding: 32px calc(5% + 15px); }
}

@media (max-width: 991px) {
    .hero .text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero .text { position: relative; }
}

@media (min-width: 992px) {
    .hero .text { background-color: transparent; padding: 0 15px; }
}

.hero picture { display: block; }

@media (max-width: 599px) {
    .hero picture { height: 240px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero picture { height: 100%; }
}

@media (max-width: 991px) {
    .hero .image { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 !important; max-width: 100%; }
}

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

@media (max-width: 599px) {
    .hero .image img { height: 100%; -o-object-fit: cover; object-fit: cover; }
    .page-homepage .hero .image img { -o-object-position: top; object-position: top; }
}

@media (max-width: 991px) {
    .hero .image img { max-width: none; width: 100%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero .image img { height: 100%; -o-object-fit: cover; object-fit: cover; }
}

.hero h2 { font-family: "Raleway", sans-serif; font-size: 24px; font-weight: 400; line-height: 36px; margin-bottom: 0; }

@media (min-width: 600px) {
    .hero h2 { margin-bottom: 10px; }
}

.hero .page-title { font-family: "Raleway", sans-serif; font-size: 32px; font-weight: 700; line-height: 48px; margin-bottom: 10px; }

@media (min-width: 600px) {
    .hero .page-title { font-size: 48px; line-height: 52px; }
}

.hero h2.page-title { font-family: "Raleway", sans-serif; font-size: 26px; line-height: 36px; margin-bottom: 15px; }

@media (min-width: 768px) {
    .hero h2.page-title { font-size: 34px; line-height: 44px; margin-bottom: 24px; }
}

.hero .introduction p { font-size: 16px; line-height: 24px; margin-bottom: 0; }
    .hero .introduction p + p { margin-top: 24px; }

.homepage-hero .btn-primary { margin-top: 16px; }

@media (min-width: 600px) {
    .homepage-hero .btn-primary { margin-top: 33px; width: auto; }
}

@media (min-width: 992px) {
    .homepage-hero { margin: 72px 0 82px; padding: 24px 0; }
        .homepage-hero .image { margin: -80px 0 -92px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .marketing-hero, .interior-hero { margin-bottom: 32px; }
}

@media (min-width: 992px) {
    .marketing-hero, .interior-hero { margin: 191px 0 82px; padding: 24px 0; }
        .marketing-hero .image, .interior-hero .imaeg { margin: -74px 0; }
}

.homepage-secondary-content { overflow-x: hidden; }
    .homepage-secondary-content h2 { color: #173F7D; font-family: "Raleway", sans-serif; font-size: 20px; font-weight: 700; line-height: 1.4; margin-bottom: 16px; text-align: center; }

@media (min-width: 600px) {
    .homepage-secondary-content h2 { font-size: 28px; margin-bottom: 18px; }
}

@media (max-width: 599px) {
    .homepage-secondary-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
}

.homepage-featured-message { text-align: center; padding-bottom: 48px; }

@media (min-width: 600px) {
    .homepage-featured-message { padding-top: 112px; padding-bottom: 112px; }
}

.homepage-featured-message p { font-size: 16px; line-height: 24px; }

@media (min-width: 600px) {
    .homepage-featured-message p { font-size: 18px; line-height: 29px; }
}

.home-testimonials { margin-bottom: 48px; }

@media (min-width: 600px) {
    .home-testimonials { margin-bottom: 104px; }
}

.testimonial-card { margin-top: 24px; }

@media (min-width: 992px) {
    .testimonial-card { margin-top: 0; }
}

h2 + .testimonial-card { margin-top: 0; }
.testimonial-card .wrapper { background-color: #fff; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08); height: 100%; padding: 18px 24px 22px; position: relative; }
    .testimonial-card .wrapper::after { background-color: #3675B5; bottom: 0; content: ""; height: 4px; position: absolute; left: 16px; right: 16px; }
.testimonial-card header { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin-bottom: 16px; }
.testimonial-card figure { border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; height: 88px; overflow: hidden; margin: 0 16px 0 0; width: 88px; }
    .testimonial-card figure img { display: block; height: 88px; width: 88px; }
.testimonial-card .copy { color: #173F7D; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 500; line-height: 23px; }
.testimonial-card h3 { font-size: inherit; font-weight: 700; line-height: inherit; margin-bottom: 0; }
.testimonial-card p { margin-bottom: 0; }
.testimonial-card blockquote { font-size: 16px; line-height: 24px; padding-left: 32px; position: relative; }
    .testimonial-card blockquote::before { background: url(../img/left-quote.svg) no-repeat; background-size: 18px 15px; content: ""; height: 15px; position: absolute; top: 0; left: 0; width: 18px; }

@media (min-width: 576px) and (max-width: 991px) {
    h2 + .testimonial-card blockquote { margin-left: 104px; }
}

.homepage-video { margin-bottom: 46px; -ms-flex-order: -1; order: -1; padding-top: 48px; }

@media (min-width: 600px) {
    .homepage-video { margin-bottom: 112px; padding-top: 0; }
}

.homepage-video .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
    .homepage-video .video iframe,
    .homepage-video .video object,
    .homepage-video .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.homepage-how-we-can-help { background-color: #2256B3; color: #fff; padding: 24px 0 32px; }

@media (min-width: 600px) {
    .homepage-how-we-can-help { padding: 48px 0 88px; }
}

@media (max-width: 991px) {
    .homepage-how-we-can-help .container { max-width: 100%; padding-left: 0; padding-right: 0; }
}

.homepage-how-we-can-help h2 { color: currentColor; margin-bottom: 32px; }

.homepage-help-listing { overflow-x: scroll; padding-left: 56px; }

@media (min-width: 992px) {
    .homepage-help-listing { overflow-x: hidden; padding-left: 0; }
}

.homepage-help-listing .row { -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 599px) {
    .homepage-help-listing .row { width: 263.884vw; }
    .homepage-help-listing .help-item { padding: 0; width: 55.555vw; }
}

@media (min-width: 600px) and (max-width: 991px) {
    .homepage-help-listing .row { width: 1230px; }
    .homepage-help-listing .help-item { width: 290px; }
}

.homepage-help-listing .help-item .wrapper { color: currentColor; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; text-decoration: none; }

@media (hover: hover) {
    .homepage-help-listing .help-item .wrapper { padding: 15px; transition: 0.4s background ease-out; }
        .homepage-help-listing .help-item .wrapper:hover { background-color: rgba(0, 0, 0, 0.2); }
            .homepage-help-listing .help-item .wrapper:hover .btn-primary { background-color: #00D04A; }
}

.homepage-help-listing .help-item h3 { font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 24px; text-align: center; }
    .homepage-help-listing .help-item h3 br { display: none; }

@media (min-width: 600px) {
    .homepage-help-listing .help-item h3 { font-size: 22px; line-height: 24px; margin-bottom: 33px; }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .homepage-help-listing .help-item h3 { height: 48px; }
        .homepage-help-listing .help-item h3 br { display: block; }
}

.homepage-help-listing .help-item p { font-size: 15px; line-height: 23px; }

@media (min-width: 600px) {
    .homepage-help-listing .help-item p { font-size: 16px; line-height: 23px; }
}

.homepage-help-listing .help-item figure { margin-left: auto; margin-right: auto; margin-bottom: 18px; }

@media (min-width: 600px) {
    .homepage-help-listing .help-item figure { margin-bottom: 39px; }
}

.homepage-help-listing .help-item img { height: auto; max-width: 100%; }
.homepage-help-listing .help-item .btn-primary { height: 36px; line-height: 36px; margin: auto auto 0; padding: 0; text-align: center; width: 140px; }
.homepage-help-listing .help-item:nth-child(1) figure { width: 66.53%; }
.homepage-help-listing .help-item:nth-child(2) figure { width: 79.23%; }
.homepage-help-listing .help-item:nth-child(3) figure { width: 81.153%; }
.homepage-help-listing .help-item:nth-child(4) figure { width: 36.538%; }

.homepage-digital-story { padding-bottom: 48px; padding-top: 48px; position: relative; background: url(../img/digital-story.svg) no-repeat center; background-size: 599px 201px; background-position: center 114px; }

@media (min-width: 600px) {
    .homepage-digital-story { background-size: 1600px 529px; background-position: center 110px; padding-top: 109px; padding-bottom: 109px; }
        .homepage-digital-story .container { max-width: none; }
}

@media (min-width: 1601px) {
    .homepage-digital-story::before { background-color: #2486B3; content: ""; height: 5px; position: absolute; top: 422px; left: 0; right: 50%; margin-right: 799px; }
    .homepage-digital-story::after { background-color: #2486B3; content: ""; height: 5px; position: absolute; top: 422px; right: 0; left: 50%; margin-left: 799px; }
}

.homepage-digital-story h2 { margin-bottom: 225px; }

@media (min-width: 600px) {
    .homepage-digital-story h2 { margin-bottom: 430px; margin-left: auto; margin-right: auto; max-width: 19ch; }
}

@media (min-width: 620px) {
    .homepage-digital-story h2 { max-width: none; margin-bottom: 448px; }
}

@media (min-width: 600px) {
    .homepage-digital-story .hp-digital-story-text { left: 50%; position: relative; margin-left: -52px; width: 314px; }
}

@media (min-width: 740px) {
    .homepage-digital-story .hp-digital-story-text { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 576px; margin-left: -226px; }
}

.homepage-digital-story p { margin-bottom: 0; }
.homepage-digital-story .btn-primary { margin-top: 24px; }

@media (min-width: 740px) {
    .homepage-digital-story .btn-primary { width: auto; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; padding: 0; width: 238px; }
}

.home-highlights { color: #fff; margin-bottom: 48px; }

@media (min-width: 600px) {
    .home-highlights { margin-bottom: 112px; }
}

.home-highlights h2 { color: inherit; text-align: left; }

.highlight-card .wrapper { background-color: #3675B5; height: 100%; padding: 26px 24px; }
/*.highlight-card:not(:first-child) { margin-top: 16px; }*/
.highlight-card a {color:#fff; }

@media (min-width: 600PX) {
    .highlight-card:nth-child(2) { margin-top: 0; }
}

@media (min-width: 992px) {
    .highlight-card:nth-child(3) { margin-top: 0; }
}

.highlight-card article h3 { font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 8px; }

@media (min-width: 992px) {
    .highlight-card article h3 { font-size: 22px; line-height: 28px; margin-bottom: 16px; }
}

.highlight-card article p { font-size: 15px; line-height: 23px; margin-bottom: 0; }

@media (min-width: 992px) {
    .highlight-card article p { font-size: 16px; }
}

.highlight-card form ol { list-style-type: none; margin: 0; padding: 0; }
.highlight-card form li:not(:first-child) { margin-top: 16px; }
.highlight-card form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../img/select-arrow-icon.svg) no-repeat right 16px center; border: 0; border-radius: 5px; color: #173F7D; font-size: 14px; line-height: 48px; height: 48px; outline: 0; padding: 0 16px; width: 100%; }
    .highlight-card form select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
.highlight-card form input[type=text] { background-color: #fff; border: 0; border-radius: 5px; color: #173F7D; font-size: 14px; line-height: 48px; height: 48px; padding: 0 16px; width: 100%; }
.highlight-card .event-listing { list-style-type: none; margin: 0; padding: 0; }
    .highlight-card .event-listing li:not(:first-child) { margin-top: 16px; }
    .highlight-card .event-listing h4 { font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 0; }
    .highlight-card .event-listing p { font-size: 16px; line-height: 26px; margin-bottom: 0; }

.homepage-peo-insider { background-color: #F7F7F7; margin-bottom: 36px; padding-top: 24px; padding-bottom: 24px; }

@media (min-width: 600px) {
    .homepage-peo-insider { padding-top: 48px; padding-bottom: 48px; }
}

@media (min-width: 768px) {
    .homepage-peo-insider .container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; }
}

.homepage-peo-insider ol { list-style-type: none; margin: 0; padding: 0; }
    .homepage-peo-insider ol li:not(:first-child) { margin-top: 16px; }

@media (min-width: 768px) {
    .homepage-peo-insider .ctas { padding-right: 0; }
}

.homepage-peo-insider .btn-white { background-color: #fff; border: 1px solid #173F7D; border-radius: 0; color: #173F7D; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; line-height: 64px; height: 64px; padding: 0; transition: 0.4s ease-out; width: 100%; }
    .homepage-peo-insider .btn-white:hover { background-color: #007027; border-color: #007027; color: #fff; }

.hp-latest-issue { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; }

@media (min-width: 768px) {
    .hp-latest-issue { padding-left: 0; }
}

.hp-latest-issue figure { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 16px; width: 29%; }

@media (min-width: 992px) {
    .hp-latest-issue figure { margin-right: 48px; width: 235px; }
}

.hp-latest-issue figure img { width: 100%; }
.hp-latest-issue .text h3, .hp-latest-issue .text h4 { color: #173F7D; font-family: "Raleway", sans-serif; font-size: 18px; line-height: 27px; margin-bottom: 0; }

@media (min-width: 992px) {
    .hp-latest-issue .text h3, .hp-latest-issue .text h4 { font-size: 22px; line-height: 28px; }
}

.hp-latest-issue .text h3 { font-weight: 700; text-transform: uppercase; }

@media (min-width: 992px) {
    .hp-latest-issue .text h3 { font-size: 30px; line-height: 34px; }
}

.hp-latest-issue .text h4 { font-weight: 600; margin-bottom: 8px; }

@media (min-width: 768px) {
    .hp-latest-issue .text h4 { margin-bottom: 16px; }
}

.hp-latest-issue .text p { font-size: 15px; line-height: 23px; margin-bottom: 16px; }

@media (min-width: 768px) {
    .hp-latest-issue .text p { font-size: 16px; }
}

.hp-latest-issue .text .btn-primary { width: 178px; }

.marketing-resources-secondary-content .section-title, .interior-secondary-content .section-title { color: #173F7D; font-family: Raleway; font-size: 32px; font-weight: 700; line-height: 48px; }
.marketing-resources-secondary-content .section-title.second, .interior-secondary-content .section-title.second { padding-top:56px;padding-bottom:50px; }

.available-for-download-section { position: relative; }
.available-for-download-section .section-title { margin-bottom: 48px; padding-top: 49px; position: relative; }

@media (min-width: 768px) {
    .available-for-download-section .section-title::after { background-color: #979797; content: ""; height: 1px; left: 0; position: absolute; top: 0; left: 15px; right: 15px; }
}

.pagination li { list-style-type: none; float: left; width: 40px; height: 40px; line-height: 40px; border: 1px solid #FFF; background-color: cadetblue; color: #FFF; text-align: center; cursor: pointer; margin: 0 5px; }

    .pagination li:hover { background-color: #fff; border: 1px solid #000; color: #000 }

.pagination ul { border: 0; padding: 0; }

.pagination .active { background-color: #fff !important; border: 1px solid #000 !important; color: #000 !important; }

#available-for-download-listing .listing-card { padding-bottom: 15px; }
    #available-for-download-listing .listing-card a { color: currentColor; display: block; height: 100%; text-decoration: none; }
        #available-for-download-listing .listing-card a:hover { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.2); }
    #available-for-download-listing .listing-card.hide { display: none; }
.filterable-widget .card-category { color: #fff; font-size: 11px; font-weight: 700; line-height: 32px; margin: 0; padding: 0 8px; text-transform: uppercase; }
.filterable-widget .white-papers-key-findings .card-category { background-color: #1ABC9C; }
.filterable-widget .infographics-fact-sheets .card-category { background-color: #F1C40F; }
.filterable-widget .napeo-member-logos .card-category { background-color: #E67E22; }
.filterable-widget .napeo-associate-member-logos .card-category { background-color: #C572E7; }
.filterable-widget .videos .card-category { background-color: #a42a2a; }
.filterable-widget .market-research .card-category { background-color: #4998e2; }
.filterable-widget .social-media-content-graphics .card-category { background-color: #F1C40F; }
.filterable-widget .banner-ads .card-category { background-color: #E67E22; }
.filterable-widget .radio-voiceovers .card-category { background-color: #C572E7; }
.filterable-widget .newspaper-ads .card-category { background-color: #a42a2a; }
.filterable-widget .presentations-op-eds .card-category { background-color: #4998e2; }
.filterable-widget .launch-guide .card-category { background-color: #1ABC9C; }
.filterable-widget .animated-videos .card-category { background-color: #E6143A; }
.filterable-widget .live-action-videos .card-category { background-color: #147C9F; }
.filterable-widget .social-media-ads .card-category { background-color:#5103E1; }
.filterable-widget .social-media-posts .card-category { background-color: #B13FDE; }

/* add additional download filter colors here */
#available-for-download-listing figure { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); margin-bottom: 12px; }
    #available-for-download-listing figure img { height: auto; width: 100%; }
#available-for-download-listing .card-teaser { padding: 0 6px; }
    #available-for-download-listing .card-teaser h5 { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 4px; }
    #available-for-download-listing .card-teaser p { font-size: 16px; line-height: 24px; }

.available-for-download-filters { -ms-flex-item-align: start; align-self: flex-start; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
    .available-for-download-filters { position: -webkit-sticky; position: sticky; top: 119px; }
}

@media (max-width: 767px) {
    .available-for-download-filters { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .available-for-download-filters { top: 48px; }
    }
}

.available-for-download-filters ol { list-style-type: none; margin: 0; padding: 0 15px; }
.available-for-download-filters li { cursor: pointer; font-size: 16px; line-height: 19px; text-transform: uppercase; }
    .available-for-download-filters li:not(:first-child) { margin-top: 19px; }
.available-for-download-filters .active { font-weight: 700; }
.available-for-download-filters [data-category=white-papers-key-findings] { color: #1ABC9C; }
.available-for-download-filters [data-category=infographics-fact-sheets] { color: #F1C40F; }
.available-for-download-filters [data-category=napeo-member-logos] { color: #E67E22; }
.available-for-download-filters [data-category=napeo-associate-member-logos] { color: #C572E7; }
.available-for-download-filters [data-category=videos] { color: #a42a2a; }
.available-for-download-filters [data-category=market-research] { color: #4998e2; }
.available-for-download-filters [data-category=social-media-content-graphics] { color: #F1C40F; }
.available-for-download-filters [data-category=banner-ads] { color: #E67E22; }
.available-for-download-filters [data-category=radio-voiceovers] { color: #C572E7; }
.available-for-download-filters [data-category=newspaper-ads] { color: #a42a2a; }
.available-for-download-filters [data-category=presentations-op-eds] { color: #4998e2; }
.available-for-download-filters [data-category=launch-guide] { color: #1ABC9C; }
.available-for-download-filters [data-category=animated-videos] { color:#E6143A; }
.available-for-download-filters [data-category=live-action-videos] { color:#147C9F; }
.available-for-download-filters [data-category=social-media-ads] { color:#5103E1; }
.available-for-download-filters [data-category=social-media-posts] { color:#B13FDE; }


.download-push-listing .heading-row,
.marketing-napeo-store-header { margin-bottom: 30px; margin-top: 65px; padding-top: 47px; position: relative; }
    .download-push-listing .heading-row::after,
    .marketing-napeo-store-header::after { background-color: #979797; content: ""; height: 1px; left: 0; position: absolute; top: 0; left: 0; right: 0; }

.marketing-napeo-store-listing { margin-bottom: 40px; }
    .marketing-napeo-store-listing a { cursor:pointer; color: currentColor; display: block; height: 100%; text-decoration: none; }
        .marketing-napeo-store-listing a:hover { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.2); }
    .marketing-napeo-store-listing .listing-card { padding-bottom: 15px; }
    .marketing-napeo-store-listing figure img { height: auto; width: 100%; }
    .marketing-napeo-store-listing .card-teaser { padding: 0 6px; }
        .marketing-napeo-store-listing .card-teaser h5 { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 4px; }
        .marketing-napeo-store-listing .card-teaser p { font-size: 16px; line-height: 24px; }

[role=contentinfo] { background-color: #173F7D; color: #fff; font-family: "Raleway", sans-serif; padding: 52px 0 32px; }
    [role=contentinfo] .row:last-child { margin-top: 3rem; }

@media (min-width: 1200px) {
    [role=contentinfo] .row:last-child { margin-top: 78px; }
}

[role=contentinfo] a { color: #fff; }
    [role=contentinfo] a:hover { font-weight: 500; text-decoration: none; }
[role=contentinfo] h5 { font-size: 15px; font-weight: 700; line-height: 19px; }
[role=contentinfo] ol { list-style-type: none; margin: 0; padding: 0; }
[role=contentinfo] li { color: #414141; font-size: 15px; line-height: 19px; margin-top: 16px; }
[role=contentinfo] .btn { border-radius: 20px; color: #414141; font-family: "Raleway", sans-serif; font-size: 14px; font-weight: 700; height: 40px; line-height: 38px; padding: 0; text-align: center; text-decoration: none; max-width: 200px; width: 100%; }
    [role=contentinfo] .btn:hover { font-weight: 700; }
    [role=contentinfo] .btn svg { display: inline-block; margin-left: 8px; margin-top: -2px; vertical-align: inherit; }
        [role=contentinfo] .btn svg path { transition: 0.4s ease-out; }
[role=contentinfo] .btn-white { background-color: #fff; transition: 0.4s ease-out; }
    [role=contentinfo] .btn-white:hover { background-color: #007027; color: #fff; }
        [role=contentinfo] .btn-white:hover svg path { stroke: #fff; }
[role=contentinfo] .btn-yellow { background-color: #EBB515; transition: 0.4s ease-out; }
    [role=contentinfo] .btn-yellow:hover { background-color: #D69400; }

.footer-links ol { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: start; margin-left: auto; margin-right: auto; width: 275px; }
.footer-copyright { margin-left: -55px; }
.footer-copyright p { font-size: 12px; }
@media (max-width: 767px) {
    .footer-copyright { margin-left: auto; }  .footer-copyright p { margin-top: 3rem; padding-left: 55px;}
}
@media (min-width: 576px) {
    .footer-links ol { margin-left: 0; margin-right: 0; width: auto; }
}

.footer-links li { font-size: 12px; margin-top: 0; padding-right:70px; }

.social-links ol { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3rem; margin-left: auto; margin-right: auto; padding: 0 15px; width: 275px; }

@media (min-width: 576px) {
    .social-links ol { margin-top: 0; margin-left: 0; margin-right: 0; width: auto; }
}

[role=banner] .social-links { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 194px; }
.social-links li { margin: 0; }
.social-links a { background: url(../img/social-links-lg.png) no-repeat; background-size: 172px 22px; display: block; height: 24px; overflow: hidden; text-indent: -999em; transition: opacity 0.4s ease-out; width: 24px; }
    .social-links a:hover { opacity: 0.75; }
[role=banner] .social-links a { background-size: 172px 22px; height: 44px; width: 44px; }
.social-links .facebook a { background-position: 6px 0px; }
[role=banner] .social-links .facebook a { background-position: 15px 11px; }
.social-links .twitter a { background-position: -45px 1px; }
[role=banner] .social-links .twitter a { background-position: -36px 12px; }
.social-links .linkedin a { background-position: -96px 1px; }
[role=banner] .social-links .linkedin a { background-position: -87px 12px; }
.social-links .youtube a { background-position: -147px 2px; width: 26px; }
[role=banner] .social-links .youtube a { background-position: -138px 13px; width: 44px; }

.member-btns li { margin-top: 0; }

@media (max-width: 449px) {
    .member-btns { margin-left: auto !important; margin-right: auto !important; width: 185px; }
        .member-btns li:last-child { margin-top: 16px; }
}

@media (min-width: 450px) and (max-width: 991px) {
    .member-btns { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; }
        .member-btns .btn { width: 185px; }
        .member-btns li:last-child { margin-left: 50px; }
}

@media (min-width: 970px) {
    .member-btns li:last-child { margin-top: 16px; }
}

#login .is-logged-in { display: block; padding-top: 11px; line-height: .75em; font-size: .85em }

#modal-overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; }

    #login-modal h2 { background-color: #2256B3; color: white; font-size: 24px; line-height: 54px; height: 54px; margin: 0; padding: 0 12px; }
    #login-modal ol { list-style-type: none; margin: 24px 0; padding: 0 12px; }
    #login-modal li:nth-child(2) { margin-top: 12px; }
    #login-modal input { border: 1px solid #173F7D; font-size: 16px; line-height: 36px; height: 36px; padding: 0 6px; width: 100%; }
#login-modal .btn-primary, #store-modal .btn-primary { background-color: #007027; border: 0; border-radius: 0; color: #fff; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; padding: 0 15px; text-align: center; width: 100px; }
    #login-modal .btn-primary:hover, #login-modal .btn-primary:focus, #store-modal .btn-primary:hover, #store-modal .btn-primary:focus { background-color: #00D04A; }
#login-modal .btn-white, #store-modal .btn-white { background-color: #fff; border: 1px solid #173F7D; border-radius: 0; color: #173F7D; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; line-height: 42px; height: 42px; padding: 0 15px; transition: 0.4s ease-out; width: 100px; }
#store-modal .btn-white { width:200px; }
    #login-modal .btn-white:hover, #store-modal .btn-white:hover { background-color: #007027; border-color: #007027; color: #fff; }

#close-modal { color: white; font-size: 36px;}

.link-red-button a { display:inline-block; background-color: #C42938; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
    .link-red-button a:hover { background-color: #b12533; }
.link-blue-button a { display: inline-block; background-color: #2256B3; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
    .link-blue-button a:hover { background-color: #1c4590; }
.link-green-button a { display: inline-block; background-color: #007027; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; height: 48px; line-height: 48px; padding: 0 20px; position: relative; text-decoration: none; }
    .link-green-button a:hover { background-color: #007d2d; }

.sfPageContainer header { position: relative; }
.sfPageContainer .search-container { visibility: visible; opacity: 100; position: relative; top: 66px; width: 250px; left: 950px; }
div#tracking-consent-dialog {
    position: fixed !important;
    bottom: 0;
    width: 100%;
}
button#tracking-consent-dialog-reject {
    display: none;
}
a {
    color: #0071EB;
}