@charset "UTF-8";

@font-face {
    font-family: osicons;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/-/media/themes/outsystems/website/site-theme/fonts/icons/osicons_woff.woff") format("woff");
}

@font-face {
    font-family: 'WorkSans';
    src: url('/-/media/themes/outsystems/website/site-theme/fonts/worksans-variablefont_wght.ttf') format('truetype supports variations'), url('/-/media/themes/outsystems/website/site-theme/fonts/worksans-variablefont_wght.ttf') format("truetype-variations");
    font-display: swap;
    font-weight: 100 900;
}

@font-face {
    /* MEDIUM */
    font-family: 'NotoSans';
    src: url('/-/media/themes/outsystems/website/site-theme/fonts/notosans-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    /* BOLD */
    font-family: 'NotoSans';
    src: url('/-/media/themes/outsystems/website/site-theme/fonts/noto-sans-v9-latin-ext_latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('/-/media/themes/outsystems/website/site-theme/fonts/noto-sans-jp-v40-japanese-regular.woff') format('woff');
    /* modern browsers */
}

@font-face {
    font-display: swap;
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('/-/media/themes/outsystems/website/site-theme/fonts/noto-sans-jp-v40-japanese-700.woff') format('woff');
    /* modern browsers */
}

:root {
    /* Typography - Size */
    /* Typography - Weight */
    /* Colors */
    /* Colors - Neutral */
    /* CTA */
    /* Font Family */
    /* Spaces */
    /* Border Size */
    /* Border style */
}

[class^="osicon"] {
    display: inline-block;
    font-family: osicons !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none;
    vertical-align: baseline;
}

.osicon-arrow-link::before {
    content: "\e915";
}

.osicon-facebook::before {
    content: "\e900";
}

.osicon-linkedin::before {
    content: "\e901";
}

.osicon-twitter:before {
    content: "\e902";
}

.osicon-globe::before {
    content: "\e91a";
}

.osicon-arrow-up::before {
    content: "\e90d";
}

.osicon-arrow-down::before {
    content: "\e907";
}

.osicon-sitemap::before {
    content: "\e926";
}

.osicon-arrow-right::before {
    content: "\e90f";
}

.osicon-plus::before {
    content: "\e916";
}

.osicon-close::before {
    content: "\e92b";
}

.osicon-youtube:before {
    content: "\e96a";
}

.osicon-instagram:before {
    content: "\e969";
}

.osicon-delete:before {
    content: "\e92c";
}

.main-menu__container__container-os,
.main-menu__container__container-os *,
.main-footer,
.main-footer *,
.main-footer *::after,
.main-footer *::before {
    box-sizing: border-box;
}

/****** Images *****/
.footer--section__content-wrapper .logo-container .logo,
.main-footer .logo.inverted {
    background-image: url('../imgs/logo_special.svg');
}

/**** Vertical align images on middle ****/
.main-menu__container img {
    vertical-align: middle;
}

/**** Hide Multilanguage ****/
.component.language-selector {
    display: none;
}

/**** Input Styles ****/
.main-menu__container input[type="search"]::-webkit-search-decoration,
.main-menu__container input[type="search"]::-webkit-search-cancel-button,
.main-menu__container input[type="search"]::-webkit-search-results-button,
.main-menu__container input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

/**** Button ****/

.main-menu__container [class*="os-btn-"],
.main-menu__container [class*="os-btn-"]:link,
.main-menu__container [class*="os-btn-"]:visited {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #fff;
    display: inline-flex;
    font-family: 'NotoSans', Helvetica, Arial, sans-serif;
    font-size: .9rem !important;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

[class*="os-btn-"]:after {
    border: 2px solid #0F0E0B;
    border-radius: 2rem;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all ease-out .128s;
    transition-timing-function: ease;
    width: 100%;
    z-index: -1;
}

[class*="os-btn-"].font-size-s,
.font-size-s {
    line-height: 1.6;
}

.os-btn-action:after,
.os-btn-utility:after {
    background-color: #FA173D;
}



/*
.main-menu__container [class*="os-btn-"],
.main-menu__container [class*="os-btn-"]:link,
.main-menu__container [class*="os-btn-"]:visited {     
    background-color: var(--color-red);
    border: 2px solid var(--color-red);
    border-radius: 0.333em;
    color: var(--color-white);
    display: inline-flex;
    font-family: var(--font-family-heading);
    font-size: 0.977em;
    line-height: 1.5;
    padding: 9px 18px;
    transition: background-color 200ms, color 200ms, border 200ms;
    transition-timing-function: ease;
}
*/

.main-menu__container [class*="os-btn-"]:hover,
.main-menu__container [class*="os-btn-"]:link:hover,
.desktop .main-menu__container [class*="os-btn-"]:visited:hover {
    /*background-color: var(--color-darkred);
    border: 2px solid var(--color-darkred);
    color: var(--color-white);
    text-decoration: none;*/
    color: #fff;
}

[class*="os-btn-"]:hover:after {
    transform: scale(1.035);
}

/**** Override CSS ****/
.main-menu__container {
    color: #4D4D49;
    /* color inherit problems in chrome - */
}

.main-menu__container [class*="os-btn"],
.main-menu__container [class*="os-btn"]:visited {
    height: auto;
}

.main-footer .more-locations a:hover {
    color: #EE9B7C;
}

.main-footer .footer-section__social li a:hover {
    color: #37D5A5;
}

[class*="os-btn-"].font-size-xxs,
.font-size-xxs {
    font-size: .8rem;
    line-height: 1.75;
}

.main-menu__1lvl__entry a,
.main-menu__1lvl__entry a:hover {
    color: #383835;
    display: block;
}

.main-menu__2lvl__list-link:link:hover span {
    color: var(----color-black);
}

.main-menu__2lvl__list-link:link:hover p {
    color: #383835;
}

.background-color-black {
    background-color: var(----color-black);
}

li.main-menu__2lvl__card.main-menu__card--type-1 a.background-color-black {
    position: relative;
}

.text-color-white {
    color: #fff;
}

li.main-menu__2lvl__card.main-menu__card--type-1 a.background-color-black p {
    font-size: 1rem;
}

.refresh__main-menu-navigation--link-card a i::after {
    font-family: 'osicons-v2';
}

ul.refresh__main-menu-navigation--tablet li a::before {
    margin-right: 1rem;
}

.osicon-login:before, .osicon-users:before, .osicon-support:before {
    font-family: osicons;
}

.osicon-login:before {
    content: "\e96d";
}

.osicon-users:before {
    content: "\e928";
}

.osicon-support:before {
    content: "\e941";
}

@media (min-width: 992px) {

    .Content.ThemeGrid_Wrapper,
    .ThemeGrid_Wrapper {
        padding-top: 89px;
    }

    .main-menu__container__second-nav__list li:last-of-type {
        display: none;
    }


    .main-menu__container [class*="os-btn-"],
    .main-menu__container [class*="os-btn-"]:link,
    .main-menu__container [class*="os-btn-"]:visited {
        padding: .5rem 1rem;
    }


    a.main-menu__container__second-nav__link:visited {
        color: #4D4D49;
    }

    .main-menu__card--type-1 .main-menu__2lvl__list-entry span {
        font-size: 1rem !important;
    }

    li.main-menu__2lvl__card.main-menu__card--type-1 a.background-color-black p {
        width: 80%;
        display: inline-block;
        margin-bottom: 0;
    }

    li.main-menu__2lvl__card.main-menu__card--type-1 a.background-color-black i {
        position: relative;
        display: none;
    }

    .main-menu__1lvl__drop-down {
        left: 58.99% !important;
    }

    .main-menu__1lvl__btn[aria-expanded="true"]~.main-menu__1lvl__drop-down {
        min-height: 385px;
    }


}

@media (min-width: 1200px) {

    .main-menu__1lvl__entry .main-menu__1lvl__btn {
        font-size: 1rem !important;
    }

    .main-menu__2lvl__list-link:link,
    .main-menu__2lvl__list-link {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 991.98px) {
    .open__footer-menu__overflow-hidden .Footer.ThemeGrid_Wrapper {
        z-index: 1001;
    }

    .mobile__menu__list a.mobile__menu__item:visited:hover,
    .mobile__menu__list a.mobile__menu__item:hover {
        color: #4D4D49;
    }

    .main-menu__container__right {
        justify-content: flex-end;
    }

    .main-menu__container__community-try {
        margin-left: 0;
    }

    .footer--section-custom-menu .footer--section-title {
        font-size: 1.1em;
    }

    ul#main_menu__list .main-menu__item__second-nav-links--login {
        display: none;
    }

    .footer--section-custom-menu .footer--menu-group {
        margin: 0;
    }

    .footer--section-custom-menu .footer--menu-group a:hover {
        color: #fff;
    }

    /* FOOTER */

    .footer--menu-group__header .footer--menu-group__title {
        font-size: 1.3em;
        /* DEMO PAGE TABLET */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .main-footer .footer--section__right {
        justify-content: flex-end;
    }
}

/* MENU V2 */

a:visited,
.os-link:visited {
    color: #008A61;
}

.open__main-menu__overflow-hidden .ThemeGrid_Wrapper {
    filter: blur(9px);
    -webkit-filter: blur(9px);
}

.main-menu__container__center--v2 p {
    margin-top: 0;
}

.main-menu__2lvl__group>ul,
.main-menu__2lvl__back span {
    position: relative;
    top: 1px;
    /* fix aligments between systems */
}

.main-menu__container__center--v2 a.internal-link,
.main-menu__container__center--v2 .os-link.internal-link {
    font-family: 'WorkSans', 'NotoSans', Helvetica, Arial, sans-serif;
}

.main-menu__container__center--v2 a.internal-link::after,
.main-menu__container__center--v2 .os-link.internal-link::after {
    content: "\e915";
    font-family: osicons;
    margin-left: 8px;
    position: relative;
    transition: all 200ms ease;
}

.main-menu__container__center--v2 .internal-link,
.main-menu__container__center--v2 .internal-link:link {
    color: #0077B3;
    /* to be seen when updating buttons */
}

.os-search__input {
    border-color: #C9CBC6 !important;
}

.os-search .font-size-s {
    font-size: 0.9em;
    line-height: 1.6;
}

.os-search .text-color-lightgrey4 {
    color: #A0A19D;
}

.js-os-search--allow-submit .os-search__input-submit,
.js-os-search--allow-cancel .os-search__input-cancel {
    color: #4D4D49;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.main-menu__container__center--v2 [class*="osicon"] {
    line-height: inherit;
}

/*
.os-search [class*="osicon"] {
    line-height: 1.6;
}
*/

.os-search__input,
html .os-search__input:focus {
    font-family: 'WorkSans', 'NotoSans', Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.6;
}

.os-search__input {
    padding: 0.8333em 6.11em 0.8333em 2.92em;
}

.os-search__input-search,
.os-search__input-cancel,
.os-search__input-submit {
    padding: 0.8333em;
}

.os-search__input:hover,
.os-search__input:hover~.os-search__input-submit {
    border-color: #A0A19D !important;
}

.js-os-search--error .os-search__input,
.js-os-search--error .os-search__input:hover,
.js-os-search--error .os-search__input-submit,
.js-os-search--error .os-search__input:hover~.os-search__input-submit {
    border-color: #DD1234 !important;
}

.js-os-search--error .os-search__input-submit {
    border-left-color: #C9CBC6 !important;
}

.os-search__input:focus,
.os-search__input:hover:focus,
/* Ipad clicking */
.js-os-search--error .os-search__input:focus,
.js-os-search--error .os-search__input:focus:hover,
.os-search__input:focus~.os-search__input-submit,
.js-os-search--error .os-search__input:focus~.os-search__input-submit {
    border-color: #A0A19D !important;
}

.os-search input[type="search"]::-webkit-search-decoration,
.os-search input[type="search"]::-webkit-search-cancel-button,
.os-search input[type="search"]::-webkit-search-results-button,
.os-search input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.os-search input::-ms-clear {
    display: none;
}

.os-search__input {
    height: 49px;
    /* Fix Safari Ipad */
}

.os-search__input-container .os-search__input {
    border: 2px solid #B4B6B1 !important;
}

.os-search__input-container .os-search__input:focus,
.os-search__input-container .os-search__input:focus~.os-search__input-submit {
    border-color: #383835 !important;
}

.language-switcher.js-language-switcher {
    display: none;
}

@media (min-width: 992px) {

    .main-menu__container__center--v2 button:hover,
    .main-menu__search button:hover {
        cursor: pointer;
    }

    .main-menu__2lvl__group>ul,
    .main-menu__2lvl__back span {
        position: static;
    }

    .main-menu__container__center--v2 .main-menu__1lvl__entry+.main-menu__1lvl__entry {
        margin-left: 0.75em;
    }

    .main-menu__container__center--v2+.main-menu__search {
        font-size: 18px;
    }

    .main-menu__container__center--v2 a.internal-link:hover {
        text-decoration: underline;
    }

    .main-menu__container__center--v2 a::after,
    .main-menu__container__center--v2 .os-link::after {
        text-decoration: underline;
    }

    .main-menu__container__center--v2 a::after,
    .main-menu__container__center--v2 .os-link::after {
        display: inline-block;
        text-decoration: none;
        /* IE FIX - it is necessary to establish the style to later withdraw */
    }

    .main-menu__container__center--v2 a.internal-link::after,
    .main-menu__container__center--v2 .os-link.internal-link::after {
        margin-left: 9px;
    }

    .os-search__input {
        height: 56px;
        padding: .8rem 3.9rem .8rem 1rem;
    }

    .os-search__input-cancel {
        right: 2.65em;
    }

    .os-search__input-search,
    .os-search__input-cancel,
    .os-search__input-submit {
        padding: 0.55555em 0.75em;
    }

    .os-search__input:hover {
        border-color: #A0A19D !important;
    }

    .js-os-search--allow-submit .os-search__input-submit:hover,
    .js-os-search--allow-submit .os-search__input:focus~.os-search__input-submit:hover {
        border-color: #0077B3 !important;
        /* to be seen when updating buttons */
    }

    ul.refresh__main-menu-navigation--list li a span {
        font-size: 1rem;
    }
}


@media (max-width: 991.98px) {
    .main-menu__container__nav-content>.component {
        padding-bottom: 80px;
    }

    .main-menu__1lvl__entry.main-menu__1lvl__entry--mobile a {
        width: fit-content;
        text-decoration: none;
        box-shadow: none;
    }
}

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

.main-menu__2lvl__list-link:link:hover,
.main-menu__2lvl__list-link:hover {
    color: #383835 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 0.25em !important;
}

.main-menu__2lvl__list-entry.link-internal-style a,
.main-menu__2lvl__list-entry.link-external-style a,
.main-menu__2lvl__card.link-internal-style.main-menu__card--type-1 a {
    color: #008A61 !important;
    text-decoration: underline !important;
    transition: all 200ms ease;
    text-decoration-thickness: 0.15em !important;
    text-underline-offset: 0.1em;
}

.main-menu__2lvl__list-entry.sub-entry a {
    color: #008A61 !important;
    font-size: .7em;
}

.main-menu__login a:hover {
    color: #008A61 !important;
}

.open__main-menu .main-menu__1lvl__btn[aria-expanded="false"]:hover,
.main-menu__1lvl__btn[aria-expanded="false"]:hover,
a.main-menu__1lvl__btn:hover {
    box-shadow: inset 0px -3px 0px 0px #383835;
    transition: all 200ms ease;
    color: #383835 !important;
}

a.external-link::after,
.os-link.external-link::after {
    content: "\e920";
    display: inline-block;
    font-family: osicons;
    margin-left: 0.5rem;
    position: relative;
    transition: all 200ms ease;
}


a.main-menu__container__second-nav__link,
/* the a is to prevent browser color styling */
a.main-menu__container__second-nav__link:link {
    color: #4D4D49;
    font-size: 0.625em;
    line-height: 1.742;
    margin-left: 18px;
}

.main-menu__container__second-nav__link .osicon-user {
    margin-right: 6px;
}

a.main-menu__container__second-nav__link:hover,
a.main-menu__container__second-nav__link:link:hover {
    text-decoration: underline;
}


/* BTN ACTION INVERTED / BTN UTILITY INVERTED / BTN DARK INVERTED */
.main-menu__container [class="os-btn-action-inverted"]:hover,
.main-menu__container [class*="os-btn-action-inverted"]:link:hover,
.desktop .main-menu__container [class*="os-btn-action-inverted"]:visited:hover a.os-btn-action-inverted,
a.os-btn-utility-inverted,
a.os-btn-action-dark-inverted,
.os-btn-action-inverted,
.os-btn-utility-inverted,
.os-btn-action-dark-inverted {
    color: #0F0E0B !important;
}



.os-btn-action-dark:after {
    background-color: #0F0E0B;
}

.tooltip {
    position: inherit;
    opacity: inherit;
}