@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Open+Sans+Condensed:300");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */

.messages {
    margin-bottom: 1em;
    padding: 20px;
    word-wrap: break-word;
    color: inherit;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    text-align: right;
    background-position: right 10px top 17px;
}

.messages+.messages {
    margin-top: 1.538em;
}

.messages__content {
    padding-left: 24px;
    background: no-repeat 0 center;
}

[dir=rtl] .messages__content {
    padding-right: 24px;
    padding-left: 0;
    background-position: right;
}

.messages--status {
    border: 1px solid #cbdebc;
    background-color: #e6eee0;
}

.messages--status .messages__content {
    background-image: url(/core/misc/icons/73b355/check.svg);
}

.messages--warning {
    border: 1px solid #fae2a4;
    background-color: #fcf1d4;
}

.messages--warning .messages__content {
    background-image: url(/core/misc/icons/e29700/warning.svg);
}

.messages--error {
    border: 1px solid #f8c8d5;
    background-color: #f9e6eb;
}

.messages--error .messages__content {
    background-image: url(/core/misc/icons/e32700/error.svg);
}

.messages--error .error {
    color: inherit;
}

.messages a {
    color: #cc2a00;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item+.messages__item {
    margin-top: 0.769em;
}

.mk-form h1,
.marketo-form h1 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 65px;
    font-weight: 400;
    line-height: 0.95;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: -1.3px;
}

.page-ja .mk-form h1,
.mk-form .page-ja h1,
.page-ja .marketo-form h1,
.marketo-form .page-ja h1 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h1,
.mk-form .page-kr h1,
.page-kr .marketo-form h1,
.marketo-form .page-kr h1 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h1,
    .marketo-form h1 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h1,
    .marketo-form h1 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: -1px;
    }
}

@media (max-width:480px) {
    .mk-form h1,
    .marketo-form h1 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.96px;
    }
}

.mk-form h2,
.marketo-form h2 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.96px;
}

.page-ja .mk-form h2,
.mk-form .page-ja h2,
.page-ja .marketo-form h2,
.marketo-form .page-ja h2 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h2,
.mk-form .page-kr h2,
.page-kr .marketo-form h2,
.marketo-form .page-kr h2 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h2,
    .marketo-form h2 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h2,
    .marketo-form h2 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.75px;
    }
}

@media (max-width:480px) {
    .mk-form h2,
    .marketo-form h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.56px;
    }
}

.mk-form h3,
.marketo-form h3 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.36px;
}

.page-ja .mk-form h3,
.mk-form .page-ja h3,
.page-ja .marketo-form h3,
.marketo-form .page-ja h3 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h3,
.mk-form .page-kr h3,
.page-kr .marketo-form h3,
.marketo-form .page-kr h3 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h3,
    .marketo-form h3 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h3,
    .marketo-form h3 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .mk-form h3,
    .marketo-form h3 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.13px;
    }
}

.mk-form h4,
.marketo-form h4 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.14px;
}

.page-ja .mk-form h4,
.mk-form .page-ja h4,
.page-ja .marketo-form h4,
.marketo-form .page-ja h4 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h4,
.mk-form .page-kr h4,
.page-kr .marketo-form h4,
.marketo-form .page-kr h4 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h4,
    .marketo-form h4 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h4,
    .marketo-form h4 {
        font-size: 24px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }
}

@media (max-width:480px) {
    .mk-form h4,
    .marketo-form h4 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -1px;
    }
}

.mk-form h5,
.marketo-form h5 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 0.3125rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .mk-form h5,
.mk-form .page-ja h5,
.page-ja .marketo-form h5,
.marketo-form .page-ja h5 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h5,
.mk-form .page-kr h5,
.page-kr .marketo-form h5,
.marketo-form .page-kr h5 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h5,
    .marketo-form h5 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h5,
    .marketo-form h5 {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .mk-form h5,
    .marketo-form h5 {
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.mk-form h6,
.marketo-form h6 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.4375rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .mk-form h6,
.mk-form .page-ja h6,
.page-ja .marketo-form h6,
.marketo-form .page-ja h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form h6,
.mk-form .page-kr h6,
.page-kr .marketo-form h6,
.marketo-form .page-kr h6 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form h6,
    .marketo-form h6 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .mk-form h6,
    .marketo-form h6 {
        font-size: 17px;
        line-height: 1.1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .mk-form h6,
    .marketo-form h6 {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.mk-form p,
.marketo-form p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 400;
}

.page-ja .mk-form p,
.mk-form .page-ja p,
.page-ja .marketo-form p,
.marketo-form .page-ja p {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form p,
.mk-form .page-kr p,
.page-kr .marketo-form p,
.marketo-form .page-kr p {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form p,
    .marketo-form p {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .mk-form p,
    .marketo-form p {
        font-size: 16px;
    }
}

.mk-form ul:not([class^='contextual-links']),
.marketo-form ul:not([class^='contextual-links']) {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.mk-form ul:not([class^='contextual-links']) li,
.marketo-form ul:not([class^='contextual-links']) li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .mk-form ul:not([class^='contextual-links']) li,
.mk-form .page-ja ul:not([class^='contextual-links']) li,
.page-ja .marketo-form ul:not([class^='contextual-links']) li,
.marketo-form .page-ja ul:not([class^='contextual-links']) li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form ul:not([class^='contextual-links']) li,
.mk-form .page-kr ul:not([class^='contextual-links']) li,
.page-kr .marketo-form ul:not([class^='contextual-links']) li,
.marketo-form .page-kr ul:not([class^='contextual-links']) li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form ul:not([class^='contextual-links']) li,
    .marketo-form ul:not([class^='contextual-links']) li {
        font-family: 'Roboto';
    }
}

.mk-form ul:not([class^='contextual-links']) li:before,
.marketo-form ul:not([class^='contextual-links']) li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #009ADA !important;
}

.mk-form ol,
.marketo-form ol {
    list-style: none;
    counter-reset: item;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.mk-form ol li,
.marketo-form ol li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .mk-form ol li,
.mk-form .page-ja ol li,
.page-ja .marketo-form ol li,
.marketo-form .page-ja ol li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form ol li,
.mk-form .page-kr ol li,
.page-kr .marketo-form ol li,
.marketo-form .page-kr ol li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form ol li,
    .marketo-form ol li {
        font-family: 'Roboto';
    }
}

.mk-form ol li:before,
.marketo-form ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.mk-form .text-accent,
.marketo-form .text-accent {
    font-size: 15px;
    line-height: 1.5;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: var(--colour-gray-0, #fff);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 66px 15px 16px;
    background-color: #000;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: fit-content;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: none;
}

.page-ja .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton,
.mk-form__form .mktoButtonRow .mktoButtonWrap .page-ja button.mktoButton {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton,
.mk-form__form .mktoButtonRow .mktoButtonWrap .page-kr button.mktoButton {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
        font-family: 'Roboto';
    }
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton::before {
    display: none;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton::after {
    content: '';
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border-left: 1px solid #616161;
    margin-left: 16px;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 0;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:hover {
    border-color: #000;
    background-color: #fff;
    color: #000;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

@media (max-width:768px) {
    .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
        padding: 20px 56px 20px 16px;
    }
    .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton::after {
        width: 40px;
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    }
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
    background-color: #fff;
    border: 1px solid #919191;
    color: #000;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:hover {
    background-color: #000;
    color: #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.mk-form {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    padding: 20px;
    position: relative;
    min-height: 300px;
}

.v3-dark-bg .mk-form,
.v3-dark-bg-only .mk-form {
    color: #fff;
}

.mk-form a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
    padding: 0;
}

.page-ja .mk-form a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form a {
        font-family: 'Roboto';
    }
}

.mk-form a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .mk-form a,
.v3-dark-bg-only .mk-form a {
    color: #fff;
}

.v3-dark-bg .mk-form a:hover,
.v3-dark-bg-only .mk-form a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.v3-dark-bg .mk-form,
.v3-dark-bg-only .mk-form {
    color: #fff !important;
}

.v3-dark-bg .mk-form .mktoFormRow,
.v3-dark-bg-only .mk-form .mktoFormRow {
    color: #fff;
}

.mk-form:before {
    width: 100%;
    height: 100%;
    display: flex;
    content: url('/themes/custom/proofpoint/dist/app-drupal/assets/marketo-form-spinner.svg');
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    align-items: flex-start;
    justify-content: center;
}

.mk-form.js-loaded {
    min-height: 0;
}

.mk-form.js-loaded:before {
    display: none;
}

.mk-form.mk-form__load-fail {
    background-color: #f9f9f9;
    padding: 40px !important;
}

.mk-form.mk-form__load-fail:before {
    display: none;
}

.mk-form.mk-form__load-fail .mk-form__fail-message:before {
    content: '';
    display: block;
    height: 48px;
    width: 48px;
    position: absolute;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/marketo-form-fail-message.svg');
}

.mk-form.mk-form__load-fail .mk-form__fail-message p {
    padding-left: 65px;
}

.mk-form__form-container {
    width: 100%;
}

.mk-form__form-container form {
    display: none;
}

.mk-form__form-container form.js-visible {
    display: block;
}

.mk-form__success {
    display: none;
}

.mk-form__success.js-visible {
    display: block;
}

.mk-form--reverse .mk-form__content {
    order: 2;
    padding-right: 0;
    padding-left: 100px;
}

.mk-form--reverse .mk-form__form-container {
    order: 1;
}

@media (max-width:768px) {
    .mk-form {
        display: block;
    }
    .mk-form__content {
        width: 100%;
        padding-right: 0;
    }
    .mk-form--reverse .mk-form__content {
        order: 1;
        padding-left: 0;
    }
    .mk-form__form-container {
        width: 100%;
        margin-top: 40px;
    }
    .mk-form--reverse .mk-form__form-container {
        order: 2;
    }
}

.mk-form__form {
    width: 100% !important;
}

.mk-form__form .mktoOffset {
    width: 0 !important;
}

.mk-form__form.js-visible:before {
    display: none !important;
}

.mk-form__form .mktoGutter {
    display: none !important;
}

.mk-form__form.js-visible * {
    opacity: 1;
}

.mk-form__form *:focus {
    outline: none !important;
}

.mk-form__form .mktoFormCol,
.mk-form__form .mktoFieldWrap {
    width: 100%;
}

.mk-form__form .mktoTextField,
.mk-form__form .mktoTelField,
.mk-form__form .mktoEmailField {
    display: block;
    width: 100% !important;
    padding-left: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #009ADA !important;
    font-size: 18px !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.mk-form__form .mktoTextField::placeholder,
.mk-form__form .mktoTelField::placeholder,
.mk-form__form .mktoEmailField::placeholder {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif" !important;
    color: #009ADA !important;
}

.page-ja .mk-form__form .mktoTextField::placeholder,
.page-ja .mk-form__form .mktoTelField::placeholder,
.page-ja .mk-form__form .mktoEmailField::placeholder {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form__form .mktoTextField::placeholder,
.page-kr .mk-form__form .mktoTelField::placeholder,
.page-kr .mk-form__form .mktoEmailField::placeholder {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form__form .mktoTextField::placeholder,
    .mk-form__form .mktoTelField::placeholder,
    .mk-form__form .mktoEmailField::placeholder {
        font-family: 'Roboto';
    }
}

.v3-dark-bg .mk-form__form .mktoTextField,
.v3-dark-bg-only .mk-form__form .mktoTextField,
.v3-dark-bg .mk-form__form .mktoTelField,
.v3-dark-bg-only .mk-form__form .mktoTelField,
.v3-dark-bg .mk-form__form .mktoEmailField,
.v3-dark-bg-only .mk-form__form .mktoEmailField {
    border-color: #fff !important;
    color: #fff !important;
}

.v3-dark-bg .mk-form__form .mktoTextField::placeholder,
.v3-dark-bg-only .mk-form__form .mktoTextField::placeholder,
.v3-dark-bg .mk-form__form .mktoTelField::placeholder,
.v3-dark-bg-only .mk-form__form .mktoTelField::placeholder,
.v3-dark-bg .mk-form__form .mktoEmailField::placeholder,
.v3-dark-bg-only .mk-form__form .mktoEmailField::placeholder {
    color: #fff !important;
}

.mk-form__form textarea.mktoField {
    padding-left: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #009ADA !important;
    font-size: 18px !important;
    resize: vertical !important;
    width: 100% !important;
    height: 70px;
    padding-top: 11px !important;
    background-color: transparent !important;
    line-height: 1.2em;
}

.mk-form__form textarea.mktoField::placeholder {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif" !important;
    color: #009ADA !important;
}

.page-ja .mk-form__form textarea.mktoField::placeholder {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form__form textarea.mktoField::placeholder {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form__form textarea.mktoField::placeholder {
        font-family: 'Roboto';
    }
}

.v3-dark-bg .mk-form__form textarea.mktoField,
.v3-dark-bg-only .mk-form__form textarea.mktoField {
    border-color: #fff !important;
    color: #fff !important;
}

.v3-dark-bg .mk-form__form textarea.mktoField::placeholder,
.v3-dark-bg-only .mk-form__form textarea.mktoField::placeholder {
    color: #fff !important;
}

.mk-form__form textarea.mktoField[rows] {
    line-height: 1.2em;
}

.mk-form__form textarea.mktoField[rows='1'] {
    height: 48px;
}

.mk-form__form textarea.mktoField[rows='2'] {
    height: 70px;
}

.mk-form__form textarea.mktoField[rows='3'] {
    height: 90px;
}

.mk-form__form textarea.mktoField[rows='4'] {
    height: 112px;
}

.mk-form__form textarea.mktoField[rows='5'] {
    height: 135px;
}

.mk-form__form textarea.mktoField[rows='6'] {
    height: 155px;
}

.mk-form__form textarea.mktoField[rows='7'] {
    height: 175px;
}

.mk-form__form textarea.mktoField[rows='8'] {
    height: 195px;
}

.mk-form__form label {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif" !important;
    color: #009ADA !important;
    font-size: 18px;
    display: none;
}

.page-ja .mk-form__form label {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form__form label {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form__form label {
        font-family: 'Roboto';
    }
}

.mk-form__form .mktoForm .mktoFieldWrap input.mktoField[type='radio'] {
    width: 12px !important;
    height: 12px !important;
    border: 1px solid #009ADA !important;
}

.mk-form__form .mktoFieldWrap {
    position: relative;
}

.mk-form__form .mktoFieldWrap .mk-form__select {
    position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #009ADA;
}

.v3-dark-bg .mk-form__form .mktoFieldWrap .mk-form__select,
.v3-dark-bg-only .mk-form__form .mktoFieldWrap .mk-form__select {
    border-color: #fff;
    color: #fff;
}

.mk-form__form .mktoFieldWrap .mk-form__select label {
    display: block;
    background-color: transparent;
    position: absolute;
    top: 8px;
    padding-top: 0 !important;
    left: 0px;
    z-index: 2 !important;
    height: auto;
    width: 100% !important;
    text-align: left;
    pointer-events: none;
}

.v3-dark-bg .mk-form__form .mktoFieldWrap .mk-form__select label,
.v3-dark-bg-only .mk-form__form .mktoFieldWrap .mk-form__select label {
    color: #fff !important;
}

.mk-form__form .mktoFieldWrap .mk-form__select select.mktoField {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif" !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    padding-left: 0 !important;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    color: #009ADA !important;
    font-size: 18px !important;
    box-shadow: none !important;
    background-image: none;
}

.page-ja .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField {
        font-family: 'Roboto';
    }
}

.v3-dark-bg .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField,
.v3-dark-bg-only .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField {
    color: #fff !important;
}

.v3-dark-bg .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField option,
.v3-dark-bg-only .mk-form__form .mktoFieldWrap .mk-form__select select.mktoField option {
    color: #000 !important;
}

.mk-form__form .mktoFieldWrap .mk-form__select:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 3;
    top: calc(50% - 6px);
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #009ADA transparent transparent transparent;
}

.v3-dark-bg .mk-form__form .mktoFieldWrap .mk-form__select:after,
.v3-dark-bg-only .mk-form__form .mktoFieldWrap .mk-form__select:after {
    border-color: #fff transparent transparent transparent;
}

.mk-form__form .mktoRadioList {
    display: block;
    clear: both;
    width: 100% !important;
    text-align: left;
    padding: 0 !important;
}

.mk-form__form .mktoRadioList input.mktoField {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 16px !important;
    height: 16px !important;
    border-radius: 100%;
    border: 1px solid #009ADA;
    margin-right: 20px;
    position: relative;
    top: 0px;
    float: none !important;
    margin-bottom: 10px !important;
}

.mk-form__form .mktoRadioList input.mktoField+label {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 12px !important;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.mk-form__form .mktoRadioList input.mktoField:checked {
    background-color: #009ADA;
    box-shadow: inset 0 0 0 2px #fff;
}

.mk-form__form .mktoCheckboxList {
    display: inline-block;
    width: auto !important;
    vertical-align: middle;
    text-align: left;
    margin-top: 10px;
    padding: 0 !important;
    order: 1;
}

.mk-form__form .mktoCheckboxList input.mktoField {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid #009ADA;
    margin-right: 0;
    position: relative;
    top: 2px;
    float: none !important;
    margin-bottom: 0px;
    overflow: visible;
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.mk-form__form .mktoCheckboxList input.mktoField:checked {
    background-color: #009ADA;
    box-shadow: inset 0 0 0 2px #fff;
}

.mk-form__form .mktoCheckboxList input.mktoField:checked+label:before {
    top: 2px;
    left: 2px;
    width: 2px;
    height: 8px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.mk-form__form .mktoCheckboxList input.mktoField:checked+label:after {
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #009ADA;
    background-color: #009ADA;
    z-index: 0;
}

.mk-form__form .mktoCheckboxList input.mktoField+label {
    display: inline-block;
    width: 100%;
    padding-left: 2.5em;
    margin: 0 0 12px 0;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mk-form__form .mktoCheckboxList input.mktoField+label:before,
.mk-form__form .mktoCheckboxList input.mktoField+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 1px solid #009ADA;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
    z-index: 1;
}

.mk-form__form .mktoCheckboxList input.mktoField:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.mk-form__form .mktoCheckboxList input.mktoField:not(:checked)+label:after {
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 1px solid #009ADA;
    top: 0;
    z-index: 0;
}

.mk-form__form .mk-form__checkbox-field {
    display: flex;
    clear: both;
    text-align: left;
    justify-content: left;
    align-items: center;
}

.mk-form__form .mk-form__checkbox-label {
    width: calc(100% - 69px) !important;
    text-align: left;
    order: 2;
    margin-left: 0;
    padding-top: 0 !important;
    margin-right: 20px;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 0 !important;
    position: relative;
    top: 1px;
}

.mk-form__form .mktoHtmlText {
    width: 100% !important;
    text-align: left;
}

.mk-form__form .mktoButtonRow {
    margin-left: 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: none !important;
}

.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:active,
.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:hover,
.mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton:focus {
    background-image: none !important;
    background-color: #000 !important;
    color: #fff !important;
    border-color: #919191 !important;
}

.mk-form__form .mktoError {
    left: initial !important;
    right: initial !important;
}

.mktoForm .mktoButtonWrap.mktoLight {
    background: inherit !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.mktoForm .mktoButtonWrap.mktoLight .mktoButton {
    background: inherit !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: auto !important;
    font-weight: normal !important;
    line-height: 24px !important;
}

.mktoForm .mktoFieldWrap input[type='text'],
.mktoForm .mktoFieldWrap input[type='url'],
.mktoForm .mktoFieldWrap input[type='email'],
.mktoForm .mktoFieldWrap input[type='tel'],
.mktoForm .mktoFieldWrap input[type='number'],
.mktoForm .mktoFieldWrap input[type='date'] {
    height: 2.75rem;
    padding: 0.3125rem 0.9375rem;
    background-color: transparent;
}

.marketo-form {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 40px !important;
}

.v3-dark-bg .marketo-form,
.v3-dark-bg-only .marketo-form {
    color: #fff;
}

@media (max-width:1084px) {
    .marketo-form {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.marketo-form:not(:first-of-type) {
    margin-top: 40px;
}

.marketo-form:not(:last-of-type) {
    margin-bottom: 40px;
}

.marketo-form__content {
    width: 55%;
    padding-right: 100px;
}

.marketo-form__content a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
    padding: 0;
}

.page-ja .marketo-form__content a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .marketo-form__content a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .marketo-form__content a {
        font-family: 'Roboto';
    }
}

.marketo-form__content a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .marketo-form__content a,
.v3-dark-bg-only .marketo-form__content a {
    color: #fff;
}

.v3-dark-bg .marketo-form__content a:hover,
.v3-dark-bg-only .marketo-form__content a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.marketo-form__content img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.marketo-form__form-container {
    width: 45%;
}

.marketo-form__form-container .marketo-form__disclaimer {
    font-size: 12px;
    color: #999;
    margin: 25px 0;
    line-height: 1.4;
}

.v3-dark-bg .marketo-form__form-container .marketo-form__disclaimer,
.v3-dark-bg-only .marketo-form__form-container .marketo-form__disclaimer {
    color: #fff;
}

.marketo-form__form-container .mk-form {
    padding: 0;
}

.marketo-form__form-container .mk-form .mk-form__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
    margin-top: 20px;
}

.mk-form--reverse .marketo-form__content {
    order: 2;
    padding-right: 0;
    padding-left: 100px;
}

.mk-form--reverse .marketo-form__form-container {
    order: 1;
}

@media (max-width:768px) {
    .marketo-form {
        display: block;
    }
    .marketo-form__content {
        width: 100%;
        padding-right: 0;
    }
    .mk-form--reverse .marketo-form__content {
        order: 1;
        padding-left: 0;
    }
    .marketo-form__form-container {
        width: 100%;
        margin-top: 40px;
    }
    .mk-form--reverse .marketo-form__form-container {
        order: 2;
    }
}

.mktoRequiredField .mktoLabel {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 0;
    overflow: hidden;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

.legacy-components [class^='icon-']:before,
.legacy-components [class*=' icon-']:before,
.legacy-components .form-type-radio input+label:before,
.legacy-components .form-type-checkbox input+label:before,
.legacy-components .bootstrap-select .btn:after,
.legacy-components .expanded-menu__button:after,
.legacy-components .more-arrow-right:after,
.legacy-components .mega-menu__nav>li>.nolink:after,
.legacy-components .mega-menu__nav>li>a:after,
.legacy-components .related-links .item-list a:after,
.legacy-components .link--arrow-down:after,
.legacy-components .link--arrow-right:after,
.legacy-components .type__reports:before,
.legacy-components .short-extra__share:before,
.legacy-components .bootstrap-select>.dropdown-menu li.selected .check-mark:before,
.legacy-components .block-addthis__show-btn:before,
.legacy-components .block-addthis__hide-btn:before,
.legacy-components .block-addthis .addthis_default_style a.pp-rss:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook:before,
.legacy-components .box-chat__phone a:before,
.legacy-components .block-announcement:before,
.legacy-components .block-announcement__close:before,
.legacy-components .pager-first a:before,
.legacy-components .pager-previous a:before,
.legacy-components .pager-next a:before,
.legacy-components .pager-last a:before,
.legacy-components .form-banner__search .form-actions,
.legacy-components .form-banner__actions li a:before,
.legacy-components .form-banner__content__date .form-type-select .bootstrap-select .btn:before,
.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:before,
.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:after,
.legacy-components .form-rss__title:before,
.legacy-components .split-stats__right ul li:before,
.legacy-components .carousel-announcement__info span.date-display-start:before,
.legacy-components .search-box__close-button:before,
.legacy-components .search-box .form-actions:before,
.legacy-components .search-box__close-button,
.legacy-components .search-box .form-actions,
.legacy-components .short-nav__button:before,
.legacy-components .header__menu-button:before,
.legacy-components .header__nav__button:before,
.legacy-components .nav-footer ul a:before,
.legacy-components .search-results__time:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

.legacy-components .icon-angle-double-right:before,
.legacy-components .pager-last a:before {
    content: '\e927'
}

.legacy-components .icon-angle-double-left:before,
.legacy-components .pager-first a:before {
    content: '\e928'
}

.legacy-components .icon-minus:before {
    content: '\e901'
}

.legacy-components .icon-plus:before {
    content: '\e900'
}

.legacy-components .icon-quote:before {
    content: '\e90e'
}

.legacy-components .icon-caret-down:before {
    content: '\e90d'
}

.legacy-components .icon-files-empty:before {
    content: '\e90c'
}

.legacy-components .icon-menu:before {
    content: '\e90b'
}

.legacy-components .icon-price-tags:before {
    content: '\e906'
}

.legacy-components .icon-caret-up:before {
    content: '\e90a'
}

.legacy-components .icon-caret-right:before,
.legacy-components .block-addthis__hide-btn:before {
    content: '\e902'
}

.legacy-components .icon-caret-left:before,
.legacy-components .block-addthis__show-btn:before {
    content: '\e903'
}

.legacy-components .icon-check:before,
.legacy-components .form-type-radio input+label:before,
.legacy-components .form-type-checkbox input+label:before,
.legacy-components .bootstrap-select>.dropdown-menu li.selected .check-mark:before {
    content: '\e904'
}

.legacy-components .icon-search:before {
    content: '\f002'
}

.legacy-components .icon-envelope-o:before {
    content: '\f003'
}

.legacy-components .icon-film:before {
    content: '\f008'
}

.legacy-components .icon-clock-o:before {
    content: '\f017'
}

.legacy-components .icon-download:before {
    content: '\f019'
}

.legacy-components .icon-headphones:before {
    content: '\f025'
}

.legacy-components .icon-info-circle:before {
    content: '\f05a'
}

.legacy-components .icon-mail-forward:before,
.legacy-components .short-extra__share:before {
    content: '\f064'
}

.legacy-components .icon-exclamation-triangle:before {
    content: '\f071'
}

.legacy-components .icon-comment:before {
    content: '\f075'
}

.legacy-components .icon-shopping-cart:before {
    content: '\f07a'
}

.legacy-components .icon-bar-chart:before {
    content: '\f080'
}

.legacy-components .icon-cogs:before {
    content: '\f085'
}

.legacy-components .icon-comments:before {
    content: '\f086'
}

.legacy-components .icon-thumb-tack:before {
    content: '\f08d'
}

.legacy-components .icon-phone:before {
    content: '\f095'
}

.legacy-components .icon-twitter:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter:before {
    content: '\f099'
}

.legacy-components .icon-facebook:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook:before {
    content: '\f09a'
}

.legacy-components .icon-rss:before,
.legacy-components .block-addthis .addthis_default_style a.pp-rss:before,
.legacy-components .form-rss__title:before {
    content: '\f09e'
}

.legacy-components .icon-hdd-o:before {
    content: '\f0a0'
}

.legacy-components .icon-bullhorn:before,
.legacy-components .block-announcement:before {
    content: '\f0a1'
}

.legacy-components .icon-globe:before {
    content: '\f0ac'
}

.legacy-components .icon-wrench:before {
    content: '\f0ad'
}

.legacy-components .icon-briefcase:before {
    content: '\f0b1'
}

.legacy-components .icon-users:before {
    content: '\f0c0'
}

.legacy-components .icon-flask:before {
    content: '\f0c3'
}

.legacy-components .icon-paperclip:before {
    content: '\f0c6'
}

.legacy-components .icon-google-plus:before {
    content: '\f0d5'
}

.legacy-components .icon-envelope:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto:before {
    content: '\f0e0'
}

.legacy-components .icon-linkedin:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin:before {
    content: '\f0e1'
}

.legacy-components .icon-tachometer:before {
    content: '\f0e4'
}

.legacy-components .icon-comments-o:before {
    content: '\f0e6'
}

.legacy-components .icon-sitemap:before {
    content: '\f0e8'
}

.legacy-components .icon-umbrella:before {
    content: '\f0e9'
}

.legacy-components .icon-lightbulb-o:before {
    content: '\f0eb'
}

.legacy-components .icon-cloud-download:before {
    content: '\f0ed'
}

.legacy-components .icon-suitcase:before {
    content: '\f0f2'
}

.legacy-components .icon-file-text-o:before {
    content: '\f0f6'
}

.legacy-components .icon-angle-left:before,
.legacy-components .pager-previous a:before {
    content: '\f104'
}

.legacy-components .icon-angle-right:before,
.legacy-components .more-arrow-right:after,
.legacy-components .mega-menu__nav>li>.nolink:after,
.legacy-components .mega-menu__nav>li>a:after,
.legacy-components .related-links .item-list a:after,
.legacy-components .link--arrow-right:after,
.legacy-components .pager-next a:before,
.legacy-components .nav-footer ul a:before {
    content: '\f105'
}

.legacy-components .icon-angle-down:before,
.legacy-components .bootstrap-select .btn:after,
.legacy-components .expanded-menu__button:after,
.legacy-components .link--arrow-down:after,
.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:after {
    content: '\f107'
}

.legacy-components .icon-laptop:before {
    content: '\f109'
}

.legacy-components .icon-mobile:before {
    content: '\f10b'
}

.legacy-components .icon-folder-open-o:before {
    content: '\f115'
}

.legacy-components .icon-code:before {
    content: '\f121'
}

.legacy-components .icon-code-fork:before {
    content: '\f126'
}

.legacy-components .icon-puzzle-piece:before {
    content: '\f12e'
}

.legacy-components .icon-microphone:before {
    content: '\f130'
}

.legacy-components .icon-shield:before {
    content: '\f132'
}

.legacy-components .icon-unlock-alt:before {
    content: '\f13e'
}

.legacy-components .icon-usd:before {
    content: '\f155'
}

.legacy-components .icon-youtube:before {
    content: '\f167'
}

.legacy-components .icon-youtube-play:before {
    content: '\f16a'
}

.legacy-components .icon-apple:before {
    content: '\f179'
}

.legacy-components .icon-android:before {
    content: '\f17b'
}

.legacy-components .icon-university:before {
    content: '\f19c'
}

.legacy-components .icon-graduation-cap:before {
    content: '\f19d'
}

.legacy-components .icon-cubes:before {
    content: '\f1b3'
}

.legacy-components .icon-file-pdf-o:before {
    content: '\f1c1'
}

.legacy-components .icon-file-word-o:before {
    content: '\f1c2'
}

.legacy-components .icon-file-excel-o:before {
    content: '\f1c3'
}

.legacy-components .icon-file-archive-o:before {
    content: '\f1c6'
}

.legacy-components .icon-file-audio-o:before {
    content: '\f1c7'
}

.legacy-components .icon-file-video-o:before {
    content: '\f1c8'
}

.legacy-components .icon-file-code-o:before {
    content: '\f1c9'
}

.legacy-components .icon-life-ring:before {
    content: '\f1cd'
}

.legacy-components .icon-paper-plane-o:before {
    content: '\f1d9'
}

.legacy-components .icon-history:before {
    content: '\f1da'
}

.legacy-components .icon-sliders:before {
    content: '\f1de'
}

.legacy-components .icon-binoculars:before {
    content: '\f1e5'
}

.legacy-components .icon-at:before {
    content: '\f1fa'
}

.legacy-components .icon-pie-chart:before {
    content: '\f200'
}

.legacy-components .icon-line-chart:before {
    content: '\f201'
}

.legacy-components .icon-user-secret:before {
    content: '\f21b'
}

.legacy-components .icon-heartbeat:before {
    content: '\f21e'
}

.legacy-components .icon-server:before {
    content: '\f233'
}

.legacy-components .icon-balance-scale:before {
    content: '\f24e'
}

.legacy-components .icon-hourglass-half:before {
    content: '\f252'
}

.legacy-components .icon-calendar-check-o:before {
    content: '\f274'
}

.legacy-components .icon-industry:before {
    content: '\f275'
}

.legacy-components .icon-map-signs:before {
    content: '\f277'
}

.legacy-components .icon-map-o:before {
    content: '\f278'
}

.legacy-components .icon-commenting-o:before {
    content: '\f27b'
}

.legacy-components .icon-shopping-bag:before {
    content: '\f290'
}

.legacy-components .icon-question-circle-o:before {
    content: '\f29c'
}

.legacy-components .icon-hamburger-close-ppoint:before,
.legacy-components .search-box.show-search-box .search-box__close-button:before,
.show-short-nav .legacy-components .short-nav__button:before,
.show-menu>.legacy-components .header__nav__button:before,
.legacy-components .show-menu .header__menu-button:before {
    content: '\e907'
}

.legacy-components .icon-hamburger-ppoint:before,
.legacy-components .short-nav__button:before,
.legacy-components .header__menu-button:before,
.legacy-components .header__nav__button:before {
    content: '\e908'
}

.legacy-components .icon-search-ppoint:before,
.legacy-components .search-box__close-button:before,
.legacy-components .search-box .form-actions:before {
    content: '\e909'
}

.legacy-components .icon-close-ppoint:before,
.legacy-components .block-announcement__close:before {
    content: '\e905'
}

.legacy-components .icon-bullhorn-ppoint:before {
    content: '\e90f'
}

.legacy-components .icon-phone-ppoint:before,
.legacy-components .box-chat__phone a:before {
    content: '\e910'
}

.legacy-components .icon-clock-ppoint:before,
.legacy-components .search-results__time:before {
    content: '\e911'
}

.legacy-components .icon-announcement-ppoint:before {
    content: '\e912'
}

.legacy-components .icon-webinar-ppoint:before {
    content: '\e913'
}

.legacy-components .icon-event-ppoint:before {
    content: '\e914'
}

.legacy-components .icon-calendar-ppoint:before,
.legacy-components .form-banner__content__date .form-type-select .bootstrap-select .btn:before,
.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:before,
.legacy-components .carousel-announcement__info span.date-display-start:before {
    content: '\e915'
}

.legacy-components .icon-location-ppoint:before {
    content: '\e916'
}

.legacy-components .icon-stats-mobile-ppoint:before {
    content: '\e917'
}

.legacy-components .icon-stats-social-ppoint:before {
    content: '\e918'
}

.legacy-components .icon-stats-mail-ppoint:before {
    content: '\e919'
}

.legacy-components .icon-mail-ppoint-2:before {
    content: '\e91b'
}

.legacy-components .icon-demo-ppoint:before {
    content: '\e91c'
}

.legacy-components .icon-check-ppoint:before,
.legacy-components .split-stats__right ul li:before {
    content: '\e91a'
}

.legacy-components .icon-industry-video-ppoint:before,
.legacy-components .type--video:before {
    content: '\e91d'
}

.legacy-components .icon-industry-datasheet-ppoint:before,
.legacy-components .type--sheet:before {
    content: '\e91e'
}

.legacy-components .icon-industry-infographic-ppoint:before,
.legacy-components .type--fraphic:before {
    content: '\e91f'
}

.legacy-components .icon-industry-research-ppoint:before,
.legacy-components .type--research:before {
    content: '\e920'
}

.legacy-components .icon-industry-whitepaper-ppoint:before,
.legacy-components .type--paper:before {
    content: '\e921'
}

.legacy-components .icon-industry-solution-ppoint:before,
.legacy-components .type--solution:before {
    content: '\e922'
}

.legacy-components .icon-pressrelease-ppoint:before {
    content: '\e923'
}

.legacy-components .icon-news-ppoint:before {
    content: '\e924'
}

.legacy-components .icon-media-ppoint:before {
    content: '\e925'
}

.legacy-components .icon-blog-ppoint:before {
    content: '\e926'
}

.legacy-components .icon-search-wide-ppoint:before,
.legacy-components .form-banner__search .form-actions:before {
    content: '\e929'
}

.legacy-components .icon-threat-ppoint:before {
    content: '\e92a'
}

.legacy-components .icon-people-ppoint:before {
    content: '\e92b'
}

.legacy-components .icon-data-ppoint:before {
    content: '\e92c'
}

.legacy-components .icon-sitewide-ppoint:before {
    content: '\e92e'
}

.legacy-components .icon-resource-ppoint:before {
    content: '\e92d'
}

.legacy-components .mega-menu__inner,
.legacy-components .featured-mosaic-banner {
    max-width: 100%;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem
}

.legacy-components .mega-menu__inner:after,
.legacy-components .featured-mosaic-banner:after {
    content: ' ';
    display: block;
    clear: both
}

@media (min-width:48em) {
    .legacy-components .mega-menu__inner,
    .legacy-components .featured-mosaic-banner {
        max-width: 100%;
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }
    .legacy-components .mega-menu__inner:after,
    .legacy-components .featured-mosaic-banner:after {
        content: ' ';
        display: block;
        clear: both
    }
}

@media (min-width:64em) {
    .legacy-components .mega-menu__inner,
    .legacy-components .featured-mosaic-banner {
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
    .legacy-components .mega-menu__inner:after,
    .legacy-components .featured-mosaic-banner:after {
        content: ' ';
        display: block;
        clear: both
    }
}

@media (min-width:90em) {
    .legacy-components .mega-menu__inner,
    .legacy-components .featured-mosaic-banner {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
    .legacy-components .mega-menu__inner:after,
    .legacy-components .featured-mosaic-banner:after {
        content: ' ';
        display: block;
        clear: both
    }
}

.tabs-block__content-wrapper .tabs-block__content-tabs .legacy-components .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.legacy-components .block-addthis .addthis_default_style:before,
.legacy-components .box-stacks--list .view-content:before,
.legacy-components .block-article__group:before,
.legacy-components .pager:before,
.legacy-components .news-list .views-row:before,
.legacy-components .box-quote:before,
.legacy-components .form-banner__actions:before,
.legacy-components .form-banner__group:before,
.legacy-components .form-rss form:before,
.legacy-components .block-awards__list:before,
.legacy-components .tiled-mosaic__filter:before,
.legacy-components .tiled-mosaic__contents:before,
.legacy-components .column_text__group:before,
.legacy-components .featured_cards .card__group:before,
.legacy-components .header__inner:before,
.legacy-components .nav-footer ul:before,
.legacy-components .list-buttons ul:before,
.legacy-components .footer-bottom:before,
.legacy-components .search-results .gsc-results .gsc-cursor:before,
.legacy-components .search-results__item:before,
.legacy-components .search-results__header:before,
.legacy-components .block-addthis .addthis_default_style:after,
.legacy-components .box-stacks--list .view-content:after,
.legacy-components .block-article__group:after,
.legacy-components .pager:after,
.legacy-components .news-list .views-row:after,
.legacy-components .box-quote:after,
.legacy-components .form-banner__actions:after,
.legacy-components .form-banner__group:after,
.legacy-components .form-rss form:after,
.legacy-components .block-awards__list:after,
.legacy-components .tiled-mosaic__filter:after,
.legacy-components .tiled-mosaic__contents:after,
.legacy-components .column_text__group:after,
.legacy-components .featured_cards .card__group:after,
.legacy-components .header__inner:after,
.legacy-components .nav-footer ul:after,
.legacy-components .list-buttons ul:after,
.legacy-components .footer-bottom:after,
.legacy-components .search-results .gsc-results .gsc-cursor:after,
.legacy-components .search-results__item:after,
.legacy-components .search-results__header:after {
    content: '';
    display: table
}

.legacy-components .block-addthis .addthis_default_style:after,
.legacy-components .box-stacks--list .view-content:after,
.legacy-components .block-article__group:after,
.legacy-components .pager:after,
.legacy-components .news-list .views-row:after,
.legacy-components .box-quote:after,
.legacy-components .form-banner__actions:after,
.legacy-components .form-banner__group:after,
.legacy-components .form-rss form:after,
.legacy-components .block-awards__list:after,
.legacy-components .tiled-mosaic__filter:after,
.legacy-components .tiled-mosaic__contents:after,
.legacy-components .column_text__group:after,
.legacy-components .featured_cards .card__group:after,
.legacy-components .header__inner:after,
.legacy-components .nav-footer ul:after,
.legacy-components .list-buttons ul:after,
.legacy-components .footer-bottom:after,
.legacy-components .search-results .gsc-results .gsc-cursor:after,
.legacy-components .search-results__item:after,
.legacy-components .search-results__header:after {
    clear: both
}

.hide-page-title .legacy-components .page-title,
.legacy-components .element-invisible,
.legacy-components .views-exposed-widget label {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 0
}

.legacy-components .video-feature__iframe,
.legacy-components .video-feature__video,
.legacy-components .video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 1.25rem
}

.legacy-components .video-feature__iframe video,
.legacy-components .video-feature__video video,
.legacy-components .video-wrap video,
.legacy-components .video-feature__iframe iframe,
.legacy-components .video-feature__video iframe,
.legacy-components .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.legacy-components .block-buttons__group {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:48em) {
    .legacy-components .block-buttons__group {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.legacy-components .wombat-table {
    border: 0;
    outline: 0
}

.legacy-components .wombat-table thead tr:nth-child(1) th {
    background: white;
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    z-index: 10
}

.legacy-components .wombat-table tbody tr:nth-child(even) {
    background-color: #fff
}

.legacy-components .wombat-table tbody tr:nth-child(odd) {
    background-color: #f8f6f7
}

.legacy-components .wombat-table th,
.legacy-components .wombat-table tr,
.legacy-components .wombat-table td {
    border: 0
}

.legacy-components .wombat-table .header-col {
    color: #343741;
    font-size: 20px;
    font-weight: bold;
    text-align: left
}

.legacy-components .wombat-table .header-row {
    color: #4799b6;
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.legacy-components .wombat-table .tbl-copy {
    color: #7fac2f;
    text-align: center
}

.legacy-components .wombat-table .super {
    font-size: smaller;
    vertical-align: super
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page,
.legacy-components .link {
    color: #009ada;
    outline: none;
    text-decoration: none
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page:hover,
.legacy-components .link:hover {
    color: #01579b
}

.legacy-components .bef-select-as-links a:not(.active),
.legacy-components .bootstrap-select .btn,
.legacy-components .bootstrap-select>.dropdown-menu a,
.legacy-components ul.main-menu>li>a,
.legacy-components ul.tb-megamenu-nav>li>a,
.legacy-components .mega-menu__nav a,
.legacy-components .header__sticky-nav .sticky-nav a,
.legacy-components .short-nav__content a,
.legacy-components .link--desert-storm {
    color: #5b5b5b
}

.legacy-components .field-items-inline a,
.legacy-components .short-extra__share,
.legacy-components .carousel-announcement .big-title a,
.legacy-components .related-links .item-list a,
.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page,
.legacy-components .link--gray {
    color: #343741
}

.legacy-components .block-threat-insight .big-title a,
.legacy-components .block-flat .big-title a,
.legacy-components .link--green {
    color: #898574
}

.legacy-components a:hover,
.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page:hover,
.legacy-components .field-items-inline a:hover,
.legacy-components .short-extra__share:hover,
.legacy-components .carousel-announcement .big-title a:hover,
.legacy-components .related-links .item-list a:hover,
.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page:hover,
.legacy-components .block-threat-insight .big-title a:hover,
.legacy-components .block-flat .big-title a:hover,
.legacy-components .bef-select-as-links a:hover:not(.active),
.legacy-components .bootstrap-select .btn:hover,
.legacy-components .bootstrap-select>.dropdown-menu a:hover,
.legacy-components ul.main-menu>li>a:hover,
.legacy-components ul.tb-megamenu-nav>li>a:hover,
.legacy-components .mega-menu__nav a:hover,
.legacy-components .header__sticky-nav .sticky-nav a:hover,
.legacy-components .short-nav__content a:hover,
.legacy-components .link:hover,
.legacy-components .link--gray:hover,
.legacy-components .link--green:hover,
.legacy-components .link--desert-storm:hover {
    color: #01579b
}

.legacy-components .bg--teal a:not(.btn),
.legacy-components .bg--blue a:not(.btn),
.legacy-components .bg--orange a:not(.btn),
.legacy-components .white a:not(.btn),
.legacy-components .block-announcement__close,
.legacy-components .bg--orange .block-threat-insight .big-title a,
.legacy-components .bg--teal .block-threat-insight .big-title a,
.legacy-components .bg--blue .block-threat-insight .big-title a,
.legacy-components .link--citrine-white {
    color: #f9f9f9
}

.legacy-components .link--celeste {
    color: #d1d2ce
}

.legacy-components .link--blizzard-blue {
    color: #b9daf3
}

.legacy-components .list-region ul a,
.legacy-components .link--blue {
    color: #51788d
}

.legacy-components .nav-footer ul a,
.legacy-components .link--bombay {
    color: #afafb2
}

.legacy-components .list-region ul a:hover,
.legacy-components .nav-footer ul a:hover,
.legacy-components .bg--teal a:hover:not(.btn),
.legacy-components .bg--blue a:hover:not(.btn),
.legacy-components .bg--orange a:hover:not(.btn),
.legacy-components .white a:hover:not(.btn),
.legacy-components .block-announcement__close:hover,
.legacy-components .bg--orange .block-threat-insight .big-title a:hover,
.legacy-components .bg--teal .block-threat-insight .big-title a:hover,
.legacy-components .bg--blue .block-threat-insight .big-title a:hover,
.legacy-components .link--blue:hover,
.legacy-components .link--bombay:hover,
.legacy-components .link--celeste:hover,
.legacy-components .link--blizzard-blue:hover,
.legacy-components .link--citrine-white:hover {
    color: #fff
}

.legacy-components .form-banner__actions li a,
.legacy-components .link--silver {
    color: #ccc
}

.legacy-components .form-banner__actions li a:hover,
.legacy-components .link--silver:hover {
    color: #009ada
}

.legacy-components .bootstrap-select .btn:after,
.legacy-components .expanded-menu__button:after,
.legacy-components .more-arrow-right:after,
.legacy-components .mega-menu__nav>li>.nolink:after,
.legacy-components .mega-menu__nav>li>a:after,
.legacy-components .related-links .item-list a:after,
.legacy-components .link--arrow-down:after,
.legacy-components .link--arrow-right:after {
    display: inline-block;
    margin-left: 0.25rem;
    vertical-align: middle
}

.legacy-components .bootstrap-select .btn:after,
.legacy-components .expanded-menu__button:after,
.legacy-components .link--arrow-down:after {
    vertical-align: bottom;
    line-height: 1.4
}

.legacy-components .tiled-mosaic__list a,
.legacy-components .link--cornflower-blue {
    color: #8a8d95
}

.legacy-components .tiled-mosaic__list a:hover,
.legacy-components .link--cornflower-blue:hover {
    color: #009ada
}

.legacy-components .more-arrow-right {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif"
}

.page-ja .legacy-components .more-arrow-right {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .more-arrow-right {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .more-arrow-right {
        font-family: 'Roboto'
    }
}

@media (min-width:48em) {
    .legacy-components .more-arrow-right {
        font-size: 1.1rem
    }
}

.legacy-components .more-arrow-right:after {
    margin-left: 0.375rem;
    line-height: 1.1
}

.legacy-components .page-title,
.legacy-components .comment-wrapper .title,
.legacy-components .ppoint-tabs.feature-tabs .block-wide-text__title {
    font-size: 1.7rem
}

.legacy-components .list-in-article ul,
.legacy-components .field-name-body ul,
.legacy-components .related-links .item-list ul,
.legacy-components .list {
    margin-bottom: 0.9375rem
}

.legacy-components .list-in-article ul li,
.legacy-components .field-name-body ul li,
.legacy-components .related-links .item-list ul li,
.legacy-components .list li {
    padding-left: 0;
    margin-bottom: 0.3125rem
}

.legacy-components .list-in-article ul li p,
.legacy-components .field-name-body ul li p,
.legacy-components .related-links .item-list ul li p,
.legacy-components .list li p {
    margin-bottom: 0
}

.legacy-components .list-in-article ul li,
.legacy-components .field-name-body ul li,
.legacy-components .list--dot li {
    position: relative;
    padding-left: 0.9375rem;
    margin-left: 1.25rem;
    margin-bottom: 0
}

.legacy-components .list-in-article ul li:before,
.legacy-components .field-name-body ul li:before,
.legacy-components .list--dot li:before {
    content: '\2022';
    display: block;
    font-size: 1rem;
    left: 0;
    position: absolute;
    top: 0
}

.legacy-components .section-title {
    color: #01579b;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media (min-width:64em) {
    .legacy-components .section-title {
        margin-bottom: 1.6875rem
    }
}

.legacy-components .section-sub-title {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .section-sub-title {
        margin-bottom: 1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .section-sub-title {
        margin-bottom: 2.1875rem
    }
}

.legacy-components .sub-page-title {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    text-transform: capitalize
}

.page-ja .legacy-components .sub-page-title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .sub-page-title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .sub-page-title {
        font-family: 'Roboto'
    }
}

@media (min-width:48em) {
    .legacy-components .sub-page-title {
        font-size: 1.125rem
    }
}

.legacy-components .page-title {
    margin-bottom: 0.9375rem
}

.hide-page-title .legacy-components .page-title {
    margin: 0;
    padding: 0
}

.legacy-components .type__reports {
    font-family: 'BebasNeue-Bold', Helvetica, Arial, sans-serif;
    color: #c4c2b9;
    font-size: 0.9375rem;
    padding-left: 1.5625rem;
    position: relative
}

.legacy-components .type__reports:before {
    font-size: 1.125rem;
    left: 0;
    position: absolute
}

.legacy-components pre {
    font-family: Courier, Helvetica, Arial, sans-serif
}

.legacy-components pre code {
    padding: 1.5625rem !important
}

.legacy-components .font--small {
    font-size: 0.875rem
}

.legacy-components .font--tiny {
    font-size: 0.8125rem
}

.legacy-components .gray {
    color: #343741
}

.legacy-components .granite-green {
    color: #898574
}

.legacy-components .mist-gray {
    color: #c4c2b9
}

.legacy-components .tundora {
    color: #4b4b4b
}

.legacy-components .blue {
    color: #01579b
}

.legacy-components .bg--teal,
.legacy-components .bg--blue,
.legacy-components .bg--orange,
.legacy-components .white {
    color: #fff
}

.legacy-components .bg--white {
    background-color: #fff
}

.legacy-components .bg--light-tan {
    background-color: #f4f3f0
}

.legacy-components .bg--desert-storm {
    background-color: #f9f9f7
}

.legacy-components .bg--light-grey {
    background-color: #f3f5f6
}

.legacy-components .bg--slate-grey {
    background-color: #dce4e7
}

.legacy-components .bg--lighter-grey {
    background-color: #ebebeb
}

.legacy-components .bg--gray {
    background-color: #343741
}

.legacy-components .bg--gray-dark {
    background-color: #5b5b5b
}

.legacy-components .bg--teal {
    background-color: #669d86
}

.legacy-components .bg--blue {
    background-color: #51788d
}

.legacy-components .bg--green {
    background-color: #898574
}

.legacy-components .bg--baltic-sea {
    background-color: #2d2c31
}

.legacy-components .bg--bunker {
    background-color: #0e181d
}

.legacy-components .bg--orange {
    background-color: #f17735
}

.legacy-components .no-margin {
    margin: 0
}

.legacy-components .text--center {
    text-align: center
}

.legacy-components .text--left {
    text-align: left
}

.legacy-components .text--right {
    text-align: right
}

.legacy-components .text--light {
    color: #f17735;
    font-weight: bold
}

.legacy-components .block-threat-insight__image,
.legacy-components .block-article__image,
.legacy-components .image-link {
    display: block;
    line-height: 0;
    overflow: hidden;
    width: 100%
}

.legacy-components .block-threat-insight__image a,
.legacy-components .block-article__image a,
.legacy-components .image-link a {
    display: inline-block;
    line-height: 0;
    max-width: 100%
}

.legacy-components .block-threat-insight__image a img,
.legacy-components .block-article__image a img,
.legacy-components .image-link a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease 0s
}

.legacy-components .block-threat-insight__image a:hover img,
.legacy-components .block-article__image a:hover img,
.legacy-components .image-link a:hover img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.legacy-components .ppoint-tabs__content,
.legacy-components .animated {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0
}

@media only percy {
    .legacy-components .ppoint-tabs__content {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.legacy-components .ppoint-tabs__content.active,
.legacy-components .fadein {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes scaleIn {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

@media (min-width:64em) {
    .legacy-components .hidden-on-desktop {
        display: none !important
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .hidden-on-tablet {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hidden-on-mobile-tablet {
        display: none !important
    }
}

.legacy-components .field-items-inline a {
    font-style: italic
}

.legacy-components .field-items-inline div {
    display: inline-block
}

.legacy-components .field-items-inline .field-item {
    margin-right: 0.3125rem
}

.legacy-components .field-items-inline .field-item:after {
    content: '\002c'
}

.legacy-components .field-items-inline .field-item:last-of-type {
    margin-right: 0
}

.legacy-components .field-items-inline .field-item:last-of-type:after {
    display: none
}

.legacy-components .node .field {
    margin-bottom: 0.9375rem
}

.legacy-components .tiled-mosaic .field,
.legacy-components .search-results__item .field,
.legacy-components .reset-node-field .field {
    margin-bottom: 0
}

.legacy-components .short-extra {
    font-size: 0.875rem;
    margin-bottom: 0.75rem
}

.legacy-components .short-extra__item:after {
    content: '\007C';
    margin: 0rem 0.3125rem
}

.legacy-components .short-extra__item:last-of-type:after {
    display: none
}

.legacy-components .short-extra__share {
    text-transform: uppercase
}

.legacy-components .short-extra__share:before {
    margin-right: 0.1875rem
}

.legacy-components .short-date {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    display: block;
    font-size: 1.0625rem;
    text-transform: uppercase
}

.legacy-components .short-date em {
    font-style: normal
}

.legacy-components .group-fields-inline>.field {
    display: inline-block;
    margin-right: 0.625rem
}

.legacy-components .group-fields-inline>.field:last-of-type {
    margin-right: 0
}

.legacy-components .loading-process {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 3.125rem;
    position: absolute;
    width: 3.125rem
}

@media (min-width:48em) {
    .legacy-components .hide-items {
        display: none
    }
}

.panel-pane>.legacy-components .contextual-links-wrapper {
    right: 1.875rem
}

.legacy-components .comment-wrapper .comment {
    padding-bottom: 1.25rem
}

.legacy-components .comment-wrapper .attribution {
    margin-bottom: 0.625rem
}

@media (min-width:48em) {
    .legacy-components .comment-wrapper .attribution {
        width: 23.37662%;
        float: left
    }
}

.legacy-components .comment-wrapper .attribution img {
    margin: 0
}

.legacy-components .comment-wrapper .submitted p {
    margin: 0
}

.legacy-components .comment-wrapper .comment-text {
    border: 0.0625rem solid #c2c0b8;
    padding: 1.25rem;
    position: relative
}

.legacy-components .comment-wrapper .comment-text:after,
.legacy-components .comment-wrapper .comment-text:before {
    border: medium solid transparent;
    content: '';
    height: 0;
    left: inherit;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0
}

@media (min-width:48em) {
    .legacy-components .comment-wrapper .comment-text {
        width: 74.45887%
    }
    .legacy-components .comment-wrapper .comment-text:after,
    .legacy-components .comment-wrapper .comment-text:before {
        border-width: 1.25rem;
        margin-top: -1.25rem
    }
    .legacy-components .comment-wrapper .comment-text:after {
        border-color: transparent #fff transparent transparent
    }
    .legacy-components .comment-wrapper .comment-text:before {
        border-color: transparent #c2c0b8 transparent transparent;
        border-width: 1.3125rem;
        margin-top: -1.3125rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .comment-wrapper .comment-text:after,
    .legacy-components .comment-wrapper .comment-text:before {
        border-color: transparent transparent #fff;
        border-width: 0.75rem;
        bottom: 100%;
        left: 50%;
        margin-left: -0.75rem;
        top: inherit
    }
    .legacy-components .comment-wrapper .comment-text:before {
        border-color: transparent transparent #c2c0b8;
        margin-left: -0.875rem;
        border-width: 0.875rem
    }
}

.legacy-components .comment-wrapper .indented {
    margin-left: 2.5rem
}

.legacy-components .comment-wrapper .links li {
    display: inline;
    padding: 0rem 0.3125rem 0rem 0rem
}

.legacy-components .views-exposed-widgets {
    padding: 2.5rem 0rem 1.25rem
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widgets {
        text-align: center
    }
}

.legacy-components .views-exposed-widgets .bootstrap-select .btn {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    padding: 0.5625rem 2.1875rem 0.25rem 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widgets .bootstrap-select .btn {
        border: 0;
        font-size: 1.25rem;
        padding: 0rem 0.9375rem 0rem 0rem;
        width: auto;
        white-space: inherit;
        height: auto
    }
    .legacy-components .views-exposed-widgets .bootstrap-select .btn .filter-option {
        display: inline;
        overflow: inherit
    }
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widgets .bootstrap-select .btn:after {
        font-size: 0.9375rem;
        line-height: 1.8;
        right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widgets .bootstrap-select>.dropdown-menu {
        left: -1.5rem;
        width: 13.6875rem;
        padding: 1.125rem 0rem 0.75rem
    }
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widgets .bootstrap-select>.dropdown-menu .inner {
        max-height: 21.875rem;
        padding: 0rem 1.5rem
    }
}

@media (min-width:48em) {
    .legacy-components .views-exposed-widget {
        display: inline-block;
        margin: 0rem 0.9375rem;
        vertical-align: middle
    }
}

.legacy-components .views-widget-filter-field_type_value .form-item {
    margin-bottom: 0
}

.legacy-components .bef-select-as-links {
    text-align: center
}

.legacy-components .bef-select-as-links .form-type-bef-link {
    display: inline-block;
    margin: 0rem 0.9375rem 0.9375rem
}

.legacy-components .bef-select-as-links a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.125rem
}

@media (min-width:48em) {
    .legacy-components .bef-select-as-links a {
        font-size: 1.25rem
    }
}

@media (min-width:48em) {
    .legacy-components .views-widget-filter-field_date_value {
        margin-bottom: 0.9375rem
    }
}

@media (min-width:48em) {
    .legacy-components .views-widget-filter-field_date_value .form-type-date-select {
        display: block
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .views-widget-filter-field_date_value .form-type-date-select {
        margin: 0
    }
}

@media (min-width:48em) {
    .legacy-components .views-widget-filter-field_date_value .form-type-date-select .form-type-select {
        margin-right: 0.9375rem
    }
}

.legacy-components .views-widget-filter-field_date_value .form-type-date-select .form-type-select:last-of-type {
    margin-right: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components .views-widget-filter-field_date_value .container-inline-date .form-item {
        display: block
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .views-widget-filter-field_date_value .container-inline-date .form-item .form-item {
        float: none;
        width: 100%;
        margin-bottom: 0.9375rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .views-widget-filter-field_date_value .container-inline-date .date-padding {
        float: none
    }
}

.legacy-components .views-widget-filter-field_date_value+.views-submit-button {
    margin: 0rem 0rem 0.9375rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .views-widget-filter-field_date_value+.views-submit-button {
        clear: both
    }
}

.legacy-components .views-widget-filter-field_date_value+.views-submit-button .form-submit {
    font-size: 1.125rem;
    min-width: 4.6875rem;
    padding: 0.5625rem 0.5rem 0.375rem
}

.legacy-components div.error {
    background-image: none
}

.legacy-components .bg--orange .slick-arrow:hover:before,
.legacy-components .bg--teal .slick-arrow:hover:before,
.legacy-components .bg--blue .slick-arrow:hover:before {
    color: #fff
}

.legacy-components .bg--orange .slick-dots li.slick-active,
.legacy-components .bg--orange .slick-dots li:hover,
.legacy-components .bg--teal .slick-dots li.slick-active,
.legacy-components .bg--teal .slick-dots li:hover,
.legacy-components .bg--blue .slick-dots li.slick-active,
.legacy-components .bg--blue .slick-dots li:hover {
    background-color: #fff
}

.legacy-components .bootstrap-select {
    position: relative
}

.legacy-components .bootstrap-select select {
    height: 0 !important;
    left: 0;
    width: 0 !important;
    z-index: -999
}

.legacy-components .bootstrap-select .bs-caret {
    display: none
}

.legacy-components .bootstrap-select .btn {
    background-color: transparent;
    border: 0.0625rem solid #c2c0b8;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    height: 2.75rem;
    line-height: 1.5;
    min-width: inherit;
    overflow: hidden;
    padding: 0.5625rem 2.1875rem 0.5625rem 0.9375rem;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%
}

.legacy-components .bootstrap-select .btn .filter-option {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.legacy-components .bootstrap-select .btn:after {
    font-size: 1.375rem;
    line-height: 1.5;
    position: absolute;
    right: 0.9375rem;
    top: 0.25rem;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.legacy-components .bootstrap-select .check-mark {
    display: none
}

.legacy-components .bootstrap-select>.dropdown-menu {
    background: #fff;
    box-shadow: 0rem 0rem 0.3125rem 0rem rgba(0, 0, 0, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    margin-top: 0.3125rem;
    padding: 1.125rem 0rem 0.125rem;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3
}

@media (min-width:48em) {
    .legacy-components .bootstrap-select>.dropdown-menu {
        font-size: 0.8125rem;
        padding: 1.125rem 0rem 0.75rem
    }
}

.legacy-components .bootstrap-select>.dropdown-menu .inner {
    max-height: 19.5rem;
    overflow-y: auto;
    padding: 0rem 1.125rem
}

.legacy-components .bootstrap-select>.dropdown-menu li {
    margin-bottom: 0.875rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .bootstrap-select>.dropdown-menu li {
        margin-bottom: 0.5625rem
    }
}

.legacy-components .bootstrap-select>.dropdown-menu li.selected .text {
    margin-right: 0.3125rem
}

.legacy-components .bootstrap-select>.dropdown-menu li.selected .check-mark {
    display: inline
}

.legacy-components .bootstrap-select>.dropdown-menu li.selected .check-mark:before {
    font-size: 0.75rem
}

.legacy-components .bootstrap-select>.dropdown-menu a {
    cursor: pointer;
    text-transform: capitalize
}

.legacy-components .bootstrap-select.error .btn {
    border-color: #8c211e
}

.legacy-components .show-select .btn:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.legacy-components .show-select>.dropdown-menu {
    display: block
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select .btn,
.legacy-components .form-rss .bootstrap-select .btn,
.legacy-components .tiled-mosaic__select .bootstrap-select .btn,
.legacy-components .bootstrap-select--small .bootstrap-select .btn {
    color: #c3c3c3;
    font-size: 0.875rem;
    height: 2.5rem;
    overflow: hidden;
    padding: 0.5625rem 2.1875rem 0.5rem 0.9375rem;
    white-space: nowrap
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select .btn:after,
.legacy-components .form-rss .bootstrap-select .btn:after,
.legacy-components .tiled-mosaic__select .bootstrap-select .btn:after,
.legacy-components .bootstrap-select--small .bootstrap-select .btn:after {
    color: #5b5b5b;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 2.1
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select.show-select .btn,
.legacy-components .form-rss .bootstrap-select.show-select .btn,
.legacy-components .tiled-mosaic__select .bootstrap-select.show-select .btn,
.legacy-components .bootstrap-select--small .bootstrap-select.show-select .btn {
    color: #5b5b5b
}

.legacy-components .block-addthis {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 8
}

.legacy-components .block-addthis .content {
    display: inline-block;
    position: relative;
    right: -100%;
    transition: right 0.7s ease
}

.legacy-components .block-addthis__show-btn,
.legacy-components .block-addthis__hide-btn {
    cursor: pointer;
    display: block;
    height: 1.875rem;
    opacity: 0.7;
    position: absolute;
    right: 1.125rem;
    width: 1.875rem;
    z-index: 1
}

.legacy-components .block-addthis__show-btn:before,
.legacy-components .block-addthis__hide-btn:before {
    font-size: 1.125rem;
    line-height: 1.8
}

.legacy-components .block-addthis__show-btn {
    padding-right: 0.1875rem;
    right: 100%;
    text-align: right;
    top: -1.875rem;
    transition: right 0.8s ease
}

.legacy-components .block-addthis__hide-btn {
    bottom: -1.875rem;
    padding-left: 0.1875rem;
    text-align: left
}

.legacy-components .block-addthis .addthis_default_style {
    position: relative;
    width: 5.625rem
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook_like {
    clear: both;
    display: block;
    float: right;
    margin: 0;
    padding: 0
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook {
    color: #fff;
    height: 3rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-indent: 100%;
    transition: width 0.1s ease;
    white-space: nowrap;
    width: 3rem
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter:before,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook:before {
    display: block;
    font-size: 1.5rem;
    line-height: 2;
    text-indent: 0;
    width: 100%
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss:hover,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto:hover,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin:hover,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter:hover,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook:hover {
    width: 4rem
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss .at-icon-wrapper,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto .at-icon-wrapper,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin .at-icon-wrapper,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter .at-icon-wrapper,
.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook .at-icon-wrapper {
    display: none
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook {
    background: #3b5998
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_twitter {
    background: #1da1f2
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_linkedin {
    background: #0077b5
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_mailto {
    background: #848484
}

.legacy-components .block-addthis .addthis_default_style a.pp-rss {
    background: #f17735
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook_like .fb-like {
    display: block;
    float: right;
    height: auto !important;
    width: auto !important
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook_like .fb-like span {
    display: block;
    float: right;
    height: auto !important;
    width: auto !important
}

.legacy-components .block-addthis .addthis_default_style a.addthis_button_facebook_like .fb-like iframe {
    display: block;
    float: right;
    position: static
}

.legacy-components .block-addthis .addthis_default_style .wrap-addthis-facebook {
    background: #3b5998;
    clear: both;
    display: inline-block;
    float: right;
    overflow: hidden;
    padding-bottom: 0.1875rem;
    transition: width 0.1s ease;
    width: 3rem
}

.legacy-components .block-addthis .addthis_default_style .wrap-addthis-facebook a.addthis_button_facebook_counter {
    color: #fff;
    display: block;
    float: right;
    font-size: 0.75rem;
    margin: -0.1875rem 0rem 0rem;
    text-align: center;
    width: 100%
}

.legacy-components .block-addthis .addthis_default_style .wrap-addthis-facebook a.addthis_button_facebook {
    background: transparent;
    height: 2.8125rem;
    margin: 0;
    transition: none;
    width: 100%
}

.legacy-components .block-addthis .addthis_default_style .wrap-addthis-facebook:hover {
    width: 4rem
}

.legacy-components .show-block-addthis {
    right: 0
}

.legacy-components .show-block-addthis .content {
    right: 0
}

.legacy-components .show-block-addthis .block-addthis__show-btn {
    right: -1.875rem
}

.legacy-components .ui-datepicker .ui-datepicker-title select {
    position: static !important;
    clip: inherit;
    height: auto
}

.legacy-components .box-chat {
    height: 210px;
    position: fixed;
    right: -17.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: right 0.5s ease;
    width: 20.375rem;
    z-index: 4
}

@media screen and (max-width:47.9375em) {
    .legacy-components .box-chat {
        display: none
    }
}

.legacy-components .box-chat__text {
    font-family: 'BebasNeue-Bold', Helvetica, Arial, sans-serif;
    background-color: #60a5d7;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.625rem;
    height: 3.125rem;
    left: -5rem;
    padding: 0.4375rem 1.5rem 0.25rem;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 5rem;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 13.125rem
}

.legacy-components .box-chat__content {
    background-color: #63aee6;
    color: #dce4e7;
    float: right;
    height: 13.125rem;
    padding: 1.625rem 2rem 1.875rem;
    width: 17.25rem
}

.legacy-components .box-chat__body {
    line-height: 1.3;
    font-size: 0.875rem
}

.legacy-components .box-chat__phone {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.5625rem;
    margin-bottom: 0.625rem
}

.legacy-components .box-chat__phone a {
    color: #fff
}

.legacy-components .box-chat__phone a:before {
    font-size: 1.625rem;
    margin-right: 0.6875rem
}

.legacy-components .box-chat__link a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.0625rem;
    letter-spacing: 0.01875rem;
    padding: 0.75rem 1.5625rem 0.5625rem;
    width: 100%;
    word-spacing: 0.125rem
}

.legacy-components .box-chat:hover {
    right: 0
}

.legacy-components .i18n-ja .box-chat__text {
    height: 210px;
    width: 50px;
    left: 0;
    top: 0;
    padding: 1.875rem 0rem 0rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.legacy-components .SnapABug_Button {
    visibility: hidden
}

.legacy-components .box-media {
    padding: 2.5rem 0rem 2.1875rem
}

.legacy-components .box-media:before,
.legacy-components .box-media:after {
    content: '';
    display: table
}

.legacy-components .box-media:after {
    clear: both
}

@media (min-width:48em) {
    .legacy-components .box-media {
        padding: 3.125rem 0rem 2.8125rem
    }
}

.legacy-components .box-media__title {
    color: #01579b;
    margin-bottom: 0.3125rem
}

.legacy-components .box-media__date li {
    display: inline-block;
    float: left;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.5rem 1rem;
    text-transform: uppercase
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .box-media__date li {
        font-size: 0.5625rem
    }
}

@media (min-width:48em) {
    .legacy-components .box-media__date li {
        width: 50%
    }
}

.legacy-components .box-media__date li a {
    color: #009ada
}

.legacy-components .box-media__date li a:hover {
    color: #01579b
}

.legacy-components .box-media__date li:first-child {
    background-color: #51788d;
    color: #fff
}

.legacy-components .box-media__date i {
    margin-right: 0.5rem;
    font-size: 0.8125rem
}

@media (min-width:48em) {
    .legacy-components .box-media__col-left,
    .legacy-components .box-media__col-right {
        float: left;
        width: 50%
    }
    .legacy-components .box-media__col-left {
        padding-right: 2.1875rem
    }
    .legacy-components .box-media__col-right {
        padding-left: 2.1875rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .box-media__links {
        margin-bottom: 1.25rem
    }
    .legacy-components .box-media--text-text .box-media__col-left,
    .legacy-components .box-media--img-img .box-media__col-left,
    .legacy-components .box-media--textimg .box-media__col-left {
        margin-bottom: 2.5rem
    }
    .legacy-components .box-media--img-text .box-media__image {
        margin-bottom: 0.625rem
    }
}

.legacy-components .box-media--textimg .box-media__image {
    margin-bottom: 0.625rem
}

.legacy-components .granite-green .box-media__date li {
    background-color: #fff;
    color: #898574
}

.legacy-components .granite-green .box-media__date li a {
    color: #898574
}

.legacy-components .granite-green .box-media__date li a:hover {
    color: #ccc
}

.legacy-components .granite-green .box-media__date li:first-child {
    background-color: #898574;
    color: #fff
}

.legacy-components .bg--orange .box-media__date li,
.legacy-components .bg--teal .box-media__date li,
.legacy-components .bg--blue .box-media__date li {
    background-color: #51788d;
    color: #fff
}

.legacy-components .bg--orange .box-media__date li a,
.legacy-components .bg--teal .box-media__date li a,
.legacy-components .bg--blue .box-media__date li a {
    color: #f9f9f9
}

.legacy-components .bg--orange .box-media__date li a:hover,
.legacy-components .bg--teal .box-media__date li a:hover,
.legacy-components .bg--blue .box-media__date li a:hover {
    color: #fff
}

.legacy-components .bg--orange .box-media__date li:first-child,
.legacy-components .bg--teal .box-media__date li:first-child,
.legacy-components .bg--blue .box-media__date li:first-child {
    background-color: #fff;
    color: #51788d
}

.legacy-components .box-hero {
    position: relative
}

.legacy-components .box-hero__image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.legacy-components .box-hero__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.legacy-components .box-hero__content {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    height: 18.75rem;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2
}

@media (min-width:48em) {
    .legacy-components .box-hero__content {
        padding-top: 0
    }
}

.legacy-components .box-hero__links,
.legacy-components .box-hero__body,
.legacy-components .box-hero__title {
    width: 100%
}

.legacy-components .box-hero__title {
    margin-bottom: 0;
    width: 100%
}

@media (min-width:48em) {
    .legacy-components .box-hero__body {
        margin-bottom: 1.5625rem
    }
}

.legacy-components .box-hero__body p {
    margin-bottom: 0
}

.legacy-components .box-hero__title,
.legacy-components .box-hero__body {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
    color: #fff;
    opacity: 0
}

.legacy-components .box-hero__links {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    opacity: 0
}

.legacy-components .box-hero__links a {
    margin-right: 1.25rem;
    margin-bottom: 0.9375rem;
    text-transform: none
}

.legacy-components .box-hero__links a:last-of-type {
    margin-right: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components .box-hero__links {
        display: none
    }
}

.legacy-components .hero-banner-large {
    background-color: #8b94a1
}

@media (min-width:90em) {
    .legacy-components .hero-banner-large .container {
        max-width: 1024px !important
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large {
        margin-bottom: 20px
    }
}

@media (min-width:90em) {
    .legacy-components .hero-banner-large .box-hero__image {
        min-width: auto;
        width: 100%;
        margin: 0 auto;
        max-width: 1400px
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__image {
        background: url("/sites/all/themes/proofpoint/images/banner-bg-mobile4.webp") center top no-repeat;
        background-size: cover;
        height: 600px;
        position: relative
    }
    .legacy-components .hero-banner-large .box-hero__image img {
        display: none
    }
}

.legacy-components .hero-banner-large .box-hero__content {
    height: 40.625rem
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content {
        position: absolute;
        height: auto;
        bottom: -90%
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 24px;
    line-height: 1.8125rem;
    top: -60px;
    position: relative
}

.page-ja .legacy-components .hero-banner-large .box-hero__content .box-hero__body {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .hero-banner-large .box-hero__content .box-hero__body {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body {
        font-family: 'Roboto'
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body h1 {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    color: #009ada;
    text-transform: uppercase;
    max-width: 50%
}

.page-ja .legacy-components .hero-banner-large .box-hero__content .box-hero__body h1 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .hero-banner-large .box-hero__content .box-hero__body h1 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body h1 {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body h1 {
        max-width: 100%;
        font-size: 2.25rem;
        line-height: 3.75rem
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body {
        text-align: center;
        font-size: 2.25rem;
        line-height: 3.75rem
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body .text-lt-blue {
    color: #5db3e2
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body .text-blue {
    color: #009ada
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
    font-size: 89px;
    line-height: 90px;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-style: normal;
    text-transform: uppercase;
    display: block
}

.page-ja .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
        font-family: 'Roboto'
    }
}

@media (min-width:48em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
        font-size: 80px
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner-text {
        font-size: 2.25rem;
        line-height: 1.25rem;
        text-align: center
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner_additional-text {
    position: absolute;
    bottom: -100%;
    color: #343741
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body .large-banner_additional-text {
        font-size: 1.125rem;
        bottom: auto;
        text-align: center;
        position: relative
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__body .banner-text__right {
    position: absolute;
    right: 0;
    bottom: -80px;
    max-width: 150px
}

@media screen and (max-width:47.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__body .banner-text__right {
        bottom: -100px;
        max-width: 100%;
        position: relative
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__link {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
    position: relative;
    top: -60px
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__link {
        text-align: center;
        top: -60px
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    padding: 15px 20px;
    text-transform: none;
    background-color: #009ada;
    display: block;
    color: #fff;
    max-width: 300px;
    line-height: 1.4
}

.page-ja .legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn {
        font-family: 'Roboto'
    }
}

.legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn:hover {
    background-color: #5db3e2
}

@media screen and (max-width:63.9375em) {
    .legacy-components .hero-banner-large .box-hero__content .box-hero__link .btn {
        font-size: 18px;
        margin: 0 auto
    }
}

.legacy-components .entity-bean.bean-paragraph>h2 {
    display: none
}

.legacy-components .ppoint-tabs__list:before,
.legacy-components .ppoint-tabs__list:after {
    content: '';
    display: table
}

.legacy-components .ppoint-tabs__list:after {
    clear: both
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.legacy-components .ppoint-tabs__list__item {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 1.375rem;
    line-height: 1.375rem;
    padding: 1.875rem 2.8125rem;
    position: relative;
    text-align: center;
    transition: background-color 0.3s ease
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs__list__item {
        margin: 0rem 0.0625rem;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.legacy-components .ppoint-tabs__list__item.bg--white,
.legacy-components .ppoint-tabs__list__item.bg--light-grey,
.legacy-components .ppoint-tabs__list__item.bg--slate-grey,
.legacy-components .ppoint-tabs__list__item.bg--light-tan {
    color: #343741
}

@media screen and (max-width:47.9375em) {
    .legacy-components .ppoint-tabs__list__item.active {
        background-color: #f4f3f0;
        color: #51788d
    }
}

.legacy-components .ppoint-tabs__content {
    display: none
}

.legacy-components .ppoint-tabs__content.active {
    display: block
}

.legacy-components .ppoint-tabs__section {
    position: relative
}

.legacy-components .ppoint-tabs__image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.legacy-components .ppoint-tabs__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs .no-content {
        min-height: 9.375rem;
        padding: 0
    }
}

.legacy-components .ppoint-tabs .icons {
    display: block;
    font-size: 3.125rem;
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item:hover:after,
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.active:after {
        border: medium solid transparent;
        border-width: 1.5rem;
        bottom: -2.8125rem;
        content: '';
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--white:after {
        border-top-color: #fff
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--light-grey:after {
        border-top-color: #f3f5f6
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--slate-grey:after {
        border-top-color: #dce4e7
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--light-tan:after {
        border-top-color: #f4f3f0
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--teal:after {
        border-top-color: #669d86
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--blue:after {
        border-top-color: #51788d
    }
    .legacy-components .ppoint-tabs.horizontal-tabs .ppoint-tabs__list__item.bg--orange:after {
        border-top-color: #f17735
    }
}

.legacy-components .ppoint-tabs.vertical-tabs:before,
.legacy-components .ppoint-tabs.vertical-tabs:after {
    content: '';
    display: table
}

.legacy-components .ppoint-tabs.vertical-tabs:after {
    clear: both
}

@media screen and (min-width:48em) and (max-width:47.9375em) {
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__content {
        padding: 0rem 0.9375rem
    }
}

@media (min-width:48em) and (min-width:48em) {
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        float: left;
        width: 30%
    }
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item:hover:after,
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.active:after {
        border: medium solid transparent;
        border-width: 1.5rem;
        content: '';
        height: 0;
        right: -2.8125rem;
        top: 50%;
        pointer-events: none;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--white:after {
        border-left-color: #fff
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--light-grey:after {
        border-left-color: #f3f5f6
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--slate-grey:after {
        border-left-color: #dce4e7
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--light-tan:after {
        border-left-color: #f4f3f0
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--teal:after {
        border-left-color: #669d86
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--blue:after {
        border-left-color: #51788d
    }
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__list__item.bg--orange:after {
        border-left-color: #f17735
    }
}

@media (min-width:48em) and (min-width:48em) {
    .legacy-components .ppoint-tabs.vertical-tabs .ppoint-tabs__section {
        float: left;
        width: 70%
    }
}

.legacy-components .ppoint-tabs.vertical-tabs .block-wide-text__body {
    padding: 0rem 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .ppoint-tabs.vertical-tabs .block-wide-text__body {
        padding-left: 1.875rem;
        padding-right: 8.51371%
    }
}

.legacy-components .ppoint-tabs.feature-tabs .ppoint-tabs__content {
    z-index: 2;
    position: relative
}

.legacy-components .ppoint-tabs.feature-tabs .block-wide-text__title {
    color: #5b5b5b;
    margin-bottom: 0.9375rem
}

.legacy-components .ppoint-tabs.feature-tabs .block-wide-text__content {
    margin-bottom: 2.1875rem
}

.legacy-components .ppoint-tabs.feature-tabs p {
    color: #848484
}

.legacy-components .ppoint-tabs.feature-tabs .btn {
    padding: 0.875rem 3.125rem 0.625rem
}

.legacy-components .box-service {
    font-size: 0;
    text-align: center;
    padding: 1.6875rem 0rem 2.1875rem
}

@media (min-width:48em) {
    .legacy-components .box-service {
        padding: 2.125rem 0rem 2.9375rem
    }
}

@media (min-width:90em) {
    .legacy-components .box-service {
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto
    }
    .legacy-components .box-service:after {
        content: ' ';
        display: block;
        clear: both
    }
}

.legacy-components .box-service__item {
    display: inline-block;
    padding: 0rem 1.25rem;
    width: 50%;
    vertical-align: top
}

@media (min-width:48em) {
    .legacy-components .box-service__item {
        width: 20%
    }
}

.legacy-components .box-service__item:hover .box-service__icon:before {
    bottom: 0.625rem
}

.legacy-components .box-service__item:hover .box-service__icon:after {
    width: 50%
}

.legacy-components .box-service__icon {
    color: #01579b;
    display: block;
    font-size: 3.125rem;
    transition: all 0.5s ease;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .box-service__icon {
        font-size: 3.75rem
    }
}

@media (min-width:64em) {
    .legacy-components .box-service__icon {
        font-size: 4.375rem
    }
}

.legacy-components .box-service__icon:before {
    position: relative;
    bottom: 0;
    transition: all 0.3s ease
}

.legacy-components .box-service__icon:after {
    border-style: solid;
    border-width: 0.1875rem 0 0;
    bottom: 0.8125rem;
    content: '';
    display: block;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width 0.3s ease;
    width: 0
}

.legacy-components .box-service__text {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0.03125rem;
    line-height: 1.25rem;
    transition: all 0.5s ease
}

@media (min-width:48em) {
    .legacy-components .box-service__text {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

@media (min-width:64em) {
    .legacy-components .box-service__text {
        font-size: 1rem;
        line-height: 1rem
    }
}

.legacy-components .box-service p {
    font-size: 1rem
}

.col3 .legacy-components .box-service__item {
    width: 50%
}

@media (min-width:48em) {
    .col3 .legacy-components .box-service__item {
        padding: 0rem 0.9375rem;
        width: calc(100% / 3)
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .col5 .legacy-components .box-service__item {
        width: calc(100% / 4)
    }
}

@media (min-width:64em) {
    .col5 .legacy-components .box-service__item {
        width: calc(100% / 5)
    }
}

.legacy-components .icon-carousel .slick-slider {
    padding: 0rem 3.125rem
}

.legacy-components .icon-carousel .small-title {
    font-size: 1.125rem
}

.legacy-components .icon-carousel .box-service__text {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.legacy-components .bg--blue .box-service__icon,
.legacy-components .bg--teal .box-service__icon,
.legacy-components .bg--orange .box-service__icon {
    color: #fff
}

.legacy-components #block-pp-announcement-pp-announcement {
    position: relative !important;
    height: auto;
    border-bottom: none;
    background-color: #fff
}

@-webkit-keyframes slidein {
    from {
        margin-top: -100%;
        height: 0px
    }
    to {
        margin-top: 0%;
        top: 0;
        height: 100%
    }
}

@keyframes slidein {
    from {
        margin-top: -100%;
        height: 0px
    }
    to {
        margin-top: 0%;
        top: 0;
        height: 100%
    }
}

.legacy-components .language-switch {
    background-color: #343741;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    text-align: center;
    position: relative;
    z-index: 999;
    color: #fff;
    padding: 15px 0
}

.page-ja .legacy-components .language-switch {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .language-switch {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .language-switch {
        font-family: 'Roboto'
    }
}

.legacy-components .language-switch_inner {
    max-width: 900px
}

.legacy-components .language-switch_copy {
    margin-right: 20px
}

.legacy-components .language-switch_button {
    background-color: #00ae9a;
    padding: 7px 20px;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    transition: background-color 300ms
}

.page-ja .legacy-components .language-switch_button {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .language-switch_button {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .language-switch_button {
        font-family: 'Roboto'
    }
}

.legacy-components .language-switch_button:hover {
    color: #fff;
    background-color: #007b6d
}

.legacy-components .language-switch_select {
    display: inline-block;
    max-width: 500px;
    width: 100%
}

.legacy-components .language-switch_select img {
    max-width: 25px;
    display: inline-block;
    position: relative;
    left: 35px;
    z-index: 9;
    vertical-align: middle
}

.legacy-components .language-switch_select select {
    position: relative !important;
    clip: unset;
    height: auto;
    max-width: 274px;
    width: 100%;
    display: inline-block;
    padding: 8px 10px 9px 40px;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 17px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="12px" height="7px" viewBox="0 0 12 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Language" transform="translate(-942.000000, -31.000000)" fill="%23343741"%3E%3Cg id="Global-Elements"%3E%3Cg id="Input" transform="translate(689.500000, 17.000000)"%3E%3Cpolygon id="Triangle" transform="translate(258.500000, 17.250000) scale(1, -1) translate(-258.500000, -17.250000) " points="258.5 14 264.5 20.5 252.5 20.5"%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 0.7em top 50%;
    background-size: 0.65em auto;
    margin-right: 20px
}

.page-ja .legacy-components .language-switch_select select {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .language-switch_select select {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .language-switch_select select {
        font-family: 'Roboto'
    }
}

.legacy-components .language-switch_close {
    display: block;
    height: 0.625rem;
    position: absolute;
    right: 0.9375rem;
    top: 10px;
    width: 0.625rem;
    background: center center no-repeat
}

.legacy-components .block-wide-text {
    padding: 2.25rem 0rem 2rem
}

@media (min-width:48em) {
    .legacy-components .block-wide-text {
        padding: 2.75rem 0rem 2.5rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-wide-text__body {
        padding-left: 12.77056%;
        padding-right: 12.77056%
    }
}

@media (min-width:64em) {
    .legacy-components .block-wide-text__body.text--left {
        padding-left: 0%;
        padding-right: 12.77056%
    }
}

@media (min-width:64em) {
    .legacy-components .block-wide-text__body.text--right {
        padding-left: 12.77056%;
        padding-right: 0%
    }
}

.legacy-components .block-wide-text__content {
    margin-bottom: 0.625rem
}

.legacy-components .block-wide-text__content p {
    margin-bottom: 0.625rem
}

.legacy-components .block-wide-text__title {
    color: #01579b;
    margin: 0rem 0rem 0.3125rem
}

.legacy-components .block-wide-text .more-arrow-right {
    font-size: 1.125rem
}

@media (min-width:90em) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body {
        padding-left: 20%;
        padding-right: 20%
    }
}

@media (min-width:64em) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body {
        padding-left: 10%;
        padding-right: 10%
    }
}

.legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__preheading {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #343741;
    display: block;
    font-size: 24px
}

.page-ja .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__preheading {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__preheading {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__preheading {
        font-family: 'Roboto'
    }
}

.legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__title {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    font-weight: 100;
    line-height: 1.4;
    color: #009ada
}

.page-ja .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__title {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__title {
        font-size: 24px
    }
}

.legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__content p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    line-height: 1.4;
    color: #343741
}

.page-ja .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__content p {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__content p {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .block-wide-text.alt-text .block-wide-text__body .block-wide-text__content p {
        font-family: 'Roboto'
    }
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text {
    padding: 2.25rem 0rem 2rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text {
        padding: 2.75rem 0rem 2.5rem
    }
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__body {
    position: relative
}

@media (min-width:64em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__body {
        padding-left: 12.77056%;
        padding-right: 12.77056%
    }
}

@media (min-width:64em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__body.text--left {
        padding-left: 0%;
        padding-right: 12.77056%
    }
}

@media (min-width:64em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__body.text--right {
        padding-left: 12.77056%;
        padding-right: 0%
    }
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__content {
    margin-bottom: 0.625rem
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__content p {
    margin-bottom: 0.625rem
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__link {
    margin-top: 20px
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__title {
    color: #fff;
    font-family: 'Oswald', Arial, Sans-Serif;
    margin: 0rem 0rem 0.3125rem;
    font-size: 1.875rem;
    font-weight: 500
}

@media (min-width:48em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__title {
        margin: 0rem 6.25rem 0.3125rem 6.25rem;
        font-size: 2.8125rem
    }
}

@media (min-width:64em) {
    .legacy-components .paragraphs-item-wide-text-v2 .block-wide-text__title {
        margin: 0rem 0rem 0.3125rem
    }
}

.legacy-components .paragraphs-item-wide-text-v2 .block-wide-text .more-arrow-right {
    font-size: 1.125rem
}

.legacy-components .block-buttons {
    padding: 2.5rem 0rem 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .block-buttons {
        padding: 3.125rem 0rem 1.5625rem
    }
}

.legacy-components .block-buttons .btn {
    display: block;
    margin-bottom: 1.5625rem;
    min-width: 13.125rem
}

@media (min-width:48em) {
    .legacy-components .block-buttons .btn {
        margin: 0rem 1.375rem 1.5625rem;
        min-width: 11.875rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .grid-article {
        padding: 0rem 0.9375rem
    }
}

.legacy-components .grid-article .big-title {
    margin-bottom: 0.5rem
}

@media (min-width:48em) {
    .legacy-components .grid-article .big-title {
        font-size: 1.5625rem;
        line-height: 1.875rem
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .grid-article__item:nth-child(2n+1) .grid-article__content:after {
        right: 100%;
        left: inherit;
        border-color: transparent #fff transparent transparent
    }
    .legacy-components .grid-article__item:nth-child(2n) {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:48em) {
    .legacy-components .grid-article__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64em) {
    .legacy-components .grid-article__item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%
    }
    .legacy-components .grid-article__item:nth-child(2n+1) {
        clear: both
    }
    .legacy-components .grid-article__item:nth-child(4n+1) .grid-article__content:after,
    .legacy-components .grid-article__item:nth-child(4n+2) .grid-article__content:after {
        right: 100%;
        left: inherit;
        border-color: transparent #fff transparent transparent
    }
    .legacy-components .grid-article__item:nth-child(4n+3),
    .legacy-components .grid-article__item:nth-child(4n+4) {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.legacy-components .grid-article__content {
    padding: 1.375rem 1.25rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .grid-article__content {
        padding: 2.0625rem 2.0625rem 2.5rem;
        width: 50%
    }
}

.legacy-components .grid-article__content:after {
    border: medium solid transparent;
    content: '';
    position: absolute;
    height: 0;
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components .grid-article__content:after {
        border-color: transparent transparent #fff;
        border-width: 0.75rem;
        bottom: 100%;
        left: 50%;
        margin-left: -0.75rem;
        top: inherit
    }
}

@media (min-width:48em) {
    .legacy-components .grid-article__content:after {
        border-color: transparent transparent transparent #fff;
        border-width: 1.25rem;
        margin-top: -1.25rem
    }
}

.legacy-components .grid-article__body {
    font-size: 0.875rem
}

.legacy-components .grid-article__image {
    font-size: 0;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .grid-article__image {
        width: 50%;
        overflow: hidden
    }
    .legacy-components .grid-article__image img {
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        width: auto
    }
}

.legacy-components .grid-article__link a {
    font-size: 1rem
}

@media (min-width:64em) {
    .legacy-components .grid-article {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

@media (min-width:90em) {
    .legacy-components .grid-article {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
    .legacy-components .grid-article:after {
        content: ' ';
        display: block;
        clear: both
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__left .block-threat-insight__date,
    .legacy-components .block-threat-insight--list .views-row .block-threat-insight__date {
        border-bottom: 0.0625rem solid #c4c2b9;
        float: left;
        margin-bottom: 0;
        padding-bottom: 0.3125rem;
        width: 7.1875rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__left .block-threat-insight__content,
    .legacy-components .block-threat-insight--list .views-row .block-threat-insight__content {
        border-left: 0.0625rem solid #c4c2b9;
        margin-left: 7.1875rem;
        padding-left: 1.25rem
    }
}

.legacy-components .block-threat-insight {
    padding: 2.375rem 0rem 2.5rem
}

.legacy-components .block-threat-insight .big-title {
    margin-bottom: 0.125rem
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__group {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__date {
        margin-bottom: 0.75rem
    }
}

.legacy-components .block-threat-insight__left {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__left {
        border-right: 0.0625rem solid #c4c2b9;
        margin-bottom: 0;
        padding-right: 1.375rem;
        width: 66.5%
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__left {
        padding-right: 2.625rem;
        width: 68.5%
    }
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__right {
        width: 33.5%
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__right {
        width: 31.5%
    }
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__right__top {
        padding-left: 1.375rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__right__top {
        padding-left: 2.625rem
    }
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight__right__bottom {
        border-top: 0.0625rem solid #c4c2b9;
        padding: 1.25rem 0rem 0rem 1.375rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-threat-insight__right__bottom {
        padding: 2.5rem 0rem 0rem 2.625rem
    }
}

.legacy-components .block-threat-insight__right .block-threat-insight__body {
    margin-bottom: 1.25rem
}

.legacy-components .block-threat-insight__image {
    margin-bottom: 1.25rem
}

.legacy-components .block-threat-insight__body {
    margin-bottom: 0.9375rem
}

.legacy-components .block-threat-insight--list {
    padding: 0
}

.legacy-components .block-threat-insight--list .views-row {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight--list .views-row {
        margin-bottom: 3.125rem
    }
}

.legacy-components .block-threat-insight--list .views-row:last-of-type {
    margin-bottom: 0
}

.legacy-components .block-threat-insight--list .pager {
    margin-bottom: 0;
    margin-top: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .block-threat-insight--list .pager {
        margin-top: 3.125rem
    }
}

@media (min-width:48em) {
    .legacy-components .bg--orange .block-threat-insight__left,
    .legacy-components .bg--teal .block-threat-insight__left,
    .legacy-components .bg--blue .block-threat-insight__left {
        border-color: #fff
    }
}

@media (min-width:48em) {
    .legacy-components .bg--orange .block-threat-insight__left .block-threat-insight__date,
    .legacy-components .bg--teal .block-threat-insight__left .block-threat-insight__date,
    .legacy-components .bg--blue .block-threat-insight__left .block-threat-insight__date {
        border-color: #fff
    }
}

@media (min-width:48em) {
    .legacy-components .bg--orange .block-threat-insight__left .block-threat-insight__content,
    .legacy-components .bg--teal .block-threat-insight__left .block-threat-insight__content,
    .legacy-components .bg--blue .block-threat-insight__left .block-threat-insight__content {
        border-color: #fff
    }
}

@media (min-width:48em) {
    .legacy-components .bg--orange .block-threat-insight__right__bottom,
    .legacy-components .bg--teal .block-threat-insight__right__bottom,
    .legacy-components .bg--blue .block-threat-insight__right__bottom {
        border-color: #fff
    }
}

.legacy-components .box-feature {
    padding: 2.5rem 0rem 0.9375rem
}

.legacy-components .box-feature:before,
.legacy-components .box-feature:after {
    content: '';
    display: table
}

.legacy-components .box-feature:after {
    clear: both
}

@media (min-width:48em) {
    .legacy-components .box-feature {
        padding: 3.125rem 0rem 0.75rem
    }
}

.legacy-components .box-feature__left,
.legacy-components .box-feature__right {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .box-feature--bigleft .box-feature__left {
        width: 65.61404%;
        float: left;
        margin-right: 3.15789%;
        padding-right: 1.25rem
    }
    .legacy-components .box-feature--bigleft .box-feature__right {
        width: 31.22807%;
        float: right;
        margin-right: 0
    }
    .legacy-components .box-feature--bigright .box-feature__left {
        width: 31.22807%;
        float: left;
        margin-right: 3.15789%
    }
    .legacy-components .box-feature--bigright .box-feature__right {
        width: 65.61404%;
        float: right;
        margin-right: 0;
        padding-left: 1.25rem
    }
}

.legacy-components .box-feature__title {
    color: #51788d
}

.legacy-components .box-feature__description {
    font-size: 0.5625rem
}

.legacy-components .box-feature .form-actions {
    margin-bottom: 1.25rem;
    text-align: center
}

.legacy-components .social-list a {
    color: #fff;
    display: block;
    height: 2.125rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 2.125rem;
    background: #878a8f;
    border: 0.0625rem solid #38373d;
    border-radius: 50%
}

.legacy-components .social-list a:before {
    display: block;
    font-size: 1.25rem;
    height: 2.125rem;
    line-height: 1.75;
    text-align: center;
    text-indent: 0;
    opacity: 0.5
}

.legacy-components .social-list a:hover {
    border: 0.0625rem solid #fff
}

.legacy-components .social-list a:hover:before {
    opacity: 1
}

.legacy-components .social-list li {
    display: inline-block;
    margin-right: 0.625rem
}

.legacy-components .social-list li:last-of-type {
    margin-right: 0
}

.legacy-components .box-stacks {
    padding: 2.5rem 0rem 0.1875rem
}

@media (min-width:48em) {
    .legacy-components .box-stacks {
        padding: 3.125rem 0rem 0.625rem
    }
}

.legacy-components .box-stacks .views-row,
.legacy-components .box-stacks__item {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .box-stacks .views-row,
    .legacy-components .box-stacks__item {
        width: 31.39535%;
        float: left
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+1),
    .legacy-components .box-stacks__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+2),
    .legacy-components .box-stacks__item:nth-child(3n+2) {
        margin-left: 34.30233%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+3),
    .legacy-components .box-stacks__item:nth-child(3n+3) {
        margin-left: 68.60465%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:64em) {
    .legacy-components .box-stacks .views-row,
    .legacy-components .box-stacks__item {
        width: 29.41176%;
        float: left
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+1),
    .legacy-components .box-stacks__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+2),
    .legacy-components .box-stacks__item:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .box-stacks .views-row:nth-child(3n+3),
    .legacy-components .box-stacks__item:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

.legacy-components .box-stacks__content {
    padding: 0rem 0.3125rem
}

.legacy-components .box-stacks .box-media__image {
    margin-bottom: 1.25rem
}

.legacy-components .box-stacks .box-media__links {
    margin-bottom: 0
}

.legacy-components .box-stacks--list {
    padding: 0rem 0rem 0.3125rem
}

@media (min-width:48em) {
    .legacy-components .box-stacks--list {
        padding: 0rem 0rem 0.75rem
    }
}

.legacy-components .box-stacks--list .pager {
    margin-top: 0
}

.legacy-components .box-stacks--date .big-title {
    color: #343741
}

.legacy-components .box-stacks--date.granite-green .big-title {
    color: #898574
}

.legacy-components .box-stacks--date.bg--orange .big-title,
.legacy-components .box-stacks--date.bg--teal .big-title,
.legacy-components .box-stacks--date.bg--blue .big-title {
    color: #fff
}

.legacy-components .block-article {
    padding: 2.3125rem 0rem 0.625rem
}

@media (min-width:48em) {
    .legacy-components .block-article {
        padding: 2.9375rem 0rem 1rem
    }
}

.legacy-components .block-article__date {
    margin-bottom: 0.1875rem
}

.legacy-components .block-article__image {
    margin-bottom: 0.9375rem
}

.legacy-components .block-article__body {
    margin-bottom: 0.9375rem
}

.legacy-components .block-article__link a {
    font-size: 1.125rem
}

.legacy-components .block-article__left {
    margin-bottom: 1.5625rem
}

@media (min-width:48em) {
    .legacy-components .block-article__left {
        width: 65.94517%;
        float: left;
        margin-right: 2.1645%;
        padding-right: 0.3125rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-article__left {
        padding-right: 2.5rem
    }
}

.legacy-components .block-article__right {
    margin-bottom: 1.5625rem
}

@media (min-width:48em) {
    .legacy-components .block-article__right {
        width: 31.89033%;
        float: right;
        margin-right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .block-article--4cols .big-title,
    .legacy-components .block-article--3cols .big-title {
        font-size: 1.0625rem;
        margin-bottom: 0.1875rem;
        min-height: 2.875rem
    }
}

@media (min-width:48em) {
    .legacy-components .block-article--4cols .block-article__body,
    .legacy-components .block-article--3cols .block-article__body {
        font-size: 0.875rem
    }
}

.legacy-components .block-article--4cols .block-article__item,
.legacy-components .block-article--3cols .block-article__item {
    margin-bottom: 1.5625rem
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .block-article--4cols .block-article__item,
    .legacy-components .block-article--3cols .block-article__item {
        width: 48.91775%;
        float: left
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(2n+1),
    .legacy-components .block-article--3cols .block-article__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(2n+2),
    .legacy-components .block-article--3cols .block-article__item:nth-child(2n+2) {
        margin-left: 51.08225%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:64em) {
    .legacy-components .block-article--3cols .block-article__item {
        width: 29.41176%;
        float: left
    }
    .legacy-components .block-article--3cols .block-article__item:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .block-article--3cols .block-article__item:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-article--3cols .block-article__item:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:64em) {
    .legacy-components .block-article--4cols .block-article__item {
        width: 23.37662%;
        float: left
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(4n+2) {
        margin-left: 25.54113%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(4n+3) {
        margin-left: 51.08225%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-article--4cols .block-article__item:nth-child(4n+4) {
        margin-left: 76.62338%;
        margin-right: -100%;
        clear: none
    }
}

.legacy-components .block-flat .container {
    padding-bottom: 1.25rem;
    padding-top: 2.1875rem
}

@media (min-width:48em) {
    .legacy-components .block-flat .container {
        padding-bottom: 2.1875rem;
        padding-top: 2.8125rem
    }
}

.legacy-components .block-flat .btn-download {
    margin-bottom: 0.9375rem;
    max-width: 13.125rem
}

@media (min-width:48em) {
    .legacy-components .block-flat .btn-download {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .block-flat__left {
        width: 23.37662%;
        float: left;
        margin-right: 2.1645%
    }
}

@media (min-width:48em) {
    .legacy-components .block-flat__main {
        width: 74.45887%;
        float: right;
        margin-right: 0
    }
}

.legacy-components .block-flat__image {
    line-height: 0;
    margin-bottom: 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .block-flat__image {
        padding-top: 0.3125rem
    }
}

.legacy-components .block-flat__body {
    margin-bottom: 0.9375rem
}

.legacy-components .block-flat__link {
    clear: both;
    margin-bottom: 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .block-flat.block-with-img .block-flat__main {
        width: 48.91775%;
        float: left;
        margin-right: 2.1645%
    }
}

@media (min-width:48em) {
    .legacy-components .block-flat.block-with-img .block-flat__right {
        width: 23.37662%;
        float: right;
        margin-right: 0
    }
}

.legacy-components .block-flat.has-border .container {
    border-top: 0.0625rem solid #e7e4de
}

@media (min-width:64em) {
    .legacy-components .block-flat.has-border .container {
        padding-top: 1.5rem
    }
}

.legacy-components .btn-download {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.0625rem solid #c2c0b8;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0rem 0.625rem 0.625rem 0rem;
    min-height: 4.0625rem;
    padding: 0.6875rem 0.9375rem 0.5625rem;
    vertical-align: middle
}

.legacy-components .btn-download span {
    display: block;
    color: #65646b;
    font-size: 0.875rem
}

.legacy-components .bg--orange .btn-download span,
.legacy-components .bg--teal .btn-download span,
.legacy-components .bg--blue .btn-download span {
    color: #fff
}

.legacy-components .btn-download>div {
    vertical-align: middle;
    display: inline-block;
    text-align: right
}

.legacy-components .btn-download h5 {
    font-size: 0.875rem;
    color: #5b5b5b;
    margin: 0
}

.legacy-components .bg--orange .btn-download h5,
.legacy-components .bg--teal .btn-download h5,
.legacy-components .bg--blue .btn-download h5 {
    color: #fff
}

.legacy-components .btn-download [class*='icon-'] {
    font-size: 1.875rem;
    line-height: 0;
    margin-left: 0.625rem
}

.legacy-components .box-title {
    padding: 1.875rem 0rem 1.25rem
}

.legacy-components .box-title:before,
.legacy-components .box-title:after {
    content: '';
    display: table
}

.legacy-components .box-title:after {
    clear: both
}

@media (min-width:48em) {
    .legacy-components .box-title {
        padding: 2.5rem 0rem
    }
}

.legacy-components .box-title__title {
    margin-bottom: 0
}

@media (min-width:48em) {
    .legacy-components .box-title__title {
        font-size: 2.5rem;
        padding-top: 0.5rem
    }
}

.legacy-components .box-title__col-left {
    margin-bottom: 0.625rem;
    text-align: center
}

@media (min-width:48em) {
    .legacy-components .box-title__col-left {
        margin-bottom: 0;
        text-align: left;
        width: 50%
    }
}

@media (min-width:64em) {
    .legacy-components .box-title__col-left {
        width: 60%
    }
}

.legacy-components .box-title__col-right {
    text-align: center
}

@media (min-width:48em) {
    .legacy-components .box-title__col-right {
        padding-left: 1.25rem;
        text-align: right;
        width: 50%
    }
}

@media (min-width:64em) {
    .legacy-components .box-title__col-right {
        width: 40%
    }
}

.legacy-components .box-title__col-right .btn {
    margin: 0rem 0.625rem 0.9375rem;
    min-width: 6.875rem
}

@media (min-width:48em) {
    .legacy-components .box-title__col-right .btn {
        margin: 0.5rem 0rem 0.5rem 1.25rem
    }
    .legacy-components .box-title__col-right .btn:first-child {
        margin-left: 0
    }
}

@media (min-width:48em) {
    .legacy-components .box-title__group {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.legacy-components .pager {
    font-size: 0.875rem;
    display: block;
    padding: 30px 20px;
    text-align: center
}

.legacy-components .pager li {
    display: inline-block;
    padding: 0 5px;
    font-size: 16px
}

.legacy-components .pager .pager-ellipsis {
    color: #009ada
}

.legacy-components .pager-first a,
.legacy-components .pager-previous a,
.legacy-components .pager-next a,
.legacy-components .pager-last a {
    font-size: 0px !important;
    position: relative;
    height: 0px;
    top: 0;
    overflow: hidden
}

.legacy-components .pager-first a:before,
.legacy-components .pager-previous a:before,
.legacy-components .pager-next a:before,
.legacy-components .pager-last a:before {
    font-size: 1.375rem;
    left: 0;
    top: 0;
    position: absolute;
    text-align: center;
    text-indent: 0;
    margin-top: -7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.legacy-components .video-feature {
    overflow: hidden;
    position: relative
}

@media (min-width:64em) {
    .legacy-components .video-feature {
        height: calc(100vw / 2.4)
    }
}

.legacy-components .video-feature .container {
    width: 100%
}

@media (min-width:64em) {
    .legacy-components .video-feature .container {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:64em) {
    .legacy-components .video-feature__iframe,
    .legacy-components .video-feature__video,
    .legacy-components .video-feature__image {
        left: 0;
        position: absolute;
        right: 0
    }
}

.legacy-components .video-feature__image {
    line-height: 0;
    display: none
}

.touch .legacy-components .video-feature__image {
    display: block
}

.legacy-components .video-feature__iframe,
.legacy-components .video-feature__video {
    position: relative;
    margin-bottom: 0;
    display: block
}

.legacy-components .video-feature__iframe:before,
.legacy-components .video-feature__video:before {
    background: rgba(0, 0, 0, 0.3);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.touch .legacy-components .video-feature__iframe,
.touch .legacy-components .video-feature__video {
    display: none
}

.legacy-components .video-feature video {
    display: block;
    height: auto;
    width: 100%
}

.legacy-components .video-feature video::-webkit-media-controls {
    display: none !important
}

.legacy-components .video-feature__content {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 3
}

.legacy-components .video-feature .btn {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    opacity: 0
}

.legacy-components .video-feature__title {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
    margin-bottom: 0.625rem;
    opacity: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components .video-feature__title {
        font-size: 1.625rem
    }
}

@media (min-width:48em) {
    .legacy-components .video-feature__title {
        padding-left: 8.51371%;
        padding-right: 8.51371%;
        line-height: 1.1;
        margin-bottom: 1.5625rem
    }
}

.legacy-components .box-overview {
    padding: 2.1875rem 0rem 1.25rem
}

@media (min-width:48em) {
    .legacy-components .box-overview {
        padding: 2.8125rem 0rem 1.875rem
    }
}

.legacy-components .box-overview__title {
    color: #01579b
}

@media (min-width:48em) {
    .legacy-components .box-overview__title {
        width: 10.125rem;
        padding-right: 0.9375rem;
        float: left
    }
}

@media (min-width:48em) {
    .legacy-components .box-overview__description {
        margin-left: 10.125rem
    }
}

.legacy-components .news-list {
    padding: 0rem 0rem 0.3125rem
}

@media (min-width:48em) {
    .legacy-components .news-list {
        padding: 0rem 0rem 0.75rem
    }
}

.legacy-components .news-list .short-date {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-right: 0.3125rem
}

.legacy-components .news-list .big-title {
    margin-bottom: 0
}

.legacy-components .news-list .views-row {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .news-list .views-row {
        margin-bottom: 1.25rem
    }
}

.legacy-components .news-list .field-name-field-type,
.legacy-components .news-list__type {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 1.0625rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem
}

.legacy-components .news-list__body p {
    margin-bottom: 0
}

.news-list .legacy-components .news-list__body {
    margin-bottom: 0
}

.legacy-components .news-list__image {
    margin-bottom: 0.9375rem
}

@media (min-width:48em) {
    .legacy-components .news-list__image {
        width: 38.23529%;
        float: left
    }
}

@media (min-width:90em) {
    .legacy-components .news-list__image {
        width: 30.03802%;
        float: left
    }
}

@media (min-width:48em) {
    .legacy-components .news-list__image+.legacy-components .news-list__group {
        width: 55.88235%
    }
}

@media (min-width:90em) {
    .legacy-components .news-list__image+.legacy-components .news-list__group {
        width: 65.01901%
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .box-quote__image {
        margin-bottom: 0.9375rem
    }
}

@media (min-width:48em) {
    .legacy-components .box-quote__image {
        width: 20.52174%;
        float: left;
        padding: 2.5rem 1.875rem 2.5rem 0rem
    }
}

@media (min-width:64em) {
    .legacy-components .box-quote__image {
        padding-left: 2.8125rem;
        padding-right: 2.8125rem
    }
}

@media (min-width:90em) {
    .legacy-components .box-quote__image {
        padding-right: 5.5rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .box-quote__image img {
        margin: 0 auto
    }
}

@media (min-width:90em) {
    .legacy-components .box-quote__image img {
        width: 100%
    }
}

.legacy-components .box-quote__content {
    border-left: 0.1875rem solid #c4c2b9;
    padding: 1.1875rem 0rem 0.9375rem 1.875rem
}

@media (min-width:48em) {
    .legacy-components .box-quote__content {
        width: 79.47826%;
        float: right;
        margin-right: 0;
        padding: 1.1875rem 0rem 0.9375rem 1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .box-quote__content {
        padding-left: 2.8125rem;
        padding-right: 2.8125rem
    }
}

@media (min-width:90em) {
    .legacy-components .box-quote__content {
        padding-left: 5.5rem;
        padding-right: 5.5rem
    }
}

.legacy-components .box-quote__body {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    color: rgba(95, 99, 105, 0.8);
    font-size: 1.4375rem;
    line-height: 1.33;
    margin-bottom: 0.75rem;
    text-transform: uppercase
}

.legacy-components .box-quote__body p {
    margin-bottom: 0
}

.legacy-components .box-quote__author,
.legacy-components .box-quote__description {
    font-size: 0.9375rem
}

.legacy-components .box-quote__author {
    font-weight: 700
}

@media (min-width:48em) {
    .legacy-components .box-quote--no-image .box-quote__content {
        float: none;
        margin-left: 2.8125rem;
        width: auto
    }
}

.legacy-components .box-quote-slide {
    padding: 2.5rem 0rem
}

@media (min-width:64em) {
    .legacy-components .box-quote-slide {
        padding: 3.125rem 0rem
    }
}

.legacy-components .bg--orange .box-quote__content,
.legacy-components .bg--teal .box-quote__content,
.legacy-components .bg--blue .box-quote__content {
    border-color: #fff
}

.legacy-components .bg--orange .box-quote__body,
.legacy-components .bg--teal .box-quote__body,
.legacy-components .bg--blue .box-quote__body {
    color: #fff
}

.legacy-components .form-banner__form {
    padding: 2.5rem 0rem 0.9375rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .form-banner__form {
        padding: 2.8125rem 0rem 0.9375rem
    }
}

.legacy-components .form-banner__form:before {
    border-color: #5b5b5b transparent transparent transparent;
    border-style: solid;
    border-width: 1.4375rem;
    bottom: -2.8125rem;
    content: '';
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 3
}

@media (min-width:30em) {
    .legacy-components .form-banner__form:before {
        display: none
    }
}

.legacy-components .form-banner__title,
.legacy-components .page-search-node .page-title {
    color: #fff;
    margin-bottom: 1.5625rem;
    text-align: center
}

.legacy-components .form-banner__title span,
.legacy-components .page-search-node .page-title span {
    font-size: 2.5rem
}

.legacy-components .form-banner__search {
    margin: 0 auto;
    max-width: 44rem;
    position: relative;
    width: 100%
}

.legacy-components .form-banner__search .form-text {
    border: 0;
    height: 3.125rem;
    padding-right: 4.4375rem;
    padding: 0.4375rem 4.4375rem 0.4375rem 0.9375rem;
    width: 100%
}

.legacy-components .form-banner__search .form-actions {
    background-color: #f17735;
    color: #fff;
    font-size: 1.25rem;
    height: 100%;
    line-height: 2.7;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 3.5rem
}

.legacy-components .form-banner__search .form-actions .form-submit {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.legacy-components .form-banner__actions {
    padding: 0.625rem 0rem 0rem
}

@media (min-width:48em) {
    .legacy-components .form-banner__actions {
        margin: 0 auto;
        max-width: 44rem
    }
}

.legacy-components .form-banner__actions .form-item {
    margin: 0
}

.legacy-components .form-banner__actions .form-item:before,
.legacy-components .form-banner__actions .form-item:after {
    content: '';
    display: table
}

.legacy-components .form-banner__actions .form-item:after {
    clear: both
}

.legacy-components .form-banner__actions li {
    color: #5b5b5b;
    display: block;
    margin-bottom: 0.625rem;
    text-align: left;
    text-transform: uppercase
}

@media screen and (max-width:29.9375em) {
    .legacy-components .form-banner__actions li {
        float: left;
        width: 50%
    }
}

@media (min-width:30em) {
    .legacy-components .form-banner__actions li {
        float: left;
        margin-right: 0.9375rem
    }
    .legacy-components .form-banner__actions li:last-of-type {
        float: right;
        margin-right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .form-banner__actions li {
        margin-right: 3.4375rem
    }
}

.legacy-components .form-banner__actions li a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    padding-left: 2.125rem;
    position: relative;
    transition: all 0.3s ease
}

.legacy-components .form-banner__actions li a:before {
    color: #ccc;
    left: 0;
    position: absolute;
    text-align: center;
    top: -0.1875rem;
    width: 1.25rem
}

.legacy-components .form-banner__actions li a:after {
    border-color: #5b5b5b transparent transparent transparent;
    border-style: solid;
    border-width: 1.4375rem;
    bottom: -4.5625rem;
    content: '';
    display: none;
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.legacy-components .form-banner__actions li a.icon-news-ppoint:before {
    font-size: 1.375rem
}

.legacy-components .form-banner__actions li a.icon-angle-down {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    padding: 0.3125rem 0rem 0.3125rem 1.375rem;
    text-transform: none
}

.page-ja .legacy-components .form-banner__actions li a.icon-angle-down {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .form-banner__actions li a.icon-angle-down {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .form-banner__actions li a.icon-angle-down {
        font-family: 'Roboto'
    }
}

.legacy-components .form-banner__actions li a.icon-angle-down:before,
.legacy-components .form-banner__actions li .bootstrap-select a.btn:after,
.legacy-components .bootstrap-select .form-banner__actions li a.btn:after,
.legacy-components .form-banner__actions li a.expanded-menu__button:after,
.legacy-components .form-banner__actions li a.link--arrow-down:after,
.legacy-components .form-banner__actions li .form-banner__content__date .form-type-date-popup a.form-type-textfield:after,
.legacy-components .form-banner__content__date .form-type-date-popup .form-banner__actions li a.form-type-textfield:after {
    top: 0.375rem;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    transition: all 0.5s ease
}

.legacy-components .form-banner__actions li a.active-advanced {
    z-index: 2
}

@media (min-width:48em) {
    .legacy-components .form-banner__actions li a.active-advanced:before {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

.legacy-components .form-banner__actions li a.active-search,
.legacy-components .form-banner__actions li a.active-advanced,
.legacy-components .form-banner__actions li a:hover {
    color: #009ada
}

.legacy-components .form-banner__actions li a.active-search:before,
.legacy-components .form-banner__actions li a.active-advanced:before,
.legacy-components .form-banner__actions li a:hover:before {
    color: #009ada
}

@media (min-width:30em) {
    .legacy-components .form-banner__actions li a.active-search:after,
    .legacy-components .form-banner__actions li a.active-advanced:after,
    .legacy-components .form-banner__actions li a:hover:after {
        display: block
    }
}

.legacy-components .form-banner__advanced {
    color: #c4c2b9;
    display: none;
    padding: 1.875rem 0rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .form-banner__advanced {
        padding: 2.5rem 0rem
    }
}

.legacy-components .form-banner__advanced .form-type-radio label:after,
.legacy-components .form-banner__advanced .form-type-checkbox label:after {
    background-color: #6e6d73
}

.legacy-components .form-banner__advanced .form-type-radio input:checked+label,
.legacy-components .form-banner__advanced .form-type-checkbox input:checked+label {
    color: #fff
}

.legacy-components .form-banner__advanced .form-type-radio input:checked+label:after,
.legacy-components .form-banner__advanced .form-type-checkbox input:checked+label:after {
    background-color: #fff;
    border-color: #fff
}

.legacy-components .form-banner__advanced .form-type-radio.error+label:after,
.legacy-components .form-banner__advanced .form-type-checkbox.error+label:after {
    border-color: #8c211e
}

.legacy-components .form-banner__advanced .form-type-checkboxes>label,
.legacy-components .form-banner__advanced .form-type-date-popup>label,
.legacy-components .form-banner__advanced .form-item-language>label,
.legacy-components .form-banner__advanced .label {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    display: block;
    font-size: 1.0625rem;
    margin-bottom: 0.3125rem
}

.legacy-components .form-banner__advanced .form-item-language {
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .legacy-components .form-banner__advanced .form-item-language {
        margin-bottom: 3.125rem
    }
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select .btn {
    border-color: #9b9a9c;
    color: #fff
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select .btn:after {
    color: #fff;
    font-size: 0.6875rem;
    right: 0.625rem;
    top: 0.5625rem
}

.legacy-components .form-banner__advanced .form-type-select .bootstrap-select.show-select .btn {
    color: #fff
}

@media (min-width:64em) {
    .legacy-components .form-banner__content {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.legacy-components .form-banner__content__item {
    padding-top: 0.625rem
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .form-banner__content__item {
        width: 48.69565%;
        float: left;
        margin-bottom: 0.625rem
    }
    .legacy-components .form-banner__content__item:nth-child(2n+1) {
        clear: both
    }
    .legacy-components .form-banner__content__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width:64em) {
    .legacy-components .form-banner__content__item {
        width: 38.43478%
    }
    .legacy-components .form-banner__content__item:nth-child(3n) {
        width: 17.91304%;
        margin-right: 0;
        padding-right: 0
    }
}

.legacy-components .form-banner__content__item:nth-child(3n+1) .form-type-checkboxes>label,
.legacy-components .form-banner__content__item:nth-child(3n+2) .form-type-checkboxes>label {
    border-bottom: 0.0625rem solid #7a797f;
    margin-bottom: 1.75rem;
    padding-bottom: 0.75rem
}

@media (min-width:30em) {
    .legacy-components .form-banner__content__item:nth-child(3n+1) .form-banner__group .form-item {
        width: 48.91775%;
        float: left
    }
    .legacy-components .form-banner__content__item:nth-child(3n+1) .form-banner__group .form-item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .form-banner__content__item:nth-child(3n+1) .form-banner__group .form-item:nth-child(2n+2) {
        margin-left: 51.08225%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:48em) {
    .legacy-components .form-banner__content__date {
        margin-bottom: 1.375rem
    }
}

.legacy-components .form-banner__content__date .form-type-select .bootstrap-select .btn {
    padding-left: 3.25rem
}

.legacy-components .form-banner__content__date .form-type-select .bootstrap-select .btn:before {
    background-color: #8b8a8f;
    color: #343741;
    height: 100%;
    left: 0;
    line-height: 2.8;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.5rem
}

.legacy-components .form-banner__content__date .form-type-date-popup {
    margin-bottom: 0.625rem;
    width: 100%
}

.legacy-components .form-banner__content__date .form-type-date-popup .date-padding {
    float: none
}

.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield {
    position: relative;
    width: 100%
}

.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:before {
    background-color: #8b8a8f;
    color: #343741;
    height: 100%;
    left: 0;
    line-height: 2.8;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.5rem
}

@media (min-width:90em) {
    .legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:before {
        width: 2.8125rem
    }
}

.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield:after {
    color: #fff;
    font-size: 0.6875rem;
    right: 0.75rem;
    top: 1rem;
    position: absolute
}

.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield .description,
.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield label {
    display: none
}

.legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield .form-text {
    width: 100%;
    background-color: #343741;
    border-color: #9b9a9c;
    color: #fff;
    font-size: 0.875rem;
    height: 2.5rem;
    margin-right: 0;
    overflow: hidden;
    padding: 0.5625rem 1.5625rem 0.5rem 3.25rem
}

@media (min-width:90em) {
    .legacy-components .form-banner__content__date .form-type-date-popup .form-type-textfield .form-text {
        padding-left: 3.5625rem
    }
}

.legacy-components .form-banner__content .form-submit:hover {
    background-color: #01579b;
    border-color: #01579b
}

@media (min-width:64em) {
    .legacy-components .form-banner__content .form-submit {
        width: 100%;
        min-width: inherit
    }
}

.legacy-components .form-banner.active-advanced .form-banner__actions li a.active-search {
    color: #ccc
}

.legacy-components .form-banner.active-advanced .form-banner__actions li a.active-search:before {
    color: #ccc
}

@media (min-width:48em) {
    .legacy-components .form-banner.active-advanced .form-banner__actions li a.active-search:after {
        display: none
    }
}

.legacy-components .form-banner.active-advanced .form-banner__actions li a.sitewide-link {
    color: #009ada
}

.legacy-components .form-banner.active-advanced .form-banner__actions li a.sitewide-link:before {
    color: #009ada
}

.legacy-components .region-content .ajax-progress {
    display: block;
    position: relative
}

.legacy-components .region-content .ajax-progress .throbber {
    bottom: 0.125rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0
}

.legacy-components .block-carousel {
    overflow: hidden;
    position: relative
}

.legacy-components .block-carousel__item {
    position: relative
}

.legacy-components .block-carousel__image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.legacy-components .block-carousel__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.legacy-components .block-carousel__content {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    height: 25.8125rem;
    left: 0;
    padding-top: 5rem;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .block-carousel__content {
        padding-left: 8.51371%;
        padding-right: 8.51371%
    }
}

.legacy-components .block-carousel__content .btn {
    display: inline-block
}

.legacy-components .block-carousel .slick-arrow {
    background: rgba(91, 91, 91, 0.6);
    border-radius: 50%;
    height: 3.125rem;
    margin-top: 0;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    width: 3.125rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .block-carousel .slick-arrow {
        display: none !important
    }
}

.legacy-components .block-carousel .slick-arrow:before {
    color: #fff
}

.legacy-components .block-carousel .slick-arrow:hover {
    background-color: #f17735
}

.legacy-components .block-carousel .slick-arrow.slick-next {
    right: 0
}

.legacy-components .block-carousel .slick-arrow.slick-prev {
    left: 0
}

.legacy-components .block-carousel:hover .slick-arrow {
    opacity: 1
}

.legacy-components .block-carousel:hover .slick-arrow.slick-next {
    right: 0.3125rem
}

.legacy-components .block-carousel:hover .slick-arrow.slick-prev {
    left: 0.3125rem
}

@media (min-width:48em) {
    .legacy-components .block-carousel:hover .slick-arrow.slick-next {
        right: 0.9375rem
    }
    .legacy-components .block-carousel:hover .slick-arrow.slick-prev {
        left: 0.9375rem
    }
}

.legacy-components .block-bio {
    padding: 2.5rem 0rem 2.1875rem
}

@media (min-width:48em) {
    .legacy-components .block-bio {
        padding: 2.8125rem 0rem 2.5rem
    }
}

.legacy-components .block-bio__item {
    border-bottom: 0.1875rem solid #c4c2b9;
    padding-bottom: 0.9375rem;
    margin-bottom: 1.875rem
}

.legacy-components .block-bio__item:before,
.legacy-components .block-bio__item:after {
    content: '';
    display: table
}

.legacy-components .block-bio__item:after {
    clear: both
}

.legacy-components .block-bio__item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0
}

.legacy-components .block-bio__item>div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media (min-width:48em) {
    .legacy-components .block-bio__item>div {
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }
}

@media (min-width:48em) {
    .legacy-components .block-bio__item {
        margin-bottom: 1.5625rem;
        border-bottom: none
    }
}

.legacy-components .block-bio__item:last-of-type {
    border-bottom: none
}

.legacy-components .block-bio__image {
    margin-bottom: 0.625rem
}

@media (min-width:48em) {
    .legacy-components .block-bio__image {
        margin-bottom: 0
    }
}

@media (min-width:48em) {
    .legacy-components .block-bio__image img {
        margin-right: 2.5rem
    }
}

.legacy-components .block-bio__content {
    margin-top: 0.3125rem;
    padding-top: 0.625rem;
    text-align: center
}

@media (min-width:48em) {
    .legacy-components .block-bio__content {
        border-left: 0.1875rem solid #c4c2b9;
        border-top: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5625rem 0rem 1.5625rem 1.5625rem;
        text-align: left;
        width: calc(100% - 200px)
    }
}

@media (min-width:48em) {
    .legacy-components .bg--orange .block-bio__content,
    .legacy-components .bg--teal .block-bio__content,
    .legacy-components .bg--blue .block-bio__content {
        border-color: #fff
    }
}

.legacy-components .form-rss {
    padding: 2.5rem 0rem
}

@media (min-width:48em) {
    .legacy-components .form-rss {
        padding: 3.125rem 0rem 2.1875rem
    }
}

@media (min-width:48em) {
    .legacy-components .form-rss form {
        padding-left: 10.26087%;
        padding-right: 10.26087%
    }
}

@media (min-width:48em) {
    .legacy-components .form-rss .form-actions,
    .legacy-components .form-rss .form-type-select,
    .legacy-components .form-rss__title {
        float: left
    }
}

.legacy-components .form-rss__title {
    font-size: 1.0625rem;
    margin-bottom: 0.625rem;
    width: 8.25rem
}

@media (min-width:48em) {
    .legacy-components .form-rss__title {
        margin-bottom: 0;
        padding-top: 0.375rem
    }
}

.legacy-components .form-rss__title:before {
    color: #009ada;
    font-size: 1.375rem;
    margin-right: 1.125rem;
    position: relative;
    top: 0.3125rem
}

@media (min-width:48em) {
    .legacy-components .form-rss .form-type-select {
        padding-right: 0.9375rem;
        width: calc((100% - 16rem) / 2)
    }
}

.legacy-components .form-rss .form-actions {
    width: 7.75rem
}

.legacy-components .form-rss .form-submit {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.0625rem;
    padding: 0.75rem 0.3125rem 0.5625rem;
    width: 100%
}

.legacy-components .split-stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%
}

@media (min-width:64em) {
    .legacy-components .split-stats {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.legacy-components .split-stats__left,
.legacy-components .split-stats__right {
    font-family: 'BebasNeue-Bold', Helvetica, Arial, sans-serif;
    position: relative
}

@media screen and (max-width:63.9375em) {
    .legacy-components .split-stats__left,
    .legacy-components .split-stats__right {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:64em) {
    .legacy-components .split-stats__left,
    .legacy-components .split-stats__right {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%
    }
}

@media (min-width:64em) {
    .legacy-components .split-stats__left {
        padding-left: calc((100% - 71.25rem) / 2);
        padding-right: 4.375rem
    }
}

@media (min-width:90em) {
    .legacy-components .split-stats__left {
        padding-right: 6.25rem;
        padding-left: calc((100% - 78.75rem) / 2)
    }
}

.legacy-components .split-stats__right {
    position: relative
}

@media (min-width:64em) {
    .legacy-components .split-stats__right {
        padding-left: 4.375rem;
        padding-right: calc((100% - 71.25rem) / 2)
    }
}

@media (min-width:90em) {
    .legacy-components .split-stats__right {
        padding-left: 6.25rem;
        padding-right: calc((100% - 78.75rem) / 2)
    }
}

.legacy-components .split-stats__right ul li {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    padding-left: 2.1875rem;
    position: relative
}

@media (min-width:64em) {
    .legacy-components .split-stats__right ul li {
        font-size: 1.5rem
    }
}

.legacy-components .split-stats__right ul li:before {
    display: block;
    font-size: 1.25rem;
    left: 0;
    position: absolute;
    top: 0.1875rem
}

.legacy-components .split-stats__image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.legacy-components .split-stats__image img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.legacy-components .split-stats__content {
    color: #fff;
    padding: 2.5rem 1.25rem;
    position: relative;
    z-index: 1
}

@media (min-width:48em) {
    .legacy-components .split-stats__content {
        padding: 2.5rem 0rem
    }
}

.legacy-components .split-stats__title {
    margin-bottom: 1.5625rem
}

.legacy-components .split-stats__title h3 {
    font-size: 3.125rem
}

@media (min-width:30em) {
    .legacy-components .split-stats__title h3 {
        font-size: 3.75rem
    }
}

@media (min-width:90em) {
    .legacy-components .split-stats__title h3 {
        font-size: 5rem
    }
}

.legacy-components .split-stats__title .sub--title {
    font-family: 'BebasNeue-Bold', Helvetica, Arial, sans-serif;
    font-size: 1.25rem
}

@media (min-width:30em) {
    .legacy-components .split-stats__title .sub--title {
        font-size: 1.375rem
    }
}

@media (min-width:64em) {
    .legacy-components .split-stats__title .sub--title {
        font-size: 2rem
    }
}

.legacy-components .split-stats__group-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.legacy-components .split-stats__group-title:before,
.legacy-components .split-stats__group-title:after {
    content: '';
    display: table
}

.legacy-components .split-stats__group-title:after {
    clear: both
}

@media screen and (max-width:47.9375em) {
    .legacy-components .split-stats__group-title {
        margin: 0rem -0.625rem
    }
}

.legacy-components .split-stats__group-title .split-stats__title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0.3125rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .split-stats__group-title .split-stats__title {
        padding: 0rem 0.625rem
    }
}

.legacy-components .split-stats .list--data {
    opacity: 0.7
}

.legacy-components .split-stats .list--data li {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.25rem;
    margin-bottom: 0.9375rem;
    position: relative
}

.legacy-components .split-stats .list--data__icon {
    min-width: 4.375rem;
    text-align: center
}

@media (min-width:30em) {
    .legacy-components .split-stats .list--data__icon {
        min-width: 5.9375rem
    }
}

.legacy-components .split-stats .list--data__icon:before {
    font-size: 2.8125rem;
    margin-right: 1.5625rem
}

@media (min-width:30em) {
    .legacy-components .split-stats .list--data__icon:before {
        font-size: 3.75rem;
        margin-right: 2.1875rem
    }
}

.legacy-components .split-stats .list--data__number {
    font-size: 1.25rem
}

@media (min-width:30em) {
    .legacy-components .split-stats .list--data__number {
        font-size: 1.375rem
    }
}

@media (min-width:64em) {
    .legacy-components .split-stats .list--data__number {
        font-size: 2.1875rem;
        line-height: 1
    }
    .legacy-components .split-stats .list--data__number+span {
        margin-top: -0.25rem
    }
}

.legacy-components .split-stats .list--data span {
    display: block
}

.legacy-components .carousel-announcement .big-title {
    font-size: 1.5625rem;
    line-height: 1.2;
    margin-bottom: 0.25rem
}

.legacy-components .carousel-announcement__type {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    background-color: #f17735;
    color: #fff;
    display: inline-block;
    font-size: 0.9375rem;
    letter-spacing: 0.06938rem;
    margin-bottom: 1.8125rem;
    padding: 0.375rem 0.75rem 0.125rem
}

.legacy-components .carousel-announcement__type:before {
    font-size: 1.0625rem;
    margin-right: 0.4375rem;
    position: relative;
    top: 0.0625rem
}

.legacy-components .carousel-announcement__body {
    font-size: 0.875rem
}

.legacy-components .carousel-announcement__body p {
    margin-bottom: 0
}

.legacy-components .carousel-announcement__info {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.0625rem;
    margin-top: 0.75rem
}

.legacy-components .carousel-announcement__info span {
    display: inline-block
}

.legacy-components .carousel-announcement__info span:before {
    font-size: 0.8125rem;
    margin-right: 0.4375rem;
    position: relative;
    top: -0.0625rem
}

.legacy-components .carousel-announcement__info span.date-display-start {
    padding-left: 1.25rem;
    position: relative
}

.legacy-components .carousel-announcement__info span.date-display-start:before {
    left: 0;
    position: absolute;
    top: 0.25rem
}

.legacy-components .carousel-announcement__info span.icon-location-ppoint {
    display: block
}

.legacy-components .carousel-announcement-slide {
    color: #b0b0b1;
    padding: 3.125rem 0rem;
    position: relative
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide:after,
    .legacy-components .carousel-announcement-slide:before {
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        width: 1.875rem;
        z-index: 1
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide:after,
    .legacy-components .carousel-announcement-slide:before {
        width: 3.625rem
    }
}

.bg--desert-storm .legacy-components .carousel-announcement-slide:after,
.bg--desert-storm .legacy-components .carousel-announcement-slide:before {
    background-color: #f9f9f7
}

.bg--white .legacy-components .carousel-announcement-slide:after,
.bg--white .legacy-components .carousel-announcement-slide:before {
    background-color: #fff
}

.bg--light-tan .legacy-components .carousel-announcement-slide:after,
.bg--light-tan .legacy-components .carousel-announcement-slide:before {
    background-color: #f4f3f0
}

.bg--light-grey .legacy-components .carousel-announcement-slide:after,
.bg--light-grey .legacy-components .carousel-announcement-slide:before {
    background-color: #f3f5f6
}

.bg--slate-grey .legacy-components .carousel-announcement-slide:after,
.bg--slate-grey .legacy-components .carousel-announcement-slide:before {
    background-color: #dce4e7
}

.bg--teal .legacy-components .carousel-announcement-slide:after,
.bg--teal .legacy-components .carousel-announcement-slide:before {
    background-color: #669d86
}

.bg--blue .legacy-components .carousel-announcement-slide:after,
.bg--blue .legacy-components .carousel-announcement-slide:before {
    background-color: #51788d
}

.bg--orange .legacy-components .carousel-announcement-slide:after,
.bg--orange .legacy-components .carousel-announcement-slide:before {
    background-color: #f17735
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide:after {
        right: -1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide:after {
        right: -3.625rem
    }
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide:before {
        left: -1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide:before {
        left: -3.625rem
    }
}

.legacy-components .carousel-announcement-slide .slick-arrow {
    z-index: 2
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide .slick-list {
        margin: 0 -1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide .slick-list {
        margin: 0 -3.625rem
    }
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide__item {
        padding: 0 1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide__item {
        padding: 0 3.625rem
    }
}

@media (min-width:30em) {
    .legacy-components .carousel-announcement-slide__item:before {
        border-left: 0.0625rem solid #e8e7e4;
        content: '';
        height: 100%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-1.875rem);
        -ms-transform: translateX(-1.875rem);
        transform: translateX(-1.875rem)
    }
}

@media (min-width:64em) {
    .legacy-components .carousel-announcement-slide__item:before {
        -webkit-transform: translateX(-3.625rem);
        -ms-transform: translateX(-3.625rem);
        transform: translateX(-3.625rem)
    }
}

.legacy-components .bg--orange .carousel-announcement-slide,
.legacy-components .bg--teal .carousel-announcement-slide,
.legacy-components .bg--blue .carousel-announcement-slide {
    color: #fff
}

.legacy-components .bg--orange .carousel-announcement-slide__item:before,
.legacy-components .bg--teal .carousel-announcement-slide__item:before,
.legacy-components .bg--blue .carousel-announcement-slide__item:before {
    border-color: #fff
}

.legacy-components .block-awards {
    padding: 2.1875rem 0rem 1.25rem
}

@media (min-width:48em) {
    .legacy-components .block-awards {
        padding: 2.8125rem 0rem 1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .block-awards {
        padding: 5.25rem 0rem 5.8125rem
    }
}

@media (min-width:90em) {
    .legacy-components .block-awards .section-title {
        margin-bottom: 3.25rem
    }
}

.legacy-components .block-awards__item {
    width: 46.60633%;
    float: left;
    margin-bottom: 1.25rem;
    display: block
}

.legacy-components .block-awards__item:nth-child(2n+1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0
}

.legacy-components .block-awards__item:nth-child(2n+2) {
    margin-left: 53.39367%;
    margin-right: -100%;
    clear: none
}

@media (min-width:48em) {
    .legacy-components .block-awards__item {
        width: 17.91304%;
        float: left
    }
    .legacy-components .block-awards__item:nth-child(5n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .block-awards__item:nth-child(5n+2) {
        margin-left: 20.52174%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-awards__item:nth-child(5n+3) {
        margin-left: 41.04348%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-awards__item:nth-child(5n+4) {
        margin-left: 61.56522%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .block-awards__item:nth-child(5n+5) {
        margin-left: 82.08696%;
        margin-right: -100%;
        clear: none
    }
}

.legacy-components .block-awards__text,
.legacy-components .block-awards__image {
    max-width: 11.25rem;
    width: 100%
}

.legacy-components .block-awards__image {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 5rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.25rem
}

.legacy-components .block-awards__text {
    border-top: 0.0625rem solid #dce4e7;
    color: #c4c2b9;
    font-size: 0.8125rem;
    line-height: 1.33;
    padding-top: 0.8125rem
}

.legacy-components .block-awards__text p {
    margin-bottom: 0
}

.legacy-components .resource-report {
    background-color: #f9f9f9
}

.legacy-components .resource-report__header {
    border-bottom: 0.0625rem solid #dce4e7;
    margin-bottom: 2.1875rem;
    padding: 1.875rem 0rem
}

.legacy-components .resource-report__header:before,
.legacy-components .resource-report__header:after {
    content: '';
    display: table
}

.legacy-components .resource-report__header:after {
    clear: both
}

@media screen and (max-width:47.9375em) {
    .legacy-components .resource-report__header {
        text-align: center
    }
    .legacy-components .resource-report__header .resource-report__header__title {
        margin-bottom: 1.25rem
    }
}

@media (min-width:48em) {
    .legacy-components .resource-report__header__title {
        float: left
    }
}

@media (min-width:48em) {
    .legacy-components .resource-report__header .btn {
        float: right
    }
}

.legacy-components .resource-report__grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0.625rem
}

.legacy-components .resource-report__item {
    background-color: #fff;
    border: 0.0625rem solid #dce4e7;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.25rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .resource-report__item {
        width: calc((100% - 20px) / 2)
    }
    .legacy-components .resource-report__item:not(:nth-child(2n)) {
        margin-right: 1.25rem
    }
}

@media screen and (max-width:29.9375em) {
    .legacy-components .resource-report__item {
        width: 100%
    }
    .legacy-components .resource-report__item:not(:nth-child(2n)) {
        margin-right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .resource-report__item {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width:90em) {
    .legacy-components .resource-report__item {
        margin-bottom: 1.875rem;
        width: calc((100% - 60px) / 3)
    }
}

@media (min-width:48em) {
    .legacy-components .resource-report__item:not(:nth-child(3n)) {
        margin-right: 1.25rem
    }
}

@media (min-width:90em) {
    .legacy-components .resource-report__item:not(:nth-child(3n)) {
        margin-right: 1.875rem
    }
}

.legacy-components .resource-report__item:hover {
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.1)
}

.legacy-components .resource-report__inner {
    height: 100%;
    padding: 1.25rem;
    transition: all 0.3s ease
}

@media (min-width:90em) {
    .legacy-components .resource-report__inner {
        padding: 2.8125rem
    }
}

.legacy-components .resource-report .type__reports {
    margin-bottom: 0.625rem
}

.legacy-components .resource-report__title {
    color: #51788d;
    font-size: 1.4375rem
}

.legacy-components .resource-report p {
    font-size: 0.9375rem;
    color: #343741
}

.legacy-components .tiled-mosaic {
    background-color: #1c1b22;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 2.1875rem 0rem 2.5rem
}

@media (min-width:48em) {
    .legacy-components .tiled-mosaic {
        padding: 2.8125rem 0rem 3.125rem
    }
}

@media (min-width:64em) {
    .legacy-components .tiled-mosaic {
        padding: 6.875rem 0rem
    }
}

.legacy-components .tiled-mosaic__filter {
    border-bottom: 0.0625rem solid #3a3f4e;
    margin-bottom: 3.0625rem;
    padding-bottom: 0.25rem;
    position: relative;
    z-index: 2
}

.legacy-components .tiled-mosaic__list {
    margin-bottom: 0.4375rem;
    padding-top: 0.5rem;
    text-align: center
}

@media screen and (min-width:30em) and (max-width:47.9375em) {
    .legacy-components .tiled-mosaic__list {
        text-align: left
    }
    .legacy-components .tiled-mosaic__list:before,
    .legacy-components .tiled-mosaic__list:after {
        content: '';
        display: table
    }
    .legacy-components .tiled-mosaic__list:after {
        clear: both
    }
}

@media (min-width:64em) {
    .legacy-components .tiled-mosaic__list {
        width: 74.34783%;
        float: left;
        text-align: left
    }
}

.legacy-components .tiled-mosaic__list__item {
    margin-bottom: 0.5rem
}

@media screen and (min-width:30em) and (max-width:47.9375em) {
    .legacy-components .tiled-mosaic__list__item {
        width: 46.60633%;
        float: left
    }
    .legacy-components .tiled-mosaic__list__item:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .tiled-mosaic__list__item:nth-child(2n+2) {
        margin-left: 53.39367%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:48em) {
    .legacy-components .tiled-mosaic__list__item {
        display: inline-block;
        margin-right: 1.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .tiled-mosaic__list__item {
        margin-right: 1.25rem
    }
}

@media (min-width:90em) {
    .legacy-components .tiled-mosaic__list__item {
        margin-right: 4.375rem
    }
}

.legacy-components .tiled-mosaic__list__item:last-of-type {
    margin-right: 0
}

.legacy-components .tiled-mosaic__list a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.25rem
}

.legacy-components .tiled-mosaic__list a:before {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    position: relative;
    top: 0.1875rem
}

.legacy-components .tiled-mosaic__list a.active {
    color: #f47735
}

.legacy-components .tiled-mosaic__select {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:48em) {
    .legacy-components .tiled-mosaic__select {
        max-width: 17.75rem
    }
}

@media (min-width:64em) {
    .legacy-components .tiled-mosaic__select {
        width: 23.04348%
    }
}

.legacy-components .tiled-mosaic__select .bootstrap-select .btn {
    border-color: #343741;
    padding: 0.5625rem 2.0625rem 0.4375rem 0.625rem
}

.legacy-components .tiled-mosaic__select .bootstrap-select .btn,
.legacy-components .tiled-mosaic__select .bootstrap-select .btn:after {
    color: #343741
}

.legacy-components .tiled-mosaic__select .bootstrap-select.show-select .btn {
    border-color: #f47735
}

.legacy-components .tiled-mosaic__select .bootstrap-select.show-select .btn,
.legacy-components .tiled-mosaic__select .bootstrap-select.show-select .btn:after {
    color: #f47735
}

.legacy-components .tiled-mosaic__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.legacy-components .tiled-mosaic__type {
    color: #fff;
    font-size: 1.375rem;
    left: 2.25rem;
    opacity: 0.5;
    position: absolute;
    top: 1.375rem;
    z-index: 3
}

.legacy-components .tiled-mosaic__body {
    color: #969798;
    display: none;
    font-size: 0.875rem;
    line-height: 1.45
}

.legacy-components .tiled-mosaic__title {
    color: #fff;
    font-size: 1.4375rem;
    height: 4.75rem;
    line-height: 1.1;
    margin-bottom: 0.5625rem;
    overflow: hidden
}

.legacy-components .tiled-mosaic__group {
    height: 100%;
    left: 0;
    padding: 4.625rem 2.25rem 1.875rem;
    position: absolute;
    top: calc(100% - 10.75rem);
    transition: top 0.5s ease;
    width: 100%;
    z-index: 2
}

.legacy-components .tiled-mosaic__group__inner {
    height: 100%;
    overflow: hidden
}

.legacy-components .tiled-mosaic__contents {
    position: relative;
    z-index: 1
}

.legacy-components .tiled-mosaic__image {
    position: relative;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.legacy-components .tiled-mosaic__image:before {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.legacy-components .tiled-mosaic__image img {
    height: 100%;
    left: 50%;
    max-width: inherit;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.legacy-components .tiled-mosaic__image:before {
    opacity: 0;
    transition: opacity 0.5s ease
}

.legacy-components .tiled-mosaic__item {
    float: left;
    overflow: hidden;
    padding-bottom: 18rem;
    position: relative;
    width: 100%
}

@media screen and (min-width:30em) and (max-width:47.9375em) {
    .legacy-components .tiled-mosaic__item {
        width: 45.73643%
    }
    .legacy-components .tiled-mosaic__item:nth-child(4n+3),
    .legacy-components .tiled-mosaic__item:nth-child(4n+2) {
        width: 54.26357%
    }
    .legacy-components .tiled-mosaic__item:nth-child(4n),
    .legacy-components .tiled-mosaic__item:nth-child(4n+2) {
        float: right
    }
}

@media (min-width:48em) {
    .legacy-components .tiled-mosaic__item {
        padding-bottom: 30.78261%;
        width: 30.78261%
    }
    .legacy-components .tiled-mosaic__item:nth-child(8n+3),
    .legacy-components .tiled-mosaic__item:nth-child(8n+6) {
        float: right
    }
    .legacy-components .tiled-mosaic__item:nth-child(8n+6) {
        padding-bottom: 61.56522%
    }
    .legacy-components .tiled-mosaic__item:nth-child(8n),
    .legacy-components .tiled-mosaic__item:nth-child(8n+4),
    .legacy-components .tiled-mosaic__item:nth-child(8n+3) {
        width: 38.43478%
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .tiled-mosaic__item {
        padding-bottom: 18rem
    }
    .legacy-components .tiled-mosaic__item:nth-child(8n+6) {
        padding-bottom: 36rem
    }
}

.legacy-components .tiled-mosaic__item .contextual-links-region {
    position: static
}

.legacy-components .tiled-mosaic__item:before {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.legacy-components .tiled-mosaic__item:hover {
    cursor: pointer
}

.legacy-components .tiled-mosaic__item:hover .tiled-mosaic__group {
    top: 0
}

.legacy-components .tiled-mosaic__item:hover .tiled-mosaic__image:before {
    opacity: 1
}

.legacy-components .tiled-mosaic__item:hover .tiled-mosaic__body {
    display: block
}

.legacy-components #site-map h2 {
    display: none
}

.legacy-components .column_text {
    padding: 2.25rem 0rem;
    background-color: #fff
}

@media (min-width:48em) {
    .legacy-components .column_text {
        padding: 2.875rem 0rem
    }
}

@media screen and (min-width:30em) and (max-width:63.9375em) {
    .legacy-components .column_text__group {
        max-width: 75%;
        margin: 0 auto
    }
}

.legacy-components .column_text__icon {
    width: 42px;
    display: block
}

@media screen and (max-width:63.9375em) {
    .legacy-components .column_text__icon {
        margin: 0 auto
    }
}

.legacy-components .column_text__title {
    color: #343741;
    margin-top: 0.625rem;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 24px
}

.page-ja .legacy-components .column_text__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .column_text__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .column_text__title {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .column_text__title {
        text-align: center
    }
}

.legacy-components .column_text__body {
    margin-bottom: 1.125rem;
    color: #5f6369;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    line-height: 20px
}

.page-ja .legacy-components .column_text__body {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .column_text__body {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .column_text__body {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .column_text__body {
        text-align: center
    }
}

.legacy-components .column_text__item {
    position: relative;
    margin-bottom: 1.875rem
}

@media (min-width:64em) {
    .legacy-components .column_text__item.items_3 {
        width: 29.41176%;
        float: left
    }
    .legacy-components .column_text__item.items_3:nth-child(3n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .column_text__item.items_3:nth-child(3n+2) {
        margin-left: 35.29412%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .column_text__item.items_3:nth-child(3n+3) {
        margin-left: 70.58824%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .column_text__item.items_4 {
        width: 22.11538%;
        float: left
    }
    .legacy-components .column_text__item.items_4:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .column_text__item.items_4:nth-child(4n+2) {
        margin-left: 25.96154%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .column_text__item.items_4:nth-child(4n+3) {
        margin-left: 51.92308%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .column_text__item.items_4:nth-child(4n+4) {
        margin-left: 77.88462%;
        margin-right: -100%;
        clear: none
    }
}

.legacy-components .column_text__cta a {
    color: #fff;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    max-width: 300px;
    margin: 0 auto;
    font-size: 20px;
    width: auto;
    padding: 15px;
    text-align: center;
    background-color: #01579b;
    display: block;
    transition: all 0.5s
}

.page-ja .legacy-components .column_text__cta a {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .column_text__cta a {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .column_text__cta a {
        font-family: 'Roboto'
    }
}

.legacy-components .column_text__cta a:hover {
    background-color: #0173ce
}

.legacy-components .featured_cards {
    padding: 4.375rem 0rem
}

.legacy-components .featured_cards .card {
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 30px
}

@media (min-width:64em) {
    .legacy-components .featured_cards .card {
        width: 23.37662%;
        float: left;
        width: 24% !important;
        margin-bottom: 0
    }
    .legacy-components .featured_cards .card:nth-child(4n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .featured_cards .card:nth-child(4n+2) {
        margin-left: 25.54113%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .featured_cards .card:nth-child(4n+3) {
        margin-left: 51.08225%;
        margin-right: -100%;
        clear: none
    }
    .legacy-components .featured_cards .card:nth-child(4n+4) {
        margin-left: 76.62338%;
        margin-right: -100%;
        clear: none
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .featured_cards .card {
        width: 48.91775%;
        float: left
    }
    .legacy-components .featured_cards .card:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .featured_cards .card:nth-child(2n+2) {
        margin-left: 51.08225%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:48em) {
    .legacy-components .featured_cards .card {
        height: 425px
    }
}

.legacy-components .featured_cards .card:last-child {
    margin-right: 0
}

.legacy-components .featured_cards .card:hover {
    margin-top: -3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)
}

.legacy-components .featured_cards .card__image {
    width: 100%;
    position: relative;
    display: block
}

.legacy-components .featured_cards .card__content {
    padding: 10px 30px
}

@media screen and (min-width:64em) and (max-width:89.9375em) {
    .legacy-components .featured_cards .card__content {
        padding: 10px 25px
    }
}

.legacy-components .featured_cards .card__short-heading {
    color: #454158;
    margin-bottom: 0.3125rem;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400
}

.page-ja .legacy-components .featured_cards .card__short-heading {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .featured_cards .card__short-heading {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .featured_cards .card__short-heading {
        font-family: 'Roboto'
    }
}

.legacy-components .featured_cards .card__heading {
    color: #454158;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.page-ja .legacy-components .featured_cards .card__heading {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .featured_cards .card__heading {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .featured_cards .card__heading {
        font-family: 'Roboto'
    }
}

.legacy-components .featured_cards .card__heading:after {
    content: '';
    display: block;
    width: 100px;
    border-top: 1px solid #c7c9c8;
    margin: 15px 0
}

.legacy-components .featured_cards .card__body {
    margin-bottom: 1.125rem;
    color: #343741;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-weight: 100;
    font-size: 16px;
    line-height: 1.4
}

.page-ja .legacy-components .featured_cards .card__body {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .featured_cards .card__body {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .featured_cards .card__body {
        font-family: 'Roboto'
    }
}

@media screen and (min-width:64em) and (max-width:89.9375em) {
    .legacy-components .featured_cards .card__body {
        font-size: 14px
    }
}

.legacy-components .featured_cards .card__link {
    position: absolute;
    bottom: 20px;
    font-size: 14px
}

.legacy-components .featured_cards .card__link a {
    color: #009ada
}

@media screen and (max-width:47.9375em) {
    .legacy-components .featured_cards .card__link {
        position: relative;
        bottom: 0
    }
}

.legacy-components .featured_cards .card__link:after {
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    content: '\f105';
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #009ada;
    top: -1px;
    position: relative;
    font-size: 18px
}

.legacy-components .featured_cards .card__link-full a {
    position: absolute;
    text-indent: -9999px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.legacy-components .cta-ribbon {
    background: url(/sites/all/themes/proofpoint/images/ribbon-bg.webp) 0 center no-repeat;
    background-size: cover;
    padding: 1.875rem 0rem 1.25rem
}

.legacy-components .cta-ribbon:before,
.legacy-components .cta-ribbon:after {
    content: '';
    display: table
}

.legacy-components .cta-ribbon:after {
    clear: both
}

@media (min-width:48em) {
    .legacy-components .cta-ribbon {
        padding: 2.5rem 0rem
    }
}

.legacy-components .cta-ribbon__group {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 100%
}

@media screen and (max-width:47.9375em) {
    .legacy-components .cta-ribbon__group {
        padding-left: 20px;
        padding-right: 20px
    }
}

.legacy-components .cta-ribbon__title {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 30px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.6
}

.page-ja .legacy-components .cta-ribbon__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .cta-ribbon__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .cta-ribbon__title {
        font-family: 'Roboto'
    }
}

@media (min-width:90em) {
    .legacy-components .cta-ribbon__title {
        font-size: 36px
    }
}

.legacy-components .cta-ribbon__link {
    display: inline-block;
    vertical-align: middle;
    margin-left: 45px
}

@media screen and (max-width:47.9375em) {
    .legacy-components .cta-ribbon__link {
        margin: 20px 0 0
    }
}

.legacy-components .cta-ribbon .btn {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    text-transform: none;
    font-size: 20px;
    padding: 15px 30px
}

.page-ja .legacy-components .cta-ribbon .btn {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .cta-ribbon .btn {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .cta-ribbon .btn {
        font-family: 'Roboto'
    }
}

.legacy-components .cta-ribbon .btn:hover {
    background-color: #5db3e2;
    border-color: #5db3e2
}

.legacy-components .quote-slide__wrap {
    position: relative
}

.legacy-components .quote-slide__wrap .quote-slide__slide {
    position: relative
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__bg-image {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    left: 0
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__bg-image img {
    width: auto;
    max-width: none;
    height: 100%;
    min-width: 100%
}

@media (min-width:90em) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top
    }
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__bg-image div,
.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__bg-image a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__img-overlay {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 {
    position: relative
}

@media (min-width:48em) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 {
        width: 57.43146%;
        float: left;
        padding-right: 0.3125rem
    }
}

@media (min-width:64em) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 {
        padding-right: 2.5rem
    }
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__quote {
    color: #fff;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 40px;
    font-weight: 100;
    text-align: center;
    text-transform: none;
    line-height: 55px
}

.page-ja .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__quote {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__quote {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__quote {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__quote {
        font-size: 30px;
        line-height: 40px
    }
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__citation {
    color: #fff;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    text-align: center
}

.page-ja .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__citation {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__citation {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__citation {
        font-family: 'Roboto'
    }
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-1 .quote-slide__citation:before {
    content: '- ';
    display: inline-block;
    color: #fff;
    margin-right: 10px
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-2 {
    position: relative
}

.legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-2 img {
    margin: 0 auto;
    max-height: 400px;
    width: auto
}

@media (min-width:48em) {
    .legacy-components .quote-slide__wrap .quote-slide__slide .quote-slide__content .quote-slide__column-2 {
        width: 40.40404%;
        float: right;
        margin-right: 0
    }
}

.legacy-components .quote-slide__wrap .slick-dots {
    position: absolute;
    width: 100%;
    bottom: 25px
}

.legacy-components .quote-slide__wrap .slick-dots li {
    background-color: #fff
}

.legacy-components .quote-slide__wrap .slick-dots li.slick-active {
    background-color: #009ada
}

@-ms-viewport {
    .legacy-components {
        width: extend-to-zoom;
        zoom: 1
    }
}

@viewport {
    .legacy-components {
        width: extend-to-zoom;
        zoom: 1
    }
}

.legacy-components html {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #343741;
    font-size: 16px;
    font-smoothing: antialiased;
    line-height: 1.5
}

.page-ja .legacy-components html {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components html {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components html {
        font-family: 'Roboto'
    }
}

.legacy-components body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    overflow-x: hidden;
    word-wrap: break-word
}

.legacy-components body.show-menu {
    overflow: hidden
}

.legacy-components body.admin-menu .header {
    top: 1.8125rem
}

.legacy-components #page-wrapper {
    padding-top: 3.3125rem
}

@media (min-width:64em) {
    .legacy-components #page-wrapper {
        padding-top: 7.9375rem
    }
}

@media (min-width:64em) {
    .has-header-panel .legacy-components #page-wrapper {
        padding-top: 11.1875rem
    }
}

@media (min-width:48em) {
    .legacy-components .one-sidebar #content {
        width: 65.94517%;
        float: left
    }
    .legacy-components .one-sidebar .sidebar {
        width: 31.89033%;
        float: left
    }
    .legacy-components .two-sidebars #content {
        width: 48.91775%;
        float: left
    }
    .legacy-components .two-sidebars .sidebar {
        width: 23.37662%;
        float: left
    }
    .legacy-components .two-sidebars .sidebar:last-of-type {
        margin-right: 0
    }
    .legacy-components .sidebar-first #content {
        margin-right: 0
    }
    .legacy-components .sidebar-second .sidebar {
        margin-right: 0
    }
}

.legacy-components .main-content {
    padding: 2.5rem 1.25rem
}

@media (min-width:48em) {
    .legacy-components .main-content {
        padding: 3.125rem 1.25rem
    }
}

.legacy-components .top-region,
.legacy-components .main-region {
    margin-bottom: 2.5rem
}

@media (min-width:48em) {
    .legacy-components .top-region,
    .legacy-components .main-region {
        margin-bottom: 3.125rem
    }
}

.legacy-components .left-side {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .left-side {
        width: 65.94517%;
        float: left;
        margin-bottom: 0;
        padding-right: 1.875rem
    }
}

@media (min-width:48em) {
    .legacy-components .right-side {
        width: 31.89033%
    }
}

.legacy-components .right-side .panel-pane {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .right-side .panel-pane {
        margin-bottom: 2.1875rem
    }
}

.legacy-components .right-side .panel-pane:last-of-type {
    margin-bottom: 0
}

.legacy-components .not-logged-in .messages.error {
    display: none
}

.legacy-components .expanded-menu__button {
    cursor: pointer
}

.legacy-components .expanded-menu__button:after {
    font-size: 0.9375rem;
    line-height: 1;
    margin-left: 0.5rem;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

@media screen and (max-width:63.9375em) {
    .legacy-components .expanded-menu__button:after {
        font-size: 1.375rem;
        margin-left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: -0.5rem;
        width: 1.875rem
    }
}

.legacy-components ul.main-menu,
.legacy-components ul.tb-megamenu-nav {
    padding-bottom: 1.25rem;
    padding-top: 1.5625rem;
    display: inline-block;
    z-index: 9
}

@media screen and (max-width:47.9375em) {
    .legacy-components ul.main-menu,
    .legacy-components ul.tb-megamenu-nav {
        padding: 0;
        padding: 0
    }
    .legacy-components ul.main-menu .menu a,
    .legacy-components ul.tb-megamenu-nav .menu a {
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        display: block;
        font-size: 1.375rem;
        padding-right: 1.875rem;
        position: relative
    }
    .page-ja .legacy-components ul.main-menu .menu a,
    .page-ja .legacy-components ul.tb-megamenu-nav .menu a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components ul.main-menu .menu a,
    .page-kr .legacy-components ul.tb-megamenu-nav .menu a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components ul.main-menu .menu a,
        .legacy-components ul.tb-megamenu-nav .menu a {
            font-family: 'Roboto'
        }
    }
}

@media (min-width:64em) {
    .legacy-components ul.main-menu,
    .legacy-components ul.tb-megamenu-nav {
        padding-bottom: 0;
        padding-top: 0;
        text-align: left
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components ul.main-menu>li,
    .legacy-components ul.tb-megamenu-nav>li {
        display: block;
        margin-bottom: 0.9375rem
    }
}

@media (min-width:64em) {
    .legacy-components ul.main-menu>li,
    .legacy-components ul.tb-megamenu-nav>li {
        display: inline-block;
        margin-right: 0.625rem;
        margin-top: 0.625rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components ul.main-menu>li,
    .legacy-components ul.tb-megamenu-nav>li {
        border-bottom: 1px solid #c7c9c8;
        margin-bottom: 0px;
        padding: 15px 0 15px 15px
    }
}

.legacy-components ul.main-menu>li>a,
.legacy-components ul.tb-megamenu-nav>li>a {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #343741;
    display: block;
    font-size: 1.375rem;
    padding-right: 1.875rem;
    position: relative
}

.page-ja .legacy-components ul.main-menu>li>a,
.page-ja .legacy-components ul.tb-megamenu-nav>li>a {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components ul.main-menu>li>a,
.page-kr .legacy-components ul.tb-megamenu-nav>li>a {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components ul.main-menu>li>a,
    .legacy-components ul.tb-megamenu-nav>li>a {
        font-family: 'Roboto'
    }
}

@media (min-width:64em) {
    .legacy-components ul.main-menu>li>a,
    .legacy-components ul.tb-megamenu-nav>li>a {
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1rem;
        padding: 0.1875rem 0.625rem 0.9375rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components ul.main-menu>li>a,
    .legacy-components ul.tb-megamenu-nav>li>a {
        font-size: 0.875rem
    }
}

.legacy-components ul.main-menu>li>a a.active,
.legacy-components ul.tb-megamenu-nav>li>a a.active {
    color: #343741
}

.legacy-components ul.main-menu>li>.mega-menu,
.legacy-components ul.tb-megamenu-nav>li>.mega-menu {
    display: none
}

@media (min-width:64em) {
    .legacy-components ul.main-menu>li>.mega-menu,
    .legacy-components ul.tb-megamenu-nav>li>.mega-menu {
        background: #ffffff;
        display: block;
        left: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        text-align: left;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transition: visibility 0.5s ease, -webkit-transform 0.5s ease;
        transition: transform 0.5s ease, visibility 0.5s ease;
        transition: transform 0.5s ease, visibility 0.5s ease, -webkit-transform 0.5s ease;
        z-index: -2;
        top: -20px
    }
}

@media (min-width:64em) {
    .legacy-components ul.main-menu>li:hover>a:after,
    .legacy-components ul.tb-megamenu-nav>li:hover>a:after {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg)
    }
}

@media (min-width:64em) {
    .legacy-components ul.main-menu>li:hover>.mega-menu,
    .legacy-components ul.tb-megamenu-nav>li:hover>.mega-menu {
        display: block;
        pointer-events: inherit;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
        z-index: -1;
        box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
        top: auto
    }
}

.legacy-components ul.main-menu .hidden-on-desktop .separator,
.legacy-components ul.tb-megamenu-nav .hidden-on-desktop .separator {
    display: none
}

.legacy-components .expanded-menu {
    position: relative
}

.legacy-components .expanded-menu p {
    margin-bottom: 0
}

.legacy-components .expanded-menu img {
    margin-bottom: 0.9375rem;
    width: 100%;
    height: auto
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .expanded-menu img {
        display: none
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .expanded-menu img {
        display: block;
        width: 93%;
        padding-top: 1.25rem;
        padding-bottom: 0.625rem
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .expanded-menu__button:after {
        top: 0.4375rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .expanded-menu__button:after {
        right: 1.25rem;
        content: '\f105';
        font-size: 1.375rem;
        top: -0.0625rem
    }
}

.legacy-components .expanded-menu--active>.expanded-menu__button:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.legacy-components .mega-menu p {
    margin-bottom: 0
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav {
        padding-left: 1.25rem
    }
}

.legacy-components .mega-menu__nav h2 {
    color: #343741;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 20px
}

.page-ja .legacy-components .mega-menu__nav h2 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .mega-menu__nav h2 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .mega-menu__nav h2 {
        font-family: 'Roboto'
    }
}

.legacy-components .mega-menu__nav h3 {
    color: #000006;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 0.875rem;
    line-height: 1.0625rem;
    margin-top: 20px;
    margin-bottom: 5px
}

.page-ja .legacy-components .mega-menu__nav h3 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .mega-menu__nav h3 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .mega-menu__nav h3 {
        font-family: 'Roboto'
    }
}

.legacy-components .mega-menu__nav h3:first-of-type {
    margin-top: 0
}

.legacy-components .mega-menu__nav h3>a {
    font-size: 0.875rem;
    color: #000006
}

.legacy-components .mega-menu__nav h3>a:hover {
    color: #009ada
}

.legacy-components .mega-menu__nav h3>p {
    font-size: 0.75rem
}

.legacy-components .mega-menu__nav a {
    font-size: 0.875rem
}

@media (min-width:64em) {
    .legacy-components .mega-menu__nav a {
        font-size: 0.8125rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .mega-menu__nav a {
        font-size: 16px
    }
}

.legacy-components .mega-menu__nav a:hover {
    color: #009ada
}

.legacy-components .mega-menu__nav>li {
    margin-bottom: 1.4375rem;
    line-height: 17px;
    margin-top: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .mega-menu__nav>li {
        margin-bottom: 0.8125rem
    }
}

.legacy-components .mega-menu__nav>li.active>a {
    color: #009ada !important;
    font-weight: bold
}

.legacy-components .mega-menu__nav>li.active>.expanded-menu__menu-child {
    display: block !important
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li.active>.expanded-menu__menu-child {
        margin-top: 15px
    }
}

.legacy-components .mega-menu__nav>li>.nolink,
.legacy-components .mega-menu__nav>li>a {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #000006;
    display: block;
    padding: 5px 0
}

.page-ja .legacy-components .mega-menu__nav>li>.nolink,
.page-ja .legacy-components .mega-menu__nav>li>a {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .mega-menu__nav>li>.nolink,
.page-kr .legacy-components .mega-menu__nav>li>a {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .mega-menu__nav>li>.nolink,
    .legacy-components .mega-menu__nav>li>a {
        font-family: 'Roboto'
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li>.nolink,
    .legacy-components .mega-menu__nav>li>a {
        color: #5b5b5b;
        font-size: 1.125rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .mega-menu__nav>li>.nolink,
    .legacy-components .mega-menu__nav>li>a {
        color: #5b5b5b;
        font-size: 0.875rem
    }
}

@media (min-width:64em) {
    .legacy-components .mega-menu__nav>li>.nolink,
    .legacy-components .mega-menu__nav>li>a {
        font-size: 0.875rem;
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
        line-height: 17px
    }
    .page-ja .legacy-components .mega-menu__nav>li>.nolink,
    .page-ja .legacy-components .mega-menu__nav>li>a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .mega-menu__nav>li>.nolink,
    .page-kr .legacy-components .mega-menu__nav>li>a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .mega-menu__nav>li>.nolink,
        .legacy-components .mega-menu__nav>li>a {
            font-family: 'Roboto'
        }
    }
}

.legacy-components .mega-menu__nav>li>.nolink:after,
.legacy-components .mega-menu__nav>li>a:after {
    content: ''
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li>.nolink:after,
    .legacy-components .mega-menu__nav>li>a:after {
        display: none
    }
}

.legacy-components .mega-menu__nav>li>.nolink {
    cursor: default
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li>.nolink~.expanded-menu__button:before {
        content: '';
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li>.nolink~.expanded-menu__menu-child {
        position: relative;
        z-index: 2
    }
}

.legacy-components .mega-menu__nav>li>a:hover {
    color: #009ada;
    font-weight: bold
}

.legacy-components .mega-menu__nav>li .expanded-menu__menu-child {
    display: none;
    padding: 0.25rem 0rem 0rem 1.375rem
}

@media (min-width:64em) {
    .legacy-components .mega-menu__nav>li .expanded-menu__menu-child {
        display: block;
        padding: 0
    }
    .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li a {
        font-size: 14px;
        margin-bottom: 20px;
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif"
    }
    .page-ja .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li a {
            font-family: 'Roboto'
        }
    }
    .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li a:hover {
        font-weight: bold
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .mega-menu__nav>li .expanded-menu__menu-child {
        padding-top: 1.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__nav>li .expanded-menu__menu-child li {
        margin-bottom: 0.875rem
    }
}

.item-list>.legacy-components .mega-menu__nav {
    padding: 0
}

.item-list>.legacy-components .mega-menu__nav>li {
    padding: 0;
    margin: 0
}

.legacy-components .mega-menu__nav .learn-more {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    color: #5db3e2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 10px
}

.page-ja .legacy-components .mega-menu__nav .learn-more {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .mega-menu__nav .learn-more {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .mega-menu__nav .learn-more {
        font-family: 'Roboto'
    }
}

.legacy-components .mega-menu__nav .learn-more:after {
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    content: '\f105';
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #009ada;
    top: -2px;
    position: relative;
    font-size: 22px
}

.legacy-components .mega-menu__nav .learn-more a {
    color: #5db3e2
}

.legacy-components .mega-menu__nav .learn-more a:hover {
    color: #009ada
}

.legacy-components .mega-menu__inner {
    padding: 0.9375rem 0rem 0rem
}

@media screen and (max-width:63.9375em) {
    .legacy-components .mega-menu__inner {
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }
}

@media (min-width:64em) {
    .legacy-components .mega-menu__inner {
        padding: 0 20px
    }
}

@media (min-width:64em) {
    .legacy-components .mega-menu .expanded-menu__button {
        display: none
    }
}

.legacy-components .header__sticky-nav .sticky-nav {
    float: right;
    margin: 0
}

.legacy-components .header__sticky-nav .sticky-nav li {
    border-left: 0.0625rem solid rgba(0, 0, 0, 0.05);
    float: left;
    margin: 0;
    padding: 1rem 1.25rem 0.5625rem
}

.legacy-components .header__sticky-nav .sticky-nav li:first-of-type {
    border-left: 0
}

.legacy-components .header__sticky-nav .sticky-nav a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-size: 1.125rem
}

.legacy-components #block-tb-megamenu-main-menu {
    float: right
}

.legacy-components #block-tb-megamenu-main-menu .tb-megamenu {
    background: none
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-search-form.show-search-box .search-box__inner {
        display: block
    }
}

.legacy-components .item-list>.mega-menu__nav {
    display: table;
    width: 100%;
    background-color: rgba(199, 201, 200, 0.2);
    font-size: 12px
}

@media screen and (max-width:47.9375em) {
    .legacy-components .item-list>.mega-menu__nav {
        display: block;
        background: none
    }
}

.legacy-components .item-list>.mega-menu__nav>li {
    padding: 0 10px;
    float: none;
    background-color: #fff;
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width:47.9375em) {
    .legacy-components .item-list>.mega-menu__nav>li {
        display: block;
        padding-right: 0;
        padding-left: 0
    }
    .legacy-components .item-list>.mega-menu__nav>li .menu-link__description {
        width: 90%
    }
}

.legacy-components .item-list>.mega-menu__nav>li>ul {
    padding: 36px 30px
}

@media screen and (max-width:47.9375em) {
    .legacy-components .item-list>.mega-menu__nav>li>ul {
        display: block;
        padding: 0
    }
}

.legacy-components .item-list>.mega-menu__nav>li:last-child {
    width: 346px;
    padding: 0;
    background-color: transparent
}

@media (min-width:64em) {
    .legacy-components .menu-8451 #nav>.expanded-menu {
        padding: 30px 0 40px;
        background-color: transparent;
        width: 345px
    }
}

@media (min-width:64em) and (min-width:90em) {
    .legacy-components .menu-8451 #nav>.expanded-menu {
        width: 388px
    }
}

@media (min-width:64em) {
    .legacy-components .menu-8451 #nav>.expanded-menu.last {
        padding: 0 !important;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: cover
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient img {
        display: block;
        margin: 40px auto -50px auto
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg {
        padding: 30px 50px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h2,
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h3,
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg p {
        color: #343741
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h2 {
        font-size: 30px;
        line-height: 1.4
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h3 {
        font-size: 15px;
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
        line-height: 18px
    }
    .page-ja .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h3 {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h3 {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg h3 {
            font-family: 'Roboto'
        }
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg p {
        margin: 10px 0;
        font-size: 12px;
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif"
    }
    .page-ja .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg p {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg p {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg p {
            font-family: 'Roboto'
        }
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg .learn-more {
        font-size: 18px;
        padding: 15px 35px;
        text-transform: none;
        color: #fff;
        background-color: #009ada;
        border: 2px solid #009ada;
        transition: all 300ms
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg .learn-more:hover {
        color: #009ada;
        background-color: #fff
    }
    .legacy-components .menu-8451 #nav>.expanded-menu .featured-gradient-bg .learn-more:after {
        display: none
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first {
        width: 400px;
        background-color: #fff
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .menu-link__description {
        padding: 0 35px 0 46px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item {
        margin: 0 !important;
        padding: 20px 0 0;
        position: unset
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item>a {
        text-decoration: none;
        color: #000006;
        padding: 5px 0 5px 5px;
        display: block;
        margin-left: 40px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item>a:before {
        position: absolute;
        left: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item:first-of-type {
        padding-top: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item:first-of-type:after {
        content: '';
        position: absolute;
        top: 29px;
        left: 100%;
        height: 0;
        width: 0;
        border-width: 15px;
        border-style: solid;
        border-color: #fff;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item .expanded-menu__menu-child {
        display: none;
        position: absolute;
        top: 36px;
        left: 100%;
        padding-left: 30px;
        width: 300px
    }
}

@media (min-width:64em) and (min-width:90em) {
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item .expanded-menu__menu-child {
        width: 350px;
        left: 28.125rem
    }
}

@media (min-width:64em) {
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-email-protection:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-archive-discovery:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-platform:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-threat-protection:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-cloud-security:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-info-protection:before,
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-risk-protection:before {
        content: '';
        display: block;
        float: left;
        background-size: cover
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-email-protection:before {
        background: url("/sites/all/themes/proofpoint/images/message.svg") no-repeat;
        height: 9px;
        width: 15px;
        background-size: cover;
        left: 10px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-archive-discovery:before {
        background: url("/sites/all/themes/proofpoint/images/folder.svg") no-repeat;
        height: 12px;
        width: 15px;
        background-size: cover;
        left: 10px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-platform:before {
        background: url("/sites/all/themes/proofpoint/images/chat-active.svg") no-repeat;
        height: 14px;
        width: 16px;
        background-size: cover;
        left: 10px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-threat-protection:before {
        background: url("/sites/all/themes/proofpoint/images/shield-black.svg") no-repeat;
        height: 15px;
        width: 11px;
        background-size: cover;
        left: 10px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-cloud-security:before {
        background: url("/sites/all/themes/proofpoint/images/cloud.svg") no-repeat;
        height: 12px;
        width: 20px;
        background-size: cover;
        left: 8px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-info-protection:before {
        background: url("/sites/all/themes/proofpoint/images/info.svg") no-repeat;
        height: 14px;
        width: 7px;
        background-size: cover;
        left: 12px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item #menu-risk-protection:before {
        background: url("/sites/all/themes/proofpoint/images/key.svg") no-repeat;
        height: 16px;
        width: 8px;
        background-size: cover;
        left: 12px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-email-protection:before {
        background: url("/sites/all/themes/proofpoint/images/message-blue.svg") no-repeat;
        height: 18px;
        width: 30px;
        background-size: cover;
        left: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-archive-discovery:before {
        background: url("/sites/all/themes/proofpoint/images/folder-blue.svg") no-repeat;
        height: 24px;
        width: 30px;
        background-size: cover;
        left: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-platform:before {
        background: url("/sites/all/themes/proofpoint/images/chat-active-blue.svg") no-repeat;
        height: 28px;
        width: 32px;
        background-size: cover;
        left: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-threat-protection:before {
        background: url("/sites/all/themes/proofpoint/images/shield-blue.svg") no-repeat;
        height: 31px;
        width: 23px;
        background-size: cover;
        left: 4px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-cloud-security:before {
        background: url("/sites/all/themes/proofpoint/images/cloud-blue.svg") no-repeat;
        height: 20px;
        width: 31px;
        background-size: cover;
        left: 0
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-info-protection:before {
        background: url("/sites/all/themes/proofpoint/images/info-blue.svg") no-repeat;
        height: 28px;
        width: 14px;
        background-size: cover;
        left: 8px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.first #navList .expanded-menu-item.active #menu-risk-protection:before {
        background: url("/sites/all/themes/proofpoint/images/key-blue.svg") no-repeat;
        height: 32px;
        width: 16px;
        background-size: cover;
        left: 8px
    }
    .legacy-components .menu-8451 #nav>.expanded-menu.last {
        padding-left: 60px;
        padding-right: 60px
    }
    .legacy-components .menu-8451 #nav ul {
        margin: 0;
        padding: 0
    }
    .legacy-components .menu-8451 #nav .addPosition {
        position: relative
    }
    .legacy-components .menu-8451 #nav .listTab {
        z-index: 100
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components #main-menu-links {
        position: absolute !important;
        width: 100vw !important;
        left: -15px !important;
        max-height: initial !important
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px
    }
    .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item a {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        font-size: 0.75rem
    }
    .page-ja .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-demo-mega-menu .mega-menu__nav>li.expanded-menu-item:last-of-type {
        border-bottom: none
    }
    .legacy-components #block-bean-demo-mega-menu .item-list>.mega-menu__nav>li .menu-link__description {
        font-size: 0.75rem;
        line-height: 1rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-demo-mega-menu .expanded-menu__button:after {
        font-size: 1.1875rem;
        top: 0.8125rem
    }
    .legacy-components #block-bean-demo-mega-menu .item-list>.mega-menu__nav>li:last-child {
        width: 300px;
        margin-left: 50px
    }
    .legacy-components #main-menu-links {
        display: none;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s
    }
    .legacy-components .show-menu #main-menu-links {
        display: block !important
    }
    .legacy-components .header__nav>.delete_on_menu_hide.menu li {
        border-bottom: 0.0625rem solid #f4f3f0;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .legacy-components .header__nav>.delete_on_menu_hide.menu li a {
        padding-left: 50px;
        color: #343741
    }
    .legacy-components .short-nav__content__item li {
        border-bottom: 0.0625rem solid #f4f3f0;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .legacy-components .short-nav__content__item li a {
        padding-left: 50px;
        color: #343741
    }
    .legacy-components .delete_on_menu_hide.expanded-menu__menu-child.listTab>.menu .leaf {
        border-bottom: 0.0625rem solid #f4f3f0;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem
    }
    .legacy-components .delete_on_menu_hide.expanded-menu__menu-child.listTab>.menu .leaf a {
        font-size: 0.9375rem;
        color: #343741;
        padding-left: 3.125rem;
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif"
    }
    .page-ja .legacy-components .delete_on_menu_hide.expanded-menu__menu-child.listTab>.menu .leaf a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .delete_on_menu_hide.expanded-menu__menu-child.listTab>.menu .leaf a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .delete_on_menu_hide.expanded-menu__menu-child.listTab>.menu .leaf a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-solution-mega-menu .expanded-menu__button:after {
        display: none
    }
    .legacy-components #block-bean-solution-mega-menu .expanded-menu__menu-child {
        display: block;
        padding-top: 0;
        padding-left: 10px
    }
    .legacy-components #block-bean-solution-mega-menu .expanded-menu__menu-child.listTab {
        padding-left: 0px
    }
    .legacy-components #block-bean-solution-mega-menu .expanded-menu__menu-child.listTab li {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-solution-mega-menu .expanded-menu__menu-child.listTab a {
        font-size: 0.9375rem;
        line-height: 1.25rem;
        color: #343741
    }
    .legacy-components #block-bean-solution-mega-menu #nav>li:nth-of-type(2) {
        padding-bottom: 20px
    }
    .legacy-components #block-bean-solution-mega-menu #nav li:nth-of-type(1) ul li,
    .legacy-components #block-bean-solution-mega-menu #nav li:nth-of-type(2) ul li {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px
    }
    .legacy-components #block-bean-solution-mega-menu #nav li:nth-of-type(2) ul li:last-of-type {
        border-bottom: 0
    }
    .legacy-components #block-bean-solution-mega-menu .mega-menu__nav h2 {
        font-size: 1rem;
        color: #000006;
        margin-left: 50px;
        margin-bottom: 10px
    }
    .legacy-components #block-bean-solution-mega-menu .mega-menu__nav>li>a {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        font-size: 0.75rem
    }
    .page-ja .legacy-components #block-bean-solution-mega-menu .mega-menu__nav>li>a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-solution-mega-menu .mega-menu__nav>li>a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-solution-mega-menu .mega-menu__nav>li>a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-solution-mega-menu .item-list>.mega-menu__nav>li .menu-link__description {
        font-size: 0.725rem;
        line-height: 0.875rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-solution-mega-menu .item-list>.mega-menu__nav>li:last-child {
        width: 100%;
        background: #f4f4f4;
        padding-top: 5px;
        position: absolute
    }
    .legacy-components #block-bean-solution-mega-menu .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) h2 {
        display: none !important
    }
    .legacy-components #block-bean-solution-mega-menu .mega-menu__nav>li .expanded-menu__menu-child li {
        margin-bottom: 0
    }
    .legacy-components #block-bean-mega-menu-partners .expanded-menu__menu-child {
        display: block
    }
    .legacy-components #block-bean-mega-menu-partners .expanded-menu__button {
        display: none
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li>.nolink~.expanded-menu__menu-child {
        display: block !important
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav#navList>li .expanded-menu-item {
        display: block !important
    }
    .legacy-components #block-bean-mega-menu-partners #block-bean-mega-menu-partners .mega-menu__nav#navList>.expanded-menu-item:last-of-type {
        border-bottom: 0
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav#navList>.expanded-menu-item {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px
    }
    .legacy-components #block-bean-mega-menu-partners h2 {
        font-size: 0.9375rem;
        color: #000006;
        margin-left: 50px;
        margin-bottom: 10px
    }
    .legacy-components #block-bean-mega-menu-partners .hidden-on-mobile-tablet {
        display: block !important
    }
    .legacy-components #block-bean-mega-menu-partners .hidden-on-mobile-tablet h2 {
        display: block
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li .expanded-menu__menu-child {
        padding: 0
    }
    .legacy-components #block-bean-mega-menu-partners .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) {
        margin-bottom: 25px
    }
    .legacy-components #block-bean-mega-menu-partners .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) h2 {
        display: none
    }
    .legacy-components #block-bean-mega-menu-partners .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) .expanded-menu-item {
        border-bottom: 0px !important
    }
    .legacy-components #block-bean-mega-menu-partners .expanded-menu.last {
        width: 100% !important;
        height: 130%;
        background: #f4f4f4 !important;
        padding-top: 5px !important;
        position: absolute
    }
    .legacy-components #block-bean-mega-menu-partners .expanded-menu.last li li {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-mega-menu-partners .expanded-menu.last li li a {
        font-size: 0.9375rem;
        line-height: 1.25rem;
        color: #343741
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li>a {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        font-size: 0.75rem
    }
    .page-ja .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li>a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li>a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-mega-menu-partners .mega-menu__nav>li>a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-mega-menu-partners .item-list>.mega-menu__nav>li .menu-link__description {
        font-size: 0.725rem;
        line-height: 0.875rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav:first-of-type>li .expanded-menu__menu-child li {
        margin-bottom: 0
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav:first-of-type>li .expanded-menu__menu-child li .menu-link__description {
        display: none
    }
    .legacy-components #block-bean-mega-menu-partners .mega-menu__nav:first-of-type>li .expanded-menu__menu-child li p {
        font-size: 0.725rem;
        line-height: 0.875rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-mega-menu-support .hidden-on-mobile-tablet {
        display: block !important
    }
    .legacy-components #block-bean-mega-menu-support .mega-menu__nav#navList>.expanded-menu-item {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px
    }
    .legacy-components #block-bean-mega-menu-support .expanded-menu.last {
        width: 100% !important;
        height: 130%;
        background: #f4f4f4 !important;
        padding-top: 5px !important;
        position: absolute;
        padding-left: 50px;
        margin-top: 25px
    }
    .legacy-components #block-bean-mega-menu-support .expanded-menu.last h2 {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 1rem
    }
    .page-ja .legacy-components #block-bean-mega-menu-support .expanded-menu.last h2 {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-mega-menu-support .expanded-menu.last h2 {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-mega-menu-support .expanded-menu.last h2 {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-mega-menu-support .expanded-menu.last div {
        max-width: 300px
    }
    .legacy-components #block-bean-mega-menu-support .mega-menu__nav>li>a {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        font-size: 0.75rem
    }
    .page-ja .legacy-components #block-bean-mega-menu-support .mega-menu__nav>li>a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-mega-menu-support .mega-menu__nav>li>a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-mega-menu-support .mega-menu__nav>li>a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-mega-menu-support .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) .expanded-menu-item:last-of-type {
        border-bottom: none !important
    }
    .legacy-components #block-bean-mega-menu-support .item-list>.mega-menu__nav>li .menu-link__description {
        font-size: 0.725rem;
        line-height: 0.875rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .hidden-on-mobile-tablet {
        display: block !important
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .mega-menu__nav#navList>.expanded-menu-item {
        border-bottom: #c7c9c8 solid 1px;
        margin-left: 50px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last {
        width: 100% !important;
        height: 130%;
        background: #f4f4f4 !important;
        padding-top: 5px !important;
        position: absolute;
        padding-left: 50px;
        margin-top: 25px
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last h2 {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        font-size: 1rem
    }
    .page-ja .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last h2 {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last h2 {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last h2 {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .expanded-menu.last div {
        max-width: 300px
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .mega-menu__nav>li>a {
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
        color: #343741;
        font-size: 0.75rem
    }
    .page-ja .legacy-components #block-bean-mega-menu-emerging-threats .mega-menu__nav>li>a {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #block-bean-mega-menu-emerging-threats .mega-menu__nav>li>a {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #block-bean-mega-menu-emerging-threats .mega-menu__nav>li>a {
            font-family: 'Roboto'
        }
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .item-list>.mega-menu__nav>.expanded-menu:nth-of-type(2) .expanded-menu-item:last-of-type {
        border-bottom: none !important
    }
    .legacy-components #block-bean-mega-menu-emerging-threats .item-list>.mega-menu__nav>li .menu-link__description {
        font-size: 0.725rem;
        line-height: 0.875rem;
        color: #878a8f;
        max-width: 250px;
        padding-bottom: 10px
    }
    .legacy-components #secondary-mobile-menu-links {
        padding: 0
    }
    .legacy-components #secondary-mobile-menu-links li {
        border-bottom: 0.0625rem solid #f4f3f0;
        padding-bottom: 0.625rem
    }
    .legacy-components #secondary-mobile-menu-links li a {
        padding-left: 50px;
        color: #343741
    }
    .legacy-components #main-menu-dynamic,
    .legacy-components #sub-menu-dynamic {
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
        font-size: 0.9375rem;
        line-height: 1.25rem;
        color: #343741;
        padding-left: 40px;
        position: relative;
        top: -15px
    }
    .page-ja .legacy-components #main-menu-dynamic,
    .page-ja .legacy-components #sub-menu-dynamic {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components #main-menu-dynamic,
    .page-kr .legacy-components #sub-menu-dynamic {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components #main-menu-dynamic,
        .legacy-components #sub-menu-dynamic {
            font-family: 'Roboto'
        }
    }
    .legacy-components #main-menu-dynamic:before,
    .legacy-components #sub-menu-dynamic:before {
        margin-left: 7px;
        vertical-align: middle;
        content: '\f104';
        -webkit-font-smoothing: antialiased;
        font-family: 'proofpoint';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        color: #343741;
        top: 1px;
        left: 21px;
        position: absolute;
        font-size: 17px
    }
    .legacy-components #menu-email-protection:before,
    .legacy-components #menu-archive-discovery:before,
    .legacy-components #menu-platform:before,
    .legacy-components #menu-threat-protection:before,
    .legacy-components #menu-cloud-security:before,
    .legacy-components #menu-info-protection:before,
    .legacy-components #menu-risk-protection:before {
        content: '';
        display: block;
        position: absolute;
        background-size: cover
    }
    .legacy-components #menu-email-protection:before {
        background: url("/sites/all/themes/proofpoint/images/message.svg") no-repeat;
        height: 9px;
        width: 15px;
        background-size: cover;
        left: -27px;
        top: 17px
    }
    .legacy-components #menu-archive-discovery:before {
        background: url("/sites/all/themes/proofpoint/images/folder.svg") no-repeat;
        height: 12px;
        width: 15px;
        background-size: cover;
        left: -27px;
        top: 17px
    }
    .legacy-components #menu-platform:before {
        background: url("/sites/all/themes/proofpoint/images/chat-active.svg") no-repeat;
        height: 14px;
        width: 16px;
        background-size: cover;
        left: -27px;
        top: 17px
    }
    .legacy-components #menu-threat-protection:before {
        background: url("/sites/all/themes/proofpoint/images/shield-black.svg") no-repeat;
        height: 15px;
        width: 11px;
        background-size: cover;
        left: -27px;
        top: 17px
    }
    .legacy-components #menu-cloud-security:before {
        background: url("/sites/all/themes/proofpoint/images/cloud.svg") no-repeat;
        height: 12px;
        width: 20px;
        background-size: cover;
        left: -29px;
        top: 17px
    }
    .legacy-components #menu-info-protection:before {
        background: url("/sites/all/themes/proofpoint/images/info.svg") no-repeat;
        height: 14px;
        width: 7px;
        background-size: cover;
        left: -24px;
        top: 17px
    }
    .legacy-components #menu-risk-protection:before {
        background: url("/sites/all/themes/proofpoint/images/key.svg") no-repeat;
        height: 16px;
        width: 8px;
        background-size: cover;
        left: -24px;
        top: 17px
    }
    .legacy-components .mobile-menu-contact-button,
    .legacy-components .mobile-menu-languages-button {
        font-size: 0.9375rem !important;
        font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif" !important;
        text-transform: uppercase
    }
    .page-ja .legacy-components .mobile-menu-contact-button,
    .page-ja .legacy-components .mobile-menu-languages-button {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .mobile-menu-contact-button,
    .page-kr .legacy-components .mobile-menu-languages-button {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .mobile-menu-contact-button,
        .legacy-components .mobile-menu-languages-button {
            font-family: 'Roboto'
        }
    }
    .legacy-components .search-box__inner {
        border-radius: 0 !important;
        height: 50px !important;
        left: unset !important;
        padding: 10px !important
    }
    .legacy-components .search-box__inner .form-item-search-block-form {
        float: none !important;
        width: 100% !important
    }
    .legacy-components .search-box__inner #edit-actions {
        position: absolute;
        left: unset;
        right: 20px;
        top: 8px
    }
    .legacy-components .search-box__inner .icon-search-ppoint:before,
    .legacy-components .search-box__inner .search-box__close-button:before,
    .legacy-components .search-box__inner .search-box .form-actions:before,
    .legacy-components .search-box .search-box__inner .form-actions:before {
        font-size: 22px !important;
        color: #878a8f !important
    }
    .legacy-components .search-box__inner h2 {
        font-size: 0.8125rem;
        color: #878a8f
    }
    .legacy-components .header__nav .learn-more {
        font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
        font-size: 0.9375rem
    }
    .page-ja .legacy-components .header__nav .learn-more {
        font-family: "Noto Sans JP", sans-serif
    }
    .page-kr .legacy-components .header__nav .learn-more {
        font-family: "Noto Serif KR", serif
    }
    @supports (-webkit-hyphens:none) {
        .legacy-components .header__nav .learn-more {
            font-family: 'Roboto'
        }
    }
    .legacy-components .header__nav .learn-more:after {
        top: -1px !important
    }
    .legacy-components .mega-menu__nav h3 {
        padding-top: 20px
    }
    .legacy-components .block-announcement {
        padding-left: 23px !important
    }
    .legacy-components .show-menu .header__inner {
        display: block !important
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .content>.item-list>.mega-menu__nav>.expanded-menu.last .mega-menu__nav .expanded-menu__menu-child {
        display: block !important
    }
    .legacy-components .expended-menu>.expanded-menu-item.expanded-menu .expanded-menu__menu-child {
        display: block !important;
        overflow: hidden !important
    }
    .legacy-components .content>.item-list>.mega-menu__nav>.expanded-menu.first .mega-menu__nav#navList {
        padding: 15px !important
    }
    .legacy-components .content>.item-list>.mega-menu__nav>.expanded-menu.last .expanded-menu__button {
        display: none !important
    }
    .legacy-components .content>.item-list>.mega-menu__nav>.expanded-menu:not(.first):not(.last) {
        display: none !important
    }
    .legacy-components .expanded-menu__menu-child.listTab {
        margin-top: 15px
    }
    .legacy-components .expanded-menu-item.expanded-menu>a {
        display: inline-block
    }
}

.legacy-components .search-box {
    height: 1.875rem;
    overflow: visible;
    text-align: left;
    width: 1.875rem;
    position: absolute
}

.legacy-components .search-box__inner {
    background-color: #b8b8b8;
    position: absolute;
    width: 15.8125rem;
    left: -25px;
    z-index: -1;
    top: -25px;
    transition: top 800ms ease;
    padding: 15px 15px 6px 6px;
    border-radius: 0 0 5px 5px
}

@media screen and (max-width:47.9375em) {
    .legacy-components .search-box__inner {
        min-width: 16.625rem;
        width: 100%;
        display: none
    }
}

.legacy-components .search-box__close-button,
.legacy-components .search-box .form-actions {
    color: #4b4b4b;
    height: 1.875rem;
    position: relative;
    text-align: center;
    top: 0;
    width: 1.875rem
}

.legacy-components .search-box__close-button:hover,
.legacy-components .search-box .form-actions:hover {
    cursor: pointer
}

.legacy-components .search-box__close-button {
    line-height: 1.1;
    right: 0;
    text-align: right;
    font-size: 1.75rem
}

.legacy-components .search-box .form-actions {
    font-size: 1.75rem;
    margin: 0;
    left: 0;
    line-height: 1.1;
    overflow: hidden;
    display: inline-block
}

.legacy-components .search-box .form-actions .form-submit {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.legacy-components .search-box .form-type-textfield {
    margin: 0;
    width: 86%;
    float: right;
    display: inline-block
}

.legacy-components .search-box .form-text {
    background: #f4f3f0;
    border-color: #f4f3f0;
    font-size: 0.875rem;
    height: 1.875rem;
    margin: 0;
    width: 100%
}

.legacy-components .search-box.show-search-box .search-box__inner {
    top: 40px
}

.legacy-components .search-box.show-search-box .search-box__close-button {
    font-size: 1.4375rem;
    line-height: 1.5
}

@media (min-width:48em) {
    .legacy-components .search-box.show-search-box {
        width: 1.875rem
    }
}

.legacy-components .page-search-node #main {
    background-color: #5b5b5b;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important
}

.legacy-components .page-search-node #main>.content {
    max-width: 760px;
    margin: 0 auto;
    padding: 30px
}

.legacy-components .page-search-node .page-title {
    font-size: 3.5rem
}

.legacy-components .page-search-node label[for='edit-keys'] {
    display: none
}

.legacy-components .page-search-node .container-inline.form-wrapper {
    position: relative;
    width: 100%;
    height: 50px
}

.legacy-components .page-search-node .container-inline.form-wrapper .form-item {
    width: 100%;
    height: 50px;
    padding-right: 42px
}

.legacy-components .page-search-node .container-inline.form-wrapper .form-item input {
    width: 100%;
    height: 50px
}

.legacy-components .page-search-node .container-inline.form-wrapper .form-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-color: #009ada;
    color: #009ada
}

.legacy-components .page-search-node .container-inline.form-wrapper:after {
    position: absolute;
    font-family: 'proofpoint';
    content: '\e929';
    color: #fff;
    top: 8px;
    right: 12px;
    font-size: 24px;
    pointer-events: none
}

.legacy-components #page-wrapper {
    padding-top: 0 !important
}

.legacy-components #page-wrapper header {
    background: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    width: 100%
}

.legacy-components .short-nav__button,
.legacy-components .header__menu-button,
.legacy-components .header__nav__button {
    color: #5b5b5b;
    cursor: pointer;
    font-size: 1.5625rem;
    height: 1.875rem;
    line-height: 1.5;
    text-align: center;
    width: 1.875rem;
    z-index: 3
}

.show-short-nav .legacy-components .short-nav__button,
.show-menu>.legacy-components .header__nav__button,
.legacy-components .show-menu .header__menu-button {
    color: #c4c2b9;
    font-size: 1.4375rem
}

.legacy-components .short-nav {
    position: relative;
    display: inline-block
}

.legacy-components .short-nav__login-button,
.legacy-components .short-nav__button {
    cursor: pointer;
    display: inline-block
}

.legacy-components .short-nav__login-button {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 10px
}

.page-ja .legacy-components .short-nav__login-button {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .short-nav__login-button {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .short-nav__login-button {
        font-family: 'Roboto'
    }
}

@media (min-width:64em) {
    .legacy-components .short-nav__login-button {
        font-size: 0.75rem
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .short-nav__login-button {
        font-size: 0.875rem;
        color: #343741
    }
}

.legacy-components .short-nav__login-button:after {
    font-size: 0.75rem;
    line-height: 1.8;
    margin-left: 0.5rem;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease
}

.legacy-components .short-nav__content {
    display: none;
    font-size: 0.875rem;
    padding: 1.4375rem 0rem 0rem
}

@media (min-width:48em) {
    .legacy-components .short-nav__content {
        background: #fff;
        box-shadow: 0rem 0rem 0.3125rem 0rem rgba(0, 0, 0, 0.1);
        font-size: 0.8125rem;
        left: -1.5rem;
        margin-top: 0.3125rem;
        padding: 0rem 1.5rem;
        position: absolute;
        text-align: left;
        width: 13.6875rem;
        z-index: 2
    }
}

.legacy-components .short-nav__content li {
    margin-bottom: 0.5625rem
}

.legacy-components .short-nav__content hr {
    border: 0;
    border-top: 0.0625rem solid #f4f3f0;
    margin: 0.9375rem 0rem
}

.legacy-components .short-nav__content a {
    text-transform: capitalize
}

@media (min-width:48em) {
    .legacy-components .short-nav__content__item {
        border-bottom: 0.0625rem solid #f4f3f0;
        padding: 1.125rem 0rem 0.375rem
    }
    .legacy-components .short-nav__content__item:last-of-type {
        border-bottom: 0
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .short-nav--nav {
        display: none
    }
}

@media (min-width:64em) {
    .legacy-components .short-nav--nav {
        float: right
    }
}

@media (min-width:48em) {
    .legacy-components .short-nav--nav .short-nav__content {
        left: auto;
        margin-left: 2.5rem;
        position: fixed;
        right: auto;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.show-short-nav .legacy-components .short-nav__login-button:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.show-short-nav .legacy-components .short-nav__content {
    display: block
}

.legacy-components .header {
    background: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

@media screen and (max-width:63.9375em) {
    .legacy-components .header {
        box-shadow: 0rem 0rem 0.625rem 0rem rgba(0, 0, 0, 0.1);
        max-height: 100%;
        padding: 0
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .header {
        height: 45px !important;
        position: relative
    }
    .legacy-components .header .header__logo-responsive {
        top: 12px !important
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header {
        transition: max-height 0.8s;
        max-height: inherit;
        height: auto
    }
}

.legacy-components .header__top {
    padding: 0.9375rem 0rem 0.625rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .header__top {
        padding: 0
    }
}

@media (min-width:48em) {
    .legacy-components .header__logo-responsive {
        display: inline-block;
        left: 0;
        position: absolute;
        top: 1.125rem;
        z-index: 3
    }
}

@media (min-width:64em) {
    .legacy-components .header__logo-responsive {
        display: none
    }
}

.legacy-components .header__logo-responsive a {
    display: inline-block;
    line-height: 0;
    width: 7rem
}

.legacy-components .header__logo-responsive img {
    width: 100%
}

.legacy-components .header__logo {
    float: left;
    line-height: 0;
    margin-right: 2rem
}

@media screen and (max-width:63.9375em) {
    .legacy-components .header__logo {
        display: none
    }
}

.legacy-components .header__logo a {
    display: inline-block;
    width: 10.375rem
}

.legacy-components .header__logo img {
    width: 100%
}

.legacy-components .header__menu-button {
    position: absolute;
    right: 0;
    top: 0.625rem;
    z-index: 3
}

@media (min-width:48em) {
    .legacy-components .header__menu-button {
        display: none
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header__menu-button {
        color: #5b5b5b !important
    }
}

.legacy-components .header__inner {
    background: #fff;
    display: none;
    padding-top: 1.5rem;
    position: relative
}

@media (min-width:48em) {
    .legacy-components .header__inner {
        display: block;
        padding: 0
    }
}

@media (min-width:64em) {
    .legacy-components .header__inner {
        box-shadow: 0rem 0.125rem 0.25rem 0rem rgba(0, 0, 0, 0.1)
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header__inner {
        overflow: visible !important
    }
}

.legacy-components .header__inner__container {
    position: relative
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header__inner__container {
        margin-left: 0;
        margin-right: 0
    }
}

.legacy-components .header__sticky-nav {
    background: #fff;
    left: 0;
    margin-top: -100%;
    position: fixed;
    right: 0;
    transition: margin-top 0.3s ease
}

@media screen and (max-width:63.9375em) {
    .legacy-components .header__sticky-nav {
        display: none
    }
}

.legacy-components .header__group {
    min-height: 1.875rem;
    position: relative
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header__group {
        border-bottom: 0.0625rem solid #d7d7d7;
        padding-bottom: 0.9375rem
    }
    .legacy-components .header__group:before,
    .legacy-components .header__group:after {
        content: '';
        display: table
    }
    .legacy-components .header__group:after {
        clear: both
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .header__group {
        margin: 0rem 3.625rem 0rem 7.5rem;
        padding: 1rem 3.75rem 0.75rem 0rem;
        text-align: right;
        z-index: 5
    }
}

@media (min-width:64em) {
    .legacy-components .header__group {
        background: #fff;
        padding-right: 3.75rem;
        padding-top: 2.0625rem;
        text-align: right;
        z-index: 2
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .header__menu {
        font-size: 1.125rem;
        position: relative;
        display: none
    }
}

@media (min-width:48em) {
    .legacy-components .header__menu {
        display: inline-block;
        margin-left: 0.625rem
    }
}

.legacy-components .header__menu .menu li {
    display: inline-block
}

.legacy-components .header__menu .menu li a {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 0.75rem;
    color: #fff;
    padding: 10px 22px 17px;
    text-transform: uppercase;
    display: block;
    background-color: #009ada;
    transition: all 0.3s
}

.page-ja .legacy-components .header__menu .menu li a {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .header__menu .menu li a {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .header__menu .menu li a {
        font-family: 'Roboto'
    }
}

.legacy-components .header__menu .menu li a:hover {
    background-color: #0076a7
}

@media (min-width:64em) {
    .legacy-components .header__menu .menu li a {
        font-size: 0.75rem
    }
}

.legacy-components .header__search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    right: 20px
}

@media (min-width:48em) {
    .legacy-components .header__search {
        top: 50%
    }
}

@media (min-width:64em) {
    .legacy-components .header__search {
        margin-top: -0.125rem
    }
}

.legacy-components .header__nav {
    overflow: hidden
}

@media (min-width:64em) {
    .legacy-components .header__nav {
        background: #fff;
        padding: 1rem 0rem 0rem;
        position: relative;
        transition: margin-top 0.2s ease;
        display: inline-block;
        vertical-align: bottom
    }
}

.legacy-components .header__nav__button {
    display: none;
    margin-top: 0.4375rem;
    position: fixed;
    right: 0.9375rem
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .header__nav__button {
        display: block
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .header__nav .main-menu {
        background: #fff;
        box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.3);
        display: none;
        max-height: calc(100% - 54px);
        overflow-y: auto;
        padding: 1.25rem 0.9375rem 1.25rem 1.5rem;
        position: fixed;
        right: 0;
        width: 100%
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .header__nav.show-menu .main-menu {
        display: block;
        top: 44px
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .show-menu {
        overflow-y: auto
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .show-menu .header {
        max-height: 100% !important;
        height: 100%;
        overflow-x: hidden
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .show-menu .header__inner {
        border-bottom: none
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .show-menu .header__nav {
        display: block
    }
}

.legacy-components .show-menu .header__panel {
    display: none
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .scroll-header .short-nav {
        visibility: hidden
    }
}

@media (min-width:64em) {
    .legacy-components .scroll-header .header__group {
        opacity: 0;
        z-index: -1
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .scroll-header .header__menu {
        visibility: hidden
    }
}

@media (min-width:64em) {
    .legacy-components .scroll-header .header__sticky-nav {
        box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
        margin-top: 0
    }
}

.legacy-components body.i18n-it .header__search {
    display: none
}

.legacy-components body.i18n-it .header__group {
    padding-right: 0
}

.legacy-components ul.main-menu,
.legacy-components .region-navigation {
    display: inline-block
}

@media screen and (max-width:47.9375em) {
    .legacy-components ul.main-menu,
    .legacy-components .region-navigation {
        width: 100%;
        display: block
    }
}

.legacy-components .region-navigation {
    position: absolute;
    right: 20px;
    bottom: 0
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .region-navigation {
        right: 48px;
        bottom: -45px
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .region-navigation {
        float: none;
        position: absolute;
        top: -72px;
        right: -180px;
        height: 45px
    }
    .legacy-components .region-navigation #block-search-form {
        right: -8px;
        top: -5px
    }
    .legacy-components .region-navigation .icon-search-ppoint:before,
    .legacy-components .region-navigation .search-box__close-button:before,
    .legacy-components .region-navigation .search-box .form-actions:before,
    .legacy-components .search-box .region-navigation .form-actions:before {
        font-size: 20px
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .scroll-header .region-navigation {
        display: none
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .legacy-components .search-box__inner {
        top: 41px;
        left: -10px;
        opacity: 0;
        -webkit-transform: translate3d(0, -56px, 0);
        transform: translate3d(0, -56px, 0);
        visibility: hidden;
        transition: all 200ms ease-out
    }
    .legacy-components .show-search-box .search-box__inner {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .legacy-components #page-wrapper {
        padding-top: 0 !important
    }
    .legacy-components #block-pp-announcement-pp-announcement {
        display: none !important
    }
    .legacy-components .header__nav__button {
        position: absolute;
        right: 0
    }
}

.legacy-components #block-menu-block-1 {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: 8px
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-menu-block-1 {
        right: 0;
        display: none !important
    }
}

.legacy-components #block-menu-block-1:before {
    content: '';
    height: 22px;
    width: 22px;
    background: url("/sites/all/themes/proofpoint/images/earth.svg") center center no-repeat;
    background-size: cover;
    display: block;
    position: relative
}

.legacy-components #block-menu-block-1:before:hover {
    cursor: pointer
}

.legacy-components #block-menu-block-1:hover .menu-name-menu-menu-regions {
    height: 275px;
    margin-bottom: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-menu-block-1:hover .menu-name-menu-menu-regions {
        height: 0
    }
}

.legacy-components #block-menu-block-1 .menu-name-menu-menu-regions {
    position: absolute;
    width: 196px;
    height: 0;
    margin-bottom: 275px;
    overflow: hidden;
    left: -88px;
    transition: all 300ms linear
}

.legacy-components #block-menu-block-1 .menu-name-menu-menu-regions ul.menu {
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
    padding: 20px 25px;
    width: 185px;
    left: 5px;
    top: 17px
}

.legacy-components #block-menu-block-1 .menu-name-menu-menu-regions ul.menu:after {
    bottom: 89%;
    left: 65%;
    border: solid rgba(255, 255, 255, 0);
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -10px;
    border: 12px solid black;
    border-color: transparent transparent #fff #fff;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    box-shadow: -3px 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.legacy-components #block-menu-block-1 .menu-name-menu-menu-regions ul.menu li a {
    display: block;
    color: #009ada;
    padding: 2px 0;
    font-size: 14px
}

.legacy-components #block-menu-block-1 .menu-name-menu-menu-regions ul.menu li a:hover {
    color: #5db3e2
}

.legacy-components .i18n-it .header__inner__container .header__logo {
    margin: 15px 0px 8px
}

.legacy-components .nav-footer ul {
    font-size: 0.9375rem
}

.legacy-components .nav-footer ul a {
    display: inline-block;
    position: relative
}

.legacy-components .nav-footer ul a:before {
    color: #343741;
    font-size: 0.75rem;
    left: 0;
    position: absolute;
    top: 0.28125rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .nav-footer ul li {
        width: 46.60633%;
        float: left
    }
    .legacy-components .nav-footer ul li:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .nav-footer ul li:nth-child(2n+2) {
        margin-left: 53.39367%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:64em) {
    .legacy-components .nav-footer ul li {
        width: 48.42105%;
        float: left;
        font-size: 0.75rem
    }
    .legacy-components .nav-footer ul li:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .nav-footer ul li:nth-child(2n+2) {
        margin-left: 51.57895%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:90em) {
    .legacy-components .nav-footer ul li {
        font-size: 0.9375rem
    }
}

.legacy-components .list-social ul {
    margin-bottom: 2.5rem
}

.legacy-components .list-social ul a {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    color: #fff;
    display: inline-block;
    font-size: 1.0625rem;
    position: relative
}

.legacy-components .list-social ul a:before {
    color: #343741;
    font-size: 1.1875rem;
    left: 0;
    position: absolute;
    top: 0
}

.legacy-components .list-social ul li {
    margin-bottom: 1.5rem
}

.legacy-components .list-region ul {
    font-size: 1rem
}

.legacy-components .list-region ul li {
    display: inline-block
}

.legacy-components .list-region ul li:last-of-type {
    margin-right: 0
}

.legacy-components .list-buttons ul {
    margin-bottom: 1.0625rem
}

.legacy-components .list-buttons ul a {
    font-size: 1.0625rem;
    padding: 0.75rem 0.4375rem 0.5625rem;
    width: 100%
}

.legacy-components .list-buttons ul li {
    margin-bottom: 0.9375rem
}

@media screen and (max-width:47.9375em) {
    .legacy-components .list-buttons ul li {
        width: 46.60633%;
        float: left
    }
    .legacy-components .list-buttons ul li:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .list-buttons ul li:nth-child(2n+2) {
        margin-left: 53.39367%;
        margin-right: -100%;
        clear: none
    }
}

@media (min-width:64em) {
    .legacy-components .list-buttons ul li {
        width: 48.42105%;
        float: left
    }
    .legacy-components .list-buttons ul li:nth-child(2n+1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left: 0
    }
    .legacy-components .list-buttons ul li:nth-child(2n+2) {
        margin-left: 51.57895%;
        margin-right: -100%;
        clear: none
    }
}

.legacy-components .footer-panel {
    color: #afafb2;
    font-size: 0.8125rem;
    padding-bottom: 0.625rem;
    padding-top: 2.8125rem
}

@media (min-width:48em) {
    .legacy-components .footer-panel {
        padding-bottom: 0.5rem;
        padding-top: 3.75rem
    }
}

.legacy-components .footer-panel .block__title,
.legacy-components .footer-panel__title {
    font-family: 'BebasNeue-Regular', Helvetica, Arial, sans-serif;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    border-bottom: 0.0625rem solid #343741;
    color: #343741;
    font-size: 1.4375rem;
    margin-bottom: 1.375rem;
    padding-bottom: 0.75rem
}

.page-ja .legacy-components .footer-panel .block__title,
.page-ja .legacy-components .footer-panel__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .footer-panel .block__title,
.page-kr .legacy-components .footer-panel__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .footer-panel .block__title,
    .legacy-components .footer-panel__title {
        font-family: 'Roboto'
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top {
        margin-bottom: 0.75rem
    }
}

.legacy-components .footer-panel__top__item {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item {
        margin-bottom: 3rem
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item:nth-child(4) {
        width: 65.61404%;
        float: left
    }
}

@media (min-width:90em) {
    .legacy-components .footer-panel__top__item:nth-child(4) {
        width: 64.31227%;
        float: left
    }
}

.legacy-components .footer-bottom {
    color: #343741;
    font-size: 0.8125rem;
    padding: 1.375rem 0rem
}

.legacy-components .footer-bottom__logo {
    margin-bottom: 0.9375rem;
    text-align: center
}

@media (min-width:30em) {
    .legacy-components .footer-bottom__logo {
        float: left;
        margin-bottom: 0;
        text-align: left
    }
}

.legacy-components .footer-bottom__logo a {
    background: no-repeat center center/100% auto;
    display: block;
    height: 2rem;
    width: 7rem
}

@media screen and (max-width:29.9375em) {
    .legacy-components .footer-bottom__logo a {
        margin: 0
    }
}

@media (min-width:64em) {
    .legacy-components .footer-bottom__logo a {
        width: 10.375rem
    }
}

.legacy-components .footer-bottom__logo img {
    width: 9.125rem
}

.legacy-components .copyright {
    padding-top: 0.1875rem
}

@media (min-width:64em) {
    .legacy-components .copyright {
        text-align: center
    }
}

@media (min-width:30em) {
    .legacy-components .copyright {
        float: left;
        text-align: left
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .copyright {
        float: left
    }
}

@media (min-width:48em) {
    .legacy-components .copyright {
        float: left
    }
}

.legacy-components .copyright p {
    margin-bottom: 0
}

.legacy-components .nav-footer .icon-phone-ppoint {
    color: #3592cf;
    font-weight: bold
}

.legacy-components .footer-bottom-link {
    color: #3592cf
}

@media (min-width:64em) {
    .legacy-components .footer-bottom-link {
        margin-left: 2.5rem
    }
}

.legacy-components .region.region-footer {
    position: relative
}

.legacy-components #block-menu-menu-menu-regions h2 {
    display: none
}

.legacy-components #block-menu-menu-menu-regions {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 12px;
    float: right;
    left: 20px;
    margin-left: 5px
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-menu-menu-menu-regions {
        right: 25px
    }
}

.legacy-components #block-menu-menu-menu-regions:before {
    content: '';
    height: 22px;
    width: 22px;
    background: url("/sites/all/themes/proofpoint/images/earth.svg") center center no-repeat;
    background-size: cover;
    display: block;
    position: relative
}

.legacy-components #block-menu-menu-menu-regions:before:hover {
    cursor: pointer
}

.legacy-components #block-menu-menu-menu-regions:hover .list-region {
    height: 275px;
    margin-top: 0
}

.legacy-components #block-menu-menu-menu-regions .list-region {
    position: absolute;
    width: 196px;
    height: 0;
    margin-top: 275px;
    overflow: hidden;
    left: -130px;
    top: -275px;
    transition: all 300ms linear
}

.legacy-components #block-menu-menu-menu-regions .list-region ul.menu {
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.1);
    padding: 20px 25px;
    width: 185px;
    left: 5px;
    top: 17px
}

.legacy-components #block-menu-menu-menu-regions .list-region ul.menu:after {
    bottom: -9%;
    left: 69%;
    border: solid rgba(255, 255, 255, 0);
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -10px;
    border: 12px solid black;
    border-color: transparent transparent #fff #fff;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    box-shadow: -3px 2px 2px 0 rgba(0, 0, 0, 0.1)
}

.legacy-components #block-menu-menu-menu-regions .list-region ul.menu li a {
    display: block;
    color: #009ada;
    padding: 2px 0;
    font-size: 14px
}

.legacy-components #block-menu-menu-menu-regions .list-region ul.menu li a:hover {
    color: #5db3e2
}

.legacy-components #block-menu-menu-menu-regions .list-region ul li {
    display: block
}

.legacy-components .footer-panel .block__title,
.legacy-components .footer-panel__title {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    border-bottom: 0.1225rem solid #343741;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.0375rem;
    margin-bottom: 1.1rem;
    padding-bottom: 0.5rem
}

.page-ja .legacy-components .footer-panel .block__title,
.page-ja .legacy-components .footer-panel__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .footer-panel .block__title,
.page-kr .legacy-components .footer-panel__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .footer-panel .block__title,
    .legacy-components .footer-panel__title {
        font-family: 'Roboto'
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top {
        margin-bottom: 0.75rem
    }
}

.legacy-components .footer-panel__top__item {
    margin-bottom: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item {
        margin-bottom: 3rem
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item {
        width: 34%;
        float: left
    }
    .legacy-components .footer-panel__top__item .block-menu {
        float: left;
        width: 50%
    }
    .legacy-components .footer-panel__top__item:nth-child(3) {
        width: 150px;
        float: right;
        margin-right: 0
    }
    .legacy-components .footer-panel__top__item:nth-child(3) .block-menu {
        float: left;
        width: 100%
    }
    .legacy-components .footer-panel__top__item:nth-child(3) {
        width: 150px;
        float: right;
        margin-right: 0
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item {
        width: 50%
    }
}

@media (min-width:64em) {
    .legacy-components .footer-panel__top__item {
        width: 34%
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item:nth-child(3) {
        float: left !important;
        width: 50% !important
    }
}

@media (min-width:64em) {
    .legacy-components .footer-panel__top__item:nth-child(3) {
        float: right !important;
        width: 15% !important;
        margin-top: -20px
    }
}

@media (min-width:48em) {
    .legacy-components .region-footer-thirdcolumn .block-menu {
        width: 50% !important
    }
}

@media (min-width:64em) {
    .legacy-components .region-footer-thirdcolumn .block-menu {
        width: 100% !important
    }
}

@media (max-width:36em) {
    .legacy-components a.footer-bottom-link {
        display: block
    }
    .legacy-components .region-down-arrow {
        left: 15px;
        bottom: -180px
    }
    .legacy-components #block-menu-menu-menu-regions {
        left: 0px;
        text-align: left;
        bottom: -170px
    }
}

@media (max-width:48em) {
    .legacy-components .footer-panel {
        margin-left: 0px
    }
}

.legacy-components .footer-panel__top__item .nav-footer ul a:before {
    content: ''
}

.legacy-components #block-menu-menu-connect-menu .block__title,
.legacy-components #block-menu-menu-support .block__title {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    border-bottom: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.0375rem;
    margin-bottom: 0rem;
    padding-bottom: 0.5rem;
    margin-top: 20px
}

.page-ja .legacy-components #block-menu-menu-connect-menu .block__title,
.page-ja .legacy-components #block-menu-menu-support .block__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components #block-menu-menu-connect-menu .block__title,
.page-kr .legacy-components #block-menu-menu-support .block__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components #block-menu-menu-connect-menu .block__title,
    .legacy-components #block-menu-menu-support .block__title {
        font-family: 'Roboto'
    }
}

.legacy-components .nav-footer ul a {
    display: inline-block;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-style: normal;
    position: relative
}

.page-ja .legacy-components .nav-footer ul a {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .nav-footer ul a {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .nav-footer ul a {
        font-family: 'Roboto'
    }
}

.legacy-components .footer-panel__top__item .block-menu {
    float: left;
    width: 50%
}

@media screen and (max-width:47.9375em) {
    .legacy-components .footer-panel__top__item .block-menu {
        margin-bottom: 40px !important
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-menu-menu-connect-menu {
        width: 51%
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components #block-menu-menu-support {
        width: 49%
    }
}

@media (min-width:48em) {
    .legacy-components .footer-panel__top__item:nth-child(3) {
        float: right;
        margin-right: 0
    }
}

@media (min-width:1055px) {
    .legacy-components .footer-panel__top__item:nth-child(3) {
        float: right;
        margin-right: 0
    }
}

.legacy-components .nav-footer li {
    line-height: 28px
}

.legacy-components .nav-footer ul li {
    width: 100%;
    float: none
}

.legacy-components .nav-footer ul li:nth-child(2n+2) {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.legacy-components a.footer-bottom-link {
    line-height: 40px
}

.legacy-components .footer-bottom-link.regions.down-arrow,
.legacy-components .footer-bottom-link.regions.globe-icon {
    height: 30px;
    width: 30px
}

.legacy-components .list-region ul a {
    color: #3592cf
}

.legacy-components .list-region ul a:hover {
    color: #01579b
}

.legacy-components #block-menu-menu-bottom-footer-menu {
    float: left;
    margin-left: 10px
}

.legacy-components #block-block-11 {
    float: left;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 15.3px
}

.page-ja .legacy-components #block-block-11 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components #block-block-11 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components #block-block-11 {
        font-family: 'Roboto'
    }
}

@media (min-width:1055px) {
    .legacy-components #block-block-11 {
        float: right
    }
}

@media (max-width:1054px) {
    .legacy-components a.footer-bottom-link {
        margin-left: 20px
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components a.footer-bottom-link {
        display: block;
        margin-left: 0px !important
    }
}

@media (min-width:48em) {
    .legacy-components a.footer-bottom-link {
        display: inline-block
    }
}

@media (max-width:1054px) {
    .legacy-components #block-block-11 {
        width: 100%
    }
}

@media screen and (max-width:47.9375em) {
    .legacy-components .footer-bottom-link.regions {
        margin-left: -13px !important
    }
}

.legacy-components .nav-footer ul a {
    font-size: 15px
}

.legacy-components .nav-footer li.leaf {
    width: 99%
}

@media (min-width:48em) {
    .legacy-components .page-user.not-logged-in .main-content {
        padding-left: 8.51371%;
        padding-right: 8.51371%
    }
}

@media (min-width:64em) {
    .legacy-components .page-user.not-logged-in .main-content {
        padding-left: 17.02742%;
        padding-right: 17.02742%
    }
}

.legacy-components .related-links .item-list {
    font-size: 0.875rem
}

.legacy-components .related-links .item-list h3 {
    font-size: 1.0625rem
}

.legacy-components .node-type-marketo-form .field-type-paragraphs>.field-items>.field-item:first-of-type .entity-paragraphs-item>.content>div {
    padding-top: 0
}

@media (min-width:48em) {
    .legacy-components .node-type-marketo-form .field-type-paragraphs>.field-items>.field-item:first-of-type .box-media--text-text,
    .legacy-components .node-type-marketo-form .field-type-paragraphs>.field-items>.field-item:first-of-type .block-wide-text,
    .legacy-components .node-type-marketo-form .field-type-paragraphs>.field-items>.field-item:first-of-type .block-text-cols {
        margin-top: -0.3125rem
    }
}

@media screen and (max-width:63.9375em) {
    .legacy-components .node-type-marketo-form .field-type-paragraphs>.field-items .container {
        margin-left: 0;
        margin-right: 0
    }
}

.legacy-components .search-results {
    padding: 2.5rem 0rem
}

@media (min-width:48em) {
    .legacy-components .search-results {
        padding: 3.125rem 0rem
    }
}

.legacy-components .search-results table {
    table-layout: auto;
    word-wrap: normal
}

.legacy-components .search-results .gsc-control-cse {
    border: 0;
    padding: 0
}

.legacy-components .search-results .gsc-results .gsc-cursor-box {
    margin: 0
}

.legacy-components .search-results .gsc-results .gsc-cursor {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 0.875rem;
    margin-top: 1.25rem;
    padding-left: 0.0625rem
}

.page-ja .legacy-components .search-results .gsc-results .gsc-cursor {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components .search-results .gsc-results .gsc-cursor {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components .search-results .gsc-results .gsc-cursor {
        font-family: 'Roboto'
    }
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page {
    border: 0.0625rem solid #c4c2b9;
    float: left;
    margin: 0rem 0rem 0.3125rem -0.0625rem;
    padding: 0.375rem 0.75rem
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-page:hover {
    text-decoration: none
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-current-page {
    background: #009ada;
    border-color: #009ada;
    color: #fff;
    position: relative;
    z-index: 1
}

.legacy-components .search-results .gsc-results .gsc-cursor .gsc-cursor-current-page:hover {
    color: #fff
}

.legacy-components .search-results__item {
    border-top: 0.0625rem solid #c4c2b9;
    box-shadow: 0 0.0625rem 0 0 #fff inset;
    padding: 1.875rem 0rem
}

.legacy-components .search-results__header {
    margin-bottom: 1.25rem
}

.legacy-components .search-results__counter {
    float: left;
    font-size: 0.875rem;
    font-weight: 700
}

@media (min-width:30em) {
    .legacy-components .search-results__counter {
        font-size: 1rem
    }
}

.legacy-components .search-results__time {
    float: right;
    font-size: 0.9375rem;
    padding-left: 1.25rem;
    position: relative
}

.legacy-components .search-results__time:before {
    font-size: 0.9375rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.legacy-components .search-results__image {
    line-height: 0;
    margin-bottom: 0.9375rem
}

@media (min-width:30em) {
    .legacy-components .search-results__image {
        float: left;
        margin-bottom: 0;
        width: 7.5rem
    }
}

@media (min-width:48em) {
    .legacy-components .search-results__image {
        width: 15.375rem
    }
}

.legacy-components .search-results__image img {
    width: 100%
}

@media (min-width:30em) {
    .legacy-components .search-results__image+.search-results__inner {
        margin-left: 8.75rem
    }
}

@media (min-width:48em) {
    .legacy-components .search-results__image+.search-results__inner {
        margin-left: 18.5rem
    }
}

@media (min-width:90em) {
    .legacy-components .search-results__image+.search-results__inner {
        margin-left: 19.75rem
    }
}

@media (min-width:48em) {
    .legacy-components .search-results__content {
        padding-right: 1.25rem
    }
}

.legacy-components .search-results__list__tags {
    margin-bottom: 0.625rem
}

.legacy-components .search-results__tags {
    margin-bottom: 0.625rem;
    position: relative
}

.legacy-components .search-results__tags a {
    color: #343741
}

.legacy-components .search-results__tags a:hover {
    color: #009ada
}

.legacy-components .search-results__tags li {
    background-color: #f4f3f0;
    border-radius: 0.1875rem 0rem 0rem 0.1875rem;
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 0.4375rem;
    margin-right: 1.25rem;
    padding: 0.1875rem 0.3125rem 0.1875rem 0.625rem;
    position: relative
}

.legacy-components .search-results__tags li:before,
.legacy-components .search-results__tags li:after {
    border: solid transparent;
    content: '';
    height: 0;
    left: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0
}

.legacy-components .search-results__tags li:after {
    border-color: rgba(244, 243, 240, 0);
    border-left-color: #f4f3f0;
    border-width: 0.9375rem;
    margin-top: -0.9375rem
}

.legacy-components .search-results__tags li:before {
    border-color: rgba(244, 243, 240, 0);
    border-left-color: #f4f3f0;
    border-width: 0.8125rem;
    margin-top: -0.8125rem
}

.legacy-components .node-type-resource-item .marketo .resource-list__body,
.legacy-components .node-type-resource-item .marketo .resourceVideo {
    float: left;
    width: 60%;
    margin-right: 5%
}

@media only screen and (max-width:768px) {
    .legacy-components .node-type-resource-item .marketo .resource-list__body,
    .legacy-components .node-type-resource-item .marketo .resourceVideo {
        float: none;
        width: 100%;
        margin: 0
    }
}

.legacy-components .node-type-resource-item .marketo .marketo-form {
    float: right;
    width: 35%
}

@media only screen and (max-width:768px) {
    .legacy-components .node-type-resource-item .marketo .marketo-form {
        float: left;
        width: 100%;
        margin-bottom: 1.25rem
    }
}

.legacy-components .node-type-resource-item .marketo .thankYou {
    margin-bottom: 0.625rem;
    text-align: center
}

.legacy-components .node-type-resource-item .marketo .resourceURI {
    display: none;
    text-align: center
}

.legacy-components .node-type-resource-item .marketo .form-pre-filled {
    margin-bottom: 10px
}

.legacy-components .node-type-resource-item .marketo .form-pre-filled.second {
    margin-top: 30px;
    font-size: 0.8rem
}

.legacy-components .node-type-resource-item .marketo .mktoForm .mktoButtonRow,
.legacy-components .node-type-resource-item .marketo .form-pre-filled,
.legacy-components .node-type-resource-item .marketo h4 {
    text-align: center
}

.legacy-components .node-type-resource-item .big-title {
    z-index: 0
}

@media only screen and (max-width:360px) {
    .legacy-components .node-type-resource-item .big-title {
        float: left;
        clear: both
    }
}

.legacy-components .node-type-resource-item .resource-box {
    float: left;
    height: 11.5625rem;
    width: 12.5rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.5);
    margin: 0rem 1.25rem 1.25rem 0rem
}

.legacy-components .node-type-resource-item .resource-list__link {
    padding-top: 10px
}

.legacy-components .node-type-resource-item .resource-list__link:before {
    font-size: 9.375rem;
    padding-left: 2.5rem;
    opacity: 0.3;
    position: relative;
    right: 12%;
    top: 15%
}

.legacy-components .node-type-resource-item .resource-list__body {
    margin-bottom: 0.625rem
}

@media only screen and (max-width:360px) {
    .legacy-components .node-type-resource-item .resource-list__body {
        float: left;
        clear: both
    }
}

.legacy-components .node-type-resource-item .resource-white-paper .resource-box {
    background-color: #476d83
}

.legacy-components .node-type-resource-item .resource-ebook .resource-box {
    background-color: #00a99a
}

.legacy-components .node-type-resource-item .resource-webinar .resource-box {
    background-color: #61a689
}

.legacy-components .node-type-resource-item .resource-video .resource-box {
    background-color: #f37735
}

.legacy-components .node-type-resource-item .resource-podcast .resource-box {
    background-color: #811d1b
}

.legacy-components .node-type-resource-item .resource-infographic .resource-box {
    background-color: #5aa4db
}

.legacy-components .node-type-resource-item .resource-research-report .resource-box {
    background-color: #a29e92
}

.legacy-components .node-type-resource-item .resource-solutions-brief .resource-box {
    background-color: #2b4553
}

.legacy-components .node-type-resource-item .resource-threat-report .resource-box {
    background-color: #3c6b59
}

.legacy-components .node-type-resource-item .resource-tech-brief .resource-box {
    background-color: #97441c
}

.legacy-components .node-type-resource-item .resource-datasheet .resource-box {
    background-color: #460000
}

.legacy-components .node-type-resource-item #lingotek-download-translations-form .form-type-checkbox input {
    opacity: 1
}

.legacy-components .node-type-contact-us-form .marketo .contact_us__body {
    float: left;
    width: 60%;
    margin-right: 5%
}

@media only screen and (max-width:768px) {
    .legacy-components .node-type-contact-us-form .marketo .contact_us__body {
        float: none;
        width: 100%;
        margin: 0
    }
}

.legacy-components .node-type-contact-us-form .marketo .marketo-form {
    float: right;
    width: 35%
}

@media only screen and (max-width:768px) {
    .legacy-components .node-type-contact-us-form .marketo .marketo-form {
        float: left;
        width: 100%;
        margin-bottom: 1.25rem
    }
}

.legacy-components .node-type-contact-us-form .marketo .thankYou {
    margin-bottom: 0.625rem;
    text-align: center
}

.legacy-components .node-type-contact-us-form .marketo .resourceURI {
    display: none;
    text-align: center
}

.legacy-components .node-type-contact-us-form .marketo .form-pre-filled {
    margin-bottom: 10px
}

.legacy-components .node-type-contact-us-form .marketo .form-pre-filled.second {
    margin-top: 30px;
    font-size: 0.8rem
}

.legacy-components .node-type-contact-us-form .marketo .mktoForm .mktoButtonRow,
.legacy-components .node-type-contact-us-form .marketo .form-pre-filled,
.legacy-components .node-type-contact-us-form .marketo h4 {
    text-align: center
}

.legacy-components .node-type-contact-us-form .big-title {
    z-index: 0
}

@media only screen and (max-width:360px) {
    .legacy-components .node-type-contact-us-form .big-title {
        float: left;
        clear: both
    }
}

.legacy-components .node-type-contact-us-form .contact_us__body {
    margin-bottom: 0.625rem
}

@media only screen and (max-width:360px) {
    .legacy-components .node-type-contact-us-form .contact_us__body {
        float: left;
        clear: both
    }
}

.legacy-components .node-type-contact-us-form #lingotek-download-translations-form .form-type-checkbox input {
    opacity: 1
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header {
    background-color: #5b5b5b;
    padding: 2.8125rem 0rem 4.25rem
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header h1,
.legacy-components .page-taxonomy-threat-insight .threat-insight-header p {
    color: #fff;
    text-align: center
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search {
    text-align: center
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-text {
    max-width: 30rem;
    width: calc(100% - 3.5rem)
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-text .form-text {
    width: 100%
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-submit {
    background-color: #f17735;
    color: #fff;
    font-family: 'proofpoint';
    font-size: 1.25rem;
    line-height: 2.2;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 3.5rem
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-submit:before {
    content: '\e929'
}

.legacy-components .page-taxonomy-threat-insight .threat-insight-header .glossary-term-search .search-submit .form-submit {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail h2 {
    font-family: 'Oswald'
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-glossary-image {
    float: right;
    padding-left: 2rem
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-related-items {
    clear: both;
    padding-top: 3rem
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-related-items .pane-content {
    border-top: 1px solid #999
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-related-items .field-name-field-related-items {
    margin-left: 1rem;
    margin-top: 1rem
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-related-items .field-items {
    list-style-type: disc;
    margin-left: 2rem
}

.legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-related-items .field-items .field-item {
    display: list-item;
    margin-top: 0.625rem;
    padding-left: 1rem
}

.legacy-components .page-threat-insight-glossary .main-content {
    margin: 0;
    max-width: 100%;
    padding: 0 0 3.125rem
}

.legacy-components .page-threat-insight-glossary h3 {
    padding: 1.875rem 0
}

.legacy-components .page-threat-insight-glossary .glossary-header {
    background-color: #5b5b5b;
    padding: 2.8125rem 0rem 2.25rem
}

.legacy-components .page-threat-insight-glossary .glossary-header h1,
.legacy-components .page-threat-insight-glossary .glossary-header p {
    color: #fff;
    text-align: center
}

.legacy-components .page-threat-insight-glossary .glossary-header a,
.legacy-components .page-threat-insight-glossary .glossary-header a:visited,
.legacy-components .page-threat-insight-glossary .glossary-header .views-summary-unformatted {
    color: #f9f9f9
}

.legacy-components .page-threat-insight-glossary .glossary-header .attachment {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.legacy-components .page-threat-insight-glossary .glossary-header .attachment a.active {
    color: #888
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-widgets {
    padding-top: 0
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-exposed-widget,
.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .form-item {
    margin: 0
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-exposed-widgets {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-widget-filter-name {
    max-width: 30rem;
    width: calc(100% - 3.5rem)
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-submit-button {
    background-color: #f17735;
    color: #fff;
    font-family: 'proofpoint';
    font-size: 1.25rem;
    line-height: 2.2;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 3.5rem
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-submit-button:before {
    content: '\e929'
}

.legacy-components .page-threat-insight-glossary .glossary-header .views-exposed-form .views-submit-button .form-submit {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 3
}

.legacy-components .page-threat-insight-glossary .view-content {
    padding: 30px 0
}

.legacy-components .page-threat-insight-glossary .view-content .views-responsive-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.legacy-components .page-threat-insight-glossary .view-content .views-responsive-grid .views-column {
    border-left: 1px dashed #a5a4a5;
    padding-left: 1rem;
    width: 33.33%
}

.legacy-components .page-threat-insight-glossary .view-content .views-responsive-grid a,
.legacy-components .page-threat-insight-glossary .view-content .views-responsive-grid a:visited {
    color: #51788d
}

@media screen and (max-width:768px) {
    .legacy-components .page-threat-insight-glossary .views-responsive-grid {
        display: block
    }
    .legacy-components .page-threat-insight-glossary .views-responsive-grid .views-column {
        width: 100%
    }
    .legacy-components .page-taxonomy-threat-insight .pane-threat-insight-detail .pane-taxonomy-term-field-glossary-image {
        float: none;
        padding: 0
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.breadcrumbs {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.7px;
    background-color: #fff;
}

.page-ja .breadcrumbs {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .breadcrumbs {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .breadcrumbs {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .breadcrumbs {
        display: none !important;
    }
}

.breadcrumbs.breadcrumbs--dark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background-color: #000;
}

@media (max-width:768px) {
    .breadcrumbs.breadcrumbs--dark {
        position: relative;
    }
}

.breadcrumbs.breadcrumbs--dark .breadcrumb__item {
    color: #fff;
}

.breadcrumbs.breadcrumbs--dark .breadcrumb__item:after {
    color: #fff;
}

.breadcrumbs.breadcrumbs--dark .breadcrum__item-link {
    color: #fff;
}

.breadcrumbs.breadcrumbs--dark .breadcrum__item-link:hover {
    color: #fff;
}

.breadcrumbs.breadcrumbs--dark .nav-crumbs {
    padding: 40px 30px 20px 0;
}

.breadcrumbs.breadcrumbs--dark .breadcrumb__rss {
    top: 40px;
}

.breadcrumbs .nav-crumbs {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 20px 30px 20px 0;
}

@media (max-width:1572px) {
    .breadcrumbs .nav-crumbs {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.breadcrumbs .breadcrumb__item {
    display: inline-block;
    color: #878a8f;
}

.breadcrumbs .breadcrumb__item:after {
    content: '/';
    display: inline-block;
    margin: 0 10px;
    color: #878a8f;
    pointer-events: none;
}

.breadcrumbs .breadcrumb__item:last-of-type {
    margin-right: 0;
}

.breadcrumbs .breadcrumb__item:last-of-type::after {
    display: none;
}

.breadcrumbs .breadcrumb__item .svg {
    display: inline-block;
    width: 14px;
}

.breadcrumbs .breadcrum__item-link {
    text-decoration: none;
    color: #009ada;
}

.breadcrumbs .breadcrum__item-link:hover {
    color: #01579b;
}

.breadcrumbs .breadcrumb__rss {
    position: absolute;
    top: 20px;
    right: 0;
}

.breadcrumbs .breadcrumb__rss img {
    display: flex;
    width: 20px;
    height: 20px;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

* {
    box-sizing: border-box
}

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

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

@font-face {
    font-family: "proofpoint";
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/proofpoint.eot") format("eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/proofpoint.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/proofpoint.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/proofpoint.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/proofpoint.svg#proofpoint") format("svg")
}

@font-face {
    font-family: "BebasNeue-Bold";
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Bold.eot") format("eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Bold.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Bold.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Bold.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Bold.svg#proofpoint") format("svg")
}

@font-face {
    font-family: "BebasNeue-Regular";
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Regular.eot") format("eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Regular.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Regular.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Regular.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/BebasNeue-Regular.svg#proofpoint") format("svg")
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular") format("svg")
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg")
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Roboto-Regular-webfont.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Roboto-Regular-webfont.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Roboto-Regular-webfont.svg#roboto_condensedbold") format("svg")
}

@font-face {
    font-family: 'Fjalla One';
    font-style: normal;
    font-weight: 400;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.eot");
    src: local("Fjalla One"), local("FjallaOne-Regular"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.svg#FjallaOne") format("svg")
}

@font-face {
    font-family: 'NotoSans-Regular';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.otf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Regular.svg#notosans_regular") format("svg")
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.otf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Noto-Sans-Bold.svg#noto_sansbold") format("svg")
}

@font-face {
    font-family: 'RobotoCondensed-Regular-JP';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular") format("svg");
    unicode-range: U+0041-U+005A, U+0061-U+007A
}

@font-face {
    font-family: 'RobotoCondensed-Bold-JP';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.eot"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold") format("svg");
    unicode-range: U+0041-U+005A, U+0061-U+007A
}

@font-face {
    font-family: 'FjallaOne-JP';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.eot");
    src: local("Fjalla One"), local("FjallaOne-Regular"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.woff") format("woff"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.ttf") format("truetype"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/fjalla-one-v7-latin-regular.svg#FjallaOne") format("svg");
    unicode-range: U+0041-U+005A, U+0061-U+007A
}

@font-face {
    font-family: 'Helvetica-JP';
    src: local("helvetica");
    unicode-range: U+0041-U+005A, U+0061-U+007A
}

@font-face {
    font-family: 'Swiss';
    font-style: italic, oblique;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Italic.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Swiss';
    font-weight: 100;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Light.woff2") format("woff2");
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Light.woff") format("woff")
}

@font-face {
    font-family: 'Swiss';
    font-style: normal;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss.woff") format("woff")
}

@font-face {
    font-family: 'Swiss-Light';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Light.woff") format("woff")
}

@font-face {
    font-family: 'Swiss-Medium';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff") format("woff")
}

@font-face {
    font-family: 'Swiss-Bold';
    font-weight: bold, 100, 200, 300, 400;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff") format("woff")
}

@font-face {
    font-family: 'Swiss-Bold';
    font-weight: bolder, 600, 700, 800, 900;
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Bold.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Bold.woff") format("woff")
}

@font-face {
    font-family: 'Swiss-Bold';
    src: url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff2") format("woff2"), url("/themes/custom/proofpoint/dist/app-drupal/assets/fonts/Swiss-Medium.woff") format("woff")
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

.arrow-link {
    display: inline-block;
    position: relative;
    color: #009ADA;
    font-size: 16px;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    text-decoration: none
}

.arrow-link:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 7px;
    height: 7px;
    border: 0px solid #009ADA;
    margin-left: 10px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    transform: rotateZ(-45deg);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.arrow-link:hover {
    color: #01579b
}

.arrow-link:hover:after {
    border-color: #01579b
}

html {
    font-family: 'Swiss', 'Helvetica', 'Arial', 'sans-serif';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 16px;
    font-smoothing: antialiased;
    line-height: 1.5
}

html.page-ja {
    font-family: 'Noto Sans JP', sans-serif
}

html.page-kr {
    font-family: 'Noto Serif KR', serif
}

html,
body {
    overscroll-behavior: none
}

@supports (-webkit-hyphens:none) {
    html {
        font-family: 'Roboto'
    }
}

body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    word-wrap: break-word
}

.page-ja body {
    font-size: 14px;
    line-height: 1.8
}

.page-kr body {
    font-size: 14px;
    line-height: 1.8
}

body.pl {
    margin-top: 0
}

a.link-white {
    color: #fff
}

a.link-white:hover {
    color: #fff
}

@media only percy {
    .percy-hide {
        display: none
    }
    .percy-invisible {
        visibility: hidden
    }
    .mk-form:before,
    .addthis-smartlayers {
        display: none !important
    }
}

.container.v2-width {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

@media (max-width:1084px) {
    .container.v2-width {
        width: calc(100% - 60px);
        margin: 0 30px
    }
}

.button-hollow-blue {
    background-color: transparent !important;
    box-shadow: inset 0px 0px 0px 1px #01579b;
    display: inline-block;
    padding: 15px 30px;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    color: #01579b;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 10px
}

.page-ja .button-hollow-blue {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .button-hollow-blue {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .button-hollow-blue {
        font-family: 'Roboto'
    }
}

.button-hollow-blue:hover {
    background-color: #01579b !important;
    color: #fff !important
}

.arrow-link,
.content-arrow-link {
    display: inline-block;
    position: relative;
    color: #009ADA;
    font-size: 16px;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.arrow-link:after,
.content-arrow-link:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 7px;
    height: 7px;
    border: 0px solid #009ADA;
    margin-left: 10px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    transform: rotateZ(-45deg);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1)
}

.arrow-link:hover,
.content-arrow-link:hover {
    color: #01579b
}

.arrow-link:hover:after,
.content-arrow-link:hover:after {
    border-color: #01579b
}

.btn,
.content-btn {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-color: #009ada;
    border-radius: 0;
    border-style: solid;
    border-width: 0.0625rem;
    color: #009ada;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1;
    min-width: 6.25rem;
    outline: none;
    padding: 14px 25px;
    text-align: center;
    transition: all 0.3s ease
}

.page-ja .btn,
.page-ja .content-btn {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .btn,
.page-kr .content-btn {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .btn,
    .content-btn {
        font-family: 'Roboto'
    }
}

button:hover,
.bg--teal .btn:hover,
.bg--blue .btn:hover,
.bg--orange .btn:hover,
.white .btn:hover,
.box-chat__link a:hover,
.box-feature .form-actions .form-submit:hover,
.list-buttons ul a:hover,
.btn:hover,
.content-btn:hover,
.bg--teal .content-btn:hover,
.bg--blue .content-btn:hover,
.bg--orange .content-btn:hover,
.white .content-btn:hover {
    background-color: #01579b;
    border-color: #01579b;
    color: #fff;
    cursor: pointer
}

.btn:hover,
.content-btn:hover {
    background-color: #01579b;
    border-color: #01579b;
    color: #fff;
    cursor: pointer
}

.btn--solid-orange,
.content-btn--solid-orange {
    background-color: #f17735;
    color: #fff
}

.btn--solid-blue,
.content-btn--solid-blue {
    background-color: #51788d;
    border-color: #51788d;
    color: #fff
}

.btn--outline-blue,
.content-btn--outline-blue {
    border-color: #51788d;
    color: #51788d
}

.btn--outline--lt-blue,
.content-btn--outline--lt-blue {
    border-color: #5db3e2;
    color: #5db3e2
}

.btn--outline--lt-blue:hover,
.content-btn--outline--lt-blue:hover {
    background-color: #5db3e2;
    border-color: #5db3e2
}

.btn--lt-blue,
.content-btn--lt-blue {
    border: none;
    color: #009ada
}

.btn--lt-blue:hover,
.content-btn--lt-blue:hover {
    background-color: #009ada !important
}

.bg--orange .btn:hover,
.bg--orange .content-btn:hover,
.btn--solid-blue:hover,
.content-btn--solid-blue:hover,
.btn--outline-blue:hover,
.content-btn--outline-blue:hover {
    background-color: #3e5c6d;
    border-color: #3e5c6d
}

.bg--teal .btn,
.bg--blue .btn,
.bg--orange .btn,
.white .btn,
.box-chat__link a,
.btn--outline-white,
.bg--teal .content-btn,
.bg--blue .content-btn,
.bg--orange .content-btn,
.white .content-btn,
.content-btn--outline-white {
    border-color: #fff;
    color: #fff
}

.node--unpublished,
.node--unpublished .legacy-components>.paragraph[class*='bg--'] {
    background-color: #fff4f4
}

h1.page-title__hidden {
    display: none;
    visibility: hidden
}

.hidden {
    display: none
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto
}

.invisible {
    visibility: hidden
}

.utl-disable-bottom-margin {
    margin-bottom: 0 !important
}

.utl-disable-top-margin {
    margin-top: 0 !important
}

.v3-padded-container,
.v3-light-bg,
.v3-dark-bg {
    max-width: 1512px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 90px 60px
}

.v3-padded-container:before,
.v3-light-bg:before,
.v3-dark-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    margin-left: calc(50% - (50vw - var(--scrollbar-width) / 2));
    border-radius: 10px;
    z-index: -1
}

.v3-light-bg::before {
    background-color: #fff
}

.v3-dark-bg {
    color: #fff
}

.v3-dark-bg::before {
    background-color: #000
}

.v3-dark-bg ul>li:before {
    background-color: #fff !important
}

.v3-gray-bg::before {
    background-color: #F2F2F2
}

.v3-full-width-breakout {
    color: #fff !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important
}

.v3-padded-container {
    padding: 60px;
    padding-left: 415px
}

@media (max-width:1512px) {
    .v3-padded-container {
        padding-left: 30%
    }
}

@media (max-width:920px) {
    .v3-padded-container,
    .v3-light-bg,
    .v3-dark-bg {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:768px) {
    .v3-padded-container,
    .v3-light-bg,
    .v3-dark-bg {
        padding: 30px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pl .v3-padded-container>*:first-child,
.pl .v3-light-bg>*:first-child,
.pl .v3-dark-bg>*:first-child {
    margin-top: 0;
    padding-top: 0
}

.pl .v3-padded-container>*:last-child,
.pl .v3-light-bg>*:last-child,
.pl .v3-dark-bg>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.limit-width-wrapper {
    background-color: #fff;
    position: relative
}

@media (max-width:1060px) {
    body:not(.adminimal-admin-toolbar) .limit-width-wrapper {
        margin-top: 72px
    }
}

.pl .limit-width-wrapper {
    margin-top: 40px
}

.pl .limit-width-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='diagonalHatch' width='4' height='4'%3E%3Cpath d='M-1,1 l2,-2 M0,4 l4,-4 M3,5 l2,-2' style='stroke:%23D3D3D3; stroke-width:1' /%3E%3C/svg%3E")
}

.limit-width-sub {
    position: relative;
    z-index: 1
}

.general-landing__components>* {
    margin-bottom: -16px;
    position: relative
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

.legacy-components {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #343741;
    font-size: 16px;
    font-smoothing: antialiased;
    line-height: 1.5
}

.page-ja .legacy-components {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components {
        font-family: 'Roboto'
    }
}

.legacy-components html,
.legacy-components body,
.legacy-components div,
.legacy-components span,
.legacy-components applet,
.legacy-components object,
.legacy-components iframe,
.legacy-components h1,
.legacy-components h2,
.legacy-components h3,
.legacy-components h4,
.legacy-components h5,
.legacy-components h6,
.legacy-components p,
.legacy-components blockquote,
.legacy-components pre,
.legacy-components a,
.legacy-components abbr,
.legacy-components acronym,
.legacy-components address,
.legacy-components big,
.legacy-components cite,
.legacy-components code,
.legacy-components del,
.legacy-components dfn,
.legacy-components em,
.legacy-components img,
.legacy-components ins,
.legacy-components kbd,
.legacy-components q,
.legacy-components s,
.legacy-components samp,
.legacy-components small,
.legacy-components strike,
.legacy-components sub,
.legacy-components sup,
.legacy-components tt,
.legacy-components var,
.legacy-components b,
.legacy-components u,
.legacy-components i,
.legacy-components center,
.legacy-components dl,
.legacy-components dt,
.legacy-components dd,
.legacy-components ol,
.legacy-components ul,
.legacy-components li,
.legacy-components fieldset,
.legacy-components form,
.legacy-components label,
.legacy-components legend,
.legacy-components table,
.legacy-components caption,
.legacy-components tbody,
.legacy-components tfoot,
.legacy-components thead,
.legacy-components tr,
.legacy-components th,
.legacy-components td,
.legacy-components article,
.legacy-components aside,
.legacy-components canvas,
.legacy-components details,
.legacy-components embed,
.legacy-components figure,
.legacy-components figcaption,
.legacy-components footer,
.legacy-components header,
.legacy-components hgroup,
.legacy-components menu,
.legacy-components nav,
.legacy-components output,
.legacy-components ruby,
.legacy-components section,
.legacy-components summary,
.legacy-components time,
.legacy-components mark,
.legacy-components audio,
.legacy-components video,
.legacy-components main,
.legacy-components picture {
    border: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline
}

.legacy-components audio,
.legacy-components canvas,
.legacy-components video {
    display: inline-block
}

.legacy-components ul {
    list-style: none
}

.legacy-components table {
    border-collapse: collapse;
    border-spacing: 0
}

.legacy-components caption,
.legacy-components th,
.legacy-components td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

.legacy-components q,
.legacy-components blockquote {
    quotes: none
}

.legacy-components q::before,
.legacy-components q::after,
.legacy-components blockquote::before,
.legacy-components blockquote::after {
    content: none
}

.legacy-components a img {
    border: 0
}

.legacy-components article,
.legacy-components aside,
.legacy-components details,
.legacy-components figcaption,
.legacy-components figure,
.legacy-components footer,
.legacy-components header,
.legacy-components hgroup,
.legacy-components menu,
.legacy-components nav,
.legacy-components section,
.legacy-components summary,
.legacy-components main {
    display: block
}

.legacy-components picture,
.legacy-components img {
    font-size: 0;
    height: auto
}

.legacy-components iframe,
.legacy-components picture,
.legacy-components img,
.legacy-components object,
.legacy-components embed {
    max-width: 100%
}

.legacy-components textarea,
.legacy-components input {
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    outline: 0 none
}

.legacy-components h1,
.legacy-components h2,
.legacy-components h3,
.legacy-components h4,
.legacy-components h5 {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    margin-bottom: 0.3125rem
}

.page-ja .legacy-components h1,
.page-ja .legacy-components h2,
.page-ja .legacy-components h3,
.page-ja .legacy-components h4,
.page-ja .legacy-components h5 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components h1,
.page-kr .legacy-components h2,
.page-kr .legacy-components h3,
.page-kr .legacy-components h4,
.page-kr .legacy-components h5 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components h1,
    .legacy-components h2,
    .legacy-components h3,
    .legacy-components h4,
    .legacy-components h5 {
        font-family: 'Roboto'
    }
}

.legacy-components .bg--orange h1,
.legacy-components .bg--teal h1,
.legacy-components .bg--blue h1,
.legacy-components .bg--orange h2,
.legacy-components .bg--teal h2,
.legacy-components .bg--blue h2,
.legacy-components .bg--orange h3,
.legacy-components .bg--teal h3,
.legacy-components .bg--blue h3,
.legacy-components .bg--orange h4,
.legacy-components .bg--teal h4,
.legacy-components .bg--blue h4,
.legacy-components .bg--orange h5,
.legacy-components .bg--teal h5,
.legacy-components .bg--blue h5 {
    color: #fff
}

.legacy-components h1 {
    font-size: 2.125rem;
    line-height: 1.25
}

@media (min-width:48em) {
    .legacy-components h1 {
        font-size: 3rem
    }
}

.legacy-components h2 {
    font-size: 1.85rem;
    line-height: 1.4
}

@media (min-width:48em) {
    .legacy-components h2 {
        font-size: 2.4rem
    }
}

.legacy-components h5,
.legacy-components h4,
.legacy-components h3 {
    line-height: 1.5
}

.legacy-components h3 {
    font-size: 1.7rem
}

.legacy-components h4 {
    font-size: 1.25rem
}

.legacy-components h5 {
    font-size: 0.9rem
}

.legacy-components h6 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.4375rem
}

.page-ja .legacy-components h6 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components h6 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components h6 {
        font-family: 'Roboto'
    }
}

.legacy-components p {
    margin-bottom: 0.9375rem
}

.legacy-components label {
    display: block;
    font-weight: 400
}

.legacy-components figcaption {
    text-align: center;
    font-style: italic
}

.legacy-components .small-title {
    color: #5b5b5b;
    font-size: 0.875rem;
    margin-bottom: 0.3125rem
}

@media (min-width:48em) {
    .legacy-components .small-title {
        font-size: 1rem
    }
}

.legacy-components .big-title {
    color: #343741;
    font-size: 1.4375rem;
    margin-bottom: 0.5rem
}

.legacy-components blockquote {
    background-color: #f9f9f9;
    padding: 1.25rem 1.875rem
}

.legacy-components blockquote p {
    border-left: 0.1875rem solid #c4c2b9;
    color: rgba(95, 99, 105, 0.8);
    font-size: 1.125rem;
    margin: 0;
    padding: 0.625rem 1.875rem;
    text-transform: uppercase
}

.legacy-components .container {
    max-width: 100%;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem
}

.legacy-components .container:after {
    content: ' ';
    display: block;
    clear: both
}

@media (min-width:48em) {
    .legacy-components .container {
        max-width: 100%;
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }
    .legacy-components .container:after {
        content: ' ';
        display: block;
        clear: both
    }
}

@media (min-width:64em) {
    .legacy-components .container {
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
    .legacy-components .container:after {
        content: ' ';
        display: block;
        clear: both
    }
}

@media (min-width:90em) {
    .legacy-components .container {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
    .legacy-components .container:after {
        content: ' ';
        display: block;
        clear: both
    }
}

.legacy-components .form-textarea,
.legacy-components .form-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0.0625rem solid #c2c0b8;
    color: #343741;
    font-family: inherit;
    font-size: 1rem;
    height: 2.75rem;
    padding: 0.3125rem 0.9375rem;
    width: 100%
}

.legacy-components .form-textarea::-ms-clear,
.legacy-components .form-text::-ms-clear {
    display: none
}

.legacy-components .focused.form-textarea,
.legacy-components .form-text.focused,
.legacy-components .form-text:focus {
    border-color: #65646b;
    color: #343741
}

.legacy-components .error.form-textarea,
.legacy-components .form-text.error {
    border-color: #8c211e;
    color: #343741
}

.legacy-components .success.form-textarea,
.legacy-components .form-text.success {
    border-color: #669d86;
    color: #343741
}

.legacy-components .form-textarea {
    height: auto
}

.legacy-components .form-item {
    margin-bottom: 0.9375rem
}

.legacy-components .form-item label {
    margin-bottom: 0.3125rem
}

.legacy-components .form-item .description {
    padding-top: 0.3125rem
}

.legacy-components .form-item .form-submit {
    margin-right: 0.9375rem
}

.legacy-components .form-item .form-submit:last-of-type {
    margin-right: 0
}

.legacy-components input[type='radio'],
.legacy-components input[type='checkbox'] {
    display: inline;
    margin-bottom: 0.1875rem;
    vertical-align: middle
}

.legacy-components input[type='radio']+label,
.legacy-components input[type='checkbox']+label {
    display: inline;
    margin-bottom: 0
}

.legacy-components .form-type-radio,
.legacy-components .form-type-checkbox {
    position: relative
}

.legacy-components .form-type-radio input,
.legacy-components .form-type-checkbox input {
    border: 0;
    display: block;
    height: 1.1875rem;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0.3125rem 0.625rem;
    position: absolute;
    top: 0;
    width: 1.1875rem;
    z-index: 2
}

.legacy-components .form-type-radio input+label,
.legacy-components .form-type-checkbox input+label {
    display: block;
    margin-bottom: 0;
    padding-left: 2.1875rem
}

.legacy-components .form-type-radio input+label:before,
.legacy-components .form-type-checkbox input+label:before {
    color: #f17735;
    display: none;
    font-size: 0.8125rem;
    left: 0.21875rem;
    position: absolute;
    top: 0.28125rem;
    z-index: 1
}

.legacy-components .form-type-radio input+label:after,
.legacy-components .form-type-checkbox input+label:after {
    border: 0.0625rem solid #828183;
    content: '';
    display: block;
    height: 1.125rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.125rem
}

.legacy-components .form-type-radio input:checked+label:before,
.legacy-components .form-type-checkbox input:checked+label:before {
    display: block
}

.legacy-components .form-type-radio+label:after,
.legacy-components .form-type-checkbox+label:after {
    border-color: #8c211e
}

.legacy-components button,
.legacy-components input[type='submit'],
.legacy-components .bg--teal .btn,
.legacy-components .bg--blue .btn,
.legacy-components .bg--orange .btn,
.legacy-components .white .btn,
.legacy-components .box-chat__link a,
.legacy-components .box-feature .form-actions .form-submit,
.legacy-components .list-buttons ul a,
.legacy-components .btn,
.legacy-components .content-btn,
.legacy-components .bg--teal .content-btn,
.legacy-components .bg--blue .content-btn,
.legacy-components .bg--orange .content-btn,
.legacy-components .white .content-btn {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-color: #009ada;
    border-radius: 0;
    border-style: solid;
    border-width: 0.0625rem;
    color: #009ada;
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1;
    min-width: 6.25rem;
    outline: none;
    padding: 14px 25px;
    text-align: center;
    transition: all 0.3s ease
}

.page-ja .legacy-components button,
.page-ja .legacy-components input[type='submit'],
.page-ja .legacy-components .bg--teal .btn,
.page-ja .legacy-components .bg--blue .btn,
.page-ja .legacy-components .bg--orange .btn,
.page-ja .legacy-components .white .btn,
.page-ja .legacy-components .box-chat__link a,
.page-ja .legacy-components .box-feature .form-actions .form-submit,
.page-ja .legacy-components .list-buttons ul a,
.page-ja .legacy-components .btn,
.page-ja .legacy-components .content-btn,
.page-ja .legacy-components .bg--teal .content-btn,
.page-ja .legacy-components .bg--blue .content-btn,
.page-ja .legacy-components .bg--orange .content-btn,
.page-ja .legacy-components .white .content-btn {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components button,
.page-kr .legacy-components input[type='submit'],
.page-kr .legacy-components .bg--teal .btn,
.page-kr .legacy-components .bg--blue .btn,
.page-kr .legacy-components .bg--orange .btn,
.page-kr .legacy-components .white .btn,
.page-kr .legacy-components .box-chat__link a,
.page-kr .legacy-components .box-feature .form-actions .form-submit,
.page-kr .legacy-components .list-buttons ul a,
.page-kr .legacy-components .btn,
.page-kr .legacy-components .content-btn,
.page-kr .legacy-components .bg--teal .content-btn,
.page-kr .legacy-components .bg--blue .content-btn,
.page-kr .legacy-components .bg--orange .content-btn,
.page-kr .legacy-components .white .content-btn {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components button,
    .legacy-components input[type='submit'],
    .legacy-components .bg--teal .btn,
    .legacy-components .bg--blue .btn,
    .legacy-components .bg--orange .btn,
    .legacy-components .white .btn,
    .legacy-components .box-chat__link a,
    .legacy-components .box-feature .form-actions .form-submit,
    .legacy-components .list-buttons ul a,
    .legacy-components .btn,
    .legacy-components .content-btn,
    .legacy-components .bg--teal .content-btn,
    .legacy-components .bg--blue .content-btn,
    .legacy-components .bg--orange .content-btn,
    .legacy-components .white .content-btn {
        font-family: 'Roboto'
    }
}

.legacy-components button:hover,
.legacy-components input[type='submit']:hover,
.legacy-components .bg--teal .btn:hover,
.legacy-components .bg--blue .btn:hover,
.legacy-components .bg--orange .btn:hover,
.legacy-components .white .btn:hover,
.legacy-components .box-chat__link a:hover,
.legacy-components .box-feature .form-actions .form-submit:hover,
.legacy-components .list-buttons ul a:hover,
.legacy-components .btn:hover,
.legacy-components .content-btn:hover,
.legacy-components .bg--teal .content-btn:hover,
.legacy-components .bg--blue .content-btn:hover,
.legacy-components .bg--orange .content-btn:hover,
.legacy-components .white .content-btn:hover {
    background-color: #01579b;
    border-color: #01579b;
    color: #fff;
    cursor: pointer
}

.legacy-components .form-banner__content .form-submit,
.legacy-components .btn--solid-orange,
.legacy-components .form-rss .form-submit {
    background-color: #f17735;
    color: #fff
}

.legacy-components .btn--solid-blue,
.legacy-components .content-btn--solid-blue {
    background-color: #51788d;
    border-color: #51788d;
    color: #fff
}

.legacy-components .btn--outline-blue,
.legacy-components .content-btn--outline-blue {
    border-color: #51788d;
    color: #51788d
}

.legacy-components .btn--outline--lt-blue,
.legacy-components .content-btn--outline--lt-blue {
    border-color: #5db3e2;
    color: #5db3e2
}

.legacy-components .btn--outline--lt-blue:hover,
.legacy-components .content-btn--outline--lt-blue:hover {
    background-color: #5db3e2;
    border-color: #5db3e2
}

.legacy-components .btn--lt-blue,
.legacy-components .content-btn--lt-blue {
    border: none;
    color: #009ada
}

.legacy-components .btn--lt-blue:hover,
.legacy-components .content-btn--lt-blue:hover {
    background-color: #009ada !important
}

.legacy-components .bg--orange .btn:hover,
.legacy-components .btn--solid-blue:hover,
.legacy-components .btn--outline-blue:hover,
.legacy-components .bg--orange .content-btn:hover,
.legacy-components .content-btn--solid-blue:hover,
.legacy-components .content-btn--outline-blue:hover {
    background-color: #3e5c6d;
    border-color: #3e5c6d
}

.legacy-components .bg--teal .btn,
.legacy-components .bg--blue .btn,
.legacy-components .bg--orange .btn,
.legacy-components .white .btn,
.legacy-components .box-chat__link a,
.legacy-components .btn--outline-white,
.legacy-components .content-btn--outline-white,
.legacy-components .bg--teal .content-btn,
.legacy-components .bg--blue .content-btn,
.legacy-components .bg--orange .content-btn,
.legacy-components .white .content-btn {
    border-color: #fff;
    color: #fff
}

.legacy-components .list-buttons ul a,
.legacy-components .btn--outline-gray {
    border-color: #343741;
    color: #343741
}

.legacy-components .list-buttons ul a:hover,
.legacy-components .btn--outline-gray:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.legacy-components .btn--icon {
    padding: 14px 25px
}

.legacy-components .btn--icon:before {
    font-size: 1.125rem;
    padding-right: 0.8125rem
}

.legacy-components .btn--cta {
    margin-bottom: 0.625rem;
    padding: 1.4375rem 0.625rem 1.25rem
}

.legacy-components select {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 0
}

.legacy-components ol li {
    padding-left: 0.3125rem;
    margin-left: 2.5rem;
    margin-bottom: 0
}

.legacy-components ol {
    margin-bottom: 0.9375rem
}

.legacy-components ol li {
    padding-left: 0;
    margin-bottom: 0.3125rem
}

.legacy-components ol li p {
    margin-bottom: 0
}

.legacy-components .page-panel .action-links,
.legacy-components .page-panel .tabs,
.legacy-components .page-panel .page-title {
    max-width: 100%;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem
}

.legacy-components .page-panel .action-links:after,
.legacy-components .page-panel .tabs:after,
.legacy-components .page-panel .page-title:after {
    content: ' ';
    display: block;
    clear: both
}

.legacy-components .page-panel .page-title {
    margin-top: 2.5rem
}

@media (min-width:48em) {
    .legacy-components .page-panel .action-links,
    .legacy-components .page-panel .tabs,
    .legacy-components .page-panel .page-title {
        max-width: 100%;
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }
    .legacy-components .page-panel .page-title {
        margin-top: 3.125rem
    }
}

@media (min-width:64em) {
    .legacy-components .page-panel .action-links,
    .legacy-components .page-panel .tabs,
    .legacy-components .page-panel .page-title {
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
}

@media (min-width:90em) {
    .legacy-components .page-panel .action-links,
    .legacy-components .page-panel .tabs,
    .legacy-components .page-panel .page-title {
        max-width: 1260px
    }
}

.legacy-components ul.primary {
    border-bottom: 0.0625rem solid #c2c0b8;
    margin: 0.9375rem 0rem 1.25rem
}

.legacy-components ul.primary li {
    display: inline-block
}

.legacy-components ul.primary li a {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0.25rem 0.25rem 0rem 0rem;
    border-style: solid;
    border-width: 0.0625rem 0.0625rem 0rem 0.0625rem;
    display: inline-block;
    margin: 0rem 0rem -0.0625rem;
    padding: 0.5rem 0.9375rem;
    color: #5b5b5b
}

.legacy-components ul.primary li a.active {
    background-color: #fff;
    border-color: #c2c0b8;
    color: #009ada
}

.legacy-components ul.primary li a:hover {
    color: #01579b
}

.legacy-components table {
    font-size: 0.875rem;
    margin-bottom: 0.9375rem;
    width: 100%
}

.legacy-components table p {
    margin-bottom: 0 !important
}

@media (min-width:48em) {
    .legacy-components table {
        table-layout: fixed;
        word-wrap: break-word
    }
}

.legacy-components td,
.legacy-components th {
    border-top: 0.0625rem solid #c4c2b9;
    padding: 0.4375rem 0.3125rem 0.1875rem;
    vertical-align: top
}

.legacy-components th {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    border-bottom: 0.125rem solid #c4c2b9
}

.page-ja .legacy-components th {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .legacy-components th {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .legacy-components th {
        font-family: 'Roboto'
    }
}

.legacy-components .table-responsive {
    margin-bottom: 0.9375rem
}

.legacy-components .table-responsive table {
    margin-bottom: 0
}

@media screen and (max-width:47.9375em) {
    .legacy-components .table-responsive {
        overflow-x: auto;
        width: 100%
    }
}

.legacy-components .rteindent1 {
    margin-left: 0.625rem
}

@media (min-width:48em) {
    .legacy-components .rteindent1 {
        margin-left: 1.25rem
    }
}

.legacy-components .rteindent2 {
    margin-left: 1.25rem
}

@media (min-width:48em) {
    .legacy-components .rteindent2 {
        margin-left: 2.5rem
    }
}

.legacy-components .rteindent3 {
    margin-left: 1.875rem
}

@media (min-width:48em) {
    .legacy-components .rteindent3 {
        margin-left: 3.75rem
    }
}

.legacy-components .rteindent4 {
    margin-left: 2.5rem
}

@media (min-width:48em) {
    .legacy-components .rteindent4 {
        margin-left: 5rem
    }
}

.legacy-components .rteindent1 {
    margin-left: 40px
}

.legacy-components .rteindent2 {
    margin-left: 80px
}

.legacy-components .rteindent3 {
    margin-left: 120px
}

.legacy-components .rteindent4 {
    margin-left: 160px
}

.legacy-components .rteleft {
    text-align: left
}

.legacy-components .rteright {
    text-align: right
}

.legacy-components .rtecenter {
    text-align: center
}

.legacy-components .rtejustify {
    text-align: justify
}

.legacy-components .ibimage_left {
    float: left
}

.legacy-components .ibimage_right {
    float: right
}

.legacy-components a {
    color: #009ada;
    outline: none;
    text-decoration: none
}

.legacy-components a:hover {
    color: #01579b
}

.legacy-components .fromRight {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    position: absolute;
    width: 100%;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.legacy-components .slideInRight {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.legacy-components .slideOutLeft {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.legacy-components .slick-arrow:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none
}

.legacy-components .slick-arrow.slick-prev:before {
    content: '\f104'
}

.legacy-components .slick-arrow.slick-next:before {
    content: '\f105'
}

.legacy-components .slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative
}

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

.legacy-components .slick-list:focus {
    outline: none
}

.legacy-components .slick-list.dragging {
    cursor: pointer
}

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

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

.legacy-components .slick-track:before,
.legacy-components .slick-track:after {
    content: '';
    display: table
}

.legacy-components .slick-track:after {
    clear: both
}

.legacy-components .slick-loading .slick-track {
    visibility: hidden
}

.legacy-components .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 0.0625rem
}

.legacy-components [dir='rtl'] .slick-slide {
    float: right
}

.legacy-components .slick-slide img {
    display: block
}

.legacy-components .slick-slide.slick-loading img {
    display: none
}

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

.legacy-components .slick-initialized .slick-slide {
    display: block
}

.legacy-components .slick-loading .slick-slide {
    visibility: hidden
}

.legacy-components .slick-vertical .slick-slide {
    border: 0.0625rem solid transparent;
    display: block;
    height: auto
}

.legacy-components .slick-dots {
    margin-top: 2.5rem;
    text-align: center
}

.legacy-components .slick-dots li {
    background-color: #b8b8b8;
    border-radius: 100%;
    display: inline-block;
    height: 0.9375rem;
    margin-bottom: 0.3125rem;
    margin-right: 0.9375rem;
    overflow: hidden;
    transition: all 0.3s ease;
    width: 0.9375rem
}

.legacy-components .slick-dots li.slick-active,
.legacy-components .slick-dots li:hover {
    background-color: #f37735
}

.legacy-components .slick-dots li:last-of-type {
    margin-right: 0
}

.legacy-components .slick-dots li button {
    background-color: transparent;
    border-color: transparent;
    height: 100%;
    width: 100%
}

.legacy-components .slick-arrow {
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 3.125rem;
    margin-top: -1.875rem;
    min-width: inherit;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 1.875rem;
    z-index: 1
}

.legacy-components .slick-arrow:before {
    color: #b8b8b8;
    font-size: 2.8125rem;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 0
}

.legacy-components .slick-arrow:hover {
    background-color: transparent
}

.legacy-components .slick-arrow:hover:before {
    color: #5b5b5b
}

.legacy-components .slick-arrow.slick-prev {
    left: 0;
    text-align: left
}

.legacy-components .slick-arrow.slick-next {
    right: 0;
    text-align: right
}

.legacy-components .slick-arrow:focus,
.legacy-components .slick-arrow:active {
    outline: none
}

.legacy-components .slick-slider--small-arrow .slick-arrow {
    height: 2.125rem
}

@media screen and (max-width:63.9375em) {
    .legacy-components .slick-slider--small-arrow .slick-arrow {
        display: none !important
    }
}

.legacy-components .slick-slider--small-arrow .slick-arrow:before {
    color: #c4c2b9;
    font-size: 2rem
}

.legacy-components .slick-slider--small-arrow .slick-arrow:hover:before {
    color: #5b5b5b
}

@media (min-width:64em) {
    .legacy-components .slick-slider--small-arrow .slick-arrow.slick-prev {
        left: -1.25rem
    }
}

@media (min-width:71.875rem) {
    .legacy-components .slick-slider--small-arrow .slick-arrow.slick-prev {
        left: -3.75rem
    }
}

@media (min-width:64em) {
    .legacy-components .slick-slider--small-arrow .slick-arrow.slick-next {
        right: -1.25rem
    }
}

@media (min-width:71.875rem) {
    .legacy-components .slick-slider--small-arrow .slick-arrow.slick-next {
        right: -3.75rem
    }
}

.legacy-components .slick-slider--small-arrow .slick-arrow.slick-disabled {
    display: none !important
}

@media (min-width:64em) {
    .legacy-components .slick-slider--small-arrow .slick-dots {
        display: none !important
    }
}

.node-full__body h1,
.paragraph-full__body h1 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 65px;
    font-weight: 400;
    line-height: 0.95;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: -1.3px;
}

.page-ja .node-full__body h1,
.node-full__body .page-ja h1,
.page-ja .paragraph-full__body h1,
.paragraph-full__body .page-ja h1 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h1,
.node-full__body .page-kr h1,
.page-kr .paragraph-full__body h1,
.paragraph-full__body .page-kr h1 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h1,
    .paragraph-full__body h1 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h1,
    .paragraph-full__body h1 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: -1px;
    }
}

@media (max-width:480px) {
    .node-full__body h1,
    .paragraph-full__body h1 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.96px;
    }
}

.node-full__body h2,
.paragraph-full__body h2 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.96px;
}

.page-ja .node-full__body h2,
.node-full__body .page-ja h2,
.page-ja .paragraph-full__body h2,
.paragraph-full__body .page-ja h2 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h2,
.node-full__body .page-kr h2,
.page-kr .paragraph-full__body h2,
.paragraph-full__body .page-kr h2 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h2,
    .paragraph-full__body h2 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h2,
    .paragraph-full__body h2 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.75px;
    }
}

@media (max-width:480px) {
    .node-full__body h2,
    .paragraph-full__body h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.56px;
    }
}

.node-full__body h3,
.paragraph-full__body h3 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.36px;
}

.page-ja .node-full__body h3,
.node-full__body .page-ja h3,
.page-ja .paragraph-full__body h3,
.paragraph-full__body .page-ja h3 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h3,
.node-full__body .page-kr h3,
.page-kr .paragraph-full__body h3,
.paragraph-full__body .page-kr h3 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h3,
    .paragraph-full__body h3 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h3,
    .paragraph-full__body h3 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .node-full__body h3,
    .paragraph-full__body h3 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.13px;
    }
}

.node-full__body h4,
.paragraph-full__body h4 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.14px;
}

.page-ja .node-full__body h4,
.node-full__body .page-ja h4,
.page-ja .paragraph-full__body h4,
.paragraph-full__body .page-ja h4 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h4,
.node-full__body .page-kr h4,
.page-kr .paragraph-full__body h4,
.paragraph-full__body .page-kr h4 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h4,
    .paragraph-full__body h4 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h4,
    .paragraph-full__body h4 {
        font-size: 24px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }
}

@media (max-width:480px) {
    .node-full__body h4,
    .paragraph-full__body h4 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -1px;
    }
}

.node-full__body h5,
.paragraph-full__body h5 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 0.3125rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .node-full__body h5,
.node-full__body .page-ja h5,
.page-ja .paragraph-full__body h5,
.paragraph-full__body .page-ja h5 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h5,
.node-full__body .page-kr h5,
.page-kr .paragraph-full__body h5,
.paragraph-full__body .page-kr h5 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h5,
    .paragraph-full__body h5 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h5,
    .paragraph-full__body h5 {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .node-full__body h5,
    .paragraph-full__body h5 {
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.node-full__body h6,
.paragraph-full__body h6 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.4375rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .node-full__body h6,
.node-full__body .page-ja h6,
.page-ja .paragraph-full__body h6,
.paragraph-full__body .page-ja h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body h6,
.node-full__body .page-kr h6,
.page-kr .paragraph-full__body h6,
.paragraph-full__body .page-kr h6 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body h6,
    .paragraph-full__body h6 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node-full__body h6,
    .paragraph-full__body h6 {
        font-size: 17px;
        line-height: 1.1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .node-full__body h6,
    .paragraph-full__body h6 {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.node-full__body p,
.paragraph-full__body p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 400;
}

.page-ja .node-full__body p,
.node-full__body .page-ja p,
.page-ja .paragraph-full__body p,
.paragraph-full__body .page-ja p {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body p,
.node-full__body .page-kr p,
.page-kr .paragraph-full__body p,
.paragraph-full__body .page-kr p {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body p,
    .paragraph-full__body p {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .node-full__body p,
    .paragraph-full__body p {
        font-size: 16px;
    }
}

.node-full__body ul:not([class^='contextual-links']),
.paragraph-full__body ul:not([class^='contextual-links']) {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.node-full__body ul:not([class^='contextual-links']) li,
.paragraph-full__body ul:not([class^='contextual-links']) li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .node-full__body ul:not([class^='contextual-links']) li,
.node-full__body .page-ja ul:not([class^='contextual-links']) li,
.page-ja .paragraph-full__body ul:not([class^='contextual-links']) li,
.paragraph-full__body .page-ja ul:not([class^='contextual-links']) li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body ul:not([class^='contextual-links']) li,
.node-full__body .page-kr ul:not([class^='contextual-links']) li,
.page-kr .paragraph-full__body ul:not([class^='contextual-links']) li,
.paragraph-full__body .page-kr ul:not([class^='contextual-links']) li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body ul:not([class^='contextual-links']) li,
    .paragraph-full__body ul:not([class^='contextual-links']) li {
        font-family: 'Roboto';
    }
}

.node-full__body ul:not([class^='contextual-links']) li:before,
.paragraph-full__body ul:not([class^='contextual-links']) li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #009ADA !important;
}

.node-full__body ol,
.paragraph-full__body ol {
    list-style: none;
    counter-reset: item;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.node-full__body ol li,
.paragraph-full__body ol li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .node-full__body ol li,
.node-full__body .page-ja ol li,
.page-ja .paragraph-full__body ol li,
.paragraph-full__body .page-ja ol li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body ol li,
.node-full__body .page-kr ol li,
.page-kr .paragraph-full__body ol li,
.paragraph-full__body .page-kr ol li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body ol li,
    .paragraph-full__body ol li {
        font-family: 'Roboto';
    }
}

.node-full__body ol li:before,
.paragraph-full__body ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.node-full__body a,
.paragraph-full__body a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .node-full__body a,
.node-full__body .page-ja a,
.page-ja .paragraph-full__body a,
.paragraph-full__body .page-ja a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body a,
.node-full__body .page-kr a,
.page-kr .paragraph-full__body a,
.paragraph-full__body .page-kr a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body a,
    .paragraph-full__body a {
        font-family: 'Roboto';
    }
}

.node-full__body a:hover,
.paragraph-full__body a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .node-full__body a,
.node-full__body .v3-dark-bg a,
.v3-dark-bg .paragraph-full__body a,
.paragraph-full__body .v3-dark-bg a,
.v3-dark-bg-only .node-full__body a,
.node-full__body .v3-dark-bg-only a,
.v3-dark-bg-only .paragraph-full__body a,
.paragraph-full__body .v3-dark-bg-only a {
    color: #fff;
}

.v3-dark-bg .node-full__body a:hover,
.node-full__body .v3-dark-bg a:hover,
.v3-dark-bg .paragraph-full__body a:hover,
.paragraph-full__body .v3-dark-bg a:hover,
.v3-dark-bg-only .node-full__body a:hover,
.node-full__body .v3-dark-bg-only a:hover,
.v3-dark-bg-only .paragraph-full__body a:hover,
.paragraph-full__body .v3-dark-bg-only a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.node-full__body .text-accent,
.paragraph-full__body .text-accent {
    font-size: 15px;
    line-height: 1.5;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.node-full__body,
.paragraph-full__body {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    border: 0;
    box-sizing: border-box;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    margin-bottom: 0.9375rem;
}

.node-full__body div,
.node-full__body span,
.node-full__body applet,
.node-full__body object,
.node-full__body iframe,
.node-full__body blockquote,
.node-full__body pre,
.node-full__body abbr,
.node-full__body acronym,
.node-full__body address,
.node-full__body big,
.node-full__body cite,
.node-full__body code,
.node-full__body del,
.node-full__body dfn,
.node-full__body em,
.node-full__body img,
.node-full__body ins,
.node-full__body kbd,
.node-full__body q,
.node-full__body s,
.node-full__body samp,
.node-full__body small,
.node-full__body strike,
.node-full__body sub,
.node-full__body sup,
.node-full__body tt,
.node-full__body var,
.node-full__body b,
.node-full__body u,
.node-full__body i,
.node-full__body center,
.node-full__body dl,
.node-full__body dt,
.node-full__body dd,
.node-full__body fieldset,
.node-full__body form,
.node-full__body label,
.node-full__body legend,
.node-full__body table,
.node-full__body caption,
.node-full__body tbody,
.node-full__body tfoot,
.node-full__body thead,
.node-full__body tr,
.node-full__body th,
.node-full__body td,
.node-full__body article,
.node-full__body aside,
.node-full__body canvas,
.node-full__body details,
.node-full__body embed,
.node-full__body figure,
.node-full__body figcaption,
.node-full__body footer,
.node-full__body header,
.node-full__body hgroup,
.node-full__body menu,
.node-full__body nav,
.node-full__body output,
.node-full__body ruby,
.node-full__body section,
.node-full__body summary,
.node-full__body time,
.node-full__body mark,
.node-full__body audio,
.node-full__body video,
.node-full__body main,
.node-full__body picture,
.paragraph-full__body div,
.paragraph-full__body span,
.paragraph-full__body applet,
.paragraph-full__body object,
.paragraph-full__body iframe,
.paragraph-full__body blockquote,
.paragraph-full__body pre,
.paragraph-full__body abbr,
.paragraph-full__body acronym,
.paragraph-full__body address,
.paragraph-full__body big,
.paragraph-full__body cite,
.paragraph-full__body code,
.paragraph-full__body del,
.paragraph-full__body dfn,
.paragraph-full__body em,
.paragraph-full__body img,
.paragraph-full__body ins,
.paragraph-full__body kbd,
.paragraph-full__body q,
.paragraph-full__body s,
.paragraph-full__body samp,
.paragraph-full__body small,
.paragraph-full__body strike,
.paragraph-full__body sub,
.paragraph-full__body sup,
.paragraph-full__body tt,
.paragraph-full__body var,
.paragraph-full__body b,
.paragraph-full__body u,
.paragraph-full__body i,
.paragraph-full__body center,
.paragraph-full__body dl,
.paragraph-full__body dt,
.paragraph-full__body dd,
.paragraph-full__body fieldset,
.paragraph-full__body form,
.paragraph-full__body label,
.paragraph-full__body legend,
.paragraph-full__body table,
.paragraph-full__body caption,
.paragraph-full__body tbody,
.paragraph-full__body tfoot,
.paragraph-full__body thead,
.paragraph-full__body tr,
.paragraph-full__body th,
.paragraph-full__body td,
.paragraph-full__body article,
.paragraph-full__body aside,
.paragraph-full__body canvas,
.paragraph-full__body details,
.paragraph-full__body embed,
.paragraph-full__body figure,
.paragraph-full__body figcaption,
.paragraph-full__body footer,
.paragraph-full__body header,
.paragraph-full__body hgroup,
.paragraph-full__body menu,
.paragraph-full__body nav,
.paragraph-full__body output,
.paragraph-full__body ruby,
.paragraph-full__body section,
.paragraph-full__body summary,
.paragraph-full__body time,
.paragraph-full__body mark,
.paragraph-full__body audio,
.paragraph-full__body video,
.paragraph-full__body main,
.paragraph-full__body picture {
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.v3-dark-bg .node-full__body,
.v3-dark-bg-only .node-full__body,
.v3-dark-bg .paragraph-full__body,
.v3-dark-bg-only .paragraph-full__body {
    color: #fff;
}

.node-full__body p,
.paragraph-full__body p {
    margin-bottom: 0.9375rem;
    word-break: break-word;
}

.node-full__body p img,
.paragraph-full__body p img {
    max-width: 100% !important;
    height: auto !important;
}

.node-full__body ul,
.node-full__body ol,
.paragraph-full__body ul,
.paragraph-full__body ol {
    margin-bottom: 0.9375rem;
}

.node-full__body ul li ul,
.node-full__body ul li ol,
.node-full__body ol li ul,
.node-full__body ol li ol,
.paragraph-full__body ul li ul,
.paragraph-full__body ul li ol,
.paragraph-full__body ol li ul,
.paragraph-full__body ol li ol {
    margin-bottom: 0;
}

.node-full__body table,
.paragraph-full__body table {
    font-size: 0.875rem;
    margin-bottom: 0.9375rem;
    width: 100%;
    max-width: 100%;
}

@media (min-width:48em) {
    .node-full__body table,
    .paragraph-full__body table {
        table-layout: fixed;
        word-wrap: break-word;
    }
}

.node-full__body table td,
.node-full__body table th,
.paragraph-full__body table td,
.paragraph-full__body table th {
    border-top: 0.0625rem solid #c4c2b9;
    padding: 0.4375rem 0.3125rem 0.1875rem;
    vertical-align: top;
}

.node-full__body table th,
.paragraph-full__body table th {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    border-bottom: 0.125rem solid #c4c2b9;
}

.page-ja .node-full__body table th,
.page-ja .paragraph-full__body table th {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node-full__body table th,
.page-kr .paragraph-full__body table th {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node-full__body table th,
    .paragraph-full__body table th {
        font-family: 'Roboto';
    }
}

.node-full__body table p,
.paragraph-full__body table p {
    margin-bottom: 0 !important;
}

.node-full__body table img,
.paragraph-full__body table img {
    max-width: 100% !important;
    height: auto !important;
}

.node-full__body .table-responsive,
.paragraph-full__body .table-responsive {
    margin-bottom: 0.9375rem;
}

@media screen and (max-width:47.9375em) {
    .node-full__body .table-responsive,
    .paragraph-full__body .table-responsive {
        overflow-x: auto;
        width: 100%;
    }
}

.node-full__body .table-responsive table,
.paragraph-full__body .table-responsive table {
    margin-bottom: 0;
}

.node-full__body pre,
.paragraph-full__body pre {
    font-family: Courier, Helvetica, Arial, sans-serif;
    white-space: pre-wrap;
}

.node-full__body pre code,
.paragraph-full__body pre code {
    padding: 1.5625rem !important;
    white-space: pre-wrap;
}

.node-full__body blockquote,
.paragraph-full__body blockquote {
    background-color: #f9f9f9;
    padding: 1.25rem 1.875rem;
}

.node-full__body blockquote p,
.paragraph-full__body blockquote p {
    border-left: 0.1875rem solid #c4c2b9;
    color: #898574;
    font-size: 1.125rem;
    margin: 0;
    padding: 0.625rem 1.875rem;
    text-transform: uppercase;
}

.node-full__body label,
.paragraph-full__body label {
    display: block;
    font-weight: 400;
}

.node-full__body figcaption,
.paragraph-full__body figcaption {
    text-align: center;
    font-style: italic;
}

.node-full__body iframe,
.paragraph-full__body iframe {
    max-width: 100%;
}

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

iframe {
    max-width: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
}

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

.basic-form__select,
.links-droplist,
.basic-form__select-option,
.links-droplist__links-link {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 400;
}

.page-ja .basic-form__select,
.page-ja .links-droplist,
.page-ja .basic-form__select-option,
.page-ja .links-droplist__links-link {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .basic-form__select,
.page-kr .links-droplist,
.page-kr .basic-form__select-option,
.page-kr .links-droplist__links-link {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .basic-form__select,
    .links-droplist,
    .basic-form__select-option,
    .links-droplist__links-link {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .basic-form__select,
    .links-droplist,
    .basic-form__select-option,
    .links-droplist__links-link {
        font-size: 16px;
    }
}

.basic-form__select label,
.links-droplist label {
    font-size: 15px;
    line-height: 1.5;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.basic-form {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
}

.page-ja .basic-form {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .basic-form {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .basic-form {
        font-family: 'Roboto';
    }
}

.basic-form label {
    display: block;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #646369;
    margin-top: 20px;
}

.page-ja .basic-form label {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .basic-form label {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .basic-form label {
        font-family: 'Roboto';
    }
}

.basic-form label.required:after {
    content: '*';
    color: red;
    font-size: 14px;
    position: relative;
    top: -2px;
}

.basic-form input[type="text"],
.basic-form input[type="search"],
.basic-form input[type="email"],
.basic-form input[type="password"],
.basic-form input[type="tel"],
.basic-form input[type="number"],
.basic-form textarea {
    appearance: none;
    display: block;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #979797;
    color: #343741;
    margin-bottom: 20px;
}

.basic-form input[type="text"]::placeholder,
.basic-form input[type="search"]::placeholder,
.basic-form input[type="email"]::placeholder,
.basic-form input[type="password"]::placeholder,
.basic-form input[type="tel"]::placeholder,
.basic-form input[type="number"]::placeholder,
.basic-form textarea::placeholder {
    color: #878A8F;
}

.basic-form input[type="text"]+label,
.basic-form input[type="search"]+label,
.basic-form input[type="email"]+label,
.basic-form input[type="password"]+label,
.basic-form input[type="tel"]+label,
.basic-form input[type="number"]+label,
.basic-form textarea+label {
    margin-top: -18px;
}

.basic-form input[type="text"]:focus,
.basic-form input[type="search"]:focus,
.basic-form input[type="email"]:focus,
.basic-form input[type="password"]:focus,
.basic-form input[type="tel"]:focus,
.basic-form input[type="number"]:focus,
.basic-form textarea:focus {
    outline: none;
}

.basic-form input[type="text"].error,
.error .basic-form input[type="text"],
.basic-form input[type="search"].error,
.error .basic-form input[type="search"],
.basic-form input[type="email"].error,
.error .basic-form input[type="email"],
.basic-form input[type="password"].error,
.error .basic-form input[type="password"],
.basic-form input[type="tel"].error,
.error .basic-form input[type="tel"],
.basic-form input[type="number"].error,
.error .basic-form input[type="number"],
.basic-form textarea.error,
.error .basic-form textarea {
    border-color: red;
    color: red;
}

.basic-form input[type="text"]:disabled,
.basic-form input[type="search"]:disabled,
.basic-form input[type="email"]:disabled,
.basic-form input[type="password"]:disabled,
.basic-form input[type="tel"]:disabled,
.basic-form input[type="number"]:disabled,
.basic-form textarea:disabled {
    opacity: 5%;
    background-color: #878A8F;
}

.basic-form input[type="text"],
.basic-form input[type="search"],
.basic-form input[type="email"],
.basic-form input[type="password"],
.basic-form input[type="tel"],
.basic-form input[type="number"] {
    display: block;
    width: 100%;
    outline: none;
    background: transparent;
    margin: 0;
    padding: 14px 10px 12px 10px;
    height: 50px;
    font-weight: 300;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #343741;
    border: 0 none;
    border-bottom: .0625rem solid #979797;
    font-size: 1rem;
    line-height: 1.1875rem;
}

.page-ja .basic-form input[type="text"],
.page-ja .basic-form input[type="search"],
.page-ja .basic-form input[type="email"],
.page-ja .basic-form input[type="password"],
.page-ja .basic-form input[type="tel"],
.page-ja .basic-form input[type="number"] {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .basic-form input[type="text"],
.page-kr .basic-form input[type="search"],
.page-kr .basic-form input[type="email"],
.page-kr .basic-form input[type="password"],
.page-kr .basic-form input[type="tel"],
.page-kr .basic-form input[type="number"] {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .basic-form input[type="text"],
    .basic-form input[type="search"],
    .basic-form input[type="email"],
    .basic-form input[type="password"],
    .basic-form input[type="tel"],
    .basic-form input[type="number"] {
        font-family: 'Roboto';
    }
}

.basic-form textarea {
    padding: 9px 10px;
}

.basic-form input[type="submit"] {
    padding: 11px 16px;
    height: 44px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #979797;
    color: #343741;
}

.basic-form input[type="submit"]:hover {
    background-color: #C7C9C8;
    color: #fff;
}

.basic-form fieldset {
    margin-bottom: 20px;
}

.basic-form input[type="checkbox"]+label {
    display: inline-block;
    margin-top: 3px;
}

.basic-form input[type="text"],
.basic-form input[type="search"] {
    padding-right: 10px;
}

.basic-form__select,
.links-droplist {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    height: auto;
    min-height: 50px;
    font-weight: 400;
    color: #616161;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #979797;
}

.basic-form__select.error,
.error .basic-form__select,
.links-droplist.error,
.error .links-droplist {
    border-color: red;
}

.basic-form__select select,
.links-droplist select {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.basic-form__select:after,
.links-droplist:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6049 12.1602C16.6049 11.8288 16.3363 11.5602 16.0049 11.5602C15.6735 11.5602 15.4049 11.8288 15.4049 12.1602L16.6049 12.1602ZM15.5806 20.2644C15.8149 20.4987 16.1948 20.4987 16.4291 20.2644L20.2475 16.446C20.4818 16.2117 20.4818 15.8318 20.2475 15.5975C20.0132 15.3632 19.6333 15.3632 19.399 15.5975L16.0049 18.9916L12.6108 15.5975C12.3765 15.3632 11.9966 15.3632 11.7622 15.5975C11.5279 15.8318 11.5279 16.2117 11.7622 16.446L15.5806 20.2644ZM15.4049 12.1602L15.4049 19.8402L16.6049 19.8402L16.6049 12.1602L15.4049 12.1602Z" fill="black"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0;
    border-width: 0;
    z-index: 5;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.basic-form__select.is-open:after,
.links-droplist.is-open:after {
    transform: rotate(180deg);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.basic-form__select label,
.links-droplist label {
    font-weight: 400;
    color: #616161;
    position: absolute;
    pointer-events: none;
    left: 0;
    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1) all;
    margin-top: 0px;
}

.basic-form__select .basic-form__select-label,
.basic-form__select .links-droplist__default,
.links-droplist .basic-form__select-label,
.links-droplist .links-droplist__default {
    position: relative;
}

.basic-form__select.has-value,
.links-droplist.has-value {
    padding-top: 30px;
}

.basic-form__select.has-value .links-droplist__label,
.basic-form__select.has-value label,
.links-droplist.has-value .links-droplist__label,
.links-droplist.has-value label {
    bottom: calc(100% - 30px);
}

.basic-form__select.has-value label,
.basic-form__select.has-value .basic-form__select-label,
.basic-form__select.has-value .links-droplist__default,
.links-droplist.has-value label,
.links-droplist.has-value .basic-form__select-label,
.links-droplist.has-value .links-droplist__default {
    z-index: 3;
}

.basic-form__select.is-open.has-value label,
.basic-form__select.is-open.has-value .basic-form__select-label,
.basic-form__select.is-open.has-value .links-droplist__default,
.links-droplist.is-open.has-value label,
.links-droplist.is-open.has-value .basic-form__select-label,
.links-droplist.is-open.has-value .links-droplist__default {
    z-index: 5;
}

.basic-form__select.empty-value label,
.links-droplist.empty-value label {
    font-size: 1.125rem;
    padding-left: 10px;
}

.basic-form__select.empty-value .basic-form__select-label,
.links-droplist.empty-value .basic-form__select-label {
    display: none;
}

.basic-form__select-options,
.links-droplist__links {
    position: absolute;
    display: none;
    left: -1px;
    top: calc(100%);
    background-color: #fff;
    width: calc(100% + 2px);
    border-top: 1px solid #979797;
    z-index: 4;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.basic-form__select.is-open .basic-form__select-options,
.links-droplist.is-open .basic-form__select-options,
.basic-form__select.is-open .links-droplist__links,
.links-droplist.is-open .links-droplist__links {
    display: block;
}

.basic-form__select-options:before,
.links-droplist__links:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    height: 9px;
    width: 100%;
    padding: 0;
    background-color: #fff;
    z-index: -99;
}

.basic-form__select-option,
.links-droplist__links-link {
    padding: 9px 10px;
    display: block;
    margin: 0;
    color: #000;
    cursor: pointer;
}

.basic-form__select-option:hover,
.links-droplist__links-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.basic-form__select-option a,
.links-droplist__links-link a {
    text-decoration: none;
    color: #616161;
    width: 100%;
    height: 100%;
    display: block;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.content-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width:768px) {
    .content-lightbox {
        padding: 10px;
    }
}

.content-lightbox.js-visible {
    opacity: 1;
}

.content-lightbox__overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 154, 218, 0.8);
}

.content-lightbox__box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 900px;
    height: 80vh;
    background-color: #fff;
    opacity: 0;
    transform: scale3d(1, 0.2, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.content-lightbox.js-visible .content-lightbox__box {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.content-lightbox__close {
    position: absolute;
    top: -30px;
    right: 0;
    text-transform: uppercase;
    color: #fff;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    cursor: pointer;
}

.page-ja .content-lightbox__close {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .content-lightbox__close {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .content-lightbox__close {
        font-family: 'Roboto';
    }
}

.content-lightbox__close span {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    border-radius: 100%;
    background-color: #01579b;
    position: relative;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    top: -1px;
    margin-left: 5px;
    padding-top: 0px;
    padding-left: 1px;
}

.page-ja .content-lightbox__close span {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .content-lightbox__close span {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .content-lightbox__close span {
        font-family: 'Roboto';
    }
}

.content-lightbox__close:hover {
    color: #01579b;
}

.content-lightbox__close:hover span {
    color: #fff;
}

.content-lightbox__body {
    width: 100%;
    height: 100%;
}

.content-lightbox__body iframe {
    padding: 20px;
    width: 100%;
    height: 100%;
}

[data-content-lightbox] {
    cursor: pointer;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.video-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 154, 218, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width:768px) {
    .video-lightbox {
        padding: 10px;
    }
}

.video-lightbox.js-visible {
    opacity: 1;
}

.video-lightbox__box {
    position: relative;
    width: 100%;
    max-width: 900px;
    background-color: #343741;
    opacity: 0;
    transform: scale3d(1, 0.2, 1);
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.video-lightbox.js-visible .video-lightbox__box {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.video-lightbox__close {
    position: absolute;
    top: -30px;
    right: 0;
    text-transform: uppercase;
    color: #fff;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    cursor: pointer;
}

.page-ja .video-lightbox__close {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .video-lightbox__close {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .video-lightbox__close {
        font-family: 'Roboto';
    }
}

.video-lightbox__close span {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    border-radius: 100%;
    background-color: #01579b;
    position: relative;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    top: -1px;
    margin-left: 5px;
    padding-top: 0px;
    padding-left: 1px;
}

.page-ja .video-lightbox__close span {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .video-lightbox__close span {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .video-lightbox__close span {
        font-family: 'Roboto';
    }
}

.video-lightbox__close:hover {
    color: #01579b;
}

.video-lightbox__close:hover span {
    color: #fff;
}

.video-lightbox__video {
    position: relative;
    padding-bottom: 56.25% !important;
}

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

[data-video-lightbox] {
    cursor: pointer;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.general-modal__wrapper .general-modal__trigger {
    cursor: pointer;
}

.general-modal__wrapper .general-modal__trigger:hover {
    background: rgba(0, 154, 218, 0.8);
}

.general-modal__wrapper .general-modal__content {
    display: none;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body {
    padding: 40px;
    overflow: auto;
    text-align: center;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__image {
    max-height: 125px;
    width: auto;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__image img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    margin: 0 auto;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__title {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    text-transform: uppercase;
    color: #000006;
    font-weight: 100;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 25px;
}

.page-ja .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__title {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__title {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__title {
        font-family: 'Roboto';
    }
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__title span {
    display: block;
    margin: 35px 0 20px 0;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__text,
.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    text-align: left;
    color: #000006;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}

.page-ja .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__text,
.page-ja .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__text,
.page-kr .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__text,
    .general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list {
        font-family: 'Roboto';
    }
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list {
    font-size: 14px;
    line-height: 20px;
}

.general-modal__lightbox .content-lightbox__box .content-lightbox__body .general-modal__list .general-modal__list-item {
    margin-bottom: 10px;
    text-align: left;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.footer-v3 {
    position: relative;
    z-index: 0;
}

.footer-v3::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F2F2F2;
    z-index: -1;
}

.footer-v3__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 1;
}

.footer-v3__nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    max-width: 1512px;
    width: 100%;
    margin: 0 auto -20px auto;
    padding: 96px 60px;
    position: relative;
    z-index: 2;
}

.footer-v3__nav:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    left: calc(50% - (50vw - (var(--scrollbar-width) / 2)));
    border-radius: 0px 0px 20px 20px;
    background-color: #F2F2F2;
}

.footer-v3__nav-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% / 4);
    max-width: 333px;
}

.footer-v3__nav-wrapper ul {
    padding: 0;
    margin: 0;
}

.footer-v3__nav-wrapper li {
    list-style: none;
    color: #000;
}

.footer-v3__nav-wrapper a {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
    color: #000;
    filter: grayscale(1);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 250%;
}

.page-ja .footer-v3__nav-wrapper a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .footer-v3__nav-wrapper a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .footer-v3__nav-wrapper a {
        font-family: 'Roboto';
    }
}

.page-ja .footer-v3__nav-wrapper a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .footer-v3__nav-wrapper a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .footer-v3__nav-wrapper a {
        font-family: 'Roboto';
    }
}

.footer-v3__nav-wrapper a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .footer-v3__nav-wrapper a,
.v3-dark-bg-only .footer-v3__nav-wrapper a {
    color: #fff;
}

.v3-dark-bg .footer-v3__nav-wrapper a:hover,
.v3-dark-bg-only .footer-v3__nav-wrapper a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.footer-v3__nav-wrapper a:hover {
    filter: none;
}

.footer-v3__nav-heading {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #616161;
    margin-bottom: 12px;
}

.page-ja .footer-v3__nav-heading {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .footer-v3__nav-heading {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .footer-v3__nav-heading {
        font-family: 'Roboto';
    }
}

@media (max-width:920px) {
    .footer-v3__nav {
        padding: 96px 40px;
    }
}

@media (max-width:768px) {
    .footer-v3__nav {
        margin: 0 -0 -16px 0;
        padding: 44px 20px 64px;
        flex-direction: column;
        gap: 0;
        border-radius: 0px 0px 16px 16px;
    }
    .footer-v3__nav-wrapper {
        width: 100%;
        max-width: unset;
        border-bottom: 1px solid #D3D3D3;
        overflow: hidden;
    }
    .footer-v3__nav-wrapper li {
        margin-bottom: 24px;
    }
    .footer-v3__nav-wrapper li:last-of-type {
        margin-bottom: 32px;
    }
    .footer-v3__nav-wrapper a {
        font-size: 16px;
        line-height: 150%;
    }
    .footer-v3__nav-wrapper.is-active .footer-v3__nav-heading {
        color: #616161;
    }
    .footer-v3__nav-wrapper.is-active .footer-v3__nav-heading::after {
        transform: rotate(0deg);
        background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/footer-minus-sign.svg');
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .footer-v3__nav-wrapper.is-active ul {
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .footer-v3__nav-wrapper:last-of-type {
        border-bottom: none;
    }
    .footer-v3__nav-heading {
        font-size: 16px;
        cursor: pointer;
        color: #000;
        min-height: 44px;
        width: 100%;
        line-height: 150%;
        padding: 20px 0;
        margin-bottom: 0;
        position: relative;
    }
    .footer-v3__nav-heading::after {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/footer-plus-sign.svg');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 25px;
        transform: rotate(90deg);
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .footer-v3__nav-collapsible {
        width: 100%;
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .footer-v3__nav-collapsible.is-active {
        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }
}

.footer-v3__logo {
    width: 100%;
    height: 100%;
    max-width: 196px;
    grid-column-start: 1;
    grid-column-end: 2;
}

.footer-v3__logo-image {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/footer-logo-white.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
}

.v3-dark-bg .footer-v3__logo-image {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/footer-logo-white.svg');
}

@media (max-width:768px) {
    .footer-v3__logo {
        width: 100%;
        max-width: unset;
        order: 3;
    }
    .footer-v3__logo-image {
        background-position: left center;
    }
}

.footer-v3__bottom-wrap {
    position: relative;
    background-color: #000;
}

.footer-v3__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    background-color: #000;
    max-width: 1512px;
    margin: 0 auto;
    width: 100%;
    padding: 70px 60px 50px;
}

.footer-v3__bottom-social-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    grid-column-start: 4;
    grid-column-end: 5;
}

.footer-v3__bottom-social-menu li {
    list-style: none;
    display: block;
}

.footer-v3__bottom-social-menu a {
    display: block;
    text-decoration: none;
}

.footer-v3__bottom-social-menu .icon-facebook {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/icon-facebook-white.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 11.25px;
    height: 18px;
}

.footer-v3__bottom-social-menu .icon-twitter {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/icon-x-white.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.footer-v3__bottom-social-menu .icon-linkedin {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/icon-linkedin-white.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.footer-v3__bottom-social-menu .icon-youtube-play {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/icon-youtube-white.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 21.43px;
    height: 15px;
}

.footer-v3__bottom-social-menu .icon-facebook::before,
.footer-v3__bottom-social-menu .icon-twitter::before,
.footer-v3__bottom-social-menu .icon-linkedin::before,
.footer-v3__bottom-social-menu .icon-youtube-play::before {
    content: '';
}

.footer-v3__bottom-copyright {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    grid-column-start: 2;
    grid-column-end: 4;
    height: 100%;
}

.footer-v3__bottom-copyright-info {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    text-decoration: none;
}

.page-ja .footer-v3__bottom-copyright-info {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .footer-v3__bottom-copyright-info {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .footer-v3__bottom-copyright-info {
        font-family: 'Roboto';
    }
}

.footer-v3__bottom-copyright-info:is(div) {
    color: #D3D3D3;
}

.v3-dark-bg .footer-v3__bottom-copyright-info {
    color: #fff;
}

.v3-dark-bg .footer-v3__bottom-copyright-info:is(div) {
    color: #D3D3D3;
}

@media (max-width:920px) {
    .footer-v3__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .footer-v3__bottom-copyright {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width:768px) {
    .footer-v3__bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        gap: 48px;
        margin: 0 0 -16px 0;
        padding: 70px 20px 60px;
        border-radius: 0px 0px 16px 16px;
    }
    .footer-v3__bottom-social-menu {
        align-items: flex-start;
        justify-content: flex-start;
        order: 0;
    }
    .footer-v3__bottom-social-menu .icon-facebook,
    .footer-v3__bottom-social-menu .icon-twitter,
    .footer-v3__bottom-social-menu .icon-linkedin,
    .footer-v3__bottom-social-menu .icon-youtube-play {
        height: 20px;
    }
    .footer-v3__bottom-social-menu .icon-facebook {
        width: 12.5px;
    }
    .footer-v3__bottom-social-menu .icon-twitter {
        width: 20.01px;
    }
    .footer-v3__bottom-social-menu .icon-linkedin {
        width: 20.125px;
    }
    .footer-v3__bottom-social-menu .icon-youtube-play {
        width: 28.571px;
    }
    .footer-v3__bottom-copyright {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        gap: 24px;
        order: 1;
    }
    .footer-v3__bottom-copyright-info {
        margin: 0;
        font-size: 16px;
    }
    .footer-v3__bottom-copyright-info:is(div) {
        order: 4;
        color: #616161;
    }
}

.footer-v3__nav-wrapper,
.footer-v3__nav-heading,
.footer-v3__bottom {
    z-index: 2;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.pager {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
}

@media (max-width:1572px) {
    .pager {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.page-ja .pager {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .pager {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .pager {
        font-family: 'Roboto';
    }
}

.pager__items {
    margin-top: 55px;
    margin-bottom: 55px;
    padding: 0;
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

.pager__items li {
    position: relative;
    display: flex;
    list-style: none;
    padding: 0 7.5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.pager__items a {
    position: relative;
    color: #009ADA;
    outline: none;
    text-decoration: none;
}

.pager__items a:hover {
    color: #000;
}

.pager__items a:hover:after {
    background-color: #000;
}

.pager__items a:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 1px;
    background-color: #009ADA;
}

@media (max-width:768px) {
    .pager__items {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        justify-items: center;
        flex-wrap: nowrap;
    }
}

.pager__item--ellipsis {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #009ADA;
    top: -3px;
}

.page-ja .pager__item--ellipsis {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .pager__item--ellipsis {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .pager__item--ellipsis {
        font-family: 'Roboto';
    }
}

.pager__item--first a,
.pager__item--previous a,
.pager__item--next a,
.pager__item--last a,
.pager__item--current a {
    display: flex;
    align-items: center;
    font-size: 0 !important;
    position: relative;
}

.pager__item--first a:hover,
.pager__item--previous a:hover,
.pager__item--next a:hover,
.pager__item--last a:hover,
.pager__item--current a:hover {
    color: #000;
}

.pager__item--first a:before,
.pager__item--previous a:before,
.pager__item--next a:before,
.pager__item--last a:before,
.pager__item--current a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    text-align: center;
    text-indent: 0;
}

.pager__item--first a::after,
.pager__item--previous a::after,
.pager__item--next a::after,
.pager__item--last a::after,
.pager__item--current a::after {
    display: none;
}

@media (max-width:768px) {
    .pager__item--first a:before,
    .pager__item--previous a:before,
    .pager__item--next a:before,
    .pager__item--last a:before,
    .pager__item--current a:before {
        margin-top: 0;
        top: -4px;
    }
}

.pager__item--previous a:before {
    content: '\f104';
}

.pager__item--next a:before {
    content: '\f105';
}

.pager__item--last a:before {
    content: '\e927';
}

.pager__item--first a:before {
    content: '\e928';
}

@media (max-width:768px) {
    li.pager__item {
        display: none;
    }
    li.pager__item.pager__item--before,
    li.pager__item.pager__item--after {
        display: flex;
    }
}

.pager-infinite {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
}

@media (max-width:1572px) {
    .pager-infinite {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.pager-infinite ul {
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 0;
}

.pager-infinite .pager__item {
    list-style: none;
}

@media (max-width:768px) {
    .pager-infinite .pager__item {
        display: block;
    }
}

.pager-infinite .pager__item a {
    margin: 0 auto;
}

.pager-infinite .global-elements__cta-button--arrow-wrapper {
    transform: rotate(90deg);
    border-left: none;
    border-bottom: 1px solid #D3D3D3;
}

.resource-full__body h1,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 65px;
    font-weight: 400;
    line-height: 0.95;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: -1.3px;
}

.page-ja .resource-full__body h1,
.resource-full__body .page-ja h1,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h1 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body h1,
.resource-full__body .page-kr h1,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h1 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body h1,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .resource-full__body h1,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: -1px;
    }
}

@media (max-width:480px) {
    .resource-full__body h1,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h1 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.96px;
    }
}

.resource-full__body h2,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.96px;
}

.page-ja .resource-full__body h2,
.resource-full__body .page-ja h2,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h2 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body h2,
.resource-full__body .page-kr h2,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h2 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body h2,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .resource-full__body h2,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.75px;
    }
}

@media (max-width:480px) {
    .resource-full__body h2,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.56px;
    }
}

.node--view-mode--hero-banner .box-hero .box-hero__title,
.resource-full__body h3,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.36px;
}

.page-ja .node--view-mode--hero-banner .box-hero .box-hero__title,
.node--view-mode--hero-banner .box-hero .page-ja .box-hero__title,
.page-ja .resource-full__body h3,
.resource-full__body .page-ja h3,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h3 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node--view-mode--hero-banner .box-hero .box-hero__title,
.node--view-mode--hero-banner .box-hero .page-kr .box-hero__title,
.page-kr .resource-full__body h3,
.resource-full__body .page-kr h3,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h3 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node--view-mode--hero-banner .box-hero .box-hero__title,
    .resource-full__body h3,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node--view-mode--hero-banner .box-hero .box-hero__title,
    .resource-full__body h3,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .node--view-mode--hero-banner .box-hero .box-hero__title,
    .resource-full__body h3,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h3 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.13px;
    }
}

.resource-full__body h4,
.resource-magazine .resource-full__magazine-actions-heading,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.14px;
}

.page-ja .resource-full__body h4,
.resource-full__body .page-ja h4,
.page-ja .resource-magazine .resource-full__magazine-actions-heading,
.resource-magazine .page-ja .resource-full__magazine-actions-heading,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h4 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body h4,
.resource-full__body .page-kr h4,
.page-kr .resource-magazine .resource-full__magazine-actions-heading,
.resource-magazine .page-kr .resource-full__magazine-actions-heading,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h4 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body h4,
    .resource-magazine .resource-full__magazine-actions-heading,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .resource-full__body h4,
    .resource-magazine .resource-full__magazine-actions-heading,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4 {
        font-size: 24px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }
}

@media (max-width:480px) {
    .resource-full__body h4,
    .resource-magazine .resource-full__magazine-actions-heading,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h4 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -1px;
    }
}

.node--view-mode--hero-banner .box-hero .box-hero__resource,
.resource-full__body h5,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 0.3125rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .node--view-mode--hero-banner .box-hero .box-hero__resource,
.node--view-mode--hero-banner .box-hero .page-ja .box-hero__resource,
.page-ja .resource-full__body h5,
.resource-full__body .page-ja h5,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h5 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .node--view-mode--hero-banner .box-hero .box-hero__resource,
.node--view-mode--hero-banner .box-hero .page-kr .box-hero__resource,
.page-kr .resource-full__body h5,
.resource-full__body .page-kr h5,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h5 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .node--view-mode--hero-banner .box-hero .box-hero__resource,
    .resource-full__body h5,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .node--view-mode--hero-banner .box-hero .box-hero__resource,
    .resource-full__body h5,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5 {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .node--view-mode--hero-banner .box-hero .box-hero__resource,
    .resource-full__body h5,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h5 {
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.resource-full__body h6,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.4375rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .resource-full__body h6,
.resource-full__body .page-ja h6,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body h6,
.resource-full__body .page-kr h6,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr h6 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body h6,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .resource-full__body h6,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6 {
        font-size: 17px;
        line-height: 1.1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .resource-full__body h6,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper h6 {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.resource-full__body p,
.resource-magazine .resource-full__magazine-actions-description,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 400;
}

.page-ja .resource-full__body p,
.resource-full__body .page-ja p,
.page-ja .resource-magazine .resource-full__magazine-actions-description,
.resource-magazine .page-ja .resource-full__magazine-actions-description,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper p,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja p {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body p,
.resource-full__body .page-kr p,
.page-kr .resource-magazine .resource-full__magazine-actions-description,
.resource-magazine .page-kr .resource-full__magazine-actions-description,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper p,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr p {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body p,
    .resource-magazine .resource-full__magazine-actions-description,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper p {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .resource-full__body p,
    .resource-magazine .resource-full__magazine-actions-description,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper p {
        font-size: 16px;
    }
}

.resource-full__body ul:not([class^='contextual-links']),
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.resource-full__body ul:not([class^='contextual-links']) li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .resource-full__body ul:not([class^='contextual-links']) li,
.resource-full__body .page-ja ul:not([class^='contextual-links']) li,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja ul:not([class^='contextual-links']) li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body ul:not([class^='contextual-links']) li,
.resource-full__body .page-kr ul:not([class^='contextual-links']) li,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr ul:not([class^='contextual-links']) li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body ul:not([class^='contextual-links']) li,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) li {
        font-family: 'Roboto';
    }
}

.resource-full__body ul:not([class^='contextual-links']) li:before,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ul:not([class^='contextual-links']) li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #009ADA !important;
}

.resource-full__body ol,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol {
    list-style: none;
    counter-reset: item;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.resource-full__body ol li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .resource-full__body ol li,
.resource-full__body .page-ja ol li,
.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-ja ol li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body ol li,
.resource-full__body .page-kr ol li,
.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol li,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .page-kr ol li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body ol li,
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol li {
        font-family: 'Roboto';
    }
}

.resource-full__body ol li:before,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.resource-full__body .text-accent,
.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper .text-accent {
    font-size: 15px;
    line-height: 1.5;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: var(--colour-gray-0, #fff);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 66px 15px 16px;
    background-color: #000;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: fit-content;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: none;
}

.page-ja .resource-magazine div.mk-form .mktoButtonWrap button.mktoButton,
.resource-magazine div.mk-form .mktoButtonWrap .page-ja button.mktoButton {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-magazine div.mk-form .mktoButtonWrap button.mktoButton,
.resource-magazine div.mk-form .mktoButtonWrap .page-kr button.mktoButton {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-magazine div.mk-form .mktoButtonWrap button.mktoButton {
        font-family: 'Roboto';
    }
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton::before {
    display: none;
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton::after {
    content: '';
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border-left: 1px solid #616161;
    margin-left: 16px;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 0;
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton:hover {
    border-color: #000;
    background-color: #fff;
    color: #000;
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

@media (max-width:768px) {
    .resource-magazine div.mk-form .mktoButtonWrap button.mktoButton {
        padding: 20px 56px 20px 16px;
    }
    .resource-magazine div.mk-form .mktoButtonWrap button.mktoButton::after {
        width: 40px;
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    }
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton {
    background-color: #fff;
    border: 1px solid #919191;
    color: #000;
}

.resource-magazine div.mk-form .mktoButtonWrap button.mktoButton:hover {
    background-color: #000;
    color: #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.resource-teaser__item {
    display: inline-block;
    width: calc(100% / 3 - 10px);
    margin: 0;
    vertical-align: top;
    padding: 0 15px 15px 0;
    box-sizing: content-box;
}

.resource-teaser__item:nth-of-type(3n) {
    padding-right: 0;
}

@media (max-width:1024px) {
    .resource-teaser__item {
        width: 100%;
    }
    .resource-teaser__item:nth-of-type(3n) {
        padding-right: 0 !important;
    }
}

@media all and (max-width:768px) {
    .resource-teaser__item {
        width: calc(100% / 2 - 7.5px);
    }
    .resource-teaser__item.views-row-even {
        padding-right: 0 !important;
    }
}

@media all and (max-width:560px) {
    .resource-teaser__item {
        width: 100%;
        padding-right: 0 !important;
    }
}

.resource-teaser__content {
    position: relative;
    height: 100%;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    padding-bottom: 80px;
}

.resource-teaser__content:hover {
    top: -3px;
}

@media all and (max-width:560px) {
    .resource-teaser__content {
        height: auto;
        padding-bottom: 0;
    }
}

.resource-teaser__url {
    text-decoration: none;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: visible;
}

@media all and (max-width:560px) {
    .resource-teaser__url {
        overflow-y: hidden;
    }
}

.resource-teaser__type {
    display: block;
    height: 59px;
    font-size: 14px;
    letter-spacing: 0.38px;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 100;
    color: #fff;
    line-height: 59px;
    text-indent: 90px;
    text-transform: uppercase;
    background-color: #8d9ebc;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-default.svg');
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 38px auto;
}

.page-ja .resource-teaser__type {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-teaser__type {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-teaser__type {
        font-family: 'Roboto';
    }
}

.resource-teaser__type[data-type='analyst-report'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-analyst-report.svg');
}

.resource-teaser__type[data-type='data-sheet'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-data-sheet.svg');
}

.resource-teaser__type[data-type='solution-brief'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-solution-brief.svg');
}

.resource-teaser__type[data-type='white-paper'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-white-paper.svg');
}

.resource-teaser__type[data-type='threat-report'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-threat-report.svg');
}

.resource-teaser__type[data-type='infographic'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-infographic.svg');
}

.resource-teaser__type[data-type='video'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-video.svg');
}

.resource-teaser__type[data-type='podcast'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-podcast.svg');
}

.resource-teaser__type[data-type='webinar'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-webinar.svg');
}

.resource-teaser__type[data-type='training-module'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-training-module.svg');
}

.resource-teaser__type[data-type='awareness-material'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-awareness-material.svg');
}

.resource-teaser__type[data-type='ebook'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-ebook.svg');
}

.resource-teaser__type[data-type='customer-story'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-customer-story.svg');
}

.resource-teaser__type[data-type='presentation'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-presentation.svg');
}

.resource-teaser__type[data-type='magazine'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-teaser-type-magazine.svg');
}

.resource-teaser__type[data-type='data-sheet'],
.resource-teaser__type[data-type='solution-brief'],
.resource-teaser__type[data-type='white-paper'],
.resource-teaser__type[data-type='podcast'],
.resource-teaser__type[data-type='awareness-material'],
.resource-teaser__type[data-type='ebook'] {
    background-size: 28px auto;
}

.resource-teaser__title {
    margin: 0;
    padding: 30px 30px 0 30px;
    color: #535259;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.3;
    box-sizing: border-box;
}

.resource-teaser__body {
    margin: 0;
    padding: 30px 30px 0;
    color: #343741;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    box-sizing: border-box;
}

.page-ja .resource-teaser__body {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-teaser__body {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-teaser__body {
        font-family: 'Roboto';
    }
}

@media all and (max-width:560px) {
    .resource-teaser__body {
        padding-bottom: 0;
    }
}

.resource-teaser__link {
    position: absolute;
    bottom: -80px;
    left: auto;
    padding: 30px;
    display: block;
    color: #009ADA;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
}

.page-ja .resource-teaser__link {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-teaser__link {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-teaser__link {
        font-family: 'Roboto';
    }
}

@media all and (max-width:560px) {
    .resource-teaser__link {
        position: relative;
        bottom: 0;
        left: 0;
        padding: 30px;
    }
}

.resource-teaser__link:after {
    content: '\f105';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'proofpoint';
    font-style: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    font-size: 1.375rem;
    position: relative;
    top: 3px;
    margin-left: 10px;
}

@media all and (max-width:768px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image {
        width: 100%;
        padding-right: 0 !important;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content {
    height: 100%;
    padding-bottom: 100px;
}

@media (max-width:1024px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content {
        padding-bottom: 0;
    }
}

@media (max-width:1440px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content {
        height: 100%;
    }
}

@media (max-width:1024px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content {
        height: 100%;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content img {
    display: block !important;
    width: 100%;
    height: auto;
    border: 0;
}

@media (max-width:1024px) and (min-width:560px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__content img {
        float: left;
        width: 50%;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__url {
    overflow: visible;
}

@media (max-width:1024px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__url {
        overflow: hidden;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type {
    text-indent: 67px;
    display: inline-block;
    padding-right: 27px;
    height: 42px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.38px;
    line-height: 42px;
    background-color: #636f84;
    background-position: 28px center;
    background-size: 28px auto;
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='data-sheet'],
*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='solution-brief'],
*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='white-paper'],
*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='podcast'],
*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='awareness-material'],
*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='ebook'] {
    background-size: 28px 26px;
    background-position: 28px 8px;
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type[data-type='podcast'] {
    background-size: 16px 26px;
}

@media (max-width:1024px) and (min-width:560px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__type {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50%;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__title {
    padding: 13px 28px 0 28px;
}

@media (max-width:1024px) and (min-width:560px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__title {
        float: right;
        width: 50%;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__body {
    padding: 13px 28px 0 28px;
}

@media (max-width:1024px) and (min-width:560px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__body {
        float: right;
        width: 50%;
    }
}

*:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__link {
    padding: 0 28px;
    display: block;
}

@media (max-width:1024px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__link {
        position: relative;
        left: auto;
        bottom: auto;
        float: right;
        width: 50%;
        clear: right;
        margin: 20px 0;
    }
}

@media (max-width:559px) {
    *:not(.resources-library-list__items)>.resource-teaser__item-with-image .resource-teaser__link {
        float: none;
    }
}

.resources-library-featured {
    display: block;
}

.resources-library-featured__items {
    width: 100%;
    display: flex;
}

@media (max-width:1024px) {
    .resources-library-featured__items {
        display: block;
    }
}

.resources-library-featured__header-title {
    display: block;
    padding-top: 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    max-width: 100%;
    margin: 0 auto;
    color: #535259;
    font-size: 26px;
    letter-spacing: 0.37px;
    line-height: 36px;
    text-align: center;
}

.resources-library-featured__items-wrapper {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    padding-top: 20px;
}

@media (max-width:1572px) {
    .resources-library-featured__items-wrapper {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

@media (min-width:48em) {
    .resources-library-featured__items-wrapper {
        padding-top: 20px;
    }
}

.resources-library-list {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (max-width:1572px) {
    .resources-library-list {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.resources-library-list .resource-teaser__item {
    width: calc(100% / 3 - 10px);
    margin: 0;
    vertical-align: top;
    padding: 0 15px 15px 0;
}

@media (min-width:64em) {
    .resources-library-list .resource-teaser__item:nth-of-type(3n) {
        padding-right: 0;
    }
}

@media (max-width:768px) {
    .resources-library-list .resource-teaser__item {
        width: calc(100% / 2 - 10px);
    }
    .resources-library-list .resource-teaser__item:nth-of-type(3n) {
        padding-right: 15px !important;
    }
    .resources-library-list .resource-teaser__item:nth-of-type(2n) {
        padding-right: 0 !important;
    }
}

@media (max-width:560px) {
    .resources-library-list .resource-teaser__item {
        width: 100%;
        padding-right: 0 !important;
    }
    .resources-library-list .resource-teaser__item:nth-of-type(3n) {
        padding-right: 0 !important;
    }
}

.resources-library-list__items-wrapper,
.resources-library-list__items {
    width: 100%;
}

.resources-library-list__items-wrapper::after,
.resources-library-list__items::after {
    display: block;
    clear: both;
    content: "";
}

.resources-library-list__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.resources-library-list__empty {
    padding-bottom: 40px;
}

.resources-pager {
    margin-top: 25px;
    margin-bottom: 65px;
    text-align: center;
}

.resources-pager .pager {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width:1572px) {
    .resources-pager .pager {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.resources-pager .pager__item a {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}

.page-ja .resources-pager .pager__item a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resources-pager .pager__item a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resources-pager .pager__item a {
        font-family: 'Roboto';
    }
}

.resources-filters {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}

.resources-view {
    width: 100%;
}

.resources-view::after {
    display: block;
    clear: both;
    content: "";
}

.node-resource-full {
    width: 100%;
}

.node-resource-full::after {
    display: block;
    clear: both;
    content: "";
}

.node--view-mode--hero-banner .box-hero .container {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    padding: 0 !important;
}

@media (max-width:1572px) {
    .node--view-mode--hero-banner .box-hero .container {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

.node--view-mode--hero-banner .box-hero .box-hero__content {
    height: auto;
    min-height: 300px;
    padding: 30px 0;
}

.node--view-mode--hero-banner .box-hero .box-hero__resource {
    padding-bottom: 10px;
}

.node--view-mode--hero-banner .box-hero .box-hero__resource:before {
    content: '';
    display: inline-block;
    top: 0;
    left: 0;
    width: 38px;
    height: 100%;
    text-align: center;
    padding-top: 0;
    background: no-repeat;
    background-size: contain;
    position: relative;
    margin-right: 15px;
    min-height: 40px;
    background-position: bottom left;
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='analyst-report']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-analyst-report.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='data-sheet']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-data-sheet.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='solution-brief']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-solution-brief.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='white-paper']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-white-paper.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='threat-report']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-threat-report.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='infographic']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-infographic.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='video']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-video.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='podcast']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-podcast.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='webinar']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-webinar.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='training-module']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-training-module.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='awareness-material']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-awareness-material.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='ebook']:before {
    background-image: url('https://techintelpro.com/top-10-biggest-and-boldest-insider-threats/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-ebook.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='customer-story']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-customer-story.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='presentation']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-presentation.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__resource[data-type='magazine']:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resources-hero-banner-magazine.svg');
}

.node--view-mode--hero-banner .box-hero .box-hero__title {
    max-width: 650px;
}

.resource-full__content-wrapper {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 50px 0;
}

@media (max-width:1572px) {
    .resource-full__content-wrapper {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

@media (max-width:768px) {
    .resource-full__content-wrapper {
        padding: 40px 0;
    }
}

.resource-full__content .marketo-form {
    border: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    float: right;
    width: 35%;
}

@media (max-width:768px) {
    .resource-full__content .marketo-form {
        float: left;
        width: 100%;
        margin-bottom: 1.25rem;
    }
}

.resource-full__content .marketo-form .resource-full__marketo-form {
    width: 100%;
}

.resource-full__content .marketo-form .mk-form {
    padding: 0;
}

.resource-full__content .marketo-form .mk-form .mk-form__form-container {
    margin-top: 0;
}

.resource-full__content .marketo-form .mk-form .mk-form__form {
    padding: 0;
}

.resource-full__content .marketo-form .mk-form .mk-form__form .mktoButtonRow {
    margin-top: 20px;
    margin-bottom: 10px;
}

.resource-full__body,
.resource-full__video {
    float: left;
    width: 60%;
    margin-right: 5%;
}

@media (max-width:768px) {
    .resource-full__body,
    .resource-full__video {
        float: none;
        width: 100%;
        margin: 0;
    }
}

.resource-full__body {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
}

.v3-dark-bg .resource-full__body,
.v3-dark-bg-only .resource-full__body {
    color: #fff;
}

.resource-full__body a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .resource-full__body a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__body a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__body a {
        font-family: 'Roboto';
    }
}

.resource-full__body a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .resource-full__body a,
.v3-dark-bg-only .resource-full__body a {
    color: #fff;
}

.v3-dark-bg .resource-full__body a:hover,
.v3-dark-bg-only .resource-full__body a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.resource-full__body li {
    margin-bottom: 15px !important;
}

.resource-full__body p {
    margin-top: 0;
    margin-bottom: 0.9375rem;
}

.resource-full__video iframe {
    max-width: 100%;
}

.resource-full__resource {
    display: none;
    text-align: center;
    width: 100%;
}

.resource-full__resource h4 {
    color: #343741;
    margin: 0;
    text-align: center;
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    margin-bottom: 0.3125rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.page-ja .resource-full__resource h4 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__resource h4 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__resource h4 {
        font-family: 'Roboto';
    }
}

.resource-full__resource .resource-full__resource-link,
.resource-full__resource .form-pre-filled {
    text-align: center;
    margin: 0 auto;
    width: max-content;
}

.resource-full__resource .resource-full__resource-link a.marketo-refill,
.resource-full__resource .form-pre-filled a.marketo-refill {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .resource-full__resource .resource-full__resource-link a.marketo-refill,
.page-ja .resource-full__resource .form-pre-filled a.marketo-refill {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__resource .resource-full__resource-link a.marketo-refill,
.page-kr .resource-full__resource .form-pre-filled a.marketo-refill {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__resource .resource-full__resource-link a.marketo-refill,
    .resource-full__resource .form-pre-filled a.marketo-refill {
        font-family: 'Roboto';
    }
}

.resource-full__resource .resource-full__resource-link a.marketo-refill:hover,
.resource-full__resource .form-pre-filled a.marketo-refill:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .resource-full__resource .resource-full__resource-link a.marketo-refill,
.v3-dark-bg-only .resource-full__resource .resource-full__resource-link a.marketo-refill,
.v3-dark-bg .resource-full__resource .form-pre-filled a.marketo-refill,
.v3-dark-bg-only .resource-full__resource .form-pre-filled a.marketo-refill {
    color: #fff;
}

.v3-dark-bg .resource-full__resource .resource-full__resource-link a.marketo-refill:hover,
.v3-dark-bg-only .resource-full__resource .resource-full__resource-link a.marketo-refill:hover,
.v3-dark-bg .resource-full__resource .form-pre-filled a.marketo-refill:hover,
.v3-dark-bg-only .resource-full__resource .form-pre-filled a.marketo-refill:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.resource-full__resource .resource-full__resource-link-button {
    margin-top: 20px;
}

.resource-full__resource .resource-full__resource-link-title {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    display: block;
    margin-top: 20px;
}

.page-ja .resource-full__resource .resource-full__resource-link-title {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-full__resource .resource-full__resource-link-title {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-full__resource .resource-full__resource-link-title {
        font-family: 'Roboto';
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        transform: scaleX(1);
    }
}

.resource-gated .resource-full__resource-link>a {
    display: none;
}

.node--type--resource-item.node--view-mode--hero-banner .box-hero:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #8d9ebc;
    background-image: url(/themes/custom/proofpoint/discrete_dist/patterns/resource-item/images/bkgd.webp);
}

@media screen and (max-width:47.9375em) {
    .node--type--resource-item.node--view-mode--hero-banner .box-hero:before {
        background-size: unset;
    }
}

.resource-magazine .resource-full__body {
    font-family: "Helvetica", "Arial", sans-serif;
    color: #1e1e1e;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
}

.resource-magazine div.mk-form {
    top: 0 !important;
    padding: 0;
}

.resource-magazine div.mk-form .mktoButtonWrap {
    margin-left: 0 !important;
}

.resource-magazine .resource-full__magazine-actions-heading {
    margin: 0 0 18px 0;
}

.resource-magazine .resource-full__magazine-actions-description {
    margin-top: 0;
    margin-bottom: 35px;
}

.resource-magazine .resource-full__magazine-actions-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.resource-full__magazine-interaction {
    display: none;
}

.resource-full__turtl-embed {
    display: none;
}

.resource-assets__item {
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    overflow: hidden;
}

.resource-assets__item .resource-assets__item-box {
    display: block;
    position: relative;
    padding: 24px 16px 24px 91px;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.resource-assets__item .resource-assets__item-box .resource-assets__item-type {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: #009ADA;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-type {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-type {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-assets__item .resource-assets__item-box .resource-assets__item-type {
        font-family: 'Roboto';
    }
}

.resource-assets__item .resource-assets__item-box .resource-assets__item-title {
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    width: 100%;
}

.v3-dark-bg .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper,
.v3-dark-bg-only .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper {
    color: #fff;
}

.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a {
        font-family: 'Roboto';
    }
}

.resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a,
.v3-dark-bg-only .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a {
    color: #fff;
}

.v3-dark-bg .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a:hover,
.v3-dark-bg-only .resource-assets__item .resource-assets__item-box .resource-assets__item-title-wrapper a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.resource-assets__item .resource-assets__item-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 100%;
    text-align: center;
    padding-top: 0px;
    background: no-repeat;
    background-position: center 30px;
    background-color: #F2F2F2;
    background-size: 47px auto;
    min-height: 120px;
}

.resource-assets__item[data-type='analyst-report'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-analytics-report.svg');
}

.resource-assets__item[data-type='data-sheet'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-data-sheet.svg');
}

.resource-assets__item[data-type='solution-brief'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-solution-brief.svg');
}

.resource-assets__item[data-type='white-paper'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-whitepaper.svg');
}

.resource-assets__item[data-type='threat-report'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-threat-report.svg');
}

.resource-assets__item[data-type='infographic'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-infographic.svg');
}

.resource-assets__item[data-type='video'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-video.svg');
}

.resource-assets__item[data-type='podcast'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-podcast.svg');
}

.resource-assets__item[data-type='webinar'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-webinar.svg');
}

.resource-assets__item[data-type='training-module'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-training-module.svg');
}

.resource-assets__item[data-type='awareness-material'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-awareness-material.svg');
}

.resource-assets__item[data-type='ebook'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-ebook.svg');
}

.resource-assets__item[data-type='customer-story'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-customer-story.svg');
}

.resource-assets__item[data-type='blog'] .resource-assets__item-box:before {
    background-size: 60px auto;
    background-position: center 15px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-blog.svg');
}

.resource-assets__item[data-type='glossary'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-glossary.svg');
}

.resource-assets__item[data-type='presentation'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-presentation.svg');
}

.resource-assets__item[data-type='magazine'] .resource-assets__item-box:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-asset-magazine.svg');
}

.path-resources .box-title {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

@media (max-width:1572px) {
    .path-resources .box-title {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
}

@media (min-width:48em) {
    .path-resources .box-title {
        padding-top: 15px;
        padding-bottom: 20px;
    }
}

@media (min-width:64em) {
    .path-resources .box-title {
        padding-top: 15px;
        padding-bottom: 20px;
    }
}

.path-resources .box-title__group {
    justify-content: flex-start;
}

.path-resources .box-title__title {
    color: #343642;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 50px;
    line-height: 62px;
    padding-top: 0;
}

.page-ja .path-resources .box-title__title {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .path-resources .box-title__title {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .path-resources .box-title__title {
        font-family: 'Roboto';
    }
}

.resource-teaser-v3 {
    position: relative;
    background-color: #fff;
    max-width: 333px;
}

.resource-teaser-v3__image {
    display: block;
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 30px 0;
}

.resource-teaser-v3__image[data-type='analyst-report'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-analyst-report.webp');
}

.resource-teaser-v3__image[data-type='awareness-material'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-awareness-material.webp');
}

.resource-teaser-v3__image[data-type='blog'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-blog.webp');
}

.resource-teaser-v3__image[data-type='data-sheet'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-data-sheet.webp');
}

.resource-teaser-v3__image[data-type='ebook'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-ebook.webp');
}

.resource-teaser-v3__image[data-type='infographic'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-infographic.webp');
}

.resource-teaser-v3__image[data-type='podcast'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-podcast.webp');
}

.resource-teaser-v3__image[data-type='solution-brief'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-solution-brief.webp');
}

.resource-teaser-v3__image[data-type='threat-report'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-threat-report.webp');
}

.resource-teaser-v3__image[data-type='training-module'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-training-module.webp');
}

.resource-teaser-v3__image[data-type='video'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-video.webp');
}

.resource-teaser-v3__image[data-type='webinar'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-webinar.webp');
}

.resource-teaser-v3__image[data-type='white-paper'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-white-paper.webp');
}

.resource-teaser-v3__image[data-type='magazine'] {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/resource-teaser-v3-magazine.webp');
}

.resource-teaser-v3__type {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: -0.11px;
    color: #000;
    margin: 0 20px 20px 40px;
    text-transform: uppercase;
}

.page-ja .resource-teaser-v3__type {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-teaser-v3__type {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-teaser-v3__type {
        font-family: 'Roboto';
    }
}

.resource-teaser-v3__title {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #000;
    margin: 0 20px 0 40px;
}

.page-ja .resource-teaser-v3__title {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .resource-teaser-v3__title {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .resource-teaser-v3__title {
        font-family: 'Roboto';
    }
}

.resource-teaser-v3__url {
    position: relative;
    display: block;
    text-decoration: none;
    padding-bottom: 40px;
}

.resource-teaser-v3__url:hover {
    top: -3px;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.global-elements__cta-button--simple-white,
.global-elements__cta-button--simple-outline,
.global-elements__cta-button--simple {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: var(--colour-gray-0, #fff);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 66px 15px 16px;
    background-color: #000;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: fit-content;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: none;
}

.page-ja .global-elements__cta-button--simple-white,
.page-ja .global-elements__cta-button--simple-outline,
.page-ja .global-elements__cta-button--simple {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .global-elements__cta-button--simple-white,
.page-kr .global-elements__cta-button--simple-outline,
.page-kr .global-elements__cta-button--simple {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .global-elements__cta-button--simple-white,
    .global-elements__cta-button--simple-outline,
    .global-elements__cta-button--simple {
        font-family: 'Roboto';
    }
}

.global-elements__cta-button--simple-white::before,
.global-elements__cta-button--simple-outline::before,
.global-elements__cta-button--simple::before {
    display: none;
}

.global-elements__cta-button--simple-white::after,
.global-elements__cta-button--simple-outline::after,
.global-elements__cta-button--simple::after {
    content: '';
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    border-left: 1px solid #616161;
    margin-left: 16px;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 0;
}

.global-elements__cta-button--simple-white:hover,
.global-elements__cta-button--simple-outline:hover,
.global-elements__cta-button--simple:hover {
    border-color: #000;
    background-color: #fff;
    color: #000;
}

.global-elements__cta-button--simple-white:focus,
.global-elements__cta-button--simple-outline:focus,
.global-elements__cta-button--simple:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

@media (max-width:768px) {
    .global-elements__cta-button--simple-white,
    .global-elements__cta-button--simple-outline,
    .global-elements__cta-button--simple {
        padding: 20px 56px 20px 16px;
    }
    .global-elements__cta-button--simple-white::after,
    .global-elements__cta-button--simple-outline::after,
    .global-elements__cta-button--simple::after {
        width: 40px;
        background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M15.238 19.3C14.8514 19.3 14.538 19.6134 14.538 20C14.538 20.3866 14.8514 20.7 15.238 20.7V19.3ZM25.2568 20.495C25.5302 20.2216 25.5302 19.7784 25.2568 19.505L20.802 15.0503C20.5287 14.7769 20.0855 14.7769 19.8121 15.0503C19.5387 15.3236 19.5387 15.7668 19.8121 16.0402L23.7719 20L19.8121 23.9598C19.5387 24.2332 19.5387 24.6764 19.8121 24.9497C20.0855 25.2231 20.5287 25.2231 20.802 24.9497L25.2568 20.495ZM15.238 20.7L24.7618 20.7V19.3L15.238 19.3V20.7Z" fill="%23009ADA"/></svg>');
    }
}

.global-elements__cta-button--simple-white {
    background-color: #fff;
    border: 1px solid #919191;
    color: #000;
}

.global-elements__cta-button--simple-white:hover {
    background-color: #000;
    color: #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--simple-outline {
    background-color: transparent;
    border: 1px solid #919191;
    color: #000;
}

.global-elements__cta-button--simple-outline:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

.global-elements__action-button,
.global-elements__action-button--outline,
.global-elements__action-button--transparent,
.global-elements__action-button--outline-reverse {
    position: relative;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    text-decoration: none;
    width: 40px;
    min-height: 40px;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
}

.global-elements__action-button::before,
.global-elements__action-button--outline::before,
.global-elements__action-button--transparent::before,
.global-elements__action-button--outline-reverse::before {
    content: '';
    position: absolute;
    background-color: #009ADA;
    width: 80px;
    height: 40px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/global-elements-arrow-white.svg');
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    right: 0px;
    z-index: 2;
    background-repeat: repeat-x;
}

.global-elements__action-button:not(:hover)::before,
.global-elements__action-button--outline:not(:hover)::before,
.global-elements__action-button--transparent:not(:hover)::before,
.global-elements__action-button--outline-reverse:not(:hover)::before {
    transform: translateX(0%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__action-button:hover::before,
.global-elements__action-button--outline:hover::before,
.global-elements__action-button--transparent:hover::before,
.global-elements__action-button--outline-reverse:hover::before {
    transform: translateX(50%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__action-button:focus,
.global-elements__action-button--outline:focus,
.global-elements__action-button--transparent:focus,
.global-elements__action-button--outline-reverse:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

.global-elements__action-button--outline {
    border: 1px solid #009ADA;
}

.global-elements__action-button--outline::before {
    background-color: #fff;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/global-elements-arrow-black.svg');
    top: -1px;
    right: -1px;
}

.global-elements__action-button--transparent {
    border: 1px solid #009ADA;
}

.global-elements__action-button--transparent::before {
    background-color: transparent;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/global-elements-arrow-white.svg');
    top: -1px;
    right: -1px;
}

.global-elements__action-button--outline-reverse {
    transform: rotate(180deg);
}

.global-elements__cta-button,
.global-elements__cta-button--outline,
.global-elements__cta-button--white,
.global-elements__cta-button--download {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    color: var(--colour-gray-0, #fff);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0;
    background-color: #000;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    width: fit-content;
    height: fit-content;
    min-height: 48px;
    position: relative;
    cursor: pointer;
    border: 1px solid #fff;
}

.page-ja .global-elements__cta-button,
.page-ja .global-elements__cta-button--outline,
.page-ja .global-elements__cta-button--white,
.page-ja .global-elements__cta-button--download {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .global-elements__cta-button,
.page-kr .global-elements__cta-button--outline,
.page-kr .global-elements__cta-button--white,
.page-kr .global-elements__cta-button--download {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .global-elements__cta-button,
    .global-elements__cta-button--outline,
    .global-elements__cta-button--white,
    .global-elements__cta-button--download {
        font-family: 'Roboto';
    }
}

.global-elements__cta-button span,
.global-elements__cta-button--outline span,
.global-elements__cta-button--white span,
.global-elements__cta-button--download span {
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    height: fit-content;
    min-height: 48px;
    position: relative;
    color: #fff;
    padding: 10px 16px;
    text-decoration: none;
}

.global-elements__cta-button--arrow-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    min-height: 48px;
    border-left: 1px solid #616161;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 0;
    overflow: hidden;
}

.global-elements__cta-button--arrow-wrapper::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 48px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/global-elements-arrow-blue.svg');
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    right: 0px;
    z-index: 1;
}

.global-elements__cta-button:not(:hover),
.global-elements__cta-button--outline:not(:hover),
.global-elements__cta-button--white:not(:hover),
.global-elements__cta-button--download:not(:hover) {
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button:not(:hover) .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--outline:not(:hover) .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--white:not(:hover) .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--download:not(:hover) .global-elements__cta-button--arrow-wrapper::before {
    transform: translateX(0%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button:hover,
.global-elements__cta-button--outline:hover,
.global-elements__cta-button--white:hover,
.global-elements__cta-button--download:hover {
    background-color: #fff;
    border: 1px solid #919191;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button:hover span,
.global-elements__cta-button--outline:hover span,
.global-elements__cta-button--white:hover span,
.global-elements__cta-button--download:hover span {
    color: #000;
}

.global-elements__cta-button:hover .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--outline:hover .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--white:hover .global-elements__cta-button--arrow-wrapper::before,
.global-elements__cta-button--download:hover .global-elements__cta-button--arrow-wrapper::before {
    transform: translateX(50%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button:focus,
.global-elements__cta-button--outline:focus,
.global-elements__cta-button--white:focus,
.global-elements__cta-button--download:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

@media (max-width:920px) {
    .global-elements__cta-button:focus,
    .global-elements__cta-button--outline:focus,
    .global-elements__cta-button--white:focus,
    .global-elements__cta-button--download:focus {
        outline: none;
    }
}

@media (max-width:768px) {
    .global-elements__cta-button,
    .global-elements__cta-button--outline,
    .global-elements__cta-button--white,
    .global-elements__cta-button--download {
        line-height: 100%;
    }
    .global-elements__cta-button span,
    .global-elements__cta-button--outline span,
    .global-elements__cta-button--white span,
    .global-elements__cta-button--download span {
        min-height: 40px;
    }
    .global-elements__cta-button::after,
    .global-elements__cta-button--outline::after,
    .global-elements__cta-button--white::after,
    .global-elements__cta-button--download::after {
        min-width: 40px;
        min-height: 40px;
    }
    .global-elements__cta-button::before,
    .global-elements__cta-button--outline::before,
    .global-elements__cta-button--white::before,
    .global-elements__cta-button--download::before {
        width: 80px;
        height: 40px;
        background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/global-elements-arrow-blue.svg');
    }
}

.global-elements__cta-button--outline {
    background-color: transparent;
    border: 1px solid #919191;
}

.global-elements__cta-button--outline span {
    color: #000;
}

.global-elements__cta-button--outline--arrow-wrapper {
    border-left: 1px solid #D3D3D3;
    overflow: hidden;
}

.global-elements__cta-button--outline:not(:hover) {
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--outline:hover {
    background-color: #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--outline:hover span {
    color: #000;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--outline:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

.global-elements__cta-button--white {
    background-color: #fff;
    border: 1px solid #919191;
}

.global-elements__cta-button--white span {
    color: #000;
}

.global-elements__cta-button--white--arrow-wrapper {
    border-left: 1px solid #D3D3D3;
}

.global-elements__cta-button--white:not(:hover) {
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--white:not(:hover) span {
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--white:hover {
    border-color: #fff;
    background-color: #000;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--white:hover span {
    color: #fff;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.global-elements__cta-button--white:focus {
    outline: 2px #000 solid;
    outline-offset: 4px;
}

.global-elements__cta-button--download>span {
    border-right: 1px solid #616161;
}

.v3-dark-bg .global-elements__cta-button--download>span {
    border-right: 1px solid #D3D3D3;
}

.global-elements__cta-button--download .global-elements__cta-button--arrow-wrapper {
    border-left: 0;
    transform: rotateZ(90deg);
}

.v3-dark-bg .global-elements__cta-button,
.v3-dark-bg .global-elements__cta-button--outline,
.v3-dark-bg .global-elements__cta-button--white,
.v3-dark-bg .global-elements__cta-button--download {
    background-color: #fff;
    border: 1px solid #D3D3D3;
}

.v3-dark-bg .global-elements__cta-button span,
.v3-dark-bg .global-elements__cta-button--outline span,
.v3-dark-bg .global-elements__cta-button--white span,
.v3-dark-bg .global-elements__cta-button--download span {
    color: #000;
}

.v3-dark-bg .global-elements__cta-button--arrow-wrapper {
    border-left: 1px solid #D3D3D3;
}

.v3-dark-bg .global-elements__cta-button:hover,
.v3-dark-bg .global-elements__cta-button--outline:hover,
.v3-dark-bg .global-elements__cta-button--white:hover,
.v3-dark-bg .global-elements__cta-button--download:hover {
    border-color: #fff;
    background-color: #000;
}

.v3-dark-bg .global-elements__cta-button:hover span,
.v3-dark-bg .global-elements__cta-button--outline:hover span,
.v3-dark-bg .global-elements__cta-button--white:hover span,
.v3-dark-bg .global-elements__cta-button--download:hover span {
    color: #fff;
}

.v3-dark-bg .global-elements__cta-button:focus,
.v3-dark-bg .global-elements__cta-button--outline:focus,
.v3-dark-bg .global-elements__cta-button--white:focus,
.v3-dark-bg .global-elements__cta-button--download:focus {
    outline: 2px #fff solid;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.legacy-components .box-hero__resource {
    font-size: 20px;
    padding-bottom: 20px;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
    color: #fff;
    opacity: 0;
    width: 100%;
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-weight: 400;
    margin-bottom: 0.3125rem;
    text-transform: uppercase;
}

.page-ja .legacy-components .box-hero__resource {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .legacy-components .box-hero__resource {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .legacy-components .box-hero__resource {
        font-family: 'Roboto';
    }
}

.legacy-components .box-hero__title {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 40px;
    line-height: 1.2em;
}

.page-ja .legacy-components .box-hero__title {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .legacy-components .box-hero__title {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .legacy-components .box-hero__title {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .legacy-components .box-hero__content {
        align-content: center;
        align-items: center;
        flex-flow: row wrap;
    }
    .legacy-components .box-hero__title {
        margin-top: 0.9375rem;
    }
    .legacy-components .box-hero__links {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        justify-items: flex-start;
    }
    .legacy-components .box-hero__links a {
        margin-right: 1.25rem;
        margin-bottom: 0.9375rem;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        justify-items: center;
        align-items: center;
        line-height: 1rem;
        padding: 0.5rem 0.75rem;
    }
    .legacy-components .text--center .box-hero__links {
        align-content: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
    .legacy-components .text--right .box-hero__links {
        align-content: flex-end;
        align-items: flex-end;
        justify-content: flex-end;
        justify-items: flex-end;
    }
}

.header-nav__search-suggestions h1,
.header-nav__content-link h1 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 65px;
    font-weight: 400;
    line-height: 0.95;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: -1.3px;
}

.page-ja .header-nav__search-suggestions h1,
.header-nav__search-suggestions .page-ja h1,
.page-ja .header-nav__content-link h1,
.header-nav__content-link .page-ja h1 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h1,
.header-nav__search-suggestions .page-kr h1,
.page-kr .header-nav__content-link h1,
.header-nav__content-link .page-kr h1 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h1,
    .header-nav__content-link h1 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h1,
    .header-nav__content-link h1 {
        font-size: 50px;
        line-height: 1;
        letter-spacing: -1px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h1,
    .header-nav__content-link h1 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.96px;
    }
}

.header-nav__search-suggestions h2,
.header-nav__content-link h2 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.96px;
}

.page-ja .header-nav__search-suggestions h2,
.header-nav__search-suggestions .page-ja h2,
.page-ja .header-nav__content-link h2,
.header-nav__content-link .page-ja h2 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h2,
.header-nav__search-suggestions .page-kr h2,
.page-kr .header-nav__content-link h2,
.header-nav__content-link .page-kr h2 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h2,
    .header-nav__content-link h2 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h2,
    .header-nav__content-link h2 {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -0.75px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h2,
    .header-nav__content-link h2 {
        font-size: 28px;
        line-height: 1.3;
        letter-spacing: -0.56px;
    }
}

.header-nav__search-suggestions h3,
.header-nav__content-heading,
.header-nav__content-compact-heading,
.header-nav__content-link h3 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.36px;
}

.page-ja .header-nav__search-suggestions h3,
.header-nav__search-suggestions .page-ja h3,
.page-ja .header-nav__content-heading,
.page-ja .header-nav__content-compact-heading,
.page-ja .header-nav__content-link h3,
.header-nav__content-link .page-ja h3 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h3,
.header-nav__search-suggestions .page-kr h3,
.page-kr .header-nav__content-heading,
.page-kr .header-nav__content-compact-heading,
.page-kr .header-nav__content-link h3,
.header-nav__content-link .page-kr h3 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h3,
    .header-nav__content-heading,
    .header-nav__content-compact-heading,
    .header-nav__content-link h3 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h3,
    .header-nav__content-heading,
    .header-nav__content-compact-heading,
    .header-nav__content-link h3 {
        font-size: 30px;
        line-height: 1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h3,
    .header-nav__content-heading,
    .header-nav__content-compact-heading,
    .header-nav__content-link h3 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.13px;
    }
}

.header-nav__search-suggestions h4,
.header-nav__content-link h4 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -0.14px;
}

.page-ja .header-nav__search-suggestions h4,
.header-nav__search-suggestions .page-ja h4,
.page-ja .header-nav__content-link h4,
.header-nav__content-link .page-ja h4 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h4,
.header-nav__search-suggestions .page-kr h4,
.page-kr .header-nav__content-link h4,
.header-nav__content-link .page-kr h4 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h4,
    .header-nav__content-link h4 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h4,
    .header-nav__content-link h4 {
        font-size: 24px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h4,
    .header-nav__content-link h4 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -1px;
    }
}

.header-nav__search-suggestions h5,
.header-nav__content-link h5 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 22px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 0.3125rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .header-nav__search-suggestions h5,
.header-nav__search-suggestions .page-ja h5,
.page-ja .header-nav__content-link h5,
.header-nav__content-link .page-ja h5 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h5,
.header-nav__search-suggestions .page-kr h5,
.page-kr .header-nav__content-link h5,
.header-nav__content-link .page-kr h5 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h5,
    .header-nav__content-link h5 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h5,
    .header-nav__content-link h5 {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h5,
    .header-nav__content-link h5 {
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.header-nav__search-suggestions h6,
.header-nav__content-link h6 {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0.4375rem;
    margin-top: 0;
    letter-spacing: -0.11px;
}

.page-ja .header-nav__search-suggestions h6,
.header-nav__search-suggestions .page-ja h6,
.page-ja .header-nav__content-link h6,
.header-nav__content-link .page-ja h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions h6,
.header-nav__search-suggestions .page-kr h6,
.page-kr .header-nav__content-link h6,
.header-nav__content-link .page-kr h6 {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions h6,
    .header-nav__content-link h6 {
        font-family: 'Roboto';
    }
}

@media (max-width:768px) {
    .header-nav__search-suggestions h6,
    .header-nav__content-link h6 {
        font-size: 17px;
        line-height: 1.1;
        letter-spacing: -0.25px;
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions h6,
    .header-nav__content-link h6 {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -0.09px;
    }
}

.header-nav__search-suggestions p,
.header-nav__content-link p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    display: block;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 400;
}

.page-ja .header-nav__search-suggestions p,
.header-nav__search-suggestions .page-ja p,
.page-ja .header-nav__content-link p,
.header-nav__content-link .page-ja p {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions p,
.header-nav__search-suggestions .page-kr p,
.page-kr .header-nav__content-link p,
.header-nav__content-link .page-kr p {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions p,
    .header-nav__content-link p {
        font-family: 'Roboto';
    }
}

@media (max-width:480px) {
    .header-nav__search-suggestions p,
    .header-nav__content-link p {
        font-size: 16px;
    }
}

.header-nav__search-suggestions ul:not([class^='contextual-links']),
.header-nav__content-link ul:not([class^='contextual-links']) {
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.header-nav__search-suggestions ul:not([class^='contextual-links']) li,
.header-nav__content-link ul:not([class^='contextual-links']) li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .header-nav__search-suggestions ul:not([class^='contextual-links']) li,
.header-nav__search-suggestions .page-ja ul:not([class^='contextual-links']) li,
.page-ja .header-nav__content-link ul:not([class^='contextual-links']) li,
.header-nav__content-link .page-ja ul:not([class^='contextual-links']) li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions ul:not([class^='contextual-links']) li,
.header-nav__search-suggestions .page-kr ul:not([class^='contextual-links']) li,
.page-kr .header-nav__content-link ul:not([class^='contextual-links']) li,
.header-nav__content-link .page-kr ul:not([class^='contextual-links']) li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions ul:not([class^='contextual-links']) li,
    .header-nav__content-link ul:not([class^='contextual-links']) li {
        font-family: 'Roboto';
    }
}

.header-nav__search-suggestions ul:not([class^='contextual-links']) li:before,
.header-nav__content-link ul:not([class^='contextual-links']) li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #009ADA !important;
}

.header-nav__search-suggestions ol,
.header-nav__content-link ol {
    list-style: none;
    counter-reset: item;
    margin: 25px 0 0 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.header-nav__search-suggestions ol li,
.header-nav__content-link ol li {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 25px;
}

.page-ja .header-nav__search-suggestions ol li,
.header-nav__search-suggestions .page-ja ol li,
.page-ja .header-nav__content-link ol li,
.header-nav__content-link .page-ja ol li {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions ol li,
.header-nav__search-suggestions .page-kr ol li,
.page-kr .header-nav__content-link ol li,
.header-nav__content-link .page-kr ol li {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions ol li,
    .header-nav__content-link ol li {
        font-family: 'Roboto';
    }
}

.header-nav__search-suggestions ol li:before,
.header-nav__content-link ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.header-nav__content-inline-link {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .header-nav__content-inline-link {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__content-inline-link {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__content-inline-link {
        font-family: 'Roboto';
    }
}

.header-nav__content-inline-link:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .header-nav__content-inline-link,
.v3-dark-bg-only .header-nav__content-inline-link {
    color: #fff;
}

.v3-dark-bg .header-nav__content-inline-link:hover,
.v3-dark-bg-only .header-nav__content-inline-link:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.header-nav__search-suggestions .text-accent,
.header-nav__content-link .text-accent {
    font-size: 15px;
    line-height: 1.5;
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in;
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%);
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%);
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0);
    }
}

.header-nav__top-link,
.header-nav__top-search>span,
.header-nav__top-login>span,
.header-nav__top-language>span,
.header-nav__home-link>span,
.header-nav__home-link>a {
    position: relative;
}

.header-nav__top-link:after,
.header-nav__top-search>span:after,
.header-nav__top-login>span:after,
.header-nav__top-language>span:after,
.header-nav__home-link>span:after,
.header-nav__home-link>a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #009ADA;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: left center;
}

.header-nav__top-link:hover:after,
.header-nav__top-search>span:hover:after,
.header-nav__top-login>span:hover:after,
.header-nav__top-language>span:hover:after,
.header-nav__home-link>span:hover:after,
.header-nav__home-link>a:hover:after {
    visibility: visible;
    transform: scaleX(1);
}

.header-nav__login-list,
.header-nav__language-list {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    margin-top: 10px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 220px;
    z-index: 100;
    list-style-type: none;
    color: #000;
    margin-left: 0;
}

.header-nav__login-list li,
.header-nav__language-list li {
    margin-bottom: 12px;
}

.header-nav__login-list:before,
.header-nav__language-list:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -10px;
    right: -10px;
    bottom: calc(100% - 10px);
}

.header-nav__top-link,
.header-nav__language,
.header-nav__language a,
.header-nav__login-link {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-right: 24px;
    letter-spacing: 0.07em;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
}

.header-nav__top-link:hover,
.header-nav__language:hover,
.header-nav__language a:hover,
.header-nav__login-link:hover {
    color: #009ADA;
}

.header-nav__top-link a,
.header-nav__language a,
.header-nav__login-link a {
    color: inherit;
    text-decoration: none;
}

.header-nav__spacer {
    height: 117px;
    width: 100%;
}

.has-dark-intro .header-nav__spacer {
    background: #000;
}

.header-nav {
    position: fixed;
    z-index: 500;
    color: #000;
    display: flex;
    flex-direction: column;
    width: 100%;
    top: 0;
}

.header-nav a {
    color: inherit;
}

.header-nav__extra {
    width: 100%;
    border-bottom: 1px solid #D3D3D3;
    align-items: center;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    background-color: #fff;
    padding: 0 24px;
}

.header-nav__extra-wrap {
    display: flex;
    margin: 0 auto;
    height: 43px;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav__actions {
    display: flex;
    margin-left: auto;
}

.header-nav__main {
    width: 100%;
    border-bottom: 1px solid #D3D3D3;
    padding: 0 24px;
    background-color: #fff;
    transition: border-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav__main-wrap {
    display: flex;
    position: relative;
    align-items: center;
    margin: 0 auto;
    height: 72px;
}

.header-nav__expand {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 24px;
    box-shadow: 0 0 0 1px #009ADA;
    transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-nav__expand:hover {
    box-shadow: 0 0 0 2px #009ADA;
}

.header-nav__expand:before,
.header-nav__expand:after {
    content: '';
    width: 18px;
    height: 2px;
    background-color: #000;
    position: relative;
    border-radius: 3px;
}

.header-nav__expand:before {
    margin-bottom: 6px;
}

.header-nav__logo {
    width: 172px;
    height: 32px;
    background-image: url('https://techintelpro.com/top-10-biggest-and-boldest-insider-threats/themes/custom/proofpoint/dist/app-drupal/assets/logo-black.svg');
    overflow: hidden;
    text-indent: -200px;
    max-width: 200px;
    margin-right: 20px;
    position: absolute;
    left: calc(50% - 86px);
    top: calc(50% - 17px);
}

.header-nav__top-links {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header-nav__top-link {
    margin-right: 24px;
    font-size: 14px;
}

.header-nav__buttons {
    display: flex;
    margin-left: auto;
}

.header-nav__login {
    position: relative;
    cursor: pointer;
}

.header-nav__language {
    position: relative;
    cursor: pointer;
}

.header-nav__language a {
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    width: 100%;
    display: block;
}

.header-nav__login-list {
    right: 0;
    left: auto;
}

.header-nav__login-list>li {
    width: 100%;
}

.header-nav__login:hover .header-nav__login-list {
    display: flex;
}

.header-nav__login-link {
    display: block;
    width: 100%;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
}

.header-nav__language-list {
    width: 300px;
}

.header-nav__language:hover .header-nav__language-list {
    display: flex;
}

.header-nav__top-search,
.header-nav__top-login,
.header-nav__top-language {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.07em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-nav__top-search:before,
.header-nav__top-login:before,
.header-nav__top-language:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.header-nav__top-search>span,
.header-nav__top-login>span,
.header-nav__top-language>span {
    display: inline-block;
    padding-top: 1px;
}

.header-nav__top-search {
    cursor: pointer;
}

.header-nav__top-search:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/search.svg');
}

.header-nav__top-login {
    cursor: pointer;
    margin-left: 24px;
}

.header-nav__top-login:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/user.svg');
}

.header-nav__top-language:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/globe.svg');
}

.header-nav__menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
}

.header-nav__menu:before {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    height: 100%;
    left: calc(50% - 50vw);
    top: 0;
    width: 100vw;
    z-index: 1;
}

.header-nav__menu:after {
    content: '';
    display: block;
    width: calc(50vw - (48% - var(--scrollbar-width)) / 2);
    height: 100%;
    position: absolute;
    top: 0;
    right: 98%;
    background-color: #fff;
    transform: translateX(-100%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 2;
}

@media (max-width:920px) {
    .header-nav__menu {
        margin-left: -40px;
    }
}

@media (max-width:768px) {
    .header-nav__menu {
        margin-left: -20px;
    }
}

.header-nav__menu.js-is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}

.header-nav__menu.js-is-open:after {
    transform: translateY(0);
}

.header-nav__menu-wrapper {
    border-top-right-radius: 16px;
    position: absolute;
    z-index: 101;
    left: -200px;
    top: 0;
    max-width: calc(504px + 200px);
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translate3d(-100%, 0, 0);
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width:768px) {
    .header-nav__menu-wrapper {
        transform: translate3d(0, -80%, 0);
    }
}

.js-is-open .header-nav__menu-wrapper {
    transform: translate3d(0, 0, 0);
}

.header-nav__menu-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
    z-index: 10;
}

.header-nav__menu-close {
    position: absolute;
    z-index: 2;
    top: 48px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 24px;
    box-shadow: 0 0 0 1px #009ADA;
    transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-nav__menu-close:hover {
    box-shadow: 0 0 0 2px #009ADA;
}

.header-nav__menu-close:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 1px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/x.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.header-nav__menu-pane {
    display: none;
    opacity: 0;
    padding: 48px;
    padding-top: 162px;
    padding-left: calc(48px + 200px);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    pointer-events: none;
}

.header-nav__menu-pane.js-is-visible {
    display: flex;
}

.header-nav__menu-pane.js-is-active {
    opacity: 1;
    pointer-events: all;
}

.header-nav__home-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header-nav__home-link {
    font-size: 36px;
    color: #000;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    height: 43px;
    margin-bottom: 32px;
    cursor: pointer;
}

.header-nav__home-link:hover {
    color: #000;
    font-weight: 600;
}

.header-nav__home-link>span,
.header-nav__home-link>a {
    display: inline-block;
}

.header-nav__home-link:after {
    content: '';
    display: block;
    margin-left: auto;
    height: 11px;
    width: 11px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/header-nav__arrow.svg');
    background-size: contain;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav__home-link:hover:after {
    transform: translateX(6px);
}

.header-nav__home-link a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.header-nav__menu-extras {
    margin-top: auto;
}

.header-nav__menu-search,
.header-nav__menu-login,
.header-nav__menu-language {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.07em;
    display: flex;
    margin-bottom: 24px;
    align-items: center;
}

.header-nav__menu-search:hover,
.header-nav__menu-login:hover,
.header-nav__menu-language:hover {
    color: #009ADA;
}

.header-nav__menu-search:before,
.header-nav__menu-login:before,
.header-nav__menu-language:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.header-nav__menu-search {
    cursor: pointer;
}

.header-nav__menu-search:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/search.svg');
}

.header-nav__menu-login {
    cursor: pointer;
}

.header-nav__menu-login:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/user.svg');
}

.header-nav__menu-language:before {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/globe.svg');
}

.header-nav__back-button {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.07em;
    cursor: pointer;
    position: absolute;
    top: 64px;
}

.header-nav__back-button-icon {
    display: block;
    width: 11px;
    height: 11px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/header-nav__arrow.svg');
    transform: rotate(180deg);
    margin-right: 10px;
}

.header-nav__content-title,
.header-nav__expand-title {
    font-size: 15px;
    font-weight: 400;
    color: #343434;
    margin-bottom: 20px;
}

.header-nav__expand-link-anchor {
    text-decoration: none !important;
    color: inherit;
}

.header-nav__expand-links,
.header-nav__logins,
.header-nav__language-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.header-nav__expand-link,
.header-nav__expand-link--arrow,
.header-nav__content-login,
.header-nav__language-link {
    font-size: 22px;
    font-weight: 400;
    color: #000;
    min-height: 40px;
    margin-bottom: 24px;
    cursor: pointer;
}

.header-nav__expand-link.header-nav__expand-link--desc,
.header-nav__expand-link--desc.header-nav__expand-link--arrow,
.header-nav__expand-link--desc.header-nav__content-login,
.header-nav__expand-link--desc.header-nav__language-link {
    border-top: 1px solid #D3D3D3;
    padding-top: 17px;
}

.header-nav__expand-link:hover,
.header-nav__expand-link--arrow:hover,
.header-nav__content-login:hover,
.header-nav__language-link:hover {
    color: #009ADA;
}

.header-nav__expand-link-title {
    display: flex;
    align-items: center;
}

.header-nav__expand-link-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    color: #343434;
    padding-bottom: 15px;
}

.header-nav__expand-link--arrow .header-nav__expand-link-title:after {
    content: '';
    display: block;
    margin-left: auto;
    height: 11px;
    width: 11px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/header-nav__arrow.svg');
    background-size: contain;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav__expand-link--arrow .header-nav__expand-link-title:hover:after {
    transform: translateX(6px);
}

.header-nav__expand-link-icon {
    display: block;
    width: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border: 1px solid #009ADA;
    border-radius: 4px;
    flex-shrink: 0;
    position: relative;
    top: 6px;
}

.header-nav__expand-link:hover .header-nav__expand-link-icon,
.header-nav__expand-link--arrow:hover .header-nav__expand-link-icon,
.header-nav__content-login:hover .header-nav__expand-link-icon,
.header-nav__language-link:hover .header-nav__expand-link-icon {
    background-color: #009ADA;
}

.header-nav__expand-link:hover .header-nav__expand-link-icon img,
.header-nav__expand-link--arrow:hover .header-nav__expand-link-icon img,
.header-nav__content-login:hover .header-nav__expand-link-icon img,
.header-nav__language-link:hover .header-nav__expand-link-icon img {
    filter: invert(1) brightness(2);
}

.header-nav__content-title--search {
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: -0.01em;
    text-align: left;
    margin-bottom: 56px;
}

.header-nav__search-form {
    width: 100%;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
}

.header-nav__search-form:focus-within:after {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    outline: 2px solid #000;
}

.header-nav__search-form input[type='text'] {
    width: calc(100% - 60px);
    height: 100%;
    border: 0;
    appearance: none;
    padding: 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.header-nav__search-form input[type='text']:focus {
    outline: none;
}

.header-nav__search-form input[type='submit'] {
    display: block;
    width: 60px;
    height: 56px;
    appearance: none;
    background-color: #fff;
    outline: none;
    border: none;
    border-left: 1px solid #D3D3D3;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: -150px;
    background-position: center;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/search.svg');
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.header-nav__search-sugg-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    color: #343434;
    margin-top: 56px;
}

.header-nav__search-suggestions {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.v3-dark-bg .header-nav__search-suggestions,
.v3-dark-bg-only .header-nav__search-suggestions {
    color: #fff;
}

.header-nav__search-suggestions a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .header-nav__search-suggestions a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__search-suggestions a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__search-suggestions a {
        font-family: 'Roboto';
    }
}

.header-nav__search-suggestions a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .header-nav__search-suggestions a,
.v3-dark-bg-only .header-nav__search-suggestions a {
    color: #fff;
}

.v3-dark-bg .header-nav__search-suggestions a:hover,
.v3-dark-bg-only .header-nav__search-suggestions a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.header-nav__search-suggestion {
    margin-top: 24px;
}

.header-nav__content-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
}

.header-nav__content-login {
    height: 36px;
    margin-bottom: 28px;
    padding: 0;
}

.header-nav__content-login a {
    text-decoration: none;
    color: #000;
    display: block;
    position: relative;
    margin-left: 38px;
}

.header-nav__content-login a .header-nav__external-link-icon {
    display: none;
}

.header-nav__content-login a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -38px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/external.svg');
}

.header-nav__language-link {
    position: relative;
    display: flex;
    height: 36px;
    margin-bottom: 28px;
    padding: 0;
}

.header-nav__language-link a {
    text-decoration: none;
    color: #616161;
    display: block;
    position: relative;
}

.header-nav__language-link a:hover {
    color: #009ADA;
}

.header-nav__language-link.js-active a {
    color: #000;
}

.header-nav__language-link.js-active:after {
    content: '';
    display: block;
    position: relative;
    right: -28px;
    top: 4px;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/header-nav__check.svg');
}

.header-nav__content-heading {
    margin-bottom: 64px;
}

.header-nav__content-compact-heading {
    margin-bottom: 20px;
}

.header-nav__content-inline-link {
    text-transform: uppercase;
}

.header-nav__content hr {
    border: 0;
    border-top: 1px solid #D3D3D3;
    margin: 50px 0;
}

.header-nav__content-button {
    margin-top: -40px;
    margin-bottom: 64px;
}

.header-nav__content-links-title {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    margin-bottom: 30px;
    color: #343434;
}

.header-nav__content-link {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 32px;
}

.v3-dark-bg .header-nav__content-link,
.v3-dark-bg-only .header-nav__content-link {
    color: #fff;
}

.header-nav__content-link a {
    font-family: "Swiss-Medium", "Helvetica", "Arial", "sans-serif";
    position: relative;
    display: inline;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: inset 0px -3px 0 -1px #009ADA;
}

.page-ja .header-nav__content-link a {
    font-family: "Noto Sans JP", sans-serif;
}

.page-kr .header-nav__content-link a {
    font-family: "Noto Serif KR", serif;
}

@supports (-webkit-hyphens:none) {
    .header-nav__content-link a {
        font-family: 'Roboto';
    }
}

.header-nav__content-link a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.4);
}

.v3-dark-bg .header-nav__content-link a,
.v3-dark-bg-only .header-nav__content-link a {
    color: #fff;
}

.v3-dark-bg .header-nav__content-link a:hover,
.v3-dark-bg-only .header-nav__content-link a:hover {
    box-shadow: inset 0px -50px 0 -1px rgba(0, 154, 218, 0.8);
}

.header-nav__content-link:last-child {
    margin-bottom: 48px;
}

.header-nav__content-link-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    color: #343434;
    padding-right: 0px;
}

.header-nav__content-link-extra {
    padding-top: 8px;
    margin-bottom: 16px;
}

.header-nav__content-link-extra:last-child {
    margin-bottom: 48px;
}

.header-nav__content-link-text[data-open] {
    box-shadow: none;
}

.header-nav__content-link-text[data-open]:hover {
    box-shadow: none;
}

.header-nav__content-link-text[data-open]:after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    height: 11px;
    width: 11px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/header-nav__arrow.svg');
    background-size: contain;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav__content-link-text[data-open]:hover:after {
    transform: translateX(6px);
}

.header-nav__content-link-text-extra {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.05em;
    color: #343434;
    text-transform: uppercase;
    text-decoration: none;
}

.header-nav__external-link-icon {
    display: inline-block-block;
    width: 16px;
    height: 16px;
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/external.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 12px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

body.js-header-nav-is-open {
    overflow: hidden;
}

.header-nav {
    visibility: hidden;
    opacity: 0;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-nav.js-initialized {
    visibility: visible;
    opacity: 1;
}

.header-nav.js-is-short .header-nav__extra-wrap {
    height: 0px;
    overflow: hidden;
}

.header-nav__button {
    background: #fff !important;
}

.header-nav__button span {
    background-color: #fff !important;
    color: #000 !important;
}

.has-dark-intro .header-nav.js-is-top .header-nav__main {
    background-color: #000;
    color: #fff;
}

.has-dark-intro .header-nav.js-is-top .header-nav__extra {
    background-color: #000;
    color: #fff;
}

.has-dark-intro .header-nav.js-is-top .header-nav__button {
    background: #000 !important;
}

.has-dark-intro .header-nav.js-is-top .header-nav__button span {
    background-color: #000 !important;
    color: #fff !important;
}

.has-dark-intro .header-nav.js-is-top .header-nav__expand:before,
.has-dark-intro .header-nav.js-is-top .header-nav__expand:after {
    background-color: #fff;
}

.has-dark-intro .header-nav.js-is-top .header-nav__main {
    border-bottom: 1px solid #000;
}

.has-dark-intro .header-nav.js-is-top .header-nav__extra {
    border-bottom: 1px solid #616161;
}

.has-dark-intro .header-nav.js-is-top .header-nav__logo {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/logo-white.svg');
}

.header-nav__menu-pane {
    transform: translateX(-100%);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
}

.header-nav__menu-pane .header-nav__expand-title,
.header-nav__menu-pane .header-nav__content-title {
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    transform: translateX(-100px);
}

.header-nav__menu-pane .header-nav__expand-link,
.header-nav__menu-pane .header-nav__expand-link--arrow,
.header-nav__menu-pane .header-nav__content-login,
.header-nav__menu-pane .header-nav__language-link,
.header-nav__menu-pane .header-nav__content-link,
.header-nav__menu-pane .header-nav__search-suggestion {
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    transform: translateX(-20px);
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(0),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(0),
.header-nav__menu-pane .header-nav__content-login:nth-child(0),
.header-nav__menu-pane .header-nav__language-link:nth-child(0),
.header-nav__menu-pane .header-nav__content-link:nth-child(0),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(0) {
    transition-delay: 0ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(1),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(1),
.header-nav__menu-pane .header-nav__content-login:nth-child(1),
.header-nav__menu-pane .header-nav__language-link:nth-child(1),
.header-nav__menu-pane .header-nav__content-link:nth-child(1),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(1) {
    transition-delay: 60ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(2),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(2),
.header-nav__menu-pane .header-nav__content-login:nth-child(2),
.header-nav__menu-pane .header-nav__language-link:nth-child(2),
.header-nav__menu-pane .header-nav__content-link:nth-child(2),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(2) {
    transition-delay: 120ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(3),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(3),
.header-nav__menu-pane .header-nav__content-login:nth-child(3),
.header-nav__menu-pane .header-nav__language-link:nth-child(3),
.header-nav__menu-pane .header-nav__content-link:nth-child(3),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(3) {
    transition-delay: 180ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(4),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(4),
.header-nav__menu-pane .header-nav__content-login:nth-child(4),
.header-nav__menu-pane .header-nav__language-link:nth-child(4),
.header-nav__menu-pane .header-nav__content-link:nth-child(4),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(4) {
    transition-delay: 240ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(5),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(5),
.header-nav__menu-pane .header-nav__content-login:nth-child(5),
.header-nav__menu-pane .header-nav__language-link:nth-child(5),
.header-nav__menu-pane .header-nav__content-link:nth-child(5),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(5) {
    transition-delay: 300ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(6),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(6),
.header-nav__menu-pane .header-nav__content-login:nth-child(6),
.header-nav__menu-pane .header-nav__language-link:nth-child(6),
.header-nav__menu-pane .header-nav__content-link:nth-child(6),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(6) {
    transition-delay: 360ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(7),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(7),
.header-nav__menu-pane .header-nav__content-login:nth-child(7),
.header-nav__menu-pane .header-nav__language-link:nth-child(7),
.header-nav__menu-pane .header-nav__content-link:nth-child(7),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(7) {
    transition-delay: 420ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(8),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(8),
.header-nav__menu-pane .header-nav__content-login:nth-child(8),
.header-nav__menu-pane .header-nav__language-link:nth-child(8),
.header-nav__menu-pane .header-nav__content-link:nth-child(8),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(8) {
    transition-delay: 480ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(9),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(9),
.header-nav__menu-pane .header-nav__content-login:nth-child(9),
.header-nav__menu-pane .header-nav__language-link:nth-child(9),
.header-nav__menu-pane .header-nav__content-link:nth-child(9),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(9) {
    transition-delay: 540ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(10),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(10),
.header-nav__menu-pane .header-nav__content-login:nth-child(10),
.header-nav__menu-pane .header-nav__language-link:nth-child(10),
.header-nav__menu-pane .header-nav__content-link:nth-child(10),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(10) {
    transition-delay: 600ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(11),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(11),
.header-nav__menu-pane .header-nav__content-login:nth-child(11),
.header-nav__menu-pane .header-nav__language-link:nth-child(11),
.header-nav__menu-pane .header-nav__content-link:nth-child(11),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(11) {
    transition-delay: 660ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(12),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(12),
.header-nav__menu-pane .header-nav__content-login:nth-child(12),
.header-nav__menu-pane .header-nav__language-link:nth-child(12),
.header-nav__menu-pane .header-nav__content-link:nth-child(12),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(12) {
    transition-delay: 720ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(13),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(13),
.header-nav__menu-pane .header-nav__content-login:nth-child(13),
.header-nav__menu-pane .header-nav__language-link:nth-child(13),
.header-nav__menu-pane .header-nav__content-link:nth-child(13),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(13) {
    transition-delay: 780ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(14),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(14),
.header-nav__menu-pane .header-nav__content-login:nth-child(14),
.header-nav__menu-pane .header-nav__language-link:nth-child(14),
.header-nav__menu-pane .header-nav__content-link:nth-child(14),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(14) {
    transition-delay: 840ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(15),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(15),
.header-nav__menu-pane .header-nav__content-login:nth-child(15),
.header-nav__menu-pane .header-nav__language-link:nth-child(15),
.header-nav__menu-pane .header-nav__content-link:nth-child(15),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(15) {
    transition-delay: 900ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(16),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(16),
.header-nav__menu-pane .header-nav__content-login:nth-child(16),
.header-nav__menu-pane .header-nav__language-link:nth-child(16),
.header-nav__menu-pane .header-nav__content-link:nth-child(16),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(16) {
    transition-delay: 960ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(17),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(17),
.header-nav__menu-pane .header-nav__content-login:nth-child(17),
.header-nav__menu-pane .header-nav__language-link:nth-child(17),
.header-nav__menu-pane .header-nav__content-link:nth-child(17),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(17) {
    transition-delay: 1020ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(18),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(18),
.header-nav__menu-pane .header-nav__content-login:nth-child(18),
.header-nav__menu-pane .header-nav__language-link:nth-child(18),
.header-nav__menu-pane .header-nav__content-link:nth-child(18),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(18) {
    transition-delay: 1080ms;
}

.header-nav__menu-pane .header-nav__expand-link:nth-child(19),
.header-nav__menu-pane .header-nav__expand-link--arrow:nth-child(19),
.header-nav__menu-pane .header-nav__content-login:nth-child(19),
.header-nav__menu-pane .header-nav__language-link:nth-child(19),
.header-nav__menu-pane .header-nav__content-link:nth-child(19),
.header-nav__menu-pane .header-nav__search-suggestion:nth-child(19) {
    transition-delay: 1140ms;
}

.header-nav__menu-pane.js-is-active {
    opacity: 1;
    transform: translateX(0);
}

.header-nav__menu-pane.js-is-active .header-nav__expand-link,
.header-nav__menu-pane.js-is-active .header-nav__expand-link--arrow,
.header-nav__menu-pane.js-is-active .header-nav__content-login,
.header-nav__menu-pane.js-is-active .header-nav__language-link,
.header-nav__menu-pane.js-is-active .header-nav__expand-title,
.header-nav__menu-pane.js-is-active .header-nav__content-title,
.header-nav__menu-pane.js-is-active .header-nav__content-link,
.header-nav__menu-pane.js-is-active .header-nav__search-suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.header-nav__mobile-actions {
    display: none;
    height: 40px;
    width: auto;
    margin-left: auto;
}

.header-nav__mobile-actions>div {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #009ADA;
    margin-left: 20px;
    overflow: hidden;
    text-indent: -100px;
    box-shadow: 0 0 0 1px #009ADA;
    transition: box-shadow 400ms cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    display: flex;
}

.header-nav__mobile-actions>div:hover {
    box-shadow: 0 0 0 2px #009ADA;
}

.header-nav__mobile-search {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/search-black.svg');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.has-dark-intro .header-nav.js-is-top .header-nav__mobile-search {
    background-image: url('/themes/custom/proofpoint/dist/app-drupal/assets/search-white.svg');
}

.header-nav__mobile-menu {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.header-nav__mobile-menu:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 18px;
    height: 8px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.has-dark-intro .header-nav.js-is-top .header-nav__mobile-menu:before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

@media (max-width:1060px) {
    .header-nav__spacer {
        height: 0;
    }
    .header-nav__extra {
        display: none;
    }
    .header-nav__expand {
        display: none;
    }
    .header-nav__top-links {
        display: none;
    }
    .header-nav .header-nav__main {
        transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateY(0);
    }
    .header-nav.js-is-short {
        pointer-events: none;
    }
    .header-nav.js-is-short .header-nav__main {
        transform: translateY(-100%);
    }
    .header-nav__logo {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 133px;
        background-size: contain;
        height: 25px;
        background-repeat: no-repeat;
    }
    .header-nav__buttons {
        display: none;
    }
    .header-nav__mobile-actions {
        display: flex;
    }
}

@media (max-width:920px) {
    .header-nav__menu {
        margin-left: 0;
    }
    .header-nav__menu-wrapper {
        left: 0;
        width: 100%;
        max-width: 100%;
    }
    .header-nav__menu-wrapper:after {
        display: none;
    }
    .header-nav__menu-pane {
        padding-left: 48px;
    }
}

@media (max-width:480px) {
    .header-nav__menu-pane {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-nav__menu-close {
        margin-right: 5px;
    }
    .header-nav__home-link {
        font-size: 26px;
        height: 31px;
        padding-right: 5px;
    }
    .header-nav__expand-link,
    .header-nav__expand-link--arrow,
    .header-nav__content-login,
    .header-nav__language-link {
        height: auto;
        font-size: 18px;
        min-height: 30px;
    }
    .header-nav__expand-link--arrow {
        padding-right: 5px;
    }
}

@keyframes link_animation {
    0% {
        animation-timing-function: ease-in
    }
    50% {
        animation-timing-function: ease-out;
        transform: translateX(100%)
    }
    51% {
        animation-timing-function: ease-in;
        transform: translateX(-100%)
    }
    100% {
        animation-timing-function: ease-out;
        transform: translateX(0)
    }
}

.block-particle-help,
.layout-builder-form,
.js-form-type-vertical-tabs {
    max-width: 100%;
    margin-left: .9375rem;
    margin-right: .9375rem
}

.block-particle-help::after,
.layout-builder-form::after,
.js-form-type-vertical-tabs::after {
    display: block;
    clear: both;
    content: ""
}

@media (min-width:48em) {
    .block-particle-help,
    .layout-builder-form,
    .js-form-type-vertical-tabs {
        max-width: 100%;
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

@media (min-width:64em) {
    .block-particle-help,
    .layout-builder-form,
    .js-form-type-vertical-tabs {
        max-width: 71.25rem;
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
}

@media (min-width:90em) {
    .block-particle-help,
    .layout-builder-form,
    .js-form-type-vertical-tabs {
        max-width: 1260px;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.layout-builder-form .layout-builder__message .messages {
    background-image: none
}

.layout-builder-form .form-item-toggle-content-preview {
    margin: 15px 0
}

.layout-builder-form .basic-form__select-options {
    display: none
}

.layout-builder-form .basic-form__select-options.is-open {
    display: block
}

.layout-builder-form .basic-form__select,
.layout-builder-form .basic-form__select-option,
.layout-builder-form .basic-form__select-label {
    display: block
}

.system-page-news .tabs-block__media-kit .block-text-cols,
.system-page-news .tabs-block__company-info .block-text-cols {
    padding-top: 0;
    margin-bottom: 60px
}

@media (max-width:1023px) {
    .system-page-news .tabs-block__media-kit .block-text-cols,
    .system-page-news .tabs-block__company-info .block-text-cols {
        padding-left: 0;
        margin-bottom: 60px
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__body,
.system-page-news .tabs-block__company-info .block-text-cols__body {
    margin: 0;
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    line-height: 20px;
    color: #5F6369
}

.page-ja .system-page-news .tabs-block__media-kit .block-text-cols__body,
.page-ja .system-page-news .tabs-block__company-info .block-text-cols__body {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .tabs-block__media-kit .block-text-cols__body,
.page-kr .system-page-news .tabs-block__company-info .block-text-cols__body {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .tabs-block__media-kit .block-text-cols__body,
    .system-page-news .tabs-block__company-info .block-text-cols__body {
        font-family: 'Roboto'
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__body p,
.system-page-news .tabs-block__company-info .block-text-cols__body p {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    line-height: 20px
}

.page-ja .system-page-news .tabs-block__media-kit .block-text-cols__body p,
.page-ja .system-page-news .tabs-block__company-info .block-text-cols__body p {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .tabs-block__media-kit .block-text-cols__body p,
.page-kr .system-page-news .tabs-block__company-info .block-text-cols__body p {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .tabs-block__media-kit .block-text-cols__body p,
    .system-page-news .tabs-block__company-info .block-text-cols__body p {
        font-family: 'Roboto'
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__body h3,
.system-page-news .tabs-block__company-info .block-text-cols__body h3 {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    line-height: 24px
}

.page-ja .system-page-news .tabs-block__media-kit .block-text-cols__body h3,
.page-ja .system-page-news .tabs-block__company-info .block-text-cols__body h3 {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .tabs-block__media-kit .block-text-cols__body h3,
.page-kr .system-page-news .tabs-block__company-info .block-text-cols__body h3 {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .tabs-block__media-kit .block-text-cols__body h3,
    .system-page-news .tabs-block__company-info .block-text-cols__body h3 {
        font-family: 'Roboto'
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__body .more-arrow-right,
.system-page-news .tabs-block__company-info .block-text-cols__body .more-arrow-right {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    font-size: 16px;
    line-height: 20px
}

.page-ja .system-page-news .tabs-block__media-kit .block-text-cols__body .more-arrow-right,
.page-ja .system-page-news .tabs-block__company-info .block-text-cols__body .more-arrow-right {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .tabs-block__media-kit .block-text-cols__body .more-arrow-right,
.page-kr .system-page-news .tabs-block__company-info .block-text-cols__body .more-arrow-right {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .tabs-block__media-kit .block-text-cols__body .more-arrow-right,
    .system-page-news .tabs-block__company-info .block-text-cols__body .more-arrow-right {
        font-family: 'Roboto'
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols__item .block-text-cols__title,
.system-page-news .tabs-block__company-info .block-text-cols__cols__item .block-text-cols__title {
    font-family: "Swiss-Bold", "Helvetica", "Arial", "sans-serif";
    color: #000006;
    font-weight: normal;
    font-size: 28px;
    line-height: 34px;
    padding: 25px 0 10px 0;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0
}

.page-ja .system-page-news .tabs-block__media-kit .block-text-cols__cols__item .block-text-cols__title,
.page-ja .system-page-news .tabs-block__company-info .block-text-cols__cols__item .block-text-cols__title {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .tabs-block__media-kit .block-text-cols__cols__item .block-text-cols__title,
.page-kr .system-page-news .tabs-block__company-info .block-text-cols__cols__item .block-text-cols__title {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item .block-text-cols__title,
    .system-page-news .tabs-block__company-info .block-text-cols__cols__item .block-text-cols__title {
        font-family: 'Roboto'
    }
}

@media (max-width:768px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item .block-text-cols__title,
    .system-page-news .tabs-block__company-info .block-text-cols__cols__item .block-text-cols__title {
        padding: 50px 0 10px 0
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols {
    padding-top: 0;
    margin-bottom: 60px;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding-left: 180px;
    margin-bottom: 60px
}

@media (max-width:1100px) {
    .system-page-news .tabs-block__media-kit .block-text-cols {
        width: calc(100% - 60px);
        margin: 0 30px
    }
}

@media (max-width:1023px) {
    .system-page-news .tabs-block__media-kit .block-text-cols {
        padding-left: 0;
        margin-bottom: 60px;
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
        max-width: calc(100% - 30px)
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols__item {
    padding: 0 70px 0 0;
    position: relative;
    float: none;
    flex: 3
}

@media (max-width:1023px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item {
        flex: 1;
        margin: 0 !important;
        width: 50%;
        clear: none
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols__item:after {
    content: '';
    display: block;
    width: 1px;
    background-color: #C7C9C8;
    height: calc(100% - 50px);
    position: absolute;
    right: 0;
    top: 50px
}

@media (max-width:768px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item:after {
        display: none
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols__item:last-child {
    padding: 0 0 0 70px;
    flex: 5
}

@media (max-width:1023px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item:last-child {
        flex: 1
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols__item:last-child:after {
    display: none
}

@media (max-width:768px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols__item {
        flex: 1;
        margin: 0 !important;
        width: 100%;
        clear: none;
        padding: 0 !important
    }
}

.system-page-news .tabs-block__media-kit .block-text-cols__cols {
    display: flex
}

@media (max-width:768px) {
    .system-page-news .tabs-block__media-kit .block-text-cols__cols {
        display: block
    }
}

.system-page-news .proofpoint-logo {
    max-width: 270px;
    padding: 20px 0
}

.system-page-news .proofpoint-logo img {
    font-size: 0;
    height: auto;
    max-width: 100%
}

.system-page-news .logo-download {
    font-family: "Swiss", "Helvetica", "Arial", "sans-serif";
    padding: 20px 0 0 0
}

.page-ja .system-page-news .logo-download {
    font-family: "Noto Sans JP", sans-serif
}

.page-kr .system-page-news .logo-download {
    font-family: "Noto Serif KR", serif
}

@supports (-webkit-hyphens:none) {
    .system-page-news .logo-download {
        font-family: 'Roboto'
    }
}

.system-page-news .logo-download a {
    color: #009ada;
    outline: none;
    text-decoration: none
}

.system-page-news .logo-download a:hover {
    color: #01579b
}

.system-page-news .logo-download img {
    border: 0;
    margin-left: 8px;
    width: 18px;
    height: 18px
}

.system-page-news .logo-download .media-kit-fileinfo {
    font-size: 0.875rem;
    font-weight: 300
}

.system-page-news .media-grid {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0 35px;
    font-weight: 300
}

.system-page-news .media-grid .media-column {
    margin-right: 40px
}

.system-page-news .tabs-block__company-info {
    margin-top: 0
}

.system-page-news .tabs-block__company-info .block-text-cols__cols {
    display: flex
}

@media (max-width:900px) {
    .system-page-news .tabs-block__company-info .block-text-cols__cols {
        flex-wrap: wrap
    }
}

.system-page-news .tabs-block__company-info .block-text-cols__cols>div {
    margin: 0 30px 0 0 !important;
    width: 50%;
    float: none
}

.system-page-news .tabs-block__company-info .block-text-cols__cols>div:last-child {
    margin: 0 0 0 30px !important
}

@media (max-width:900px) {
    .system-page-news .tabs-block__company-info .block-text-cols__cols>div {
        margin: 0 !important;
        width: 100%
    }
    .system-page-news .tabs-block__company-info .block-text-cols__cols>div:last-child {
        margin: 0 !important
    }
}

.system-page-news .tabs-block__company-info .block-text-cols__cols .statistics-box__wrapper {
    margin-top: 25px;
    margin-bottom: 0
}

@media (max-width:768px) {
    .system-page-news .tabs-block__company-info .block-text-cols__cols .statistics-box__wrapper {
        margin-top: 50px
    }
}

body.path-user20321 {
    margin-top: 100px !important
}

body.path-user20321 .user-login-form,
body.path-user20321 form.user-pass {
    max-width: 760px;
    margin: 0 auto 40px
}

body.path-user20321 .user-login-form input,
body.path-user20321 form.user-pass input {
    margin-bottom: 3px
}

body.path-user20321 .user-login-form p,
body.path-user20321 form.user-pass p {
    margin-top: 0
}

body.path-user20321 .user-login-form .description,
body.path-user20321 form.user-pass .description {
    margin-bottom: 20px
}

.node-preview-container {
    position: relative;
    top: 60px;
    z-index: 1
}

.node-preview-container .basic-form__select-options {
    display: none
}

.node-preview-container .basic-form__select-options.is-open {
    display: block
}

.node-preview-container .basic-form__select,
.node-preview-container .basic-form__select-option,
.node-preview-container .basic-form__select-label {
    display: block
}

.path-user20321 .dialog-off-canvas-main-canvas {
    margin-top: 0 !important
}

.path-user20321 .page--title,
.path-user20321 .user--history {
    font-family: "Fjalla One", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 400
}

.path-user20321 .page--title,
.path-user20321 .profile {
    max-width: 100%;
    margin-left: .9375rem;
    margin-right: .9375rem
}

.path-user20321 .page--title::after,
.path-user20321 .profile::after {
    display: block;
    clear: both;
    content: ""
}

@media (min-width:48em) {
    .path-user20321 .page--title,
    .path-user20321 .profile {
        max-width: 100%;
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

@media (min-width:64em) {
    .path-user20321 .page--title,
    .path-user20321 .profile {
        max-width: 71.25rem;
        max-width: 71.25rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px
    }
}

@media (min-width:90em) {
    .path-user20321 .page--title,
    .path-user20321 .profile {
        max-width: 1260px;
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:48em) {
    .path-user20321 .page--title,
    .path-user20321 .profile {
        padding: 0 1.25rem
    }
}

.path-user20321 .page--title {
    margin-bottom: 0.9375rem
}

.path-user20321 .profile {
    margin-top: 1em
}

.path-user20321 .profile .user--label {
    font-weight: bold
}

.path-user20321 .profile .user--picture {
    float: right;
    margin: 0 1em 1em 0
}

@media (max-width:360px) {
    .path-user20321 .profile .user--picture {
        float: none;
        margin: 0 0 15px 0
    }
}

.path-user20321 .profile .user--name,
.path-user20321 .profile .user--bio {
    margin-bottom: 15px
}

.path-user20321 .user--history {
    border-bottom: 1px solid #ccc;
    margin: 30px 0 5px 0
}

.path-user20321 .user--history-info {
    margin: 0 0 4rem 0
}

.path-user20321 .user--history-info .label {
    margin: 10px 0 0 0
}

.paragraph--type--special:not(:first-of-type) {
    margin-top: 40px
}

.paragraph--type--special:not(:last-of-type) {
    margin-bottom: 40px
}