@import "bootstrap-datepicker.min.css";
@import "bootstrap-datepicker.standalone.min.css";
@import "jquery.timepicker.min.css";
@import "frontend.min.css";
@import "flatpickr.min.css";
@import "select2.min.css";


.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.charleft.ginput_counter {
    display: none;
}

body.page-id-2921 .et-db #et-boc .et-l div.et_pb_section.et_pb_section_0 {
    background-image: url(/static/home/images/accounts-bg.jpg) !important;
}


#et-boc #et_builder_outer_content .et_pb_tabs_controls {
    display: flex;
    justify-content: space-around;
}

.body:not(.body--index):not(.body--404):not(.body--page-404):not(.body--home)
#top-slider {
    height: 100vh;
}

.et_pb_slide_image {
    margin-right: 0px !important;
}

:root[dir=rtl] .nav-pills--custom .nav-link:after {
    margin-right: -1px;
    bottom: -2px;
}

:root[dir=rtl] .nav-pills--custom .nav-link::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px;
    background: #fff;
    z-index: 1;
}


.contact-us .chat-block1-into a {
    display: inline-block !important;
    margin-left: 10px !important;
}

.partnership.et-db #et-boc .et-l .et_pb_image_0 {
    height: 410px !important;
}

.post-type-archive-market_news .desc, .single-market_news .content {
    word-break: break-all;
}


.et-db #et-boc #faq-accordion a {
    color: #2D76BD !important;
}

.et-db #et-boc .et-l .et_pb_module td a {
    color: #2D76BD !important;
}

.body.platforms .et-l .et_pb_section_0 {
    min-height: 500px !important;
}

@supports (-moz-appearance:none) {
    [lang="tr-TR"] .parent-pageid-263356 * {
        font-family: Arial !important;
    }
}

.content-inner-wrap {
    max-width: 1190px;
    margin: 0 auto;
}

.page-id-261225 .header__languages .languages__list > li.languages__item:nth-child(1) .h5.languages__group-title {
    font-size: 0px;
    padding: 0px 0 23px;
}

.page-id-261225 .header__languages .languages__list > li.languages__item:nth-child(1) .h5.languages__group-title:before {
    content: 'LATIN AMERICA';
    font-size: 1.25rem;
}

.thisistescaching {
    display: none
}


body.rtl .academy-inner__navigation-icon_prev:before {
    border-width: 7.5px 0 7.5px 7px;
    border-color: transparent transparent transparent #ffffff;
}

body.rtl .academy-inner__navigation-icon_next:before {
    border-width: 7.5px 7px 7.5px 0;
    border-color: transparent #ffffff transparent transparent;
}

.flat-menu {
    font-size: 1.125rem
}

.flat-menu__list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (min-width: 1168px) {
    .flat-menu__list {
        flex-wrap: nowrap
    }
}

.flat-menu__list:not(:empty) {
    margin: -24px
}

.flat-menu__list .flat-menu__list {
    flex-direction: column;
    display: flex
}

.flat-menu__list .flat-menu__list:not(:empty) {
    margin: 0
}

.flat-menu__list .flat-menu__list .flat-menu__item {
    color: #626f81;
    color: var(--pale-sky);
    text-transform: none;
    flex-basis: auto;
    padding: 4px 0;
    font-size: .777778em
}

.flat-menu__list .flat-menu__list .flat-menu__item:last-child {
    margin-right: 0
}

.flat-menu__list .flat-menu__list .flat-menu__link:hover, .flat-menu__list .flat-menu__list .flat-menu__link:active {
    color: #fff;
    color: var(--white)
}

.flat-menu__item {
    color: #fff;
    color: var(--white);
    text-transform: uppercase;
    flex-basis: 25%;
    padding: 24px;
    font-size: 1em
}

html[lang=vi-VN] .flat-menu__item {
    padding: 16px
}

@media (min-width: 768px) and (max-width: 1167px) {
    .flat-menu__item:last-child {
        margin-right: auto
    }
}

@media (min-width: 768px) and (max-width: 1167px) {
    :root[dir=rtl] .flat-menu__item:last-child {
        margin-left: auto;
        margin-right: 0
    }
}

.flat-menu__link {
    color: inherit;
    font-size: inherit;
    max-width: 100%;
    text-decoration: none;
    display: inline-block
}

.flat-menu__link:hover, .flat-menu__link:active {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer {
    background-color: #272a33;
    background-color: var(--charade);
    margin-top: auto
}

.footer__container {
    grid-template:". . . ."32px"footer__livechat.footer__socials footer__socials"". . . ."32px"footer__hr--1 footer__hr--1 footer__hr--1 footer__hr--1"". . . ."48px"footer__accordion footer__accordion footer__accordion footer__accordion"". . . ."32px"footer__address footer__address footer__address footer__address"". . . ."32px"footer__hr--2 footer__hr--2 footer__hr--2 footer__hr--2"". . . ."32px"footer__heel footer__heel footer__heel footer__heel"". . . ."32px/auto 16px 1fr 1fr;
    grid-auto-flow: column;
    display: grid
}

@media (min-width: 768px) {
    .footer__container {
        grid-template:". . . ."32px"footer__livechat footer__livechat.footer__socials"". . . ."32px"footer__hr--1 footer__hr--1 footer__hr--1 footer__hr--1"". . . ."48px"footer__menu footer__menu footer__menu footer__menu"". . . ."32px"footer__hr--2 footer__hr--2 footer__hr--2 footer__hr--2"". . . ."32px"footer__heel footer__heel footer__heel footer__heel"". . . ."32px/5fr 1fr 16px auto
    }

    .footer__container > .footer__address {
        display: none
    }
}

.footer__hr {
    background-color: #313541;
    background-color: var(--tuna);
    height: 1px;
    border: 0;
    margin: 0
}

.footer__hr--1 {
    grid-area: footer__hr--1
}

.footer__hr--2 {
    grid-area: footer__hr--2
}

.footer__hr--3 {
    grid-area: footer__hr--3
}

.footer__hr--address {
    width: 100%;
    grid-area: footer__hr--address
}

.footer__socials {
    grid-area: footer__socials;
    align-self: center;
    overflow: hidden
}

.footer__socials-list {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
    list-style: none;
    display: flex
}

.footer__socials-list:not(:empty) {
    margin: -8px
}

.footer__socials-item {
    padding: 8px
}

.footer__socials-link {
    background-color: #4f5158;
    background-color: var(--abbey);
    color: #fff;
    color: var(--white);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex
}

.footer__socials-link:hover {
    background-color: #0a95ff;
    background-color: var(--dodger-blue);
    color: #fff;
    color: var(--white);
    text-decoration: none
}

.footer__socials-link:active {
    background-color: #0053a4;
    background-color: var(--endeavour);
    color: #fff;
    color: var(--white);
    text-decoration: none
}

.footer__socials-link .icon {
    pointer-events: none
}

.footer__socials-link .icon-twitter {
    font-size: 1rem
}

.footer__socials-link .icon-facebook {
    font-size: 1.0625rem
}

.footer__socials-link .icon-rss {
    font-size: .9375rem
}

.footer__socials-link .icon-linkedin--hollowed {
    font-size: 1.0625rem
}

.footer__socials-link .icon-wechat {
    font-size: 1.5rem
}

.footer__socials-link .icon-instagram {
    font-size: 1em
}

.footer__socials-link .icon-line {
    font-size: 1.375em
}

.footer__socials-link .popover {
    background-color: #f4f6fa;
    background-color: var(--catskill-white-2);
    border: 0;
    border-radius: 4px;
    padding: .5rem
}

.footer__socials-link .popover-body {
    background-color: #fff;
    background-color: var(--white);
    border-color: #fff;
    border-color: var(--white);
    height: 6.25rem;
    width: 6.25rem;
    border-style: solid;
    border-width: 0;
    border-radius: 4px;
    padding: 0
}

.footer__socials-link .popover.bs-popover-top > .arrow:after, .footer__socials-link .popover.bs-popover-auto[x-placement^=top] > .arrow:after {
    border-top-color: #f4f6fa;
    border-top-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-bottom > .arrow:after, .footer__socials-link .popover.bs-popover-auto[x-placement^=bottom] > .arrow:after {
    border-bottom-color: #f4f6fa;
    border-bottom-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-left > .arrow:after, .footer__socials-link .popover.bs-popover-auto[x-placement^=left] > .arrow:after {
    border-left-color: #f4f6fa;
    border-left-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-right > .arrow:after, .footer__socials-link .popover.bs-popover-auto[x-placement^=right] > .arrow:after {
    border-right-color: #f4f6fa;
    border-right-color: var(--catskill-white-2)
}

.footer__socials-qr {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
    font-family: "object-fit: cover;"
}

.footer__livechat {
    grid-area: footer__livechat;
    align-self: center;
    font-size: 0;
    line-height: 0
}

.footer__livechat > * {
    -ms-grid-row-align: center
}

.footer__livechat-link {
    color: #fff;
    color: var(--white);
    text-transform: uppercase;
    vertical-align: top;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;
    display: inline-flex
}

.footer__livechat-link:not(:empty) {
    margin: -.125rem -.25rem
}

.footer__livechat-link > * {
    margin: .125rem .25rem
}

.footer__livechat-link:hover {
    color: #7c90b1;
    color: var(--wild-blue-yonder);
    text-decoration: none
}

.footer__livechat-link:active {
    color: #faa30d;
    color: var(--sun);
    text-decoration: none
}

@media (min-width: 924px) {
    .footer__livechat-link {
        font-size: 1rem
    }
}

.footer__livechat-icon {
    font-size: 1.5em
}

.footer__livechat-icon-wrapper {
    line-height: 0;
    display: block
}

.footer__accordion {
    grid-area: footer__accordion
}

.footer__menu {
    grid-area: footer__menu;
    display: none
}

.footer__menu .flat-menu__item {
    flex-basis: 33.333%
}

@media (min-width: 924px) {
    .footer__menu .flat-menu__item {
        flex-basis: 20%
    }
}

@media (min-width: 1168px) {
    .footer__menu .flat-menu__item {
        flex-basis: auto
    }

    .footer__menu .flat-menu__item:last-child {
        margin-right: 0
    }
}

.footer__address {
    grid-template:"footer__address-title""."16px"footer__email""."16px"footer__phone"/1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    margin: 0;
    display: grid
}

.footer__address-title {
    color: #ffffff6b;
    grid-area: footer__address-title;
    margin: 0;
    font-size: 1rem;
    font-weight: 400
}

.footer__address-hr {
    background-color: #fff;
    grid-area: footer__address-hr;
    margin: 0
}

@media (max-width: 767px) {
    .footer__address {
        grid-area: footer__address
    }
}

@media (min-width: 924px) {
    .footer__address {
        justify-items: flex-start
    }

    .footer__address > * {
        -ms-grid-column-align: start
    }
}

.footer__email {
    grid-area: footer__email;
    font-size: .875rem
}

.footer__email .icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.footer__email-link {
    color: #fff;
    color: var(--white);
    text-transform: uppercase;
    vertical-align: top;
    align-items: center;
    font-size: .875rem;
    text-decoration: none;
    display: inline-flex
}

.footer__email-link:not(:empty) {
    margin: -.142857em -.285714em
}

.footer__email-link > * {
    margin: .142857em .285714em
}

.footer__email-link:hover, .footer__email-link:active {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer__email-icon {
    font-size: 1.21429em
}

.footer__email-icon-wrapper {
    line-height: 0;
    display: block
}

.footer__phone {
    grid-area: footer__phone;
    font-size: .875rem
}

.footer__phone .icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.footer__phone-link {
    color: #fff;
    color: var(--white);
    vertical-align: top;
    align-items: center;
    text-decoration: none;
    display: inline-flex
}

.footer__phone-link:not(:empty) {
    margin: -.142857em -.285714em
}

.footer__phone-link > * {
    margin: .142857em .285714em
}

.footer__phone-link:hover, .footer__phone-link:active {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer__phone-icon {
    font-size: 1.21429em
}

.footer__phone-icon-wrapper {
    line-height: 0;
    display: block
}

.footer__heel {
    grid-template:"footer__article""."32px"footer__nav"/1fr;
    grid-area: footer__heel;
    grid-auto-flow: row;
    display: grid
}

.footer__article, .footer__paragraph {
    color: #ffffff80
}

.footer__warning {
    color: #fff;
    color: var(--white);
    grid-area: footer__warning;
    margin: 0;
    font-weight: 600
}

.footer__nav {
    grid-area: footer__nav
}

.footer__nav-list {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.footer__nav-list:not(:empty) {
    margin: -8px -12px
}

@media (max-width: 923px) {
    .footer__nav-list {
        justify-content: space-between
    }
}

.footer__nav-item {
    color: #0a95ff;
    color: var(--dodger-blue);
    padding: 8px 12px;
    font-size: .875rem
}

.footer__nav-link {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: none
}

.footer__nav-link:hover, .footer__nav-link:active {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: underline
}

.footer__article {
    grid-area: footer__article;
    margin: 0;
    font-size: .875rem;
    font-weight: 400
}

.footer__article > :last-child {
    margin-bottom: 0
}

.footer__alert {
    background-color: #242730;
    background-color: var(--charade-2);
    color: #ffffff4d;
    padding-top: 24px;
    padding-bottom: 16px;
    font-size: .75rem;
    line-height: 2
}

.footer__alert-paragraph:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .footer__accordion {
        display: none
    }

    .footer__menu {
        display: block
    }
}

.menu {
    margin: 0;
    padding: 0
}

.menu__list {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    list-style: none
}

.menu__item {
    flex-shrink: 0;
    display: flex
}

.menu__link-icon .icon-arrow--bottom {
    display: block
}

.menu__link-icon .icon-arrow--right, .menu__link-icon .icon-arrow--up, .menu__expander, .menu__arrow {
    display: none
}

.menu_lvl_1 > .menu__list {
    justify-content: space-between;
    display: flex
}

.menu_lvl_1 > .menu__list:not(:empty) {
    margin: 0 -8px
}

.menu_lvl_1 > .menu__list > .menu__item {
    padding: 0 8px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link {
    color: #0b153e;
    color: var(--blue-zodiac);
    cursor: pointer;
    flex-grow: 1;
    align-items: center;
    display: flex;
    position: relative
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link:not(:empty) {
    margin: 0 -4px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > * {
    padding: 0 4px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-text {
    color: inherit;
    text-transform: uppercase;
    flex-grow: 1;
    font-size: .875rem;
    font-weight: 400
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-icon {
    font-size: .5em;
    line-height: 0
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.menu_lvl_1 > .menu__list > .menu__item:hover .menu, .menu_lvl_1 > .menu__list > .menu__item:active .menu, .menu_lvl_1 > .menu__list > .menu__item--active .menu {
    display: block
}

.menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon .icon-arrow--down, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon .icon-arrow--down, .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon .icon-arrow--down {
    display: none
}

.menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon .icon-arrow--up, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon .icon-arrow--up, .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon .icon-arrow--up {
    display: block
}

.menu_lvl_2 {
    padding-top: 32px;
    display: none;
    position: absolute
}

.menu_lvl_2 > .menu__list {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 24px;
    display: flex;
    box-shadow: 0 0 32px #1325383d
}

.menu_lvl_2 > .menu__list:not(:empty) {
    padding: 16px
}

.menu_lvl_2 > .menu__list > .menu__item {
    flex-direction: column;
    flex-grow: 1;
    padding: 8px;
    display: flex
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link {
    color: #212d40;
    color: var(--ebony-clay);
    border-bottom: 1px solid #dddfe5;
    grid-template-columns:auto 16px 1fr;
    grid-template-areas:"menu__link-icon.menu__link-text";
    grid-auto-flow: column;
    align-items: center;
    padding: 0 0 12px;
    font-size: 1rem;
    font-weight: 700;
    display: grid;
    position: relative
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-icon {
    color: #8f93a2;
    color: var(--manatee);
    grid-area: menu__link-icon;
    align-self: center;
    line-height: 0
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-icon ~ .menu__link-text {
    grid-column-start: 3
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-text {
    color: inherit;
    flex-grow: 1;
    grid-area: menu__link-text;
    font-size: 1.125rem
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link:hover, .menu_lvl_2 > .menu__list > .menu__item > a.menu__link:active {
    color: var(--royal-blue);
    text-decoration: none
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link:hover > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item > a.menu__link:active > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link--active {
    color: #1b6eea;
    color: var(--royal-blue)
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link--active > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_2 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item--active > .menu__link > .menu__link-text {
    color: #0a264e;
    color: var(--downriver)
}

.menu_lvl_3 {
    width: 100%;
    padding-left: 32px
}

.menu_lvl_3 > .menu__list {
    padding: 24px 0
}

.menu_lvl_3 > .menu__list:not(:empty) {
    margin: -4px 0
}

.menu_lvl_3 > .menu__list > .menu__item {
    padding: 4px 0
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link {
    color: #212d40;
    color: var(--ebony-clay);
    font-size: 1rem;
    font-weight: 400
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link--active {
    color: #1b6eea;
    color: var(--royal-blue)
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link:hover, .menu_lvl_3 > .menu__list > .menu__item > .menu__link:active {
    color: #1b6eea;
    color: var(--royal-blue);
    text-decoration: underline
}

.accordion, body.et-db #et-boc .et-l .accordion {
    margin: 0;
    padding: 0
}

.accordion__list {
    border-color: #e6e7eb;
    border-color: var(--athens-gray);
    border-style: solid;
    border-width: 1px 0 0;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    list-style: none
}

.accordion--flat .accordion__list {
    border-width: 0
}

.accordion__item {
    border-color: #e6e7eb;
    border-color: var(--athens-gray);
    -ms-grid-row-align: stretch;
    border-style: solid;
    border-width: 0 0 1px;
    grid-template-columns:24px 1fr 16px 8px 24px;
    grid-template-areas:".accordion__link.accordion__expander.""accordion__accordion accordion__accordion accordion__accordion accordion__accordion accordion__accordion";
    grid-auto-flow: column;
    align-items: stretch;
    display: grid
}

.accordion--flat .accordion__item {
    border-width: 0;
    grid-template-columns:1fr 16px 8px;
    grid-template-areas:"accordion__link.accordion__expander""accordion__accordion accordion__accordion accordion__accordion"
}

.accordion--flat .accordion__expander ~ .accordion__link {
    grid-column-end: 1
}

.footer__accordion .accordion__item {
    grid-template-columns:24px 1fr 16px 10px 24px
}

.footer__accordion.footer__accordion .accordion__item {
    grid-template-columns:1fr 16px 10px
}

.accordion__expander {
    color: #4a90e2;
    color: var(--havelock-blue);
    cursor: default;
    background: 0 0;
    border: 0;
    grid-area: accordion__expander;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .5rem;
    line-height: 1;
    display: flex
}

.footer__accordion .accordion__expander {
    font-size: .625rem
}

.accordion__expander > * {
    pointer-events: none
}

.accordion__expander .icon {
    vertical-align: middle
}

.accordion__expander .icon-plus, .accordion__expander .icon-arrow--down {
    display: none
}

.accordion__expander ~ .accordion__link {
    grid-column: 2/3
}

.accordion__expander ~ .accordion__link .accordion__link-icon {
    display: none
}

_:-ms-input-placeholder, :root .accordion__item .accordion__expander {
    position: relative
}

.accordion__expander.collapsed .icon-plus, .accordion__expander.collapsed .icon-arrow--down {
    display: inline-block
}

.accordion__expander.collapsed .icon-minus, .accordion__expander.collapsed .icon-arrow--up {
    display: none
}

.accordion__expander:not(.collapsed) ~ .accordion__link {
    font-weight: 600
}

@media (min-width: 924px) {
    .accordion__expander {
        display: none
    }
}

.accordion__link {
    color: #0a264e;
    color: var(--downriver);
    -ms-grid-row-align: center;
    min-height: 56px;
    text-transform: uppercase;
    flex-grow: 1;
    grid-area: accordion__link;
    grid-template-columns:1fr;
    grid-template-areas:"accordion__link-text";
    grid-auto-flow: column;
    align-items: center;
    padding: .65em 0;
    font-size: 1.25rem;
    font-weight: 600;
    display: grid
}

.accordion--flat .accordion__link {
    min-height: 40px;
    padding: .5em 0
}

.accordion--dark .accordion__link {
    color: #fff;
    color: var(--white)
}

.accordion__link-text {
    color: inherit;
    font-size: inherit;
    grid-area: accordion__link-text;
    overflow: hidden
}

.footer__accordion .accordion__link {
    font-size: 1.125rem
}

.accordion__link:hover, .accordion__link:active {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: none
}

.accordion__link:hover .accordion__link-icon, .accordion__link:active .accordion__link-icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.accordion__arrow {
    grid-area: accordion__arrow
}

.accordion .accordion, body.et-db #et-boc .et-l .accordion .accordion, .accordion body.et-db #et-boc .et-l .accordion {
    grid-area: accordion__accordion
}

.accordion .accordion .accordion__list, body.et-db #et-boc .et-l .accordion .accordion .accordion__list, .accordion body.et-db #et-boc .et-l .accordion .accordion__list {
    padding: 0 0 0 24px
}

html[dir=rtl] .accordion .accordion .accordion__list, html[dir=rtl] body.et-db #et-boc .et-l .accordion .accordion .accordion__list, body.et-db #et-boc .et-l html[dir=rtl] .accordion .accordion .accordion__list, html[dir=rtl] .accordion body.et-db #et-boc .et-l .accordion .accordion__list {
    padding: 0 24px 0 0
}

html[dir=rtl] .accordion--flat .accordion .accordion__list, html[dir=rtl] .accordion--flat body.et-db #et-boc .et-l .accordion .accordion__list, body.et-db #et-boc .et-l html[dir=rtl] .accordion--flat .accordion .accordion__list, .accordion--flat .accordion .accordion__list, .accordion--flat body.et-db #et-boc .et-l .accordion .accordion__list, body.et-db #et-boc .et-l .accordion--flat .accordion .accordion__list {
    padding: 0
}

.accordion .accordion .accordion__item, body.et-db #et-boc .et-l .accordion .accordion .accordion__item, .accordion body.et-db #et-boc .et-l .accordion .accordion__item {
    grid-template-columns:1fr 16px 8px 24px;
    grid-template-areas:"accordion__link.accordion__expander.""accordion__accordion accordion__accordion accordion__accordion accordion__accordion"
}

.footer__accordion .accordion .accordion__item, .footer__accordion body.et-db #et-boc .et-l .accordion .accordion__item, body.et-db #et-boc .et-l .footer__accordion .accordion .accordion__item {
    grid-template-columns:1fr 16px 10px 24px
}

.accordion .accordion .accordion__item:last-child, body.et-db #et-boc .et-l .accordion .accordion .accordion__item:last-child, .accordion body.et-db #et-boc .et-l .accordion .accordion__item:last-child {
    border-bottom-width: 0
}

.accordion .accordion .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__link {
    color: #2d78bd;
    color: var(--mariner);
    text-transform: none;
    font-size: 1rem;
    font-weight: 400
}

_:-ms-input-placeholder, :root .accordion .accordion .accordion__link, :root body.et-db #et-boc .et-l .accordion .accordion .accordion__link, .accordion :root body.et-db #et-boc .et-l .accordion .accordion__link {
    padding: 1em 0
}

.accordion.footer__accordion .accordion .accordion__link, body.et-db #et-boc .et-l .footer__accordion.accordion .accordion .accordion__link, .accordion.footer__accordion body.et-db #et-boc .et-l .accordion .accordion__link {
    font-size: .875em
}

.accordion.accordion--flat .accordion .accordion__link, body.et-db #et-boc .et-l .accordion--flat.accordion .accordion .accordion__link, .accordion.accordion--flat body.et-db #et-boc .et-l .accordion .accordion__link {
    min-height: 32px;
    padding: .392857em 0
}

.accordion.accordion--dark .accordion .accordion__link, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link {
    color: #626f81;
    color: var(--pale-sky)
}

.accordion.accordion--dark .accordion .accordion__link:hover, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link:hover, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link:hover, .accordion.accordion--dark .accordion .accordion__link:active, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link:active, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link:active {
    color: #fff;
    color: var(--white)
}

.accordion .accordion .accordion__link:hover, body.et-db #et-boc .et-l .accordion .accordion .accordion__link:hover, .accordion body.et-db #et-boc .et-l .accordion .accordion__link:hover, .accordion .accordion .accordion__link:active, body.et-db #et-boc .et-l .accordion .accordion .accordion__link:active, .accordion body.et-db #et-boc .et-l .accordion .accordion__link:active {
    color: #0a264e;
    color: var(--downriver)
}

.accordion .accordion .accordion__expander:not(.collapsed) ~ .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__expander:not(.collapsed) ~ .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__expander:not(.collapsed) ~ .accordion__link {
    font-weight: 400
}

.accordion .accordion .accordion__expander ~ .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__expander ~ .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__expander ~ .accordion__link {
    grid-column: 1/2
}

@media (max-width: 923px) {
    .languages__area {
        display: none
    }
}

@media (min-width: 924px) {
    .languages__area {
        grid-area: languages__area;
        position: relative
    }
}

@media (min-width: 924px) {
    .languages__area-former {
        padding-top: 38.1966%
    }
}

.languages__area-filler {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.languages__area-img {
    max-height: 100%;
    max-width: 100%
}

.languages__area-img--placeholder {
    width: 20%
}

.languages__area-img ~ .languages__area-img--placeholder {
    display: none
}

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

@media (min-width: 924px) {
    .languages__list {
        display: flex
    }

    .languages__list:not(:empty) {
        margin: -8px
    }
}

@media (max-width: 923px) {
    .languages__container {
        padding: 0
    }
}

@media (min-width: 924px) {
    .languages__container {
        padding-top: 24px;
        padding-bottom: 24px;
        overflow: hidden
    }
}

.languages__group {
    margin: 0;
    padding: 0 34px;
    list-style: none
}

@media (max-width: 923px) {
    .languages__group {
        padding: 16px 0
    }
}

@media (min-width: 924px) {
    .languages__group {
        grid-area: languages__group
    }
}

.languages__group-title {
    color: #212d40;
    color: var(--ebony-clay);
    border-bottom-color: #dddfe5;
    border-bottom-color: var(--mischka);
    text-align: center;
    border-style: solid;
    border-width: 0 0 1px;
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 600
}

@media (max-width: 923px) {
    .languages__group-title {
        min-height: 56px;
        padding: 16px 24px
    }
}

@media (min-width: 924px) {
    .languages__group-title {
        min-height: 2.4em;
        text-overflow: ellipsis;
        white-space: nowrap;
        grid-area: languages__group-title;
        overflow: hidden
    }
}

.languages__item--active .languages__text {
    font-weight: 700
}

@media (max-width: 923px) {
    .languages__item--group {
        border-top-color: #dddfe5;
        border-top-color: var(--mischka);
        border-style: solid;
        border-width: 1px 0 0
    }
}

@media (min-width: 924px) {
    .languages__item--group {
        grid-template:"languages__group-title""."24px"languages__area""."24px"languages__group"1fr/1fr;
        grid-auto-flow: row;
        align-content: flex-start;
        margin: 8px;
        display: grid
    }
}

.languages__item:not(.languages__item--group) {
    min-height: 40px;
    align-items: center;
    display: flex
}

@media (max-width: 923px) {
    .languages__item:not(.languages__item--group) {
        padding: 8px 24px
    }
}

@media (min-width: 924px) {
    .languages__item {
        flex-basis: 25%
    }
}

.languages__text {
    color: #212d40;
    color: var(--ebony-clay);
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400
}

.languages__icon {
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 0;
    overflow: hidden
}

.languages__link {
    max-width: 100%;
    align-items: center;
    display: inline-block;
    overflow: hidden
}

.languages__link-inner {
    max-width: 100%;
    align-items: center;
    display: flex
}

.languages__link-inner:not(:empty) {
    margin: 0 -8px
}

.languages__link-inner > * {
    margin: 0 8px
}

.navbar {
    background-color: #fff;
    background-color: var(--white);
    height: 72px;
    z-index: 2;
    flex-direction: column;
    display: flex;
    position: relative
}

.navbar__container {
    flex-grow: 1;
    grid-template:". . . . ."16px". .navbar__brand.navbar__toggler"1fr". . . . ."16px/32px 16px 1fr 16px 32px;
    grid-auto-flow: column;
    display: grid
}

.navbar__toggler {
    color: #0a264e;
    color: var(--downriver);
    background: 0 0;
    border: 0;
    grid-area: navbar__toggler;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 2rem;
    line-height: 1;
    display: flex
}

.navbar__brand {
    color: #fff;
    color: var(--white);
    grid-area: navbar__brand;
    place-self: center;
    font-size: 24px;
    line-height: 0
}

_:-ms-input-placeholder, :root .navbar__brand {
    display: inline-block
}

.navbar__brand .icon-brand--no-fill {
    display: none
}

.navbar__brand .icon {
    vertical-align: middle
}

@media (min-width: 480px) {
    .navbar__brand {
        font-size: calc(3.6036vw + 6.7027px)
    }
}

@media (min-width: 924px) {
    .navbar__brand {
        font-size: 40px
    }
}

.body--index .navbar, .body--404 .navbar, .body--page-404 .navbar {
    background-color: #0000
}

@media (max-width: 479px) {
    .body--index .navbar, .body--404 .navbar, .body--page-404 .navbar {
        margin-bottom: -72px
    }
}

@media (min-width: 480px) and (max-width: 923px) {
    .body--index .navbar, .body--404 .navbar, .body--page-404 .navbar {
        margin-bottom: calc(-5.40541vw - 46.0541px)
    }
}

.body--index .navbar__brand .icon-brand, .body--404 .navbar__brand .icon-brand, .body--page-404 .navbar__brand .icon-brand {
    display: none
}

.body--index .navbar__brand .icon-brand--no-fill, .body--404 .navbar__brand .icon-brand--no-fill, .body--page-404 .navbar__brand .icon-brand--no-fill {
    display: inline-block
}

.body--index .navbar__toggler, .body--404 .navbar__toggler, .body--page-404 .navbar__toggler {
    color: #fff;
    color: var(--white)
}

@media (min-width: 480px) {
    .navbar {
        height: calc(5.40541vw + 46.0541px)
    }
}

@media (min-width: 924px) {
    .navbar {
        height: 96px;
        display: none
    }
}

.header__accordion {
    grid-area: header__accordion
}

@media (min-width: 924px) {
    .header__accordion {
        display: none
    }
}

@media (min-width: 924px) {
    .header__bg-wing {
        background-color: #fff;
        background-color: var(--white);
        height: 100%;
        width: 100%;
        width: 100vw;
        width: calc(50vw - 446px);
        position: absolute;
        top: 0
    }

    .header__bg-wing--left {
        right: 100%
    }

    .header__bg-wing--right {
        left: 100%
    }

    body {
        overflow-x: hidden
    }
}

@media (min-width: 1168px) {
    .header__bg-wing {
        width: calc(50vw - 568px)
    }
}

@media (max-width: 923px) {
    .header__bg {
        background-color: #fafcff;
        background-color: var(--zircon);
        grid-area: 1/1/4/8;
        align-self: auto
    }
}

@media (min-width: 924px) {
    .header__bg {
        background-color: #fff;
        background-color: var(--white);
        height: 100%;
        pointer-events: none;
        grid-area: 1/1/8/10;
        position: relative
    }

    _:-ms-input-placeholder, :root .header__bg {
        pointer-events: auto
    }

    _:-ms-fullscreen, :root .header__bg {
        pointer-events: none;
        position: relative
    }
}

@media (max-width: 923px) {
    .header__languages {
        grid-area: header__languages
    }
}

@media (min-width: 924px) {
    .header__languages {
        max-height: calc(100vh - 96px);
        z-index: 1;
        display: flex;
        position: absolute;
        top: 48px;
        left: 0;
        right: 0
    }

    .header__languages .languages {
        background-color: #fff;
        background-color: var(--white);
        flex-grow: 1;
        display: flex;
        box-shadow: 0 0 32px #1325383d
    }

    _:-ms-input-placeholder, :root .header__languages .languages {
        max-height: calc(100vh - 96px)
    }

    .header__languages .languages__container {
        flex-grow: 1;
        display: flex
    }

    .header__languages .languages__list {
        flex-grow: 1
    }

    .header__languages .languages__group {
        overflow-x: hidden
    }

    .header__languages:not(.header__languages--show) {
        display: none
    }
}

@media (min-width: 1168px) {
    .header__languages {
        left: -8px;
        right: -8px
    }
}

.header__container {
    grid-auto-flow: column;
    justify-content: space-between;
    display: grid
}

@media (max-width: 924px) {
    .header__container:not(.header__container_show_languages) .header__languages {
        display: none
    }
}

.header__container > :not(.header__bg) {
    -ms-grid-row-align: center
}

@media (max-width: 923px) {
    .header__container {
        width: 100%;
        flex-grow: 1;
        flex-shrink: 0;
        grid-template:". . . . . . ."24px".header__brand. . .header__menu-toggler."minmax(24px, auto)". . . . . . ."24px". . . . . . ."32px".header__actions header__actions header__actions header__actions header__actions."". . . . . . ."32px".header__personal header__personal header__personal header__personal header__personal."". . . . . . ."16px"header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion"". . . . . . ."minmax(24px, 1fr)".header__nav header__nav header__nav header__nav header__nav."". . . . . . ."24px/24px auto 8px 1fr 8px auto 24px;
        padding-left: 0;
        padding-right: 0
    }

    .header__container > :not(.header__bg) {
        align-self: flex-start
    }

    .header__container_show_languages {
        grid-template-rows:24px minmax(24px, auto) 24px 32px auto 32px auto 16px auto 8px auto minmax(24px, 1fr) auto 24px;
        grid-template-areas:". . . . . . ."".header__brand. . .header__menu-toggler."". . . . . . ."". . . . . . ."".header__actions header__actions header__actions header__actions header__actions."". . . . . . ."".header__personal header__personal header__personal header__personal header__personal."". . . . . . .""header__languages header__languages header__languages header__languages header__languages header__languages header__languages"". . . . . . .""header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion"". . . . . . ."".header__nav header__nav header__nav header__nav header__nav."". . . . . . ."
    }

    _:-ms-input-placeholder, :root .header__container_show_languages {
        grid-template-rows:24px minmax(24px, 1fr) 24px 32px auto 32px auto 16px auto 8px auto 1fr auto 0
    }

    _:-ms-input-placeholder, :root .header__container {
        grid-template-rows:24px minmax(24px, 1fr) 24px 32px auto 32px auto 16px auto 1fr auto 0
    }
}

@media (min-width: 924px) {
    .header__container {
        grid-template:". . . . . . . . ."8px". . . . . .header__actions. ."8px"header__nav header__nav header__nav. . .header__actions.header__personal"minmax(24px, auto)". . . . . .header__actions. ."8px"header__brand. . . . . . . ."8px"header__brand.header__menu header__menu header__menu header__menu header__menu header__menu header__menu"". . . . . . . . ."16px/auto 32px auto 12px 1fr 12px max-content 24px auto;
        position: relative
    }

    .header__container > :not(.header__bg) {
        -ms-grid-row-align: stretch
    }

    _:-ms-input-placeholder, :root .header__container {
        grid-template-rows:8px 8px minmax(24px, 1fr) 8px 8px auto 16px
    }
}

.header__brand {
    grid-area: header__brand;
    line-height: 1;
    display: block
}

.header__brand-icon {
    vertical-align: top
}

.header__brand .icon-brand--no-fill {
    display: none
}

@media (max-width: 923px) {
    .header__brand {
        font-size: 1.5rem
    }
}

@media (min-width: 924px) {
    .header__brand {
        align-self: center;
        font-size: 2.5rem;
        position: relative
    }
}

.header__nav {
    grid-area: header__nav
}

.header__nav.collapsing {
    height: auto
}

.header__nav-list {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    list-style: none
}

@media (max-width: 923px) {
    _:-ms-input-placeholder, :root .header__nav-list {
        padding: 24px 0
    }
}

@media (min-width: 924px) {
    .header__nav-list {
        flex-wrap: wrap;
        align-items: center;
        display: flex
    }

    .header__nav-list:not(:empty) {
        margin: -4px -12px
    }
}

@media (max-width: 923px) {
    .header__nav-item:not(:first-child) {
        margin-top: 1.33333em
    }
}

@media (min-width: 924px) {
    .header__nav-item {
        align-items: center;
        padding: 4px 12px;
        line-height: 1.66667em;
        display: flex
    }
}

.header__nav-link {
    color: #0a264e;
    color: var(--downriver);
    font-size: 1em
}

.header__nav-link:hover, .header__nav-link:active {
    text-decoration: none
}

@media (max-width: 923px) {
    .header__nav-link:hover, .header__nav-link:active {
        color: #0a95ff;
        color: var(--dodger-blue);
        text-decoration: underline
    }
}

@media (min-width: 924px) {
    .header__nav-link {
        color: #8c96a3;
        color: var(--regent-gray);
        position: relative
    }

    .header__nav-link:hover {
        color: #1b6eea;
        color: var(--royal-blue);
        text-decoration: underline
    }

    .header__nav-link:active, .header__nav-link--active {
        color: #1b6eea;
        color: var(--royal-blue)
    }
}

@media (max-width: 923px) {
    .header__nav {
        align-self: flex-end;
        font-size: .75rem
    }
}

@media (min-width: 924px) {
    .header__nav {
        align-self: center;
        position: relative
    }

    .header__nav.collapse:not(.show) {
        display: inline-flex
    }
}

.header__menu {
    grid-area: header__menu
}

.header__menu.collapsing {
    height: auto
}

@media (max-width: 923px) {
    .header__menu {
        display: none
    }
}

@media (min-width: 924px) {
    .header__menu {
        align-self: flex-end;
        display: flex
    }

    .header__menu.collapse, .header__menu.collapse:not(.show) {
        justify-content: center;
        display: flex
    }

    .header__menu .menu_lvl_2 {
        top: calc(100% - 16px);
        left: -8px;
        right: -8px
    }
}

.header__language-toggler {
    vertical-align: middle;
    background: 0 0;
    border: 0;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    line-height: 0;
    display: inline-flex
}

.header__language-toggler:not(:empty) {
    margin: -2px
}

.header__language-toggler > * {
    margin: 2px
}

.header__language-toggler.collapsing {
    transition: none
}

.header__language-toggler-icon {
    font-size: 1em
}

.header__language-toggler-text {
    color: #0a264e;
    color: var(--downriver);
    min-width: 1.46667em;
    font-size: .9375em;
    line-height: 1
}

body .header__language-toggler-text {
    margin-left: 6px;
    margin-right: 2px
}

html[dir=rtl] .header__language-toggler-text {
    margin-left: 2px;
    margin-right: 6px
}

@media (min-width: 924px) {
    .header__language-toggler-text {
        max-width: 100%;
        vertical-align: middle;
        display: inline-block
    }
}

.header__language-toggler-caret {
    align-self: center;
    font-size: .625em;
    display: block
}

.header__language-toggler-caret .icon-arrow--up, .header__language-toggler[aria-expanded=true] .icon-arrow--down {
    display: none
}

.header__language-toggler[aria-expanded=true] .icon-arrow--up {
    display: inline-block
}

.header__language-toggler:hover .header__language-toggler-caret, .header__language-toggler:active .header__language-toggler-caret, .header__language-toggler[aria-expanded=true] .header__language-toggler-caret, .header__language-toggler:hover .header__language-toggler-text, .header__language-toggler:active .header__language-toggler-text, .header__language-toggler[aria-expanded=true] .header__language-toggler-text {
    color: #0a95ff;
    color: var(--dodger-blue)
}

@media (min-width: 924px) {
    .header__language-toggler:hover, .header__language-toggler:active, .header__language-toggler[aria-expanded=true] {
        color: #7fa9d1;
        color: var(--polo-blue)
    }
}

@media (min-width: 924px) {
    .header__language-toggler {
        font-size: 1rem
    }

    .header__language-toggler.collapse:not(.show) {
        display: inline-flex
    }

    .header__language-toggler > * {
        -ms-grid-row-align: center
    }
}

.header__personal {
    grid-area: header__personal;
    margin: 0;
    padding: 0;
    display: flex
}

.header__personal-item {
    align-items: center;
    margin: 0;
    padding: 4px 12px;
    display: flex
}

.header__personal-link {
    color: #0a264e;
    color: var(--downriver);
    align-items: center;
    font-size: .9375em;
    line-height: 1;
    display: flex
}

.header__personal-link:not(:empty) {
    margin: -4px
}

.header__personal-link > * {
    margin: 4px
}

.header__personal-link .icon {
    flex-shrink: 0;
    font-size: 1.06667em
}

.header__personal-link:hover {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: underline
}

.header__personal-link:active, .header__personal-link--active {
    color: #0a95ff;
    color: var(--dodger-blue)
}

@media (max-width: 923px) {
    .header__personal {
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 1rem;
        display: flex
    }

    .header__personal:not(:empty) {
        margin: -4px -8px
    }

    .header__personal > * {
        padding: 4px 8px
    }
}

@media (min-width: 924px) {
    .header__personal {
        color: #fff;
        color: var(--white);
        z-index: 1;
        justify-content: flex-end;
        position: relative
    }

    .header__personal:not(:empty) {
        margin: -4px -12px
    }

    .header__personal > * {
        padding: 4px 12px
    }
}

.header__login {
    vertical-align: top;
    display: inline-block
}

@media (max-width: 923px) {
    .header__login.collapsing {
        transition: none
    }
}

@media (min-width: 924px) {
    .header__login.collapse:not(.show) {
        display: inline-block
    }

    .header__login:hover {
        color: #7c90b1;
        color: var(--wild-blue-yonder);
        text-decoration: none
    }

    .header__login:active, .header__login--active {
        color: #fff;
        color: var(--white);
        text-decoration: underline
    }
}

@media (max-width: 923px) {
    .header__menu-toggler {
        color: #0a264e;
        color: var(--downriver);
        height: 20px;
        max-width: 100%;
        vertical-align: middle;
        width: 20px;
        background: 0 0;
        border: 0;
        grid-area: header__menu-toggler;
        justify-content: center;
        align-self: center;
        align-items: center;
        padding: 0;
        font-size: 1.25rem;
        line-height: 1;
        display: inline-flex
    }

    .header__menu-toggler-icon {
        vertical-align: middle;
        font-size: 1em;
        position: relative;
        top: 1px
    }
}

@media (min-width: 924px) {
    .header__menu-toggler, .header__menu-toggler.collapse:not(.show) {
        display: none
    }
}

.header__actions {
    grid-area: header__actions;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.header__actions:not(:empty) {
    margin: -4px -8px
}

.header__actions.collapsing {
    height: auto
}

.header__actions.collapse:not(.show) {
    display: flex
}

.header__actions-item {
    padding: 4px 8px
}

:root:not([lang=en-mena]):not([lang=ar]) .header__actions-item_demo, :root[lang=en-mena] .header__actions-item_demo_desktop, :root[lang=ar] .header__actions-item_demo_desktop {
    display: none
}

@media (min-width: 924px) {
    :root[lang=en-mena] .header__actions-item_demo_desktop, :root[lang=ar] .header__actions-item_demo_desktop {
        display: flex
    }
}

:root[lang=en-mena] .header__actions-item_demo_mobile, :root[lang=ar] .header__actions-item_demo_mobile {
    display: none
}

@media (max-width: 923px) {
    :root[lang=en-mena] .header__actions-item_demo_mobile, :root[lang=ar] .header__actions-item_demo_mobile {
        display: list-item
    }
}

@media (min-width: 924px) {
    .header__actions-item {
        min-width: 152px;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-end;
        display: flex
    }
}

@media (max-width: 923px) {
    .header__actions {
        flex-direction: column;
        align-self: flex-start
    }
}

@media (min-width: 924px) {
    .header__actions {
        align-self: center;
        position: relative
    }
}

.header__action {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    border-width: 2px;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.71429em;
    display: inline-flex
}

@media (max-width: 923px) {
    .header__action_live_desktop.header__action {
        display: none
    }
}

@media (max-width: 923px) {
    .header__action_live_desktop {
        display: none
    }
}

@media (min-width: 924px) {
    .header__action_live_mobile {
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
}

.header.collapse:not(.show) {
    display: block
}

@media (max-width: 923px) {
    .header {
        background-color: #fff;
        background-color: var(--white);
        max-height: 100%;
        flex-direction: column;
        display: flex;
        overflow-x: hidden;
        box-shadow: 0 4px 20px #0b153e1a
    }

    .header.collapsing {
        height: auto
    }

    .header.collapse.show {
        height: 100vh;
        position: fixed;
        inset: 0;
        overflow: hidden
    }

    _:-ms-input-placeholder, :root .header {
        flex-direction: row
    }
}

@media (min-width: 924px) {
    .header {
        position: relative
    }

    .header:not(.header--chameleon) {
        box-shadow: 0 0 32px #1325383d
    }

    .header--chameleon .header__bg, .header--chameleon .header__bg-wing {
        background-color: #0000
    }

    .header--chameleon .header__brand {
        color: #fff;
        color: var(--white)
    }

    .header--chameleon .header__brand .icon-brand {
        display: none
    }

    .header--chameleon .header__brand .icon-brand--no-fill {
        display: block
    }

    .header--chameleon .header__nav-link, .header--chameleon .header__nav-link:hover, .header--chameleon .header__nav-link:active, .header--chameleon .header__nav-link--active, .header--chameleon .header__language-toggler-text, .header--chameleon .header__language-toggler-caret, .header--chameleon .header__language-toggler:hover .header__language-toggler-text, .header--chameleon .header__language-toggler:hover .header__language-toggler-caret, .header--chameleon .header__language-toggler:active .header__language-toggler-text, .header--chameleon .header__language-toggler:active .header__language-toggler-caret, .header--chameleon .header__language-toggler[aria-expanded=true] .header__language-toggler-text, .header--chameleon .header__language-toggler[aria-expanded=true] .header__language-toggler-caret, .header--chameleon .header__personal-link, .header--chameleon .header__personal-link:hover, .header--chameleon .header__personal-link:active, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-icon {
        color: #fff;
        color: var(--white)
    }
}

@charset "UTF-8";
:root[dir="rtl"] h1, :root[dir="rtl"] h2, :root[dir="rtl"] h3, :root[dir="rtl"] h4, :root[dir="rtl"] h5, :root[dir="rtl"] h6 {
    font-family: Cairo, Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --red: red;
    --chateau-green: #3bb54a;
    --cello: #244465;
    --azure: #315996;
    --alto: #d3d3d3;
    --midnight: #011a30;
    --shadow: #86754f;
    --silver: #bebebe;
    --blue-whale: #032543;
    --madison: #0d2864;
    --iron: #e4e4e5;
    --white: #fff;
    --polar: #f5fafd;
    --azure-radiance: #0c7ee1;
    --dusty-gray: #999;
    --mountain-meadow: #1fb587;
    --carnation: #f2594f;
    --congress-blue: #003885;
    --catskill-white-2: #f4f6fa;
    --catskill-white: #f9fafc;
    --punch: #da372d;
    --waterloo: #7d82a1;
    --periwinkle-gray: #d3dcec;
    --bunting: #11193e;
    --cornflower-blue: #57a0f7;
    --botticelli: #dee5f1;
    --matisse: #22529f;
    --pale-sky: #626f81;
    --woodsmoke: #121419;
    --abbey: #4f5158;
    --tuna: #313541;
    --charade: #272a33;
    --charade-2: #242730;
    --manatee: #8f93a2;
    --ebony-clay: #212d40;
    --royal-blue: #1b6eea;
    --regent-gray: #8c96a3;
    --big-stone: #132538;
    --mariner: #2d78bd;
    --endeavour: #0053a4;
    --downriver: #0a264e;
    --blue-zodiac: #0b153e;
    --dodger-blue-2: #27bcff;
    --dodger-blue: #0a95ff;
    --athens-gray: #e6e7eb;
    --polo-blue: #7fa9d1;
    --dove-gray: #727272;
    --selago: #f2f6fd;
    --whisper: #fbfbfd;
    --zircon: #fafcff;
    --crimson: #ef1a1b;
    --santas-gray: #969cb6;
    --steel-blue: #4c86bf;
    --midnight-blue: #002767;
    --chathams-blue: #1a3d76;
    --wild-blue-yonder: #7c90b1;
    --casper: #b6c2d5;
    --sun: #faa30d;
    --havelock-blue: #4a90e2;
    --mischka: #dddfe5;
    --breakpoint-xxxs: 0;
    --breakpoint-xxs: 375px;
    --breakpoint-xs: 480px;
    --breakpoint-s: 600px;
    --breakpoint-m: 768px;
    --breakpoint-l: 924px;
    --breakpoint-xl: 1168px;
    --breakpoint-xxl: 1600px;
    --breakpoint-xxxl: 1920px;
    --font-family-sans-serif: "Open Sans", "Microsoft YaHei", Helvetica, Arial, Lucida, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, :after, :before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a264e;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

address, dl, ol, ul {
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: initial
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: initial
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code, kbd, pre, samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img, svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: 0.5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: initial
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: 0.2em;
    background-color: #fcf8e3
}

.btn, .header__action {
    display: inline-block;
    font-weight: 400;
    color: #0a264e;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: initial;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem
}

.btn:hover, .header__action:hover {
    color: #0a264e;
    text-decoration: none
}

.btn.focus, .btn:focus, .focus.header__action, .header__action:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
}

.btn.disabled, .btn:disabled, .disabled.header__action, .header__action:disabled {
    opacity: 0.65
}

.btn:not(:disabled):not(.disabled), .header__action:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, a.disabled.header__action, fieldset:disabled a.btn, fieldset:disabled a.header__action {
    pointer-events: none
}

.btn-white {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-white.focus, .btn-white:focus, .btn-white:hover {
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6
}

.btn-white.focus, .btn-white:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5)
}

.btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf
}

.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5)
}

.btn-mariner, .header:not(.header--chameleon) .header__action_live_desktop, .header__action_live_mobile {
    color: #fff;
    background-color: #2d78bd;
    border-color: #2d78bd
}

.btn-mariner:hover, .header:not(.header--chameleon) .header__action_live_desktop:hover, .header__action_live_mobile:hover {
    color: #fff;
    background-color: #26649e;
    border-color: #235e94
}

.btn-mariner.focus, .btn-mariner:focus, .focus.header__action_live_mobile, .header:not(.header--chameleon) .focus.header__action_live_desktop, .header:not(.header--chameleon) .header__action_live_desktop:focus, .header__action_live_mobile:focus {
    color: #fff;
    background-color: #26649e;
    border-color: #235e94;
    box-shadow: 0 0 0 0.2rem rgba(77, 140, 199, 0.5)
}

.btn-mariner.disabled, .btn-mariner:disabled, .disabled.header__action_live_mobile, .header:not(.header--chameleon) .disabled.header__action_live_desktop, .header:not(.header--chameleon) .header__action_live_desktop:disabled, .header__action_live_mobile:disabled {
    color: #fff;
    background-color: #2d78bd;
    border-color: #2d78bd
}

.btn-mariner:not(:disabled):not(.disabled).active, .btn-mariner:not(:disabled):not(.disabled):active, .header:not(.header--chameleon) .header__action_live_desktop:not(:disabled):not(.disabled).active, .header:not(.header--chameleon) .header__action_live_desktop:not(:disabled):not(.disabled):active, .header:not(.header--chameleon) .show > .dropdown-toggle.header__action_live_desktop, .header__action_live_mobile:not(:disabled):not(.disabled).active, .header__action_live_mobile:not(:disabled):not(.disabled):active, .show > .btn-mariner.dropdown-toggle, .show > .dropdown-toggle.header__action_live_mobile {
    color: #fff;
    background-color: #235e94;
    border-color: #21578a
}

.btn-mariner:not(:disabled):not(.disabled).active:focus, .btn-mariner:not(:disabled):not(.disabled):active:focus, .header:not(.header--chameleon) .header__action_live_desktop:not(:disabled):not(.disabled).active:focus, .header:not(.header--chameleon) .header__action_live_desktop:not(:disabled):not(.disabled):active:focus, .header:not(.header--chameleon) .show > .dropdown-toggle.header__action_live_desktop:focus, .header__action_live_mobile:not(:disabled):not(.disabled).active:focus, .header__action_live_mobile:not(:disabled):not(.disabled):active:focus, .show > .btn-mariner.dropdown-toggle:focus, .show > .dropdown-toggle.header__action_live_mobile:focus {
    box-shadow: 0 0 0 0.2rem rgba(77, 140, 199, 0.5)
}

.btn-dodger-blue, .header--chameleon .header__action_live_desktop {
    color: #fff;
    background-color: #0a95ff;
    border-color: #0a95ff
}

.btn-dodger-blue:hover, .header--chameleon .header__action_live_desktop:hover {
    color: #fff;
    background-color: #0081e3;
    border-color: #0079d6
}

.btn-dodger-blue.focus, .btn-dodger-blue:focus, .header--chameleon .focus.header__action_live_desktop, .header--chameleon .header__action_live_desktop:focus {
    color: #fff;
    background-color: #0081e3;
    border-color: #0079d6;
    box-shadow: 0 0 0 0.2rem rgba(47, 165, 255, 0.5)
}

.btn-dodger-blue.disabled, .btn-dodger-blue:disabled, .header--chameleon .disabled.header__action_live_desktop, .header--chameleon .header__action_live_desktop:disabled {
    color: #fff;
    background-color: #0a95ff;
    border-color: #0a95ff
}

.btn-dodger-blue:not(:disabled):not(.disabled).active, .btn-dodger-blue:not(:disabled):not(.disabled):active, .header--chameleon .header__action_live_desktop:not(:disabled):not(.disabled).active, .header--chameleon .header__action_live_desktop:not(:disabled):not(.disabled):active, .header--chameleon .show > .dropdown-toggle.header__action_live_desktop, .show > .btn-dodger-blue.dropdown-toggle {
    color: #fff;
    background-color: #0079d6;
    border-color: #0072c9
}

.btn-dodger-blue:not(:disabled):not(.disabled).active:focus, .btn-dodger-blue:not(:disabled):not(.disabled):active:focus, .header--chameleon .header__action_live_desktop:not(:disabled):not(.disabled).active:focus, .header--chameleon .header__action_live_desktop:not(:disabled):not(.disabled):active:focus, .header--chameleon .show > .dropdown-toggle.header__action_live_desktop:focus, .show > .btn-dodger-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(47, 165, 255, 0.5)
}

.btn-outline-white, .header--chameleon .header__action_demo_desktop {
    color: #fff;
    border-color: #fff
}

.btn-outline-white:hover, .header--chameleon .header__action_demo_desktop:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-white.focus, .btn-outline-white:focus, .header--chameleon .focus.header__action_demo_desktop, .header--chameleon .header__action_demo_desktop:focus {
    box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.5)
}

.btn-outline-white.disabled, .btn-outline-white:disabled, .header--chameleon .disabled.header__action_demo_desktop, .header--chameleon .header__action_demo_desktop:disabled {
    color: #fff;
    background-color: initial
}

.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .header--chameleon .header__action_demo_desktop:not(:disabled):not(.disabled).active, .header--chameleon .header__action_demo_desktop:not(:disabled):not(.disabled):active, .header--chameleon .show > .dropdown-toggle.header__action_demo_desktop, .show > .btn-outline-white.dropdown-toggle {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .header--chameleon .header__action_demo_desktop:not(:disabled):not(.disabled).active:focus, .header--chameleon .header__action_demo_desktop:not(:disabled):not(.disabled):active:focus, .header--chameleon .show > .dropdown-toggle.header__action_demo_desktop:focus, .show > .btn-outline-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0.5)
}

.btn-outline-mariner, .header:not(.header--chameleon) .header__action_demo_desktop, .header__action_demo_mobile {
    color: #2d78bd;
    border-color: #2d78bd
}

.btn-outline-mariner:hover, .header:not(.header--chameleon) .header__action_demo_desktop:hover, .header__action_demo_mobile:hover {
    color: #fff;
    background-color: #2d78bd;
    border-color: #2d78bd
}

.btn-outline-mariner.focus, .btn-outline-mariner:focus, .focus.header__action_demo_mobile, .header:not(.header--chameleon) .focus.header__action_demo_desktop, .header:not(.header--chameleon) .header__action_demo_desktop:focus, .header__action_demo_mobile:focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 120, 189, 0.5)
}

.btn-outline-mariner.disabled, .btn-outline-mariner:disabled, .disabled.header__action_demo_mobile, .header:not(.header--chameleon) .disabled.header__action_demo_desktop, .header:not(.header--chameleon) .header__action_demo_desktop:disabled, .header__action_demo_mobile:disabled {
    color: #2d78bd;
    background-color: initial
}

.btn-outline-mariner:not(:disabled):not(.disabled).active, .btn-outline-mariner:not(:disabled):not(.disabled):active, .header:not(.header--chameleon) .header__action_demo_desktop:not(:disabled):not(.disabled).active, .header:not(.header--chameleon) .header__action_demo_desktop:not(:disabled):not(.disabled):active, .header:not(.header--chameleon) .show > .dropdown-toggle.header__action_demo_desktop, .header__action_demo_mobile:not(:disabled):not(.disabled).active, .header__action_demo_mobile:not(:disabled):not(.disabled):active, .show > .btn-outline-mariner.dropdown-toggle, .show > .dropdown-toggle.header__action_demo_mobile {
    color: #fff;
    background-color: #2d78bd;
    border-color: #2d78bd
}

.btn-outline-mariner:not(:disabled):not(.disabled).active:focus, .btn-outline-mariner:not(:disabled):not(.disabled):active:focus, .header:not(.header--chameleon) .header__action_demo_desktop:not(:disabled):not(.disabled).active:focus, .header:not(.header--chameleon) .header__action_demo_desktop:not(:disabled):not(.disabled):active:focus, .header:not(.header--chameleon) .show > .dropdown-toggle.header__action_demo_desktop:focus, .header__action_demo_mobile:not(:disabled):not(.disabled).active:focus, .header__action_demo_mobile:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-mariner.dropdown-toggle:focus, .show > .dropdown-toggle.header__action_demo_mobile:focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 120, 189, 0.5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}

.btn-link:hover {
    color: #0056b3
}

.btn-link.focus, .btn-link:focus, .btn-link:hover {
    text-decoration: underline
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 0.5rem
}

input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block {
    width: 100%
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 0.75
}

button.close {
    padding: 0;
    background-color: initial;
    border: 0
}

a.close.disabled {
    pointer-events: none
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: translate(0)
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: 0.5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

.modal-footer > * {
    margin: 0.25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
}

.modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
}

.modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
}

.modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: min-content
}

.modal-sm {
    max-width: 300px
}

.modal-lg, .modal-xl {
    max-width: 800px
}

@media (min-width: 1168px) {
    .modal-xl {
        max-width: 1140px
    }
}

.popover {
    top: 0;
    left: 0;
    z-index: 6;
    max-width: 276px;
    font-family: Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem
}

.popover, .popover .arrow {
    position: absolute;
    display: block
}

.popover .arrow {
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem
}

.popover .arrow:after, .popover .arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^="top"], .bs-popover-top {
    margin-bottom: 0.5rem
}

.bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow {
    bottom: calc(-0.5rem - 1px)
}

.bs-popover-auto[x-placement^="top"] > .arrow:before, .bs-popover-top > .arrow:before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-auto[x-placement^="top"] > .arrow:after, .bs-popover-top > .arrow:after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^="right"], .bs-popover-right {
    margin-left: 0.5rem
}

.bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0
}

.bs-popover-auto[x-placement^="right"] > .arrow:before, .bs-popover-right > .arrow:before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-auto[x-placement^="right"] > .arrow:after, .bs-popover-right > .arrow:after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom {
    margin-top: 0.5rem
}

.bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow {
    top: calc(-0.5rem - 1px)
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:before, .bs-popover-bottom > .arrow:before {
    top: 0;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-auto[x-placement^="bottom"] > .arrow:after, .bs-popover-bottom > .arrow:after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^="bottom"] .popover-header:before, .bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^="left"], .bs-popover-left {
    margin-right: 0.5rem
}

.bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0
}

.bs-popover-auto[x-placement^="left"] > .arrow:before, .bs-popover-left > .arrow:before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.bs-popover-auto[x-placement^="left"] > .arrow:after, .bs-popover-left > .arrow:after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #0a264e
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 375px) {
    .d-xxs-none {
        display: none !important
    }

    .d-xxs-inline {
        display: inline !important
    }

    .d-xxs-inline-block {
        display: inline-block !important
    }

    .d-xxs-block {
        display: block !important
    }

    .d-xxs-table {
        display: table !important
    }

    .d-xxs-table-row {
        display: table-row !important
    }

    .d-xxs-table-cell {
        display: table-cell !important
    }

    .d-xxs-flex {
        display: flex !important
    }

    .d-xxs-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 480px) {
    .d-xs-none {
        display: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: flex !important
    }

    .d-xs-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 600px) {
    .d-s-none {
        display: none !important
    }

    .d-s-inline {
        display: inline !important
    }

    .d-s-inline-block {
        display: inline-block !important
    }

    .d-s-block {
        display: block !important
    }

    .d-s-table {
        display: table !important
    }

    .d-s-table-row {
        display: table-row !important
    }

    .d-s-table-cell {
        display: table-cell !important
    }

    .d-s-flex {
        display: flex !important
    }

    .d-s-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-m-none {
        display: none !important
    }

    .d-m-inline {
        display: inline !important
    }

    .d-m-inline-block {
        display: inline-block !important
    }

    .d-m-block {
        display: block !important
    }

    .d-m-table {
        display: table !important
    }

    .d-m-table-row {
        display: table-row !important
    }

    .d-m-table-cell {
        display: table-cell !important
    }

    .d-m-flex {
        display: flex !important
    }

    .d-m-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 924px) {
    .d-l-none {
        display: none !important
    }

    .d-l-inline {
        display: inline !important
    }

    .d-l-inline-block {
        display: inline-block !important
    }

    .d-l-block {
        display: block !important
    }

    .d-l-table {
        display: table !important
    }

    .d-l-table-row {
        display: table-row !important
    }

    .d-l-table-cell {
        display: table-cell !important
    }

    .d-l-flex {
        display: flex !important
    }

    .d-l-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1168px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1600px) {
    .d-xxl-none {
        display: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1920px) {
    .d-xxxl-none {
        display: none !important
    }

    .d-xxxl-inline {
        display: inline !important
    }

    .d-xxxl-inline-block {
        display: inline-block !important
    }

    .d-xxxl-block {
        display: block !important
    }

    .d-xxxl-table {
        display: table !important
    }

    .d-xxxl-table-row {
        display: table-row !important
    }

    .d-xxxl-table-cell {
        display: table-cell !important
    }

    .d-xxxl-flex {
        display: flex !important
    }

    .d-xxxl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1168px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/open-sans-italic.eot");
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../fonts/open-sans-italic.woff2") format("woff2"), url("../fonts/open-sans-italic.woff") format("woff"), url("../fonts/open-sans-italic.ttf") format("truetype"), url("../fonts/open-sans-italic.svg") format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/open-sans-regular.eot");
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-regular.woff2") format("woff2"), url("../fonts/open-sans-regular.woff") format("woff"), url("../fonts/open-sans-regular.ttf") format("truetype"), url("../fonts/open-sans-regular.svg") format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/open-sans-700-italic.eot");
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../fonts/open-sans-700-italic.woff2") format("woff2"), url("../fonts/open-sans-700-italic.woff") format("woff"), url("../fonts/open-sans-700-italic.ttf") format("truetype"), url("../fonts/open-sans-700-italic.svg") format("svg")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/open-sans-700.eot");
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-700.woff2") format("woff2"), url("../fonts/open-sans-700.woff") format("woff"), url("../fonts/open-sans-700.ttf") format("truetype"), url("../fonts/open-sans-700.svg") format("svg")
}

@font-face {
    font-display: swap;
    font-family: Cairo;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Cairo-Regular.a48b19c0.eot");
    src: local("Cairo Regular"), local("Cairo-Regular"), url("../fonts/Cairo-Regular.ca7619db.woff2") format("woff2"), url("../fonts/Cairo-Regular.a3053d57.woff") format("woff"), url("../fonts/Cairo-Regular.73a8c08e.ttf") format("truetype"), url("../fonts/Cairo-Regular.af992748.svg") format("svg")
}

@font-face {
    font-display: swap;
    font-family: Cairo;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Cairo-Bold.6eeeacae.eot");
    src: local("Cairo Bold"), local("Cairo-Bold"), url("../fonts/Cairo-Bold.9a7145ac.woff2") format("woff2"), url("../fonts/Cairo-Bold.f69aadc4.woff") format("woff"), url("../fonts/Cairo-Bold.15fcd002.ttf") format("truetype"), url("../fonts/Cairo-Bold.ca9d0ac6.svg") format("svg")
}

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    stroke: currentColor;
    stroke-width: 0;
    vertical-align: top;
    width: 1em
}

.icon-linkedin--hollowed {
    width: 0.9411764706em
}

.icon-mail-2 {
    height: 0.7647058824em
}

.icon-phone-2 {
    widows: 0.8235294118em
}

.icon-hamburger {
    height: 0.6333333333em
}

.icon-brand, .icon-brand--no-fill {
    width: 3.26em
}

.icon-minus {
    height: 0.25em
}

.icon-arrow--right {
    width: 0.625em
}

.icon-arrow--down, .icon-arrow--up {
    height: 0.6em
}

.icon-arrow_left_2, .icon-arrow_right_2 {
    width: 0.625em
}

.icon-livechat {
    width: 0.9em
}

.icon-facebook {
    width: 0.5em
}

.icon-es-flag, .icon-po-flag, .icon-ru-flag {
    border-radius: 50%
}

.icon-cube {
    width: 0.9411764706em
}

.icon-info-list {
    height: 0.9375em
}

.icon-twitter {
    height: 0.8125em
}

.icon-wechat {
    height: 0.8333333333em
}

.icon-line {
    height: 0.9166666667em
}

.icon-slash {
    height: 0.7142857143em
}

.accordion .card-header {
    border: 0 solid #dee5f1;
    border-color: var(--botticelli);
    border-bottom: 1px solid var(--botticelli);
    margin-bottom: -1px
}

.accordion--custom .card, body.et-db #et-boc .et-l .accordion--custom .card {
    border-radius: 0;
    border: 1px solid #dee5f1;
    border-color: var(--botticelli)
}

.accordion--custom .card:not(:last-of-type), body.et-db #et-boc .et-l .accordion--custom .card:not(:last-of-type) {
    border-bottom-width: 0
}

.accordion--custom .card .card-header, body.et-db #et-boc .et-l .accordion--custom .card .card-header {
    background-color: #fff;
    background-color: var(--white);
    display: block;
    padding: 0
}

.accordion--custom .card .card-header__title, body.et-db #et-boc .et-l .accordion--custom .card .card-header__title {
    margin: 0;
    padding: 0
}

.accordion--custom .card .card-header .btn, .accordion--custom .card .card-header .header__action, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action {
    color: #0a264e;
    color: var(--downriver);
    align-items: center;
    display: flex;
    min-height: 64px;
    padding: 19px 24px;
    width: 100%
}

.accordion--custom .card .card-header .btn-link:hover, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn-link:hover {
    text-decoration: underline
}

.accordion--custom .card .card-header .btn:not(:empty), .accordion--custom .card .card-header .header__action:not(:empty), body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn:not(:empty), body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action:not(:empty) {
    padding: 19px 16px
}

.accordion--custom .card .card-header .btn > *, .accordion--custom .card .card-header .header__action > *, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn > *, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action > * {
    margin: 0 8px
}

.accordion--custom .card .card-header .btn .icon-minus, .accordion--custom .card .card-header .header__action .icon-minus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn .icon-minus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action .icon-minus {
    display: none
}

.accordion--custom .card .card-header .btn:not(.collapsed) .icon-minus, .accordion--custom .card .card-header .header__action:not(.collapsed) .icon-minus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn:not(.collapsed) .icon-minus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action:not(.collapsed) .icon-minus {
    display: block
}

.accordion--custom .card .card-header .btn:not(.collapsed) .icon-plus, .accordion--custom .card .card-header .header__action:not(.collapsed) .icon-plus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn:not(.collapsed) .icon-plus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action:not(.collapsed) .icon-plus {
    display: none
}

.accordion--custom .card .card-header .btn:focus, .accordion--custom .card .card-header .header__action:focus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn:focus, body.et-db #et-boc .et-l .accordion--custom .card .card-header .header__action:focus {
    box-shadow: none
}

.accordion--custom .card .card-header .btn__text, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn__text {
    flex-grow: 1;
    text-align: left
}

:root[dir="rtl"] .accordion--custom .card .card-header .btn__text, :root[dir="rtl"] body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn__text {
    text-align: right
}

.accordion--custom .card .card-header .btn__icon, body.et-db #et-boc .et-l .accordion--custom .card .card-header .btn__icon {
    color: #2d78bd;
    color: var(--mariner);
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

.accordion--custom .card .card-body, body.et-db #et-boc .et-l .accordion--custom .card .card-body {
    color: #0a264e;
    font-size: 1rem;
    padding: 1.25rem
}

.accordion--custom .card .card-body > :last-child, body.et-db #et-boc .et-l .accordion--custom .card .card-body > :last-child {
    margin-bottom: 0
}

.conductor.collapsing {
    height: auto
}

.conductor--header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

@media (max-width: 923px) {
    .conductor--header .conductor__seat {
        display: flex;
        max-width: 320px;
        width: 100%
    }

    .conductor--header .conductor__seat > * {
        flex-grow: 1
    }
}

.conductor--header .conductor__dismiss {
    background: none;
    border: 0;
    cursor: default;
    flex-grow: 1;
    margin: 0;
    padding: 0
}

@media (min-width: 924px) {
    .conductor--header .conductor__dismiss {
        display: none
    }
}

body.admin-bar .conductor--header {
    top: 32px
}

@media (max-width: 923px) {
    .conductor--header {
        background-color: rgba(0, 0, 0, 0.6);
        bottom: 0;
        display: flex;
        justify-content: flex-end;
        top: 0;
        width: 100%
    }
}

@media (min-width: 924px) {
    .conductor--header.collapse, .conductor--header.collapse:not(.show) {
        display: block
    }
}

#wpadminbar .ab-item img {
    width: 18px !important
}

.abbr {
    align-items: center;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    min-height: 1.3333333333em;
    min-width: 2.6666666667em;
    text-align: center
}

.abbr--danger {
    background-color: #da372d;
    background-color: var(--punch);
    color: #fff;
    color: var(--white)
}

.abbr--danger, .abbr--danger[data-original-title], .abbr--danger[title] {
    text-decoration: none
}

.pum-theme-light-box-with-bg .pum-content, [class^="pum-theme-"].pum-content {
    color: #0a264e;
    content-visibility: auto;
    font-family: Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif
}

:root[dir="rtl"] .pum-theme-light-box-with-bg .pum-content, :root[dir="rtl"] [class^="pum-theme-"].pum-content {
    font-family: Cairo, Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif
}

.pum-container {
    padding-bottom: 32px !important;
    padding-top: 32px !important
}

.modal_notice .close {
    position: absolute;
    top: 0;
    margin: 0
}

:root:not([dir="rtl"]) .modal_notice .close {
    right: 0;
    left: auto
}

:root[dir="rtl"] .modal_notice .close {
    right: auto;
    left: 0
}

.modal_notice .modal-header {
    position: relative
}

.modal_notice .modal-title:not(:empty) {
    padding-left: 1rem;
    padding-right: 1rem
}

.modal_notice .modal-title:not(:empty):after, .modal_notice .modal-title:not(:empty):before {
    content: "×";
    font-size: 1.5rem;
    color: transparent;
    speak: none;
    speak: never
}

.modal_notice .modal-body > :not(script) {
    margin: 1rem 0
}

.modal_notice .modal__brand-icon {
    font-size: 2.5rem
}

.modal_notice_hk .modal-body > :not(script) {
    margin: 2rem 0
}

:root[dir="rtl"] body.et-db #et-boc .et-l .et-l *, :root[dir="rtl"] body.et-db #et-boc .et-l .et_pb_button, :root[dir="rtl"] body.et-db #et-boc .et-l .et_pb_button.et_pb_button, :root[dir="rtl"] body.et-db #et-boc .et-l .et_pb_fullwidth_header .header-content *, :root[dir="rtl"] body.et-db #et-boc .et-l .et_pb_fullwidth_header .header-content.header-content * {
    font-family: Cairo, Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif
}

* {
    outline: none
}

:focus {
    outline: none !important
}

:root {
    min-height: 100%
}

:root[dir="rtl"] {
    text-align: right
}

:root[dir="rtl"] body {
    font-family: Cairo, Open Sans, Microsoft YaHei, Helvetica, Arial, Lucida, sans-serif
}

@supports (text-align: start) {
    :root, :root[dir="rtl"] {
        text-align: start
    }
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    overflow-x: hidden;
    text-align: inherit !important
}

body.collapsing {
    padding-right: 15px;
    height: auto
}

:root:not([dir="rtl"]) body.collapsing, _:-ms-input-placeholder {
    padding-left: 0;
    padding-right: 17px
}

:root[dir="rtl"] body.collapsing, _:-ms-input-placeholder {
    padding-left: 17px;
    padding-right: 0
}

@media (max-width: 923px) {
    body.collapse.show {
        overflow: hidden
    }

    :root:not([dir="rtl"]) body.collapse.show {
        padding-left: 0;
        padding-right: 15px
    }

    :root[dir="rtl"] body.collapse.show {
        padding-left: 15px;
        padding-right: 0
    }

    :root:not([dir="rtl"]) body.collapse.show, _:-ms-input-placeholder {
        padding-left: 0;
        padding-right: 17px
    }

    :root[dir="rtl"] body.collapse.show, _:-ms-input-placeholder {
        padding-left: 17px;
        padding-right: 0
    }

    body.collapse:not(.show) {
        display: flex
    }
}

.body--404 .breadcrumbs, .body--index .breadcrumbs {
    display: none
}

@media (min-width: 924px) {
    .body:not(.body--index):not(.body--404) {
        padding-top: 104px
    }
}

@media (max-width: 782px) {
    .body:not(.body--index):not(.body--404).admin-bar {
        padding-top: 46px
    }
}

@media (min-width: 783px) and (max-width: 923px) {
    .body:not(.body--index):not(.body--404).admin-bar {
        padding-top: 32px
    }
}

@media (min-width: 924px) {
    .body:not(.body--index):not(.body--404).admin-bar {
        padding-top: 136px
    }
}

.body.collapse:not(.show) {
    display: flex
}

.container--content {
    max-width: 1216px
}

.container--layout {
    padding-bottom: 64px;
    padding-top: 32px
}

@media (min-width: 480px) {
    .container--layout {
        padding-bottom: calc(10.66667px + 11.11111vw)
    }
}

@media (min-width: 768px) {
    .container--layout {
        padding-bottom: 96px;
        padding-top: calc(-283.07692px + 41.02564vw)
    }
}

@media (min-width: 924px) {
    .container--layout {
        padding-top: 96px
    }
}

.menu, .menu__list {
    margin: 0;
    padding: 0
}

.menu__list {
    flex-grow: 1;
    list-style: none
}

.menu__item {
    display: flex;
    flex-shrink: 0
}

.menu__link-icon .icon-arrow--bottom {
    display: block
}

.menu__arrow, .menu__expander, .menu__link-icon .icon-arrow--right, .menu__link-icon .icon-arrow--up {
    display: none
}

.menu_lvl_1 > .menu__list {
    display: flex;
    justify-content: center !important;
}

.menu_lvl_1 > .menu__list:not(:empty) {
    margin: 0 -8px
}

.menu_lvl_1 > .menu__list > .menu__item {
    padding: 0 8px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link {
    color: #0b153e;
    color: var(--blue-zodiac);
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    position: relative
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link:not(:empty) {
    margin: 0 -4px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > * {
    padding: 0 4px
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-text {
    color: inherit;
    flex-grow: 1;
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-icon {
    font-size: 0.5em;
    line-height: 0
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-text {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.menu_lvl_1 > .menu__list > .menu__item--active .menu, .menu_lvl_1 > .menu__list > .menu__item:active .menu, .menu_lvl_1 > .menu__list > .menu__item:hover .menu {
    display: block
}

.menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon, .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon .icon-arrow--down, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon .icon-arrow--down, .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon .icon-arrow--down {
    display: none
}

.menu_lvl_1 > .menu__list > .menu__item--active > .menu__link .menu__link-icon .icon-arrow--up, .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link .menu__link-icon .icon-arrow--up, .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link .menu__link-icon .icon-arrow--up {
    display: block
}

.menu_lvl_2 {
    display: none;
    padding-top: 32px;
    position: absolute
}

.menu_lvl_2 > .menu__list {
    background-color: #fff;
    box-shadow: 0 0 32px 0 rgba(19, 37, 56, 0.24);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 24px
}

.menu_lvl_2 > .menu__list:not(:empty) {
    padding: 16px
}

.menu_lvl_2 > .menu__list > .menu__item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 8px
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link {
    color: #212d40;
    color: var(--ebony-clay);
    align-items: center;
    border-bottom: 1px solid #dddfe5;
    display: grid;
    font-size: 1rem;
    font-weight: 700;
    grid-auto-flow: column;
    grid-template-areas:"menu__link-icon . menu__link-text";
    grid-template-columns:auto 16px 1fr;
    padding: 0 0 12px;
    position: relative
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-icon {
    color: #8f93a2;
    color: var(--manatee);
    align-self: center;
    grid-area: menu__link-icon;
    line-height: 0
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-icon ~ .menu__link-text {
    grid-column-start: 3
}

.menu_lvl_2 > .menu__list > .menu__item > .menu__link > .menu__link-text {
    color: inherit;
    flex-grow: 1;
    font-size: 1.125rem;
    grid-area: menu__link-text;
    grid-column-start: 1
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link:active, .menu_lvl_2 > .menu__list > .menu__item > a.menu__link:hover {
    color: #1b6eea;
    color: var(--royal-blue);
    text-decoration: none
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link:active > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item > a.menu__link:hover > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link--active {
    color: #1b6eea;
    color: var(--royal-blue)
}

.menu_lvl_2 > .menu__list > .menu__item > a.menu__link--active > .menu__link-text {
    text-decoration: underline
}

.menu_lvl_2 > .menu__list > .menu__item--active > .menu__link > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .menu_lvl_2 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text {
    color: #0a264e;
    color: var(--downriver)
}

.menu_lvl_3 {
    padding-left: 32px;
    width: 100%
}

.menu_lvl_3 > .menu__list {
    padding: 24px 0
}

.menu_lvl_3 > .menu__list:not(:empty) {
    margin: -4px 0
}

.menu_lvl_3 > .menu__list > .menu__item {
    padding: 4px 0
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link {
    color: #212d40;
    color: var(--ebony-clay);
    font-size: 1rem;
    font-weight: 400
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link--active {
    color: #1b6eea;
    color: var(--royal-blue)
}

.menu_lvl_3 > .menu__list > .menu__item > .menu__link:active, .menu_lvl_3 > .menu__list > .menu__item > .menu__link:hover {
    color: #1b6eea;
    color: var(--royal-blue);
    text-decoration: underline
}

.accordion, .accordion__list, body.et-db #et-boc .et-l .accordion {
    margin: 0;
    padding: 0
}

.accordion__list {
    border: 0 solid #e6e7eb;
    border-color: var(--athens-gray);
    border-top: 1px solid var(--athens-gray);
    flex-grow: 1;
    list-style: none
}

.accordion--flat .accordion__list {
    border-width: 0
}

.accordion__item {
    align-items: stretch;
    border: 0 solid #e6e7eb;
    border-color: var(--athens-gray);
    border-bottom: 1px solid var(--athens-gray);
    display: grid;
    grid-auto-flow: column;
    -ms-grid-row-align: stretch;
    grid-template-areas:". accordion__link . accordion__expander . " "accordion__accordion accordion__accordion accordion__accordion accordion__accordion accordion__accordion";
    grid-template-columns:24px 1fr 16px 8px 24px
}

.accordion--flat .accordion__item {
    border-width: 0;
    grid-template-areas:"accordion__link . accordion__expander " "accordion__accordion accordion__accordion accordion__accordion";
    grid-template-columns:1fr 16px 8px
}

.accordion--flat .accordion__expander ~ .accordion__link {
    grid-column-end: 1
}

.footer__accordion .accordion__item {
    grid-template-columns:24px 1fr 16px 10px 24px
}

.footer__accordion.footer__accordion .accordion__item {
    grid-template-columns:1fr 16px 10px
}

.accordion__expander {
    color: #4a90e2;
    color: var(--havelock-blue);
    align-items: center;
    background: none;
    border: 0;
    cursor: default;
    display: flex;
    font-size: 0.5rem;
    grid-area: accordion__expander;
    justify-content: center;
    line-height: 1;
    padding: 0
}

.footer__accordion .accordion__expander {
    font-size: 0.625rem
}

.accordion__expander > * {
    pointer-events: none
}

.accordion__expander .icon {
    vertical-align: middle
}

.accordion__expander .icon-arrow--down, .accordion__expander .icon-plus {
    display: none
}

.accordion__expander ~ .accordion__link {
    grid-column: 2/3
}

.accordion__expander ~ .accordion__link .accordion__link-icon {
    display: none
}

:root .accordion__item .accordion__expander, _:-ms-input-placeholder {
    position: relative
}

.accordion__expander.collapsed .icon-arrow--down, .accordion__expander.collapsed .icon-plus {
    display: inline-block
}

.accordion__expander.collapsed .icon-arrow--up, .accordion__expander.collapsed .icon-minus {
    display: none
}

.accordion__expander:not(.collapsed) ~ .accordion__link {
    font-weight: 600
}

@media (min-width: 924px) {
    .accordion__expander {
        display: none
    }
}

.accordion__link {
    color: #0a264e;
    color: var(--downriver);
    align-items: center;
    display: grid;
    flex-grow: 1;
    font-size: 1.25rem;
    font-weight: 600;
    grid-area: accordion__link;
    grid-auto-flow: column;
    grid-column-end: 5;
    -ms-grid-row-align: center;
    grid-template-areas:"accordion__link-text";
    grid-template-columns:1fr;
    min-height: 56px;
    padding: 0.65em 0;
    text-transform: uppercase
}

.accordion--flat .accordion__link {
    min-height: 40px;
    padding: 0.5em 0
}

.accordion--dark .accordion__link {
    color: #fff;
    color: var(--white)
}

.accordion__link-text {
    color: inherit;
    font-size: inherit;
    grid-area: accordion__link-text;
    overflow: hidden
}

.footer__accordion .accordion__link {
    font-size: 1.125rem
}

.accordion__link:active, .accordion__link:hover {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: none
}

.accordion__link:active .accordion__link-icon, .accordion__link:hover .accordion__link-icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.accordion__arrow {
    grid-area: accordion__arrow
}

.accordion .accordion, .accordion body.et-db #et-boc .et-l .accordion, body.et-db #et-boc .et-l .accordion .accordion {
    grid-area: accordion__accordion
}

.accordion .accordion .accordion__list, .accordion body.et-db #et-boc .et-l .accordion .accordion__list, body.et-db #et-boc .et-l .accordion .accordion .accordion__list {
    padding: 0 0 0 24px
}

body.et-db #et-boc .et-l html[dir="rtl"] .accordion .accordion .accordion__list, html[dir="rtl"] .accordion .accordion .accordion__list, html[dir="rtl"] .accordion body.et-db #et-boc .et-l .accordion .accordion__list, html[dir="rtl"] body.et-db #et-boc .et-l .accordion .accordion .accordion__list {
    padding: 0 24px 0 0
}

.accordion--flat .accordion .accordion__list, .accordion--flat body.et-db #et-boc .et-l .accordion .accordion__list, body.et-db #et-boc .et-l .accordion--flat .accordion .accordion__list, body.et-db #et-boc .et-l html[dir="rtl"] .accordion--flat .accordion .accordion__list, html[dir="rtl"] .accordion--flat .accordion .accordion__list, html[dir="rtl"] .accordion--flat body.et-db #et-boc .et-l .accordion .accordion__list {
    padding: 0
}

.accordion .accordion .accordion__item, .accordion body.et-db #et-boc .et-l .accordion .accordion__item, body.et-db #et-boc .et-l .accordion .accordion .accordion__item {
    grid-template-areas:"accordion__link . accordion__expander . " "accordion__accordion accordion__accordion accordion__accordion accordion__accordion";
    grid-template-columns:1fr 16px 8px 24px
}

.footer__accordion .accordion .accordion__item, .footer__accordion body.et-db #et-boc .et-l .accordion .accordion__item, body.et-db #et-boc .et-l .footer__accordion .accordion .accordion__item {
    grid-template-columns:1fr 16px 10px 24px
}

.accordion .accordion .accordion__item:last-child, .accordion body.et-db #et-boc .et-l .accordion .accordion__item:last-child, body.et-db #et-boc .et-l .accordion .accordion .accordion__item:last-child {
    border-bottom-width: 0
}

.accordion .accordion .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__link {
    color: #2d78bd;
    color: var(--mariner);
    font-size: 1rem;
    font-weight: 400;
    text-transform: none
}

.accordion:root body.et-db #et-boc .et-l .accordion .accordion__link, :root .accordion .accordion .accordion__link, :root body.et-db #et-boc .et-l .accordion .accordion .accordion__link, _:-ms-input-placeholder {
    padding: 1em 0
}

.accordion.footer__accordion .accordion .accordion__link, .accordion.footer__accordion body.et-db #et-boc .et-l .accordion .accordion__link, body.et-db #et-boc .et-l .footer__accordion.accordion .accordion .accordion__link {
    font-size: 0.875em
}

.accordion.accordion--flat .accordion .accordion__link, .accordion.accordion--flat body.et-db #et-boc .et-l .accordion .accordion__link, body.et-db #et-boc .et-l .accordion--flat.accordion .accordion .accordion__link {
    min-height: 32px;
    padding: 0.3928571429em 0
}

.accordion.accordion--dark .accordion .accordion__link, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link {
    color: #626f81;
    color: var(--pale-sky)
}

.accordion.accordion--dark .accordion .accordion__link:active, .accordion.accordion--dark .accordion .accordion__link:hover, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link:active, .accordion.accordion--dark body.et-db #et-boc .et-l .accordion .accordion__link:hover, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link:active, body.et-db #et-boc .et-l .accordion--dark.accordion .accordion .accordion__link:hover {
    color: #fff;
    color: var(--white)
}

.accordion .accordion .accordion__link:active, .accordion .accordion .accordion__link:hover, .accordion body.et-db #et-boc .et-l .accordion .accordion__link:active, .accordion body.et-db #et-boc .et-l .accordion .accordion__link:hover, body.et-db #et-boc .et-l .accordion .accordion .accordion__link:active, body.et-db #et-boc .et-l .accordion .accordion .accordion__link:hover {
    color: #0a264e;
    color: var(--downriver)
}

.accordion .accordion .accordion__expander:not(.collapsed) ~ .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__expander:not(.collapsed) ~ .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__expander:not(.collapsed) ~ .accordion__link {
    font-weight: 400
}

.accordion .accordion .accordion__expander ~ .accordion__link, .accordion body.et-db #et-boc .et-l .accordion .accordion__expander ~ .accordion__link, body.et-db #et-boc .et-l .accordion .accordion .accordion__expander ~ .accordion__link {
    grid-column: 1/2
}

@media (max-width: 923px) {
    .languages__area {
        display: none
    }
}

@media (min-width: 924px) {
    .languages__area {
        grid-area: languages__area;
        position: relative
    }
}

@media (min-width: 924px) {
    .languages__area-former {
        padding-top: 38.19660112%
    }
}

.languages__area-filler {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.languages__area-img {
    max-height: 100%;
    max-width: 100%
}

.languages__area-img--placeholder {
    width: 20%
}

.languages__area-img ~ .languages__area-img--placeholder {
    display: none
}

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

@media (min-width: 924px) {
    .languages__list {
        display: flex
    }

    .languages__list:not(:empty) {
        margin: -8px
    }
}

@media (max-width: 923px) {
    .languages__container {
        padding: 0
    }
}

@media (min-width: 924px) {
    .languages__container {
        overflow: hidden;
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.languages__group {
    list-style: none;
    margin: 0;
    padding: 0 34px
}

@media (max-width: 923px) {
    .languages__group {
        padding: 16px 0
    }
}

@media (min-width: 924px) {
    .languages__group {
        grid-area: languages__group
    }
}

.languages__group-title {
    color: #212d40;
    color: var(--ebony-clay);
    border-left-width: 0;
    border-bottom: 1px #dddfe5;
    border-style: solid;
    border-bottom-color: var(--mischka);
    border-right-width: 0;
    border-top-width: 0;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center
}

@media (max-width: 923px) {
    .languages__group-title {
        min-height: 56px;
        padding: 16px 24px
    }
}

@media (min-width: 924px) {
    .languages__group-title {
        grid-area: languages__group-title;
        min-height: 2.4em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.languages__item--active .languages__text {
    font-weight: 700
}

@media (max-width: 923px) {
    .languages__item--group {
        border-width: 0;
        border-top: 1px #dddfe5;
        border-style: solid;
        border-top-color: var(--mischka)
    }
}

@media (min-width: 924px) {
    .languages__item--group {
        align-content: flex-start;
        display: grid;
        grid-auto-flow: row;
        grid-template-areas:"languages__group-title" ". " "languages__area " ". " "languages__group ";
        grid-template-columns:1fr;
        grid-template-rows:auto 24px auto 24px 1fr;
        margin: 8px
    }
}

.languages__item:not(.languages__item--group) {
    align-items: center;
    display: flex;
    min-height: 40px
}

@media (max-width: 923px) {
    .languages__item:not(.languages__item--group) {
        padding: 8px 24px
    }
}

@media (min-width: 924px) {
    .languages__item {
        flex-basis: 25%
    }
}

.languages__text {
    color: #212d40;
    color: var(--ebony-clay);
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400
}

.languages__icon {
    border-radius: 50%;
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 0;
    overflow: hidden
}

.languages__link {
    align-items: center;
    display: inline-block;
    max-width: 100%;
    overflow: hidden
}

.languages__link-inner {
    align-items: center;
    display: flex;
    max-width: 100%
}

.languages__link-inner:not(:empty) {
    margin: 0 -8px
}

.languages__link-inner > * {
    margin: 0 8px
}

.navbar {
    background-color: #fff;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    height: 72px;
    position: relative;
    z-index: 2
}

.navbar__container {
    display: grid;
    flex-grow: 1;
    grid-auto-flow: column;
    grid-template-areas:". . . . . " ". . navbar__brand . navbar__toggler" ". . . . . ";
    grid-template-columns:32px 16px 1fr 16px 32px;
    grid-template-rows:16px 1fr 16px
}

.navbar__toggler {
    color: #0a264e;
    color: var(--downriver);
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    font-size: 2rem;
    grid-area: navbar__toggler;
    justify-content: center;
    line-height: 1;
    padding: 0
}

.navbar__brand {
    color: #fff;
    color: var(--white);
    align-self: center;
    font-size: 24px;
    grid-area: navbar__brand;
    justify-self: center;
    line-height: 0
}

:root .navbar__brand, _:-ms-input-placeholder {
    display: inline-block
}

.navbar__brand .icon-brand--no-fill {
    display: none
}

.navbar__brand .icon {
    vertical-align: middle
}

@media (min-width: 480px) {
    .navbar__brand {
        font-size: calc(6.7027px + 3.6036vw)
    }
}

@media (min-width: 924px) {
    .navbar__brand {
        font-size: 40px
    }
}

.body--404 .navbar, .body--index .navbar {
    background-color: initial
}

@media (max-width: 479px) {
    .body--404 .navbar, .body--index .navbar {
        margin-bottom: -72px
    }
}

@media (min-width: 480px) and (max-width: 923px) {
    .body--404 .navbar, .body--index .navbar {
        margin-bottom: calc(-46.05405px - 5.40541vw)
    }
}

.body--404 .navbar__brand .icon-brand, .body--index .navbar__brand .icon-brand {
    display: none
}

.body--404 .navbar__brand .icon-brand--no-fill, .body--index .navbar__brand .icon-brand--no-fill {
    display: inline-block
}

.body--404 .navbar__toggler, .body--index .navbar__toggler {
    color: #fff;
    color: var(--white)
}

@media (min-width: 480px) {
    .navbar {
        height: calc(46.05405px + 5.40541vw)
    }
}

@media (min-width: 924px) {
    .navbar {
        display: none;
        height: 96px
    }
}

.header__accordion {
    grid-area: header__accordion
}

@media (min-width: 924px) {
    .header__accordion {
        display: none
    }
}

@media (min-width: 924px) {
    .header__bg-wing {
        background-color: #fff;
        background-color: var(--white);
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        width: 100vw;
        width: calc(50vw - 446px)
    }

    .header__bg-wing--left {
        right: 100%
    }

    .header__bg-wing--right {
        left: 100%
    }

    body {
        overflow-x: hidden
    }
}

@media (min-width: 1168px) {
    .header__bg-wing {
        width: calc(50vw - 568px)
    }
}

@media (max-width: 923px) {
    .header__bg {
        background-color: #fafcff;
        background-color: var(--zircon);
        align-self: auto;
        grid-column: 1/8;
        grid-row: 1/4
    }
}

@media (min-width: 924px) {
    .header__bg {
        background-color: #fff;
        background-color: var(--white);
        grid-column: 1/10;
        grid-row: 1/8;
        height: 100%;
        pointer-events: none;
        position: relative
    }

    :root .header__bg, _:-ms-input-placeholder {
        pointer-events: auto
    }

    :root .header__bg, _:-ms-fullscreen {
        pointer-events: none;
        position: relative
    }
}

@media (max-width: 923px) {
    .header__languages {
        grid-area: header__languages
    }
}

@media (min-width: 924px) {
    .header__languages {
        display: flex;
        left: 0;
        max-height: calc(100vh - 96px);
        position: absolute;
        right: 0;
        top: 48px;
        z-index: 1
    }

    .header__languages .languages {
        background-color: #fff;
        background-color: var(--white);
        box-shadow: 0 0 32px 0 rgba(19, 37, 56, 0.24);
        display: flex;
        flex-grow: 1
    }

    :root .header__languages .languages, _:-ms-input-placeholder {
        max-height: calc(100vh - 96px)
    }

    .header__languages .languages__container {
        display: flex;
        flex-grow: 1
    }

    .header__languages .languages__list {
        flex-grow: 1
    }

    .header__languages .languages__group {
        overflow-x: hidden
    }

    .header__languages:not(.header__languages--show) {
        display: none
    }
}

@media (min-width: 1168px) {
    .header__languages {
        left: -8px;
        right: -8px
    }
}

.header__container {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between
}

@media (max-width: 924px) {
    .header__container:not(.header__container_show_languages) .header__languages {
        display: none
    }
}

.header__container > :not(.header__bg) {
    -ms-grid-row-align: center
}

@media (max-width: 923px) {
    .header__container {
        flex-grow: 1;
        flex-shrink: 0;
        grid-template-areas:". . . . . . . " ". header__brand . . . header__menu-toggler . " ". . . . . . . " ". . . . . . . " ". header__actions header__actions header__actions header__actions header__actions . " ". . . . . . . " ". header__personal header__personal header__personal header__personal header__personal . " ". . . . . . . " "header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion" ". . . . . . . " ". header__nav header__nav header__nav header__nav header__nav . " ". . . . . . . ";
        grid-template-columns:24px auto 8px 1fr 8px auto 24px;
        grid-template-rows:24px minmax(24px, auto) 24px 32px auto 32px auto 16px auto minmax(24px, 1fr) auto 24px;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .header__container > :not(.header__bg) {
        align-self: flex-start
    }

    .header__container_show_languages {
        grid-template-areas:". . . . . . . " ". header__brand . . . header__menu-toggler . " ". . . . . . . " ". . . . . . . " ". header__actions header__actions header__actions header__actions header__actions . " ". . . . . . . " ". header__personal header__personal header__personal header__personal header__personal . " ". . . . . . . " "header__languages header__languages header__languages header__languages header__languages header__languages header__languages" ". . . . . . . " "header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion header__accordion" ". . . . . . . " ". header__nav header__nav header__nav header__nav header__nav . " ". . . . . . . ";
        grid-template-rows:24px minmax(24px, auto) 24px 32px auto 32px auto 16px auto 8px auto minmax(24px, 1fr) auto 24px
    }

    :root .header__container_show_languages, _:-ms-input-placeholder {
        grid-template-rows:24px minmax(24px, 1fr) 24px 32px auto 32px auto 16px auto 8px auto 1fr auto 0
    }

    :root .header__container, _:-ms-input-placeholder {
        grid-template-rows:24px minmax(24px, 1fr) 24px 32px auto 32px auto 16px auto 1fr auto 0
    }
}

@media (min-width: 924px) {
    .header__container {
        grid-template-areas:". . . . . . . . . " ". . . . . . header__actions . . " "header__nav header__nav header__nav . . . header__actions . header__personal" ". . . . . . header__actions . . " "header__brand . . . . . . . . " "header__brand . header__menu header__menu header__menu header__menu header__menu header__menu header__menu " ". . . . . . . . . ";
        grid-template-columns:auto 32px auto 12px 1fr 12px -webkit-max-content 24px auto;
        grid-template-columns:auto 32px auto 12px 1fr 12px max-content 24px auto;
        grid-template-rows:8px 8px minmax(24px, auto) 8px 8px auto 16px;
        position: relative
    }

    .header__container > :not(.header__bg) {
        -ms-grid-row-align: stretch
    }

    :root .header__container, _:-ms-input-placeholder {
        grid-template-rows:8px 8px minmax(24px, 1fr) 8px 8px auto 16px
    }
}

.header__brand {
    display: block;
    grid-area: header__brand;
    line-height: 1
}

.header__brand-icon {
    vertical-align: top
}

.header__brand .icon-brand--no-fill {
    display: none
}

@media (max-width: 923px) {
    .header__brand {
        font-size: 1.5rem
    }
}

@media (min-width: 924px) {
    .header__brand {
        align-self: center;
        font-size: 2.5rem;
        position: relative
    }
}

.header__nav {
    grid-area: header__nav
}

.header__nav.collapsing {
    height: auto
}

.header__nav-list {
    font-size: 0.75rem;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 923px) {
    :root .header__nav-list, _:-ms-input-placeholder {
        padding: 24px 0
    }
}

@media (min-width: 924px) {
    .header__nav-list {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .header__nav-list:not(:empty) {
        margin: -4px -12px
    }
}

@media (max-width: 923px) {
    .header__nav-item:not(:first-child) {
        margin-top: 1.3333333333em
    }
}

@media (min-width: 924px) {
    .header__nav-item {
        align-items: center;
        display: flex;
        line-height: 1.6666666667em;
        padding: 4px 12px
    }
}

.header__nav-link {
    color: #0a264e;
    color: var(--downriver);
    font-size: 1em
}

.header__nav-link:active, .header__nav-link:hover {
    text-decoration: none
}

@media (max-width: 923px) {
    .header__nav-link:active, .header__nav-link:hover {
        color: #0a95ff;
        color: var(--dodger-blue);
        text-decoration: underline
    }
}

@media (min-width: 924px) {
    .header__nav-link {
        color: #8c96a3;
        color: var(--regent-gray);
        position: relative
    }

    .header__nav-link:hover {
        text-decoration: underline
    }

    .header__nav-link--active, .header__nav-link:active, .header__nav-link:hover {
        color: #1b6eea;
        color: var(--royal-blue)
    }
}

@media (max-width: 923px) {
    .header__nav {
        align-self: flex-end;
        font-size: 0.75rem
    }
}

@media (min-width: 924px) {
    .header__nav {
        align-self: center;
        position: relative
    }

    .header__nav.collapse:not(.show) {
        display: inline-flex
    }
}

.header__menu {
    grid-area: header__menu
}

.header__menu.collapsing {
    height: auto
}

@media (max-width: 923px) {
    .header__menu {
        display: none
    }
}

@media (min-width: 924px) {
    .header__menu {
        align-self: flex-end;
        display: flex
    }

    .header__menu.collapse, .header__menu.collapse:not(.show) {
        display: flex;
        justify-content: center
    }

    .header__menu .menu_lvl_2 {
        left: -8px;
        right: -8px;
        top: calc(100% - 16px)
    }
}

.header__language-toggler {
    align-items: center;
    background: none;
    border: 0;
    display: inline-flex;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 0;
    padding: 0;
    vertical-align: middle
}

.header__language-toggler:not(:empty) {
    margin: -2px
}

.header__language-toggler > * {
    margin: 2px
}

.header__language-toggler.collapsing {
    transition: none
}

.header__language-toggler-icon {
    font-size: 1em
}

.header__language-toggler-text {
    color: #0a264e;
    color: var(--downriver);
    font-size: 0.9375em;
    line-height: 1;
    min-width: 1.4666666667em
}

body .header__language-toggler-text {
    margin-left: 6px;
    margin-right: 2px
}

html[dir="rtl"] .header__language-toggler-text {
    margin-left: 2px;
    margin-right: 6px
}

@media (min-width: 924px) {
    .header__language-toggler-text {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle
    }
}

.header__language-toggler-caret {
    align-self: center;
    display: block;
    font-size: 0.625em
}

.header__language-toggler-caret .icon-arrow--up, .header__language-toggler[aria-expanded="true"] .icon-arrow--down {
    display: none
}

.header__language-toggler[aria-expanded="true"] .icon-arrow--up {
    display: inline-block
}

.header__language-toggler:active .header__language-toggler-caret, .header__language-toggler:active .header__language-toggler-text, .header__language-toggler:hover .header__language-toggler-caret, .header__language-toggler:hover .header__language-toggler-text, .header__language-toggler[aria-expanded="true"] .header__language-toggler-caret, .header__language-toggler[aria-expanded="true"] .header__language-toggler-text {
    color: #0a95ff;
    color: var(--dodger-blue)
}

@media (min-width: 924px) {
    .header__language-toggler:active, .header__language-toggler:hover, .header__language-toggler[aria-expanded="true"] {
        color: #7fa9d1;
        color: var(--polo-blue)
    }
}

@media (min-width: 924px) {
    .header__language-toggler {
        font-size: 1rem
    }

    .header__language-toggler.collapse:not(.show) {
        display: inline-flex
    }

    .header__language-toggler > * {
        -ms-grid-row-align: center
    }
}

.header__personal {
    display: flex;
    grid-area: header__personal;
    margin: 0;
    padding: 0
}

.header__personal-item {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 4px 12px
}

.header__personal-link {
    color: #0a264e;
    color: var(--downriver);
    align-items: center;
    display: flex;
    font-size: 0.9375em;
    line-height: 1
}

.header__personal-link:not(:empty) {
    margin: -4px
}

.header__personal-link > * {
    margin: 4px
}

.header__personal-link .icon {
    flex-shrink: 0;
    font-size: 1.0666666667em
}

.header__personal-link:hover {
    text-decoration: underline
}

.header__personal-link--active, .header__personal-link:active, .header__personal-link:hover {
    color: #0a95ff;
    color: var(--dodger-blue)
}

@media (max-width: 923px) {
    .header__personal {
        display: flex;
        flex-wrap: wrap;
        font-size: 1rem;
        justify-content: space-between
    }

    .header__personal:not(:empty) {
        margin: -4px -8px
    }

    .header__personal > * {
        padding: 4px 8px
    }
}

@media (min-width: 924px) {
    .header__personal {
        color: #fff;
        color: var(--white);
        justify-content: flex-end;
        position: relative;
        z-index: 1
    }

    .header__personal:not(:empty) {
        margin: -4px -12px
    }

    .header__personal > * {
        padding: 4px 12px
    }
}

.header__login {
    display: inline-block;
    vertical-align: top
}

@media (max-width: 923px) {
    .header__login.collapsing {
        transition: none
    }
}

@media (min-width: 924px) {
    .header__login.collapse:not(.show) {
        display: inline-block
    }

    .header__login:hover {
        color: #7c90b1;
        color: var(--wild-blue-yonder);
        text-decoration: none
    }

    .header__login--active, .header__login:active {
        color: #fff;
        color: var(--white);
        text-decoration: underline
    }
}

@media (max-width: 923px) {
    .header__menu-toggler {
        color: #0a264e;
        color: var(--downriver);
        align-items: center;
        align-self: center;
        background: none;
        border: 0;
        display: inline-flex;
        font-size: 1.25rem;
        grid-area: header__menu-toggler;
        height: 20px;
        justify-content: center;
        line-height: 1;
        max-width: 100%;
        padding: 0;
        vertical-align: middle;
        width: 20px
    }

    .header__menu-toggler-icon {
        font-size: 1em;
        position: relative;
        top: 1px;
        vertical-align: middle
    }
}

@media (min-width: 924px) {
    .header__menu-toggler, .header__menu-toggler.collapse:not(.show) {
        display: none
    }
}

.header__actions {
    display: flex;
    grid-area: header__actions;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__actions:not(:empty) {
    margin: -4px -8px
}

.header__actions.collapsing {
    height: auto
}

.header__actions.collapse:not(.show) {
    display: flex
}

.header__actions-item {
    padding: 4px 8px
}

:root:not([lang="en-mena"]):not([lang="ar"]) .header__actions-item_demo, :root[lang="ar"] .header__actions-item_demo_desktop, :root[lang="en-mena"] .header__actions-item_demo_desktop {
    display: none
}

@media (min-width: 924px) {
    :root[lang="ar"] .header__actions-item_demo_desktop, :root[lang="en-mena"] .header__actions-item_demo_desktop {
        display: flex
    }
}

:root[lang="ar"] .header__actions-item_demo_mobile, :root[lang="en-mena"] .header__actions-item_demo_mobile {
    display: none
}

@media (max-width: 923px) {
    :root[lang="ar"] .header__actions-item_demo_mobile, :root[lang="en-mena"] .header__actions-item_demo_mobile {
        display: list-item
    }
}

@media (min-width: 924px) {
    .header__actions-item {
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-end;
        min-width: 152px
    }
}

@media (max-width: 923px) {
    .header__actions {
        align-self: flex-start;
        flex-direction: column
    }
}

@media (min-width: 924px) {
    .header__actions {
        align-self: center;
        position: relative
    }
}

.header__action {
    align-items: center;
    border-width: 2px;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.7142857143em;
    max-width: 100%;
    vertical-align: top;
    width: 100%
}

@media (max-width: 923px) {
    .header__action_live_desktop {
        display: none
    }
}

@media (min-width: 924px) {
    .header__action_live_mobile {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

.header.collapse:not(.show) {
    display: block
}

@media (max-width: 923px) {
    .header {
        background-color: #fff;
        background-color: var(--white);
        box-shadow: 0 4px 20px rgba(11, 21, 62, 0.1);
        display: flex;
        flex-direction: column;
        max-height: 100%;
        overflow-x: hidden
    }

    .header.collapsing {
        height: auto
    }

    .header.collapse.show {
        bottom: 0;
        height: 100vh;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0
    }

    :root .header, _:-ms-input-placeholder {
        flex-direction: row
    }
}

@media (min-width: 924px) {
    .header {
        position: relative
    }

    .header:not(.header--chameleon) {
        box-shadow: 0 0 32px 0 rgba(19, 37, 56, 0.24)
    }

    .header--chameleon .header__bg, .header--chameleon .header__bg-wing {
        background-color: initial
    }

    .header--chameleon .header__brand {
        color: #fff;
        color: var(--white)
    }

    .header--chameleon .header__brand .icon-brand {
        display: none
    }

    .header--chameleon .header__brand .icon-brand--no-fill {
        display: block
    }

    .header--chameleon .header__language-toggler-caret, .header--chameleon .header__language-toggler-text, .header--chameleon .header__language-toggler:active .header__language-toggler-caret, .header--chameleon .header__language-toggler:active .header__language-toggler-text, .header--chameleon .header__language-toggler:hover .header__language-toggler-caret, .header--chameleon .header__language-toggler:hover .header__language-toggler-text, .header--chameleon .header__language-toggler[aria-expanded="true"] .header__language-toggler-caret, .header--chameleon .header__language-toggler[aria-expanded="true"] .header__language-toggler-text, .header--chameleon .header__nav-link, .header--chameleon .header__nav-link--active, .header--chameleon .header__nav-link:active, .header--chameleon .header__nav-link:hover, .header--chameleon .header__personal-link, .header--chameleon .header__personal-link:active, .header--chameleon .header__personal-link:hover, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item--active > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:active > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item:hover > .menu__link > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link--active > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:active > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link:hover > .menu__link-text, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-icon, .header--chameleon .menu_lvl_1 > .menu__list > .menu__item > .menu__link > .menu__link-text {
        color: #fff;
        color: var(--white)
    }
}

.flat-menu {
    font-size: 1.125rem
}

.flat-menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1168px) {
    .flat-menu__list {
        flex-wrap: nowrap
    }
}

.flat-menu__list:not(:empty) {
    margin: -24px
}

.flat-menu__list .flat-menu__list {
    display: flex;
    flex-direction: column
}

.flat-menu__list .flat-menu__list:not(:empty) {
    margin: 0
}

.flat-menu__list .flat-menu__list .flat-menu__item {
    color: #626f81;
    color: var(--pale-sky);
    flex-basis: auto;
    font-size: 0.7777777778em;
    padding: 4px 0;
    text-transform: none
}

.flat-menu__list .flat-menu__list .flat-menu__item:last-child {
    margin-right: 0
}

.flat-menu__item, .flat-menu__list .flat-menu__list .flat-menu__link:active, .flat-menu__list .flat-menu__list .flat-menu__link:hover {
    color: #fff;
    color: var(--white)
}

.flat-menu__item {
    flex-basis: 25%;
    font-size: 1em;
    padding: 24px;
    text-transform: uppercase
}

html[lang="vi-VN"] .flat-menu__item {
    padding: 16px
}

@media (min-width: 768px) and (max-width: 1167px) {
    .flat-menu__item:last-child {
        margin-right: auto
    }
}

@media (min-width: 768px) and (max-width: 1167px) {
    :root[dir="rtl"] .flat-menu__item:last-child {
        margin-left: auto;
        margin-right: 0
    }
}

.flat-menu__link {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    max-width: 100%;
    text-decoration: none
}

.flat-menu__link:active, .flat-menu__link:hover {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer {
    background-color: #272a33;
    background-color: var(--charade);
    margin-top: auto
}

.footer__container {
    display: grid;
    grid-auto-flow: column;
    grid-template-areas:". . . . " "footer__livechat . footer__socials footer__socials " ". . . . " "footer__hr--1 footer__hr--1 footer__hr--1 footer__hr--1 " ". . . . " "footer__accordion footer__accordion footer__accordion footer__accordion" ". . . . " "footer__address footer__address footer__address footer__address " ". . . . " "footer__hr--2 footer__hr--2 footer__hr--2 footer__hr--2 " ". . . . " "footer__heel footer__heel footer__heel footer__heel " ". . . . ";
    grid-template-columns:auto 16px 1fr 1fr;
    grid-template-rows:32px auto 32px auto 48px auto 32px auto 32px auto 32px auto 32px
}

@media (min-width: 768px) {
    .footer__container {
        grid-template-areas:". . . . " "footer__livechat footer__livechat . footer__socials " ". . . . " "footer__hr--1 footer__hr--1 footer__hr--1 footer__hr--1 " ". . . . " "footer__menu footer__menu footer__menu footer__menu " ". . . . " "footer__hr--2 footer__hr--2 footer__hr--2 footer__hr--2 " ". . . . " "footer__heel footer__heel footer__heel footer__heel " ". . . . ";
        grid-template-columns:5fr 1fr 16px auto;
        grid-template-rows:32px auto 32px auto 48px auto 32px auto 32px auto 32px
    }

    .footer__container > .footer__address {
        display: none
    }
}

.footer__hr {
    background-color: #313541;
    background-color: var(--tuna);
    border: 0;
    height: 1px;
    margin: 0
}

.footer__hr--1 {
    grid-area: footer__hr--1
}

.footer__hr--2 {
    grid-area: footer__hr--2
}

.footer__hr--3 {
    grid-area: footer__hr--3
}

.footer__hr--address {
    grid-area: footer__hr--address;
    width: 100%
}

.footer__socials {
    align-self: center;
    grid-area: footer__socials;
    overflow: hidden
}

.footer__socials-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    padding: 0
}

.footer__socials-list:not(:empty) {
    margin: -8px
}

.footer__socials-item {
    padding: 8px
}

.footer__socials-link {
    background-color: #4f5158;
    background-color: var(--abbey);
    color: #fff;
    color: var(--white);
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.footer__socials-link:hover {
    background-color: #0a95ff;
    background-color: var(--dodger-blue);
    color: #fff;
    color: var(--white);
    text-decoration: none
}

.footer__socials-link:active {
    background-color: #0053a4;
    background-color: var(--endeavour);
    color: #fff;
    color: var(--white);
    text-decoration: none
}

.footer__socials-link .icon {
    pointer-events: none
}

.footer__socials-link .icon-twitter {
    font-size: 1rem
}

.footer__socials-link .icon-facebook {
    font-size: 1.0625rem
}

.footer__socials-link .icon-rss {
    font-size: 0.9375rem
}

.footer__socials-link .icon-linkedin--hollowed {
    font-size: 1.0625rem
}

.footer__socials-link .icon-wechat {
    font-size: 1.5rem
}

.footer__socials-link .icon-instagram {
    font-size: 1em
}

.footer__socials-link .icon-line {
    font-size: 1.375em
}

.footer__socials-link .popover {
    background-color: #f4f6fa;
    background-color: var(--catskill-white-2);
    border: 0;
    border-radius: 4px;
    padding: 0.5rem
}

.footer__socials-link .popover-body {
    background-color: #fff;
    background-color: var(--white);
    border-radius: 4px;
    border: 0 solid #fff;
    border-color: var(--white);
    height: 6.25rem;
    padding: 0;
    width: 6.25rem
}

.footer__socials-link .popover.bs-popover-auto[x-placement^="top"] > .arrow:after, .footer__socials-link .popover.bs-popover-top > .arrow:after {
    border-top-color: #f4f6fa;
    border-top-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-auto[x-placement^="bottom"] > .arrow:after, .footer__socials-link .popover.bs-popover-bottom > .arrow:after {
    border-bottom-color: #f4f6fa;
    border-bottom-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-auto[x-placement^="left"] > .arrow:after, .footer__socials-link .popover.bs-popover-left > .arrow:after {
    border-left-color: #f4f6fa;
    border-left-color: var(--catskill-white-2)
}

.footer__socials-link .popover.bs-popover-auto[x-placement^="right"] > .arrow:after, .footer__socials-link .popover.bs-popover-right > .arrow:after {
    border-right-color: #f4f6fa;
    border-right-color: var(--catskill-white-2)
}

.footer__socials-qr {
    border-radius: 4px;
    font-family: "object-fit: cover;";
    height: 100%;
    object-fit: cover;
    width: 100%
}

.footer__livechat {
    align-self: center;
    font-size: 0;
    grid-area: footer__livechat;
    line-height: 0
}

.footer__livechat > * {
    -ms-grid-row-align: center
}

.footer__livechat-link {
    color: #fff;
    color: var(--white);
    align-items: center;
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: top
}

.footer__livechat-link:not(:empty) {
    margin: -0.125rem -0.25rem
}

.footer__livechat-link > * {
    margin: 0.125rem 0.25rem
}

.footer__livechat-link:hover {
    color: #7c90b1;
    color: var(--wild-blue-yonder);
    text-decoration: none
}

.footer__livechat-link:active {
    color: #faa30d;
    color: var(--sun);
    text-decoration: none
}

@media (min-width: 924px) {
    .footer__livechat-link {
        font-size: 1rem
    }
}

.footer__livechat-icon {
    font-size: 1.5em
}

.footer__livechat-icon-wrapper {
    display: block;
    line-height: 0
}

.footer__accordion {
    grid-area: footer__accordion
}

.footer__menu {
    display: none;
    grid-area: footer__menu
}

.footer__menu .flat-menu__item {
    flex-basis: 33.333%
}

@media (min-width: 924px) {
    .footer__menu .flat-menu__item {
        flex-basis: 20%
    }
}

@media (min-width: 1168px) {
    .footer__menu .flat-menu__item {
        flex-basis: auto
    }

    .footer__menu .flat-menu__item:last-child {
        margin-right: 0
    }
}

.footer__address {
    align-self: flex-start;
    display: grid;
    grid-auto-flow: row;
    grid-template-areas:"footer__address-title" ". " "footer__email " ". " "footer__phone ";
    grid-template-columns:1fr;
    grid-template-rows:auto 16px auto 16px auto;
    justify-content: flex-start;
    margin: 0
}

.footer__address-title {
    color: hsla(0, 0%, 100%, 0.42);
    font-size: 1rem;
    font-weight: 400;
    grid-area: footer__address-title;
    margin: 0
}

.footer__address-hr {
    background-color: #fff;
    grid-area: footer__address-hr;
    margin: 0
}

@media (max-width: 767px) {
    .footer__address {
        grid-area: footer__address
    }
}

@media (min-width: 924px) {
    .footer__address {
        justify-items: flex-start
    }

    .footer__address > * {
        -ms-grid-column-align: start
    }
}

.footer__email {
    font-size: 0.875rem;
    grid-area: footer__email
}

.footer__email .icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.footer__email-link {
    color: #fff;
    color: var(--white);
    align-items: center;
    display: inline-flex;
    font-size: 0.875rem;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top
}

.footer__email-link:not(:empty) {
    margin: -0.1428571429em -0.2857142857em
}

.footer__email-link > * {
    margin: 0.1428571429em 0.2857142857em
}

.footer__email-link:active, .footer__email-link:hover {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer__email-icon {
    font-size: 1.2142857143em
}

.footer__email-icon-wrapper {
    display: block;
    line-height: 0
}

.footer__phone {
    font-size: 0.875rem;
    grid-area: footer__phone
}

.footer__phone .icon {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.footer__phone-link {
    color: #fff;
    color: var(--white);
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    vertical-align: top
}

.footer__phone-link:not(:empty) {
    margin: -0.1428571429em -0.2857142857em
}

.footer__phone-link > * {
    margin: 0.1428571429em 0.2857142857em
}

.footer__phone-link:active, .footer__phone-link:hover {
    color: #fff;
    color: var(--white);
    text-decoration: underline
}

.footer__phone-icon {
    font-size: 1.2142857143em
}

.footer__phone-icon-wrapper {
    display: block;
    line-height: 0
}

.footer__heel {
    display: grid;
    grid-area: footer__heel;
    grid-auto-flow: row;
    grid-template-areas:"footer__article" ". " "footer__nav ";
    grid-template-columns:1fr;
    grid-template-rows:auto 32px auto
}

.footer__article, .footer__paragraph {
    color: hsla(0, 0%, 100%, 0.5)
}

.footer__warning {
    color: #fff;
    color: var(--white);
    font-weight: 600;
    grid-area: footer__warning;
    margin: 0
}

.footer__nav {
    grid-area: footer__nav
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer__nav-list:not(:empty) {
    margin: -8px -12px
}

@media (max-width: 923px) {
    .footer__nav-list {
        justify-content: space-between
    }
}

.footer__nav-item {
    font-size: 0.875rem;
    padding: 8px 12px
}

.footer__nav-item, .footer__nav-link {
    color: #0a95ff;
    color: var(--dodger-blue)
}

.footer__nav-link {
    text-decoration: none
}

.footer__nav-link:active, .footer__nav-link:hover {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: underline
}

.footer__article {
    font-size: 0.875rem;
    font-weight: 400;
    grid-area: footer__article;
    margin: 0
}

.footer__article > :last-child {
    margin-bottom: 0
}

.footer__alert {
    background-color: #242730;
    background-color: var(--charade-2);
    color: hsla(0, 0%, 100%, 0.3);
    font-size: 0.75rem;
    line-height: 2;
    padding-bottom: 16px;
    padding-top: 24px
}

.footer__alert-paragraph:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .footer__accordion {
        display: none
    }

    .footer__menu {
        display: block
    }
}


@font-face {

    /*
    * The easiest way to avoid showing invisible text while custom
    * fonts load is to temporarily show a system font.
    * By including font-display: swap in your @font-face style,
    * you can avoid FOIT in most modern browsers
    */
    font-display: swap;
    font-family: ETmodules;
    font-style: italic;
    font-weight: 400;
    src: local('modules'), url(../fonts/modules.woff2) format('woff2');
}

@font-face {

    /*
    * The easiest way to avoid showing invisible text while custom
    * fonts load is to temporarily show a system font.
    * By including font-display: swap in your @font-face style,
    * you can avoid FOIT in most modern browsers
    */
    font-display: swap;
    font-family: ETmodules;
    font-style: normal;
    font-weight: 400;
    src: local('modules'), url(../fonts/modules.woff2) format('woff2');
}

html #wpadminbar {
    position: fixed;
    overflow: hidden;
}

.icon-brand--text-only {
    width: 2.4922983380624237em;
    width: calc(122.97em / 49.34);
}

.reveal .r-stretch, .reveal .stretch {
    max-height: none;
    max-width: none
}

.reveal pre.r-stretch code, .reveal pre.stretch code {
    box-sizing: border-box;
    height: 100%;
    max-height: 100%
}

.reveal .r-fit-text {
    display: inline-block;
    white-space: nowrap
}

.reveal .r-stack {
    display: grid
}

.reveal .r-stack > * {
    grid-area: 1/1;
    margin: auto
}

.reveal .r-hstack, .reveal .r-vstack {
    display: flex
}

.reveal .r-hstack img, .reveal .r-hstack video, .reveal .r-vstack img, .reveal .r-vstack video {
    min-height: 0;
    min-width: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.reveal .r-vstack {
    flex-direction: column
}

.reveal .r-hstack, .reveal .r-vstack {
    align-items: center;
    justify-content: center
}

.reveal .r-hstack {
    flex-direction: row
}

.reveal .items-stretch {
    align-items: stretch
}

.reveal .items-start {
    align-items: flex-start
}

.reveal .items-center {
    align-items: center
}

.reveal .items-end {
    align-items: flex-end
}

.reveal .justify-between {
    justify-content: space-between
}

.reveal .justify-around {
    justify-content: space-around
}

.reveal .justify-start {
    justify-content: flex-start
}

.reveal .justify-center {
    justify-content: center
}

.reveal .justify-end {
    justify-content: flex-end
}

html.reveal-full-page {
    height: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    width: 100%
}

.reveal-viewport {
    background-color: #fff;
    color: #000;
    height: 100%;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    position: relative
}

.reveal .slides section .fragment {
    opacity: 0;
    transition: all .2s ease;
    visibility: hidden;
    will-change: opacity
}

.reveal .slides section .fragment.visible {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.disabled {
    transition: none
}

.reveal .slides section .fragment.grow {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.grow.visible {
    transform: scale(1.3)
}

.reveal .slides section .fragment.shrink {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.shrink.visible {
    transform: scale(.7)
}

.reveal .slides section .fragment.zoom-in {
    transform: scale(.1)
}

.reveal .slides section .fragment.zoom-in.visible {
    transform: none
}

.reveal .slides section .fragment.fade-out {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.fade-out.visible {
    opacity: 0;
    visibility: hidden
}

.reveal .slides section .fragment.semi-fade-out {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.semi-fade-out.visible {
    opacity: .5;
    visibility: inherit
}

.reveal .slides section .fragment.strike {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.strike.visible {
    text-decoration: line-through
}

.reveal .slides section .fragment.fade-up {
    transform: translateY(40px)
}

.reveal .slides section .fragment.fade-up.visible {
    transform: translate(0)
}

.reveal .slides section .fragment.fade-down {
    transform: translateY(-40px)
}

.reveal .slides section .fragment.fade-down.visible {
    transform: translate(0)
}

.reveal .slides section .fragment.fade-right {
    transform: translate(-40px)
}

.reveal .slides section .fragment.fade-right.visible {
    transform: translate(0)
}

.reveal .slides section .fragment.fade-left {
    transform: translate(40px)
}

.reveal .slides section .fragment.fade-left.visible {
    transform: translate(0)
}

.reveal .slides section .fragment.current-visible, .reveal .slides section .fragment.fade-in-then-out {
    opacity: 0;
    visibility: hidden
}

.reveal .slides section .fragment.current-visible.current-fragment, .reveal .slides section .fragment.fade-in-then-out.current-fragment {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.fade-in-then-semi-out {
    opacity: 0;
    visibility: hidden
}

.reveal .slides section .fragment.fade-in-then-semi-out.visible {
    opacity: .5;
    visibility: inherit
}

.reveal .slides section .fragment.fade-in-then-semi-out.current-fragment, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-red {
    opacity: 1;
    visibility: inherit
}

.reveal .slides section .fragment.highlight-red.visible {
    color: #ff2c2d
}

.reveal .slides section .fragment.highlight-green.visible {
    color: #17ff2e
}

.reveal .slides section .fragment.highlight-blue.visible {
    color: #1b91ff
}

.reveal .slides section .fragment.highlight-current-red.current-fragment {
    color: #ff2c2d
}

.reveal .slides section .fragment.highlight-current-green.current-fragment {
    color: #17ff2e
}

.reveal .slides section .fragment.highlight-current-blue.current-fragment {
    color: #1b91ff
}

.reveal:after {
    content: "";
    font-style: italic
}

.reveal iframe {
    z-index: 1
}

.reveal a {
    position: relative
}

@keyframes bounce-right {
    0%, 10%, 25%, 40%, 50% {
        transform: translateX(0)
    }
    20% {
        transform: translateX(10px)
    }
    30% {
        transform: translateX(-5px)
    }
}

@keyframes bounce-left {
    0%, 10%, 25%, 40%, 50% {
        transform: translateX(0)
    }
    20% {
        transform: translateX(-10px)
    }
    30% {
        transform: translateX(5px)
    }
}

@keyframes bounce-down {
    0%, 10%, 25%, 40%, 50% {
        transform: translateY(0)
    }
    20% {
        transform: translateY(10px)
    }
    30% {
        transform: translateY(-5px)
    }
}

.reveal .controls {
    bottom: 12px;
    color: #000;
    display: none;
    font-size: 10px;
    left: auto;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: auto;
    z-index: 11
}

.reveal .controls button {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    background-color: initial;
    border: 0;
    color: currentColor;
    cursor: pointer;
    font-size: inherit;
    opacity: 0;
    outline: 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    transform: scale(.9999);
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
    visibility: hidden;
    z-index: 2
}

.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
    background-color: currentColor;
    border-radius: .25em;
    content: "";
    height: .5em;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: .2em 50%;
    transition: all .15s ease, background-color .8s ease;
    width: 2.6em;
    will-change: transform
}

.reveal .controls .controls-arrow {
    height: 3.6em;
    position: relative;
    width: 3.6em
}

.reveal .controls .controls-arrow:before {
    transform: translateX(.5em) translateY(1.55em) rotate(45deg)
}

.reveal .controls .controls-arrow:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-45deg)
}

.reveal .controls .controls-arrow:hover:before {
    transform: translateX(.5em) translateY(1.55em) rotate(40deg)
}

.reveal .controls .controls-arrow:hover:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-40deg)
}

.reveal .controls .controls-arrow:active:before {
    transform: translateX(.5em) translateY(1.55em) rotate(36deg)
}

.reveal .controls .controls-arrow:active:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-36deg)
}

.reveal .controls .navigate-left {
    bottom: 3.2em;
    right: 6.4em;
    transform: translateX(-10px)
}

.reveal .controls .navigate-left.highlight {
    animation: bounce-left 2s ease-out 50 both
}

.reveal .controls .navigate-right {
    bottom: 3.2em;
    right: 0;
    transform: translateX(10px)
}

.reveal .controls .navigate-right .controls-arrow {
    transform: rotate(180deg)
}

.reveal .controls .navigate-right.highlight {
    animation: bounce-right 2s ease-out 50 both
}

.reveal .controls .navigate-up {
    bottom: 6.4em;
    right: 3.2em;
    transform: translateY(-10px)
}

.reveal .controls .navigate-up .controls-arrow {
    transform: rotate(90deg)
}

.reveal .controls .navigate-down {
    bottom: -1.4em;
    padding-bottom: 1.4em;
    right: 3.2em;
    transform: translateY(10px)
}

.reveal .controls .navigate-down .controls-arrow {
    transform: rotate(-90deg)
}

.reveal .controls .navigate-down.highlight {
    animation: bounce-down 2s ease-out 50 both
}

.reveal .controls[data-controls-back-arrows=faded] .navigate-up.enabled {
    opacity: .3
}

.reveal .controls[data-controls-back-arrows=faded] .navigate-up.enabled:hover {
    opacity: 1
}

.reveal .controls[data-controls-back-arrows=hidden] .navigate-up.enabled {
    opacity: 0;
    visibility: hidden
}

.reveal .controls .enabled {
    cursor: pointer;
    opacity: .9;
    transform: none;
    visibility: visible
}

.reveal .controls .enabled.fragmented {
    opacity: .5
}

.reveal .controls .enabled.fragmented:hover, .reveal .controls .enabled:hover {
    opacity: 1
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=faded] .navigate-left.enabled {
    opacity: .3
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=faded] .navigate-left.enabled:hover {
    opacity: 1
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=hidden] .navigate-left.enabled {
    opacity: 0;
    visibility: hidden
}

.reveal.rtl .controls[data-controls-back-arrows=faded] .navigate-right.enabled {
    opacity: .3
}

.reveal.rtl .controls[data-controls-back-arrows=faded] .navigate-right.enabled:hover {
    opacity: 1
}

.reveal.rtl .controls[data-controls-back-arrows=hidden] .navigate-right.enabled {
    opacity: 0;
    visibility: hidden
}

.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-down, .reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-up {
    display: none
}

.reveal:not(.has-vertical-slides) .controls .navigate-left, .reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-left {
    bottom: 1.4em;
    right: 5.5em
}

.reveal:not(.has-vertical-slides) .controls .navigate-right, .reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-right {
    bottom: 1.4em;
    right: .5em
}

.reveal:not(.has-horizontal-slides) .controls .navigate-up {
    bottom: 5em;
    right: 1.4em
}

.reveal:not(.has-horizontal-slides) .controls .navigate-down {
    bottom: .5em;
    right: 1.4em
}

.reveal.has-dark-background .controls {
    color: #fff
}

.reveal.has-light-background .controls {
    color: #000
}

.reveal.no-hover .controls .controls-arrow:active:before, .reveal.no-hover .controls .controls-arrow:hover:before {
    transform: translateX(.5em) translateY(1.55em) rotate(45deg)
}

.reveal.no-hover .controls .controls-arrow:active:after, .reveal.no-hover .controls .controls-arrow:hover:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-45deg)
}

@media screen and (min-width: 500px) {
    .reveal .controls[data-controls-layout=edges] {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

    .reveal .controls[data-controls-layout=edges] .navigate-down, .reveal .controls[data-controls-layout=edges] .navigate-left, .reveal .controls[data-controls-layout=edges] .navigate-right, .reveal .controls[data-controls-layout=edges] .navigate-up {
        bottom: auto;
        right: auto
    }

    .reveal .controls[data-controls-layout=edges] .navigate-left {
        left: .8em;
        margin-top: -1.8em;
        top: 50%
    }

    .reveal .controls[data-controls-layout=edges] .navigate-right {
        margin-top: -1.8em;
        right: .8em;
        top: 50%
    }

    .reveal .controls[data-controls-layout=edges] .navigate-up {
        left: 50%;
        margin-left: -1.8em;
        top: .8em
    }

    .reveal .controls[data-controls-layout=edges] .navigate-down {
        bottom: -.3em;
        left: 50%;
        margin-left: -1.8em
    }
}

.reveal .progress {
    background-color: #0003;
    bottom: 0;
    color: #fff;
    display: none;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.reveal .progress:after {
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    top: -10px;
    width: 100%
}

.reveal .progress span {
    background-color: currentColor;
    display: block;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform .8s cubic-bezier(.26, .86, .44, .985);
    width: 100%
}

.reveal .slide-number {
    background-color: #0006;
    bottom: 8px;
    color: #fff;
    display: block;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 8px;
    z-index: 31
}

.reveal .slide-number a {
    color: currentColor
}

.reveal .slide-number-delimiter {
    margin: 0 3px
}

.reveal {
    height: 100%;
    overflow: hidden;
    position: relative;
    touch-action: pinch-zoom;
    width: 100%
}

.reveal.embedded {
    touch-action: pan-y
}

.reveal .slides {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    overflow: visible;
    perspective: 600px;
    perspective-origin: 50% 40%;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.reveal .slides > section {
    perspective: 600px
}

.reveal .slides > section, .reveal .slides > section > section {
    display: none;
    pointer-events: auto;
    position: absolute;
    transform-style: flat;
    transition: transform-origin .8s cubic-bezier(.26, .86, .44, .985), transform .8s cubic-bezier(.26, .86, .44, .985), visibility .8s cubic-bezier(.26, .86, .44, .985), opacity .8s cubic-bezier(.26, .86, .44, .985);
    width: 100%;
    z-index: 10
}

.reveal[data-transition-speed=fast] .slides section {
    transition-duration: .4s
}

.reveal[data-transition-speed=slow] .slides section {
    transition-duration: 1.2s
}

.reveal .slides section[data-transition-speed=fast] {
    transition-duration: .4s
}

.reveal .slides section[data-transition-speed=slow] {
    transition-duration: 1.2s
}

.reveal .slides > section.stack {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none
}

.reveal .slides > section.present, .reveal .slides > section > section.present {
    display: block;
    opacity: 1;
    z-index: 11
}

.reveal .slides > section:empty, .reveal .slides > section > section:empty, .reveal .slides > section > section[data-background-interactive], .reveal .slides > section[data-background-interactive] {
    pointer-events: none
}

.reveal.center, .reveal.center .slides, .reveal.center .slides section {
    min-height: 0 !important
}

.reveal .slides > section:not(.present), .reveal .slides > section > section:not(.present) {
    pointer-events: none
}

.reveal.overview .slides > section, .reveal.overview .slides > section > section {
    pointer-events: auto
}

.reveal .slides > section.future, .reveal .slides > section.past, .reveal .slides > section > section.future, .reveal .slides > section > section.past {
    opacity: 0
}

.reveal.slide section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
    transform: translate(-150%)
}

.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
    transform: translate(150%)
}

.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
    transform: translateY(-150%)
}

.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
    transform: translateY(150%)
}

.reveal.linear section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
    transform: translate(-150%)
}

.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
    transform: translate(150%)
}

.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
    transform: translateY(-150%)
}

.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
    transform: translateY(150%)
}

.reveal .slides section[data-transition=default].stack, .reveal.default .slides section.stack {
    transform-style: preserve-3d
}

.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0)
}

.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0)
}

.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
    transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0)
}

.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
    transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0)
}

.reveal .slides section[data-transition=convex].stack, .reveal.convex .slides section.stack {
    transform-style: preserve-3d
}

.reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0)
}

.reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0)
}

.reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
    transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0)
}

.reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
    transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0)
}

.reveal .slides section[data-transition=concave].stack, .reveal.concave .slides section.stack {
    transform-style: preserve-3d
}

.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0)
}

.reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0)
}

.reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
    transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0)
}

.reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
    transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0)
}

.reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
    transition-timing-function: ease
}

.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
    transform: scale(16);
    visibility: hidden
}

.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
    transform: scale(.2);
    visibility: hidden
}

.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
    transform: scale(16)
}

.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
    transform: scale(.2)
}

.reveal.cube .slides {
    perspective: 1300px
}

.reveal.cube .slides section {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    min-height: 700px;
    padding: 30px;
    transform-style: preserve-3d
}

.reveal.center.cube .slides section {
    min-height: 0
}

.reveal.cube .slides section:not(.stack):before {
    background: #0000001a;
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateZ(-20px);
    width: 100%
}

.reveal.cube .slides section:not(.stack):after {
    background: 0 0;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 95px 25px #0003;
    content: "";
    display: block;
    height: 30px;
    left: 5%;
    position: absolute;
    transform: translateZ(-90px) rotateX(65deg);
    width: 90%;
    z-index: 1
}

.reveal.cube .slides > section.stack {
    background: 0 0;
    padding: 0
}

.reveal.cube .slides > section.past {
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
    transform-origin: 100% 0
}

.reveal.cube .slides > section.future {
    transform: translate3d(100%, 0, 0) rotateY(90deg);
    transform-origin: 0 0
}

.reveal.cube .slides > section > section.past {
    transform: translate3d(0, -100%, 0) rotateX(90deg);
    transform-origin: 0 100%
}

.reveal.cube .slides > section > section.future {
    transform: translate3d(0, 100%, 0) rotateX(-90deg);
    transform-origin: 0 0
}

.reveal.page .slides {
    perspective: 3000px;
    perspective-origin: 0 50%
}

.reveal.page .slides section {
    box-sizing: border-box;
    min-height: 700px;
    padding: 30px;
    transform-style: preserve-3d
}

.reveal.page .slides section.past {
    z-index: 12
}

.reveal.page .slides section:not(.stack):before {
    background: #0000001a;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateZ(-20px);
    width: 100%
}

.reveal.page .slides section:not(.stack):after {
    background: 0 0;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 95px 25px #0003;
    content: "";
    display: block;
    height: 30px;
    left: 5%;
    position: absolute;
    -webkit-transform: translateZ(-90px) rotateX(65deg);
    width: 90%;
    z-index: 1
}

.reveal.page .slides > section.stack {
    background: 0 0;
    padding: 0
}

.reveal.page .slides > section.past {
    transform: translate3d(-40%, 0, 0) rotateY(-80deg);
    transform-origin: 0 0
}

.reveal.page .slides > section.future {
    transform: translateZ(0);
    transform-origin: 100% 0
}

.reveal.page .slides > section > section.past {
    transform: translate3d(0, -40%, 0) rotateX(80deg);
    transform-origin: 0 0
}

.reveal.page .slides > section > section.future {
    transform: translateZ(0);
    transform-origin: 0 100%
}

.reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
    transform: none;
    transition: opacity .5s
}

.reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
    transition: none
}

.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
    transform: none;
    transition: none
}

.reveal .pause-overlay {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 100%;
    z-index: 100
}

.reveal .pause-overlay .resume-button {
    background: 0 0;
    border: 2px solid #ccc;
    border-radius: 2px;
    bottom: 20px;
    color: #ccc;
    cursor: pointer;
    font-size: 16px;
    padding: 6px 14px;
    position: absolute;
    right: 20px
}

.reveal .pause-overlay .resume-button:hover {
    border-color: #fff;
    color: #fff
}

.reveal.paused .pause-overlay {
    opacity: 1;
    visibility: visible
}

.reveal .no-transition, .reveal .no-transition *, .reveal .slides.disable-slide-transitions section {
    transition: none !important
}

.reveal .slides.disable-slide-transitions section {
    transform: none !important
}

.reveal .backgrounds {
    height: 100%;
    left: 0;
    perspective: 600px;
    position: absolute;
    top: 0;
    width: 100%
}

.reveal .slide-background {
    background-color: #0000;
    display: none;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: all .8s cubic-bezier(.26, .86, .44, .985);
    visibility: hidden;
    width: 100%
}

.reveal .slide-background-content {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.reveal .slide-background.stack {
    display: block
}

.reveal .slide-background.present {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.print-pdf .reveal .slide-background {
    opacity: 1 !important;
    visibility: visible !important
}

.reveal .slide-background video {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.reveal .slide-background[data-background-size=contain] video {
    -o-object-fit: contain;
    object-fit: contain
}

.reveal > .backgrounds .slide-background[data-background-transition=none], .reveal[data-background-transition=none] > .backgrounds .slide-background:not([data-background-transition]) {
    transition: none
}

.reveal > .backgrounds .slide-background[data-background-transition=slide], .reveal[data-background-transition=slide] > .backgrounds .slide-background:not([data-background-transition]) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.reveal > .backgrounds .slide-background.past[data-background-transition=slide], .reveal[data-background-transition=slide] > .backgrounds .slide-background.past:not([data-background-transition]) {
    transform: translate(-100%)
}

.reveal > .backgrounds .slide-background.future[data-background-transition=slide], .reveal[data-background-transition=slide] > .backgrounds .slide-background.future:not([data-background-transition]) {
    transform: translate(100%)
}

.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide], .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past:not([data-background-transition]) {
    transform: translateY(-100%)
}

.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide], .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future:not([data-background-transition]) {
    transform: translateY(100%)
}

.reveal > .backgrounds .slide-background.past[data-background-transition=convex], .reveal[data-background-transition=convex] > .backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0)
}

.reveal > .backgrounds .slide-background.future[data-background-transition=convex], .reveal[data-background-transition=convex] > .backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0)
}

.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex], .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0)
}

.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex], .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0)
}

.reveal > .backgrounds .slide-background.past[data-background-transition=concave], .reveal[data-background-transition=concave] > .backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0)
}

.reveal > .backgrounds .slide-background.future[data-background-transition=concave], .reveal[data-background-transition=concave] > .backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0)
}

.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave], .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0)
}

.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave], .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0)
}

.reveal > .backgrounds .slide-background[data-background-transition=zoom], .reveal[data-background-transition=zoom] > .backgrounds .slide-background:not([data-background-transition]) {
    transition-timing-function: ease
}

.reveal > .backgrounds .slide-background.past[data-background-transition=zoom], .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: scale(16);
    visibility: hidden
}

.reveal > .backgrounds .slide-background.future[data-background-transition=zoom], .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: scale(.2);
    visibility: hidden
}

.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom], .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: scale(16);
    visibility: hidden
}

.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom], .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: scale(.2);
    visibility: hidden
}

.reveal[data-transition-speed=fast] > .backgrounds .slide-background {
    transition-duration: .4s
}

.reveal[data-transition-speed=slow] > .backgrounds .slide-background {
    transition-duration: 1.2s
}

.reveal [data-auto-animate-target^=unmatched] {
    will-change: opacity
}

.reveal section[data-auto-animate]:not(.stack):not([data-auto-animate=running]) [data-auto-animate-target^=unmatched] {
    opacity: 0
}

.reveal.overview {
    perspective: 700px;
    perspective-origin: 50% 50%
}

.reveal.overview .slides {
    -moz-transform-style: preserve-3d
}

.reveal.overview .slides section {
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    opacity: 1 !important;
    overflow: hidden;
    top: 0 !important;
    visibility: visible !important
}

.reveal.overview .slides section.present, .reveal.overview .slides section:hover {
    outline: 10px solid #96969666;
    outline-offset: 10px
}

.reveal.overview .slides section .fragment {
    opacity: 1;
    transition: none
}

.reveal.overview .slides section:after, .reveal.overview .slides section:before {
    display: none !important
}

.reveal.overview .slides > section.stack {
    background: 0 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    top: 0 !important
}

.reveal.overview .backgrounds {
    perspective: inherit;
    -moz-transform-style: preserve-3d
}

.reveal.overview .backgrounds .slide-background {
    opacity: 1;
    outline: 10px solid #9696961a;
    outline-offset: 10px;
    visibility: visible
}

.reveal.overview .backgrounds .slide-background.stack {
    overflow: visible
}

.reveal.overview .backgrounds .slide-background, .reveal.overview .slides section, .reveal.overview-deactivating .backgrounds .slide-background, .reveal.overview-deactivating .slides section {
    transition: none
}

.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
    direction: rtl;
    font-family: sans-serif
}

.reveal.rtl code, .reveal.rtl pre {
    direction: ltr
}

.reveal.rtl ol, .reveal.rtl ul {
    text-align: right
}

.reveal.rtl .progress span {
    transform-origin: 100% 0
}

.reveal.has-parallax-background .backgrounds {
    transition: all .8s ease
}

.reveal.has-parallax-background[data-transition-speed=fast] .backgrounds {
    transition-duration: .4s
}

.reveal.has-parallax-background[data-transition-speed=slow] .backgrounds {
    transition-duration: 1.2s
}

.reveal > .overlay {
    background: #000000e6;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%;
    z-index: 1000
}

.reveal > .overlay .spinner {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
    display: block;
    height: 32px;
    left: 50%;
    margin: -16px 0 0 -16px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transition: all .3s ease;
    visibility: visible;
    width: 32px;
    z-index: 10
}

.reveal > .overlay header {
    box-sizing: border-box;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.reveal > .overlay header a {
    box-sizing: border-box;
    display: inline-block;
    float: right;
    height: 40px;
    line-height: 36px;
    opacity: .6;
    padding: 0 10px;
    width: 40px
}

.reveal > .overlay header a:hover {
    opacity: 1
}

.reveal > .overlay header a .icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 20px;
    width: 20px
}

.reveal > .overlay header a.close .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC)
}

.reveal > .overlay header a.external .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==)
}

.reveal > .overlay .viewport {
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px
}

.reveal > .overlay.overlay-preview .viewport iframe {
    border: 0;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    transition: all .3s ease;
    visibility: hidden;
    width: 100%
}

.reveal > .overlay.overlay-preview.loaded .viewport iframe {
    opacity: 1;
    visibility: visible
}

.reveal > .overlay.overlay-preview.loaded .viewport-inner {
    left: 0;
    letter-spacing: normal;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
    z-index: -1
}

.reveal > .overlay.overlay-preview .x-frame-error {
    opacity: 0;
    transition: opacity .3s ease .3s
}

.reveal > .overlay.overlay-preview.loaded .x-frame-error {
    opacity: 1
}

.reveal > .overlay.overlay-preview.loaded .spinner {
    opacity: 0;
    transform: scale(.2);
    visibility: hidden
}

.reveal > .overlay.overlay-help .viewport {
    color: #fff;
    overflow: auto
}

.reveal > .overlay.overlay-help .viewport .viewport-inner {
    letter-spacing: normal;
    margin: auto;
    padding: 20px 20px 80px;
    text-align: center;
    width: 600px
}

.reveal > .overlay.overlay-help .viewport .viewport-inner .title {
    font-size: 20px
}

.reveal > .overlay.overlay-help .viewport .viewport-inner table {
    border: 1px solid #fff;
    border-collapse: collapse;
    font-size: 16px
}

.reveal > .overlay.overlay-help .viewport .viewport-inner table td, .reveal > .overlay.overlay-help .viewport .viewport-inner table th {
    border: 1px solid #fff;
    padding: 14px;
    vertical-align: middle;
    width: 200px
}

.reveal > .overlay.overlay-help .viewport .viewport-inner table th {
    padding-bottom: 20px;
    padding-top: 20px
}

.reveal .playback {
    -webkit-tap-highlight-color: transparent;
    bottom: 20px;
    cursor: pointer;
    left: 15px;
    position: absolute;
    transition: all .4s ease;
    z-index: 30
}

.reveal.overview .playback {
    opacity: 0;
    visibility: hidden
}

.reveal .hljs {
    min-height: 100%
}

.reveal .hljs table {
    margin: initial
}

.reveal .hljs-ln-code, .reveal .hljs-ln-numbers {
    border: 0;
    padding: 0
}

.reveal .hljs-ln-numbers {
    opacity: .6;
    padding-right: .75em;
    text-align: right;
    vertical-align: top
}

.reveal .hljs.has-highlights tr:not(.highlight-line) {
    opacity: .4
}

.reveal .hljs:not(:first-child).fragment {
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.reveal pre[data-auto-animate-target] {
    overflow: hidden
}

.reveal pre[data-auto-animate-target] code {
    height: 100%
}

.reveal .roll {
    display: inline-block;
    line-height: 1.2;
    overflow: hidden;
    perspective: 400px;
    perspective-origin: 50% 50%;
    vertical-align: top
}

.reveal .roll:hover {
    background: 0 0;
    text-shadow: none
}

.reveal .roll span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    padding: 0 2px;
    pointer-events: none;
    position: relative;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    transition: all .4s ease
}

.reveal .roll:hover span {
    background: #00000080;
    transform: translateZ(-45px) rotateX(90deg)
}

.reveal .roll span:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: attr(data-title);
    display: block;
    left: 0;
    padding: 0 2px;
    position: absolute;
    top: 0;
    transform: translate3d(0, 110%, 0) rotateX(-90deg);
    transform-origin: 50% 0
}

.reveal aside.notes {
    display: none
}

.reveal .speaker-notes {
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    border: 1px solid #0000000d;
    box-sizing: border-box;
    color: #222;
    display: none;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    height: 100%;
    left: 100%;
    line-height: 1.4;
    overflow: auto;
    padding: 14px 18px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 33.3333333333%;
    z-index: 1
}

.reveal .speaker-notes .notes-placeholder {
    color: #ccc;
    font-style: italic
}

.reveal .speaker-notes:focus {
    outline: 0
}

.reveal .speaker-notes:before {
    content: "Speaker notes";
    display: block;
    margin-bottom: 10px;
    opacity: .5
}

.reveal.show-notes {
    max-width: 75%;
    overflow: visible
}

.reveal.show-notes .speaker-notes {
    display: block
}

@media screen and (min-width: 1600px) {
    .reveal .speaker-notes {
        font-size: 20px
    }
}

@media screen and (max-width: 1024px) {
    .reveal.show-notes {
        border-left: 0;
        max-height: 70%;
        max-height: 70vh;
        max-width: none;
        overflow: visible
    }

    .reveal.show-notes .speaker-notes {
        border: 0;
        height: 42.8571428571%;
        height: 30vh;
        left: 0;
        top: 100%;
        width: 100%
    }
}

@media screen and (max-width: 600px) {
    .reveal.show-notes {
        max-height: 60%;
        max-height: 60vh
    }

    .reveal.show-notes .speaker-notes {
        height: 66.6666666667%;
        height: 40vh;
        top: 100%
    }

    .reveal .speaker-notes {
        font-size: 14px
    }
}

.zoomed .reveal *, .zoomed .reveal :after, .zoomed .reveal :before {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.zoomed .reveal .controls, .zoomed .reveal .progress {
    opacity: 0
}

.zoomed .reveal .roll span {
    background: 0 0
}

.zoomed .reveal .roll span:after {
    visibility: hidden
}

html.print-pdf * {
    -webkit-print-color-adjust: exact
}

html.print-pdf {
    height: 100%;
    overflow: visible;
    width: 100%
}

html.print-pdf body {
    border: 0;
    float: none !important;
    margin: 0 auto !important;
    overflow: visible;
    padding: 0
}

html.print-pdf .nestedarrow, html.print-pdf .reveal .controls, html.print-pdf .reveal .playback, html.print-pdf .reveal .progress, html.print-pdf .reveal.overview, html.print-pdf .state-background {
    display: none !important
}

html.print-pdf .reveal pre code {
    font-family: Courier, Courier New, monospace !important;
    overflow: hidden !important
}

html.print-pdf .reveal {
    height: auto !important;
    overflow: hidden !important;
    width: auto !important
}

html.print-pdf .reveal .slides {
    zoom: 1 !important;
    display: block;
    height: auto !important;
    left: auto;
    margin: 0 !important;
    overflow: visible;
    padding: 0 !important;
    perspective: none;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    top: auto;
    width: 100% !important
}

html.print-pdf .reveal .slides .pdf-page {
    overflow: hidden;
    page-break-after: always;
    position: relative;
    z-index: 1
}

html.print-pdf .reveal .slides section {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    min-height: 1px;
    opacity: 1 !important;
    padding: 0 !important;
    position: absolute !important;
    transform: none !important;
    transform-style: flat !important;
    visibility: visible !important
}

html.print-pdf .reveal section.stack {
    height: auto !important;
    margin: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
    page-break-after: avoid !important;
    position: relative !important
}

html.print-pdf .reveal img {
    box-shadow: none
}

html.print-pdf .reveal .backgrounds {
    display: none
}

html.print-pdf .reveal .slide-background {
    display: block !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: auto !important
}

html.print-pdf .reveal.show-notes {
    max-height: none;
    max-width: none
}

html.print-pdf .reveal .speaker-notes-pdf {
    bottom: auto;
    display: block;
    height: auto;
    left: auto;
    max-height: none;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 100
}

html.print-pdf .reveal .speaker-notes-pdf[data-layout=separate-page] {
    background-color: initial;
    border: 0;
    color: inherit;
    padding: 20px;
    page-break-after: always;
    position: relative
}

html.print-pdf .reveal .slide-number-pdf {
    display: block;
    font-size: 14px;
    position: absolute
}

html.print-pdf .aria-status {
    display: none
}

@media print {
    html:not(.print-pdf), html:not(.print-pdf) body {
        background: #fff;
        height: auto;
        overflow: visible;
        width: auto
    }

    html:not(.print-pdf) body {
        border: 0;
        float: none !important;
        font-size: 20pt;
        margin: 0 5%;
        padding: 0
    }

    html:not(.print-pdf) .controls, html:not(.print-pdf) .fork-reveal, html:not(.print-pdf) .nestedarrow, html:not(.print-pdf) .reveal .backgrounds, html:not(.print-pdf) .reveal .progress, html:not(.print-pdf) .reveal .slide-number, html:not(.print-pdf) .share-reveal, html:not(.print-pdf) .state-background {
        display: none !important
    }

    html:not(.print-pdf) body, html:not(.print-pdf) li, html:not(.print-pdf) p, html:not(.print-pdf) td {
        color: #000;
        font-size: 20pt !important
    }

    html:not(.print-pdf) h1, html:not(.print-pdf) h2, html:not(.print-pdf) h3, html:not(.print-pdf) h4, html:not(.print-pdf) h5, html:not(.print-pdf) h6 {
        color: #000 !important;
        height: auto;
        letter-spacing: normal;
        line-height: normal;
        text-align: left
    }

    html:not(.print-pdf) h1 {
        font-size: 28pt !important
    }

    html:not(.print-pdf) h2 {
        font-size: 24pt !important
    }

    html:not(.print-pdf) h3, html:not(.print-pdf) h4 {
        font-size: 22pt !important
    }

    html:not(.print-pdf) h4 {
        font-variant: small-caps
    }

    html:not(.print-pdf) h5 {
        font-size: 21pt !important
    }

    html:not(.print-pdf) h6 {
        font-size: 20pt !important;
        font-style: italic
    }

    html:not(.print-pdf) a:link, html:not(.print-pdf) a:visited {
        color: #000 !important;
        font-weight: 700;
        text-decoration: underline
    }

    html:not(.print-pdf) div, html:not(.print-pdf) ol, html:not(.print-pdf) p, html:not(.print-pdf) ul {
        display: block;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        text-align: left !important;
        visibility: visible;
        width: auto
    }

    html:not(.print-pdf) .reveal pre, html:not(.print-pdf) .reveal table {
        margin-left: 0;
        margin-right: 0
    }

    html:not(.print-pdf) .reveal pre code {
        padding: 20px
    }

    html:not(.print-pdf) .reveal blockquote {
        margin: 20px 0
    }

    html:not(.print-pdf) .reveal .slides {
        zoom: 1 !important;
        padding: 0 !important;
        perspective: none;
        perspective-origin: 50% 50%;
        text-align: left !important;
        transform: none !important
    }

    html:not(.print-pdf) .reveal .slides, html:not(.print-pdf) .reveal .slides section {
        display: block !important;
        height: auto !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        overflow: visible !important;
        position: static !important;
        top: 0 !important;
        width: auto !important
    }

    html:not(.print-pdf) .reveal .slides section {
        opacity: 1 !important;
        padding: 60px 20px !important;
        page-break-after: always !important;
        transform: none !important;
        transform-style: flat !important;
        transition: none !important;
        visibility: visible !important;
        z-index: auto !important
    }

    html:not(.print-pdf) .reveal .slides section.stack {
        padding: 0 !important
    }

    html:not(.print-pdf) .reveal section:last-of-type {
        page-break-after: avoid !important
    }

    html:not(.print-pdf) .reveal section .fragment {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important
    }

    html:not(.print-pdf) .reveal section img {
        background: #fff;
        border: 1px solid #666;
        box-shadow: none;
        display: block;
        margin: 15px 0
    }

    html:not(.print-pdf) .reveal section small {
        font-size: .8em
    }

    html:not(.print-pdf) .reveal .hljs {
        word-wrap: break-word;
        font-size: 15pt;
        max-height: 100%;
        white-space: pre-wrap;
        word-break: break-word
    }

    html:not(.print-pdf) .reveal .hljs .hljs-ln-numbers {
        white-space: nowrap
    }

    html:not(.print-pdf) .reveal .hljs td {
        color: inherit !important;
        font-size: inherit !important
    }
}

section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
    color: #fff
}

:root {
    --r-background-color: #fff;
    --r-main-font: Source Sans Pro, Helvetica, sans-serif;
    --r-main-font-size: 42px;
    --r-main-color: #222;
    --r-block-margin: 20px;
    --r-heading-margin: 0 0 20px 0;
    --r-heading-font: Source Sans Pro, Helvetica, sans-serif;
    --r-heading-color: #222;
    --r-heading-line-height: 1.2;
    --r-heading-letter-spacing: normal;
    --r-heading-text-transform: uppercase;
    --r-heading-text-shadow: none;
    --r-heading-font-weight: 600;
    --r-heading1-text-shadow: none;
    --r-heading1-size: 2.5em;
    --r-heading2-size: 1.6em;
    --r-heading3-size: 1.3em;
    --r-heading4-size: 1em;
    --r-code-font: monospace;
    --r-link-color: #2a76dd;
    --r-link-color-dark: #1a53a1;
    --r-link-color-hover: #6ca0e8;
    --r-selection-background-color: #98bdef;
    --r-selection-color: #fff
}

.reveal-viewport {
    background: #fff;
    background-color: var(--r-background-color)
}

.reveal {
    color: var(--r-main-color);
    font-family: var(--r-main-font);
    font-size: var(--r-main-font-size);
    font-weight: 400
}

.reveal ::selection {
    background: var(--r-selection-background-color);
    color: var(--r-selection-color);
    text-shadow: none
}

.reveal ::-moz-selection {
    background: var(--r-selection-background-color);
    color: var(--r-selection-color);
    text-shadow: none
}

.reveal .slides section, .reveal .slides section > section {
    font-weight: inherit;
    line-height: 1.3
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    word-wrap: break-word;
    color: var(--r-heading-color);
    font-family: var(--r-heading-font);
    font-weight: var(--r-heading-font-weight);
    letter-spacing: var(--r-heading-letter-spacing);
    line-height: var(--r-heading-line-height);
    margin: var(--r-heading-margin);
    text-shadow: var(--r-heading-text-shadow);
    text-transform: var(--r-heading-text-transform)
}

.reveal h1 {
    font-size: var(--r-heading1-size)
}

.reveal h2 {
    font-size: var(--r-heading2-size)
}

.reveal h3 {
    font-size: var(--r-heading3-size)
}

.reveal h4 {
    font-size: var(--r-heading4-size)
}

.reveal h1 {
    text-shadow: var(--r-heading1-text-shadow)
}

.reveal p {
    line-height: 1.3;
    margin: var(--r-block-margin) 0
}

.reveal h1:last-child, .reveal h2:last-child, .reveal h3:last-child, .reveal h4:last-child, .reveal h5:last-child, .reveal h6:last-child {
    margin-bottom: 0
}

.reveal iframe, .reveal img, .reveal video {
    max-height: 95%;
    max-width: 95%
}

.reveal b, .reveal strong {
    font-weight: 700
}

.reveal em {
    font-style: italic
}

.reveal dl, .reveal ol, .reveal ul {
    display: inline-block;
    margin: 0 0 0 1em;
    text-align: left
}

.reveal ol {
    list-style-type: decimal
}

.reveal ul {
    list-style-type: disc
}

.reveal ul ul {
    list-style-type: square
}

.reveal ul ul ul {
    list-style-type: circle
}

.reveal ol ol, .reveal ol ul, .reveal ul ol, .reveal ul ul {
    display: block;
    margin-left: 40px
}

.reveal dt {
    font-weight: 700
}

.reveal dd {
    margin-left: 40px
}

.reveal blockquote {
    background: #ffffff0d;
    box-shadow: 0 0 2px #0003;
    display: block;
    font-style: italic;
    margin: var(--r-block-margin) auto;
    padding: 5px;
    position: relative;
    width: 70%
}

.reveal blockquote p:first-child, .reveal blockquote p:last-child {
    display: inline-block
}

.reveal q {
    font-style: italic
}

.reveal pre {
    word-wrap: break-word;
    box-shadow: 0 5px 15px #00000026;
    display: block;
    font-size: .55em;
    line-height: 1.2em;
    margin: var(--r-block-margin) auto;
    position: relative;
    text-align: left;
    width: 90%
}

.reveal code, .reveal pre {
    font-family: var(--r-code-font)
}

.reveal code {
    tab-size: 2;
    text-transform: none
}

.reveal pre code {
    word-wrap: normal;
    display: block;
    max-height: 400px;
    overflow: auto;
    padding: 5px
}

.reveal .code-wrapper {
    white-space: normal
}

.reveal .code-wrapper code {
    white-space: pre
}

.reveal table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto
}

.reveal table th {
    font-weight: 700
}

.reveal table td, .reveal table th {
    border-bottom: 1px solid;
    padding: .2em .5em;
    text-align: left
}

.reveal table td[align=center], .reveal table th[align=center] {
    text-align: center
}

.reveal table td[align=right], .reveal table th[align=right] {
    text-align: right
}

.reveal table tbody tr:last-child td, .reveal table tbody tr:last-child th {
    border-bottom: none
}

.reveal sup {
    font-size: smaller;
    vertical-align: super
}

.reveal sub {
    font-size: smaller;
    vertical-align: sub
}

.reveal small {
    display: inline-block;
    font-size: .6em;
    line-height: 1.2em
}

.reveal small, .reveal small * {
    vertical-align: top
}

.reveal img {
    margin: var(--r-block-margin) 0
}

.reveal a {
    color: var(--r-link-color);
    text-decoration: none;
    transition: color .15s ease
}

.reveal a:hover {
    border: none;
    color: var(--r-link-color-hover);
    text-shadow: none
}

.reveal .roll span:after {
    background: var(--r-link-color-dark);
    color: #fff
}

.reveal .r-frame {
    border: 4px solid var(--r-main-color);
    box-shadow: 0 0 10px #00000026
}

.reveal a .r-frame {
    transition: all .15s linear
}

.reveal a:hover .r-frame {
    border-color: var(--r-link-color);
    box-shadow: 0 0 20px #0000008c
}

.reveal .controls, .reveal .progress {
    color: var(--r-link-color)
}

.reveal .progress {
    background: #0003
}

@media print {
    .backgrounds {
        background-color: var(--r-background-color)
    }
}

.gainer > :first-child:not(script), .gainer > :first-child:not(script):not(:empty) {
    margin-top: 0
}

.gainer > :last-child:not(script), .gainer > :last-child:not(script):not(:empty) {
    margin-bottom: 0
}

.gainer__features {
    display: flex;
    justify-content: center;
    margin: 64px 0
}

.gainer__features-row {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between
}

.gainer__features-row:not(:empty) {
    margin: -16px -8px
}

.gainer__features-col {
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    justify-content: center;
    padding: 16px 8px
}

@media (min-width: 480px) {
    .gainer__features-col {
        flex-basis: 50%
    }
}

@media (min-width: 600px) {
    .gainer__features-col {
        flex-basis: 33.3333333333%
    }
}

@media (min-width: 768px) {
    .gainer__features-col {
        flex-basis: 25%
    }
}

@media (min-width: 924px) {
    .gainer__features-col {
        flex-basis: 20%
    }
}

@media (min-width: 1168px) {
    .gainer__features-col {
        flex-basis: 16.6666666667%
    }
}

.gainer__feature {
    align-content: flex-start;
    display: grid;
    grid-auto-flow: row;
    grid-template-areas:"gainer__feature-media   "".                         ""gainer__feature-title   "".                         ""gainer__feature-subtitle";
    grid-template-rows:auto 8px auto 8px auto
}

.gainer__feature-media {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: gainer__feature-media;
    justify-content: center;
    min-height: 4rem
}

.gainer__feature-title {
    font-size: 1.875rem;
    grid-area: gainer__feature-title;
    min-height: 36px
}

.gainer__feature-subtitle, .gainer__feature-title {
    color: #0a264e;
    font-weight: 400;
    margin: 0;
    text-align: center
}

.gainer__feature-subtitle {
    font-size: 1.25rem;
    grid-area: gainer__feature-subtitle;
    min-height: 24px
}

.gainer__feature-text {
    color: #0a264e;
    font-size: .875rem;
    grid-area: gainer__feature-text;
    text-align: center;
    white-space: pre-line
}

.gainer__feature-actions {
    align-self: flex-end;
    grid-area: gainer__feature-actions
}

.gainer__feature-actions-row {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.gainer__feature-actions-row:not(:empty) {
    margin: -8px
}

.gainer__feature-actions-col {
    padding: 8px
}

.gainer__feature-actions-link {
    font-size: .75rem;
    text-align: center
}

.gainer__feature:link, .gainer__feature:link:hover {
    text-decoration: none
}

.gainer__actions {
    display: flex;
    flex-direction: column;
    margin: 16px 0
}

.gainer__actions-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.gainer__actions-row:not(:empty) {
    margin: -8px
}

.gainer__action {
    flex-basis: 384px;
    margin: 8px
}

.gainer__title {
    color: #0a264e;
    font-size: 2.5rem;
    font-weight: 400;
    margin: 32px 0;
    text-align: center
}

.gainer__icon {
    font-size: 4rem
}

.gainer__text {
    color: #8c96a3;
    color: var(--regent-gray);
    font-size: 1rem;
    font-weight: 400;
    margin: 16px 0
}

.gainer__paragraph {
    margin: 0 auto;
    white-space: pre-line
}

.gainer__paragraph + .gainer__paragraph {
    margin-top: 1em
}

.gainer__picture {
    align-items: center;
    display: flex;
    justify-content: center
}

.gainer__picture:not(:empty) {
    margin: 32px 0
}

@media (min-width: 375px) {
    .gainer__picture:not(:empty) {
        margin: calc(1.46565px + 8.14249vw) 0
    }
}

@media (min-width: 768px) {
    .gainer__picture:not(:empty) {
        margin: 64px 0
    }
}

.gainer__picture img, .gainer__picture source {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    max-width: 100%;
    object-fit: contain;
    text-align: center
}

.gainer--about-us .gainer__feature {
    grid-template-areas:"gainer__feature-media   "".                         ""gainer__feature-subtitle";
    grid-template-rows:auto 8px auto
}

.gainer--apparatus .gainer__feature {
    grid-template-areas:"gainer__feature-title   "".                         ""gainer__feature-subtitle";
    grid-template-rows:auto 8px auto
}

.gainer--apparatus .gainer__feature-title {
    color: #2d78bd;
    color: var(--mariner)
}

.gainer--apparatus .gainer__feature-subtitle {
    color: #8c96a3;
    color: var(--regent-gray)
}

.gainer--our-products .gainer__features-row {
    justify-content: center
}

.gainer--our-products .gainer__features-row:not(:empty) {
    margin: -4px
}

.gainer--our-products .gainer__features-col {
    flex-grow: 0;
    padding: 4px
}

@media (min-width: 480px) {
    .gainer--our-products .gainer__features-col {
        flex-basis: 100%
    }
}

@media (min-width: 600px) {
    .gainer--our-products .gainer__features-col {
        flex-basis: 100%
    }
}

@media (min-width: 768px) {
    .gainer--our-products .gainer__features-col {
        flex-basis: 50%
    }
}

@media (min-width: 924px) {
    .gainer--our-products .gainer__features-col {
        flex-basis: 33.3333333333%
    }
}

@media (min-width: 1168px) {
    .gainer--our-products .gainer__features-col {
        flex-basis: 33.3333333333%
    }
}

.gainer--our-products .gainer__feature {
    border: 1px solid #0000;
    grid-template-areas:"gainer__feature-media   "".                       ""gainer__feature-subtitle"".                       ""gainer__feature-text    "".                       ""gainer__feature-actions ";
    grid-template-rows:4rem 16px auto 16px 1fr 16px auto;
    padding: 21.3333333333px;
    width: 100%
}

.gainer--our-products .gainer__feature:focus, .gainer--our-products .gainer__feature:hover {
    border-color: #dee5f1;
    border-color: var(--botticelli)
}

.gainer--our-products .gainer__feature:focus .gainer__icon, .gainer--our-products .gainer__feature:hover .gainer__icon {
    --fill-color: #2d78bd;
    --stroke-color: #2d78bd
}

@media (max-width: 1167px) {
    .gainer--our-products .gainer__feature {
        max-width: 384px
    }
}

.gainer--our-products .gainer__feature-text {
    color: #8c96a3;
    color: var(--regent-gray)
}

.gainer--our-products .gainer__feature-actions-link {
    color: #27bcff;
    color: var(--dodger-blue-2)
}

.gainer--our-products .gainer__feature-actions-link:link {
    cursor: pointer
}

.gainer--our-products .gainer__feature-actions-link:focus, .gainer--our-products .gainer__feature-actions-link:hover {
    color: #0a95ff;
    color: var(--dodger-blue);
    text-decoration: underline
}

.gainer--our-products .gainer__feature-actions-link:active {
    color: #1b6eea;
    color: var(--royal-blue);
    text-decoration: underline
}

.gainer--global-servers .gainer__picture:not(:empty) {
    margin: 0 0 32px
}

@media (min-width: 375px) {
    .gainer--global-servers .gainer__picture:not(:empty) {
        margin: 0 0 calc(1.46565px + 8.14249vw)
    }
}

@media (min-width: 768px) {
    .gainer--global-servers .gainer__picture:not(:empty) {
        margin: 0 0 64px
    }
}

.gainer--global-servers .gainer__actions:not(:empty) {
    margin: 32px 0 0
}

@media (min-width: 375px) {
    .gainer--global-servers .gainer__actions:not(:empty) {
        margin: calc(1.46565px + 8.14249vw) 0 0
    }
}

@media (min-width: 768px) {
    .gainer--global-servers .gainer__actions:not(:empty) {
        margin: 64px 0 0
    }
}

.gainer--partnerships .gainer__actions {
    margin: 32px 0
}

.deck--home {
    background-color: #000;
    position: relative;
    touch-action: pan-y;
    z-index: 0
}

.deck--home .deck__former {
    padding-top: 568px
}

@media (min-width: 375px) {
    .deck--home .deck__former {
        padding-top: calc(132.8855px + 116.03053vw)
    }
}

@media (min-width: 768px) {
    .deck--home .deck__former {
        padding-top: 1024px
    }
}

.deck--home .deck__decoration, .deck--home .deck__filler {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.deck--home .deck__filler {
    z-index: 2
}

.deck--home .deck__pagination {
    bottom: 4rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

@media (max-width: 1167px) {
    .deck--home .deck__pagination {
        display: none
    }
}

.deck--home .deck__pagination-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.deck--home .deck__pagination-row:not(:empty) {
    margin: -4px
}

.deck--home .deck__pagination-col {
    font-size: 0;
    line-height: 0;
    padding: 4px
}

.deck--home .deck__pagination-link {
    background-color: #fff;
    background-color: var(--white);
    border-radius: 50%;
    display: block;
    height: .5rem;
    width: .5rem
}

.deck--home .deck__pagination-link--active {
    background-color: hsla(0, 0%, 100%, .382)
}

.deck--home.has-dark-background .deck__pagination-link {
    background-color: #fff;
    background-color: var(--white)
}

.deck--home.has-dark-background .deck__pagination-link--active {
    background-color: hsla(0, 0%, 100%, .382)
}

.deck--home.has-light-background .deck__pagination-link {
    background-color: #000;
    background-color: var(--black)
}

.deck--home.has-light-background .deck__pagination-link--active {
    background-color: rgba(0, 0, 0, .382)
}

.deck--home .deck__decoration {
    background: linear-gradient(45deg, rgba(0, 0, 0, .118) 25%, #0000 0, #0000), linear-gradient(45deg, #0000 75%, rgba(0, 0, 0, .118) 0, rgba(0, 0, 0, .118) 100%, #0000 0);
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
    pointer-events: none;
    z-index: 1
}

.deck--home .deck__container {
    grid-row-gap: 1.5rem;
    display: grid;
    grid-auto-flow: row
}

@media (min-width: 375px) {
    .deck--home .deck__container {
        grid-row-gap: calc(16.36641px + 2.03562vw)
    }
}

@media (min-width: 768px) {
    .deck--home .deck__container {
        grid-row-gap: 2rem
    }
}

.deck--home .deck__logo {
    font-size: 3rem;
    line-height: 1
}

@media (min-width: 375px) {
    .deck--home .deck__logo {
        font-size: calc(23.19084px + 6.61578vw)
    }
}

@media (min-width: 768px) {
    .deck--home .deck__logo {
        font-size: 4.625rem
    }
}

.deck--home .deck__text {
    font-size: 1.5rem;
    font-weight: 400
}

.deck--home .deck__paragraph {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    white-space: pre-line
}

p.deck--home .deck__paragraph {
    margin: 0
}

.deck--home .deck__paragraph + .deck--home .deck__paragraph {
    margin-top: 1em
}

.deck--home .deck__slide {
    align-items: center;
    height: 100%
}

.deck--home .deck__slide[style*="display: block;"] {
    display: flex !important
}

:root:not([dir=rtl]) .reveal.deck--home .playback {
    left: 16px;
    right: auto
}

@media (min-width: 1168px) {
    :root:not([dir=rtl]) .reveal.deck--home .playback {
        left: calc(50vw - 568px)
    }
}

:root:not([dir=rtl]) .reveal.deck--home .controls {
    left: auto;
    right: 16px
}

@media (min-width: 1168px) {
    :root:not([dir=rtl]) .reveal.deck--home .controls {
        right: calc(50vw - 568px)
    }
}

:root[dir=rtl] .reveal.deck--home .playback {
    left: auto;
    right: 16px
}

@media (min-width: 1168px) {
    :root[dir=rtl] .reveal.deck--home .playback {
        right: calc(50vw - 568px)
    }
}

:root[dir=rtl] .reveal.deck--home .controls {
    left: 16px;
    right: auto
}

@media (min-width: 1168px) {
    :root[dir=rtl] .reveal.deck--home .controls {
        left: calc(50vw - 568px)
    }
}

.reveal.deck--home .playback {
    bottom: 16px;
    display: none
}

.reveal.deck--home .controls {
    bottom: 16px;
    height: 36px;
    width: 5.625rem
}

.reveal.deck--home .controls .navigate-left, .reveal.deck--home .controls .navigate-right {
    bottom: 0
}

.home .btn-lg {
    border-width: 2px;
    padding-bottom: .4375rem;
    padding-top: .4375rem
}

.home__skirt {
    padding: 64px 0
}

@media (min-width: 375px) {
    .home__skirt {
        padding: calc(33.46565px + 8.14249vw) 0
    }
}

@media (min-width: 768px) {
    .home__skirt {
        padding: 96px 0
    }
}

.home__skirt > :not(script) {
    margin-bottom: 64px;
    margin-top: 64px
}

@media (min-width: 375px) {
    .home__skirt > :not(script) {
        margin-bottom: calc(33.46565px + 8.14249vw);
        margin-top: calc(33.46565px + 8.14249vw)
    }
}

@media (min-width: 768px) {
    .home__skirt > :not(script) {
        margin-bottom: 96px;
        margin-top: 96px
    }
}

.home__skirt > :not(script):first-of-type {
    margin-top: 0
}

.home__skirt > :not(script):last-of-type {
    margin-bottom: 0
}

.container--apparatus, .container--institution-offering, .container--our-products {
    background-color: #f4f6fa;
    background-color: var(--catskill-white-2);
    max-width: none
}

.container--apparatus:not(:empty), .container--institution-offering:not(:empty), .container--our-products:not(:empty) {
    padding: 64px 0
}

@media (min-width: 375px) {
    .container--apparatus:not(:empty), .container--institution-offering:not(:empty), .container--our-products:not(:empty) {
        padding: calc(33.46565px + 8.14249vw) 0
    }
}

@media (min-width: 768px) {
    .container--apparatus:not(:empty), .container--institution-offering:not(:empty), .container--our-products:not(:empty) {
        padding: 96px 0
    }
}

.container--institution-offering {
    background-image: url(/static/home/images/wall-street-stock-exchange.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.container--our-products {
    background: linear-gradient(135deg, #0000, 0, #0000 25%, #f4f6fa 0, #f4f6fa 75%, #0000 0, #0000), linear-gradient(45deg, #e6e7eb, #f4f6fa 33.33%, #f4f6fa 66.66%, #e6e7eb);
    overflow: hidden;
    position: relative;
    z-index: auto
}

@media (min-width: 768px) {
    .container--our-products {
        background: linear-gradient(135deg, #0000, 0, #0000 33.33%, #f4f6fa 0, #f4f6fa 66.66%, #0000 0, #0000), linear-gradient(45deg, #e6e7eb, #f4f6fa 33.33%, #f4f6fa 66.66%, #e6e7eb)
    }
}

.container--our-products .container {
    position: relative
}

:root {
    --body-bg: #fff;
    --fill-color: #0a264e;
    --stroke-color: #0a264e;
    min-height: 100%
}

:root.reveal-full-page {
    height: auto;
    overflow: initial;
    width: auto
}

body.reveal-viewport {
    background-color: #fff;
    color: #0a264e;
    height: auto;
    line-height: 1.5;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

#deck__slide--hong-kong {
    background-image: url('/static/home/images/deck__slide-hong-kong.webp');
    background-color: rgb(61, 117, 158);
}

.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-1 {
    -webkit-line-clamp: 1;
}

.clamp-3 {
    -webkit-line-clamp: 3;
}

.categories img {
    max-width: 100%;
    padding: 10px 20px;
}

.market-inner .market-wrapper .categories {
    border: 1px solid #dee5f1;
    margin-bottom: 20px;
}

.market-inner .market-wrapper .categories .title {
    border-bottom: 1px solid #dee5f1;
    color: #0e163b;
    font-size: 20px;
    font-weight: 700;
    padding: 16px;
    position: relative;
}

.market-inner .market-wrapper .categories a {
    display: block;
    margin-bottom: 5px;
}

.container--post .gainer__paragraph {
    text-align: center;
}

.gainer__post-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gainer__post-col {
    border: 1px solid #dee5f1;
    display: flex;
    justify-content: space-between;
    width: 48%;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
}

.gainer__post-col>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gainer__post-img {
    background-position: 50%;
    background-size: cover;
    margin: -20px 0 -20px -20px;
    width: 30%;
}

.gainer__post-content {
    width: 70%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gainer__post-img img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.gainer__post-title {
    color: #0e163b;
    font-size: 20px;
    font-weight: 600;
}

.gainer__post-desc {
    color: #777;
}

.gainer__post-clock {
    align-items: center;
    color: #777;
    display: flex;
    gap: 8px;
}

.footer-logo {
    max-width: 150px;
    padding: 20px 0;
}

.pagination li {
    list-style: none;
}

@media screen and (max-width: 890px) {
    .market-inner .leftside img {
        max-width: 100% !important;
    }
}