/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
  
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@charset "UTF-8";
*,
:after,
:before {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat
}

*,
:after,
:before,
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: inherit
}

figcaption,
figure,
main {
    display: block
}

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

nav ol,
nav ul {
    list-style: none
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: ink
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

::-moz-selection {
    background-color: #b3d4fc
}

::selection {
    background-color: #b3d4fc
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
select,
textarea {
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #ffdb00;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #ffdb00;
    color: #000;
    text-shadow: none
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

:root {
    background-color: #fff;
    color: #000;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

ul {
    list-style-type: none
}

.anim-fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

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

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

.external-link {
    color: #003da7;
    font-weight: 700
}

.external-link[target=_blank]:after {
    content: "";
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center;
    width: .5625rem;
    height: .5625rem;
    margin-left: .3125rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 9 9' style='enable-background:new 0 0 9 9;' xml:space='preserve'%3E%3Cpolygon fill='%23003DA7' points='7,0 2,0 2,2 5.6,2 0.4,7.2 1.8,8.6 7,3.4 7,7 9,7 9,2 9,0 '/%3E%3C/svg%3E")
}

.external-link[target=_blank]:lang(en-IN):after {
    width: 9px;
    height: 9px
}

.external-link:active,
.external-link:hover {
    color: #002c7a
}

.external-link--button {
    font-weight: 800;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 44px;
    line-height: 2.75rem
}

.external-link--button[target=_blank]:active:after,
.external-link--button[target=_blank]:hover:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 9 9' style='enable-background:new 0 0 9 9;' xml:space='preserve'%3E%3Cpolygon fill='%23fff' points='7,0 2,0 2,2 5.6,2 0.4,7.2 1.8,8.6 7,3.4 7,7 9,7 9,2 9,0 '/%3E%3C/svg%3E")
}

.external-link--button:active,
.external-link--button:hover {
    background-color: #002c7a;
    border-color: #002c7a;
    color: #fff
}

.external-link--current,
.global-navigation .navigation__group-items a.external-link--current {
    font-weight: 800
}

.navigation__toggle {
    opacity: 0
}

.navigation__helper,
.navigation__toggle {
    display: none
}

.navigation a {
    -ms-flex-align: center;
    align-items: center
}

.navigation__item,
.navigation a {
    display: -ms-flexbox;
    display: flex
}

.navigation .image__file {
    display: block;
    max-width: 100%
}

.navigation .navigation__link {
    text-decoration: none
}

.page-content .navigation {
    text-align: left
}

.page-navigation-wrapper .navigation {
    margin-right: -1.875rem;
    margin-left: -1.875rem
}

@media (min-width:900px) {
    .page-navigation-wrapper .navigation {
        -ms-flex: 1 0 35%;
        flex: 1 0 35%;
        margin-right: 0;
        margin-left: 0
    }
}

.page-navigation-wrapper .navigation .navigation__item {
    border-top: 1px solid
}

.page-navigation-wrapper .navigation .navigation__item:last-child {
    border-bottom: 1px solid
}

.page-navigation-wrapper .navigation .navigation__item:hover .navigation__link:after {
    -webkit-transform: translateX(.3rem);
    -ms-transform: translateX(.3rem);
    transform: translateX(.3rem)
}

.page-navigation-wrapper .navigation .navigation__link {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 1.875rem;
    color: inherit;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.5rem
}

.page-navigation-wrapper .navigation .navigation__link.external-link--current {
    font-weight: 800
}

.page-navigation-wrapper .navigation .navigation__link.external-link--current:after {
    content: none
}

.section .navigation {
    width: 100%;
    max-width: 53.125rem;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section .navigation .navigation__body {
    width: 100%
}

@media (min-width:900px) {
    .section .navigation .navigation__body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.section .navigation .navigation__item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    border-top: 1px solid
}

.section .navigation .navigation__item:last-child {
    border-bottom: 1px solid
}

@media (max-width:899px) {
    .section .navigation .navigation__item {
        margin-right: -1.875rem;
        margin-left: -1.875rem
    }
}

@media (min-width:900px) {
    .section .navigation .navigation__item {
        border: 1px solid;
        border-radius: .375rem;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: calc(50% - 1.25rem);
        flex-basis: calc(50% - 1.25rem)
    }
    .section .navigation .navigation__item:nth-child(n+3) {
        margin-top: 2.5rem
    }
}

.section .navigation .navigation__item:hover .navigation__link:after {
    -webkit-transform: translateX(.3rem);
    -ms-transform: translateX(.3rem);
    transform: translateX(.3rem)
}

.section .navigation .navigation__link {
    color: inherit
}

.section .navigation .navigation__link[href] {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 1.875rem;
    color: inherit;
    font-weight: 400;
    line-height: 1.5rem;
    text-decoration: none;
    -webkit-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease
}

@media (min-width:900px) {
    .section .navigation .navigation__link[href] {
        padding: 1.875rem
    }
}

.section .navigation .navigation__link[href]:after {
    content: "";
    width: .4375rem;
    height: 1rem;
    margin-left: 1.875rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.5.5l6 7.5-6 7.5'/%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease
}

@media (min-width:900px) {
    .footer_item_us_copyright.sm {
        display: none
    }
}

@media (max-width:899px) {
    .footer_item_us_copyright {
        color: #000!important;
        font-weight: 400!important;
        font-size: 13px!important;
        font-size: .8125rem!important;
        line-height: 24px!important;
        line-height: 1.5rem!important;
        text-shadow: none!important
    }
    .footer_item_us_copyright.lg {
        display: none
    }
    .footer_item_us_copyright:lang(he-IL) {
        text-align: right
    }
    .footer_item_us_copyright:lang(zh-CN) {
        width: 180px
    }
}

.navigation__label {
    border: 0;
    outline: 0
}

.navigation__toggle {
    display: none
}

.navigation__toggle:checked~.navigation__group-items {
    max-height: 30rem
}

:root .search {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: #000;
    font-weight: 400;
    border: 1px solid #979797
}

:root .search__input {
    outline: none;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-filter .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out, -webkit-filter .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, filter .2s ease-in-out;
    transition: transform .2s ease-in-out, filter .2s ease-in-out;
    transition: transform .2s ease-in-out, filter .2s ease-in-out, -webkit-transform .2s ease-in-out, -webkit-filter .2s ease-in-out
}

:root .search__input:focus~.search__label {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

:root .search__input:focus~.search__autocomplete-items {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .2s, .2s, 0s;
    -o-transition-delay: .2s, .2s, 0s;
    transition-delay: .2s, .2s, 0s
}

:root .search__input~.search__autocomplete-items:focus-within {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .2s, .2s, 0s;
    -o-transition-delay: .2s, .2s, 0s;
    transition-delay: .2s, .2s, 0s
}

:root .search__input::-ms-clear {
    display: none
}

:root .search__label {
    position: relative;
    z-index: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 3.125rem;
    cursor: pointer;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    -o-transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease
}

@media (min-width:900px) {
    :root .search__label {
        height: 3.125rem
    }
}

:root .search__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: .8125rem;
    height: .8125rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg transform='translate(1 1)' stroke='%23000' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='3.636' cy='3.636' r='3.636'/%3E%3Cpath d='M6.364 6.364l3.214 3.214' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E")
}

:root .search__label:lang(he-IL):before {
    width: .8425rem
}

:root .search__autocomplete-items {
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2);
    box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2);
    font-size: 16px;
    font-size: 1rem;
    opacity: 0;
    visibility: collapse;
    -webkit-transition: opacity .2s ease-in-out .2s, visibility 0s .4s, -webkit-transform .2s ease-in-out .2s;
    transition: opacity .2s ease-in-out .2s, visibility 0s .4s, -webkit-transform .2s ease-in-out .2s;
    -o-transition: transform .2s .2s ease-in-out, opacity .2s .2s ease-in-out, visibility 0s .4s;
    transition: transform .2s ease-in-out .2s, opacity .2s ease-in-out .2s, visibility 0s .4s;
    transition: transform .2s ease-in-out .2s, opacity .2s ease-in-out .2s, visibility 0s .4s, -webkit-transform .2s ease-in-out .2s
}

:root div.st-default-autocomplete {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.page-header .search {
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    height: 0;
    margin: 0;
    border: none;
    width: 100%
}

.page-header .search:lang(ro-RO) {
    width: 46%
}

@media (min-width:900px) {
    .page-header .search {
        z-index: 100;
        right: auto;
        bottom: auto;
        left: calc(100vw - 3.75rem);
        width: calc(50vw - 3.75rem);
        height: 3.125rem
    }
    .page-header .search:lang(he-IL) {
        right: calc(100vw - 3.75rem);
        left: 0
    }
}

@media (max-width:899px) {
    .page-header .search__input,
    .page-header .search__label {
        position: fixed
    }
    @supports (--var:1) {
        html.home-page .page-header .search__input,
        html.home-page .page-header .search__label {
            --d-translate-x: calc(var(--d-has-floating-search) - 1);
            opacity: var(--d-has-floating-search);
            -webkit-transform: translateX(calc(var(--d-translate-x) * 2rem));
            -ms-transform: translateX(calc(var(--d-translate-x) * 2rem));
            transform: translateX(calc(var(--d-translate-x) * 2rem))
        }
    }
}

.page-header .search__input {
    background-color: #fff;
    padding-top: .8rem;
    padding-bottom: .8rem
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .page-header .search__input {
        margin-bottom: 7px
    }
}

@media (max-width:899px) {
    .page-header .search__input {
        top: -3.5rem;
        left: 2.5rem;
        width: calc(100vw - 2.5rem);
        height: 3.5rem;
        line-height: 1.5rem;
        -webkit-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0
    }
}

@media (max-width:399px) {
    .page-header .search__input:lang(nl-NL)#internal-search-header::-webkit-input-placeholder {
        font-size: .8rem
    }
    .page-header .search__input:lang(nl-NL)#internal-search-header::-ms-input-placeholder {
        font-size: .8rem
    }
    .page-header .search__input:lang(nl-NL)#internal-search-header::placeholder {
        font-size: .8rem
    }
}

@media (min-width:900px) {
    .page-header .search__input {
        height: 3.125rem;
        opacity: 0
    }
}

.page-header .search__input:focus {
    opacity: 1
}

@media (max-width:899px) {
    .page-header .search__input:focus {
        top: 0;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media (min-width:900px) {
    .page-header .search__input:focus {
        -webkit-transform: translateX(-50vw) translateX(6.875rem);
        -ms-transform: translateX(-50vw) translateX(6.875rem);
        transform: translateX(-50vw) translateX(6.875rem)
    }
    .page-header .search__input:focus:lang(he-IL) {
        -webkit-transform: translateX(50vw) translateX(-6.875rem);
        -ms-transform: translateX(50vw) translateX(-6.875rem);
        transform: translateX(50vw) translateX(-6.875rem)
    }
}

@media (max-width:899px) {
    .page-header .search__input:focus~.search__label {
        opacity: 1!important;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5);
        box-shadow: 0 0 1px rgba(0, 0, 0, .5)
    }
}

@media (min-width:900px) {
    .page-header .search__input:focus~.search__label {
        -webkit-transform: translateX(-50vw) translateX(6.875rem);
        -ms-transform: translateX(-50vw) translateX(6.875rem);
        transform: translateX(-50vw) translateX(6.875rem)
    }
    .page-header .search__input:focus~.search__label:lang(he-IL) {
        -webkit-transform: translateX(50vw) translateX(-6.875rem);
        -ms-transform: translateX(50vw) translateX(-6.875rem);
        transform: translateX(50vw) translateX(-6.875rem)
    }
}

@media (max-width:899px) {
    .page-header .search__input:focus~.search__autocomplete-items {
        top: 3.125rem;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media (min-width:900px) {
    .page-header .search__input:focus~.search__autocomplete-items {
        -webkit-transform: translateX(-50vw) translateX(3.75rem);
        -ms-transform: translateX(-50vw) translateX(3.75rem);
        transform: translateX(-50vw) translateX(3.75rem)
    }
}

@media (min-width:900px) {
    .page-header .search__input~.search__autocomplete-items:focus-within {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50vw) translateX(3.75rem);
        -ms-transform: translateX(-50vw) translateX(3.75rem);
        transform: translateX(-50vw) translateX(3.75rem)
    }
}

@media (max-width:599px) {
    .page-header .search__input::-webkit-input-placeholder {
        font-size: 16px
    }
    .page-header .search__input::-ms-input-placeholder {
        font-size: 16px
    }
    .page-header .search__input::placeholder {
        font-size: 16px
    }
}

@media (max-width:350px) {
    .page-header .search__input::-webkit-input-placeholder {
        font-size: 14px
    }
    .page-header .search__input::-ms-input-placeholder {
        font-size: 14px
    }
    .page-header .search__input::placeholder {
        font-size: 14px
    }
    .page-header .search__input::-webkit-input-placeholder:lang(pt-br) {
        font-size: 11px
    }
    .page-header .search__input::-ms-input-placeholder:lang(pt-br) {
        font-size: 11px
    }
    .page-header .search__input::placeholder:lang(pt-br) {
        font-size: 11px
    }
}

.page-header .search__label {
    background-color: #fff
}

@media (max-width:899px) {
    .page-header .search__label {
        z-index: -1;
        bottom: 8.875rem;
        left: 1.25rem;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1.75rem;
        -webkit-box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, .2)
    }
    .page-header .search__label:before {
        left: 1.75rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg transform='translate(1 1)' stroke='%230740A3' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='3.636' cy='3.636' r='3.636'/%3E%3Cpath d='M6.364 6.364l3.214 3.214' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (min-width:900px) {
    .page-header .search__label {
        height: 3.125rem
    }
}

@media (min-width:900px) {
    .page-header .search__autocomplete-items {
        left: 3.125rem
    }
}

@media (min-width:900px) {
    .page-header .search:after {
        -webkit-transform: translateX(-50vw) translateX(6.875rem);
        -ms-transform: translateX(-50vw) translateX(6.875rem);
        transform: translateX(-50vw) translateX(6.875rem)
    }
}

@media (min-width:900px) {
    .page-header .search:after,
    .page-header .search:lang(ar-AE):after,
    .page-header .search:lang(ar-EG):after,
    .page-header .search:lang(he-IL):after {
        z-index: -1;
        content: "";
        -ms-flex-order: 3;
        order: 3;
        width: 3.125rem;
        height: 3.125rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='%230740A3'%3E%3Cpath d='M1.545.687l10.041 10.04-1.131 1.132L.414 1.818z'/%3E%3Cpath d='M.414 10.727L10.454.687l1.132 1.131-10.04 10.04z'/%3E%3C/g%3E%3C/svg%3E");
        cursor: pointer
    }
    .page-header .search:lang(ar-AE):after,
    .page-header .search:lang(ar-EG):after,
    .page-header .search:lang(he-IL):after {
        -webkit-transform: translateX(50vw) translateX(-6.875rem);
        -ms-transform: translateX(50vw) translateX(-6.875rem);
        transform: translateX(50vw) translateX(-6.875rem)
    }
}

.page-content .search {
    width: 100%;
    max-width: 37.5rem;
    margin-right: auto;
    margin-left: auto
}

.search-result:not(.search-result--card):not(:last-child) {
    border-bottom: 1px solid #eee
}

.search-result__link {
    display: block;
    border: 0 solid transparent;
    border-width: 1.25rem 3.125rem;
    color: inherit;
    text-align: left;
    text-decoration: none
}

.search-result__link:hover {
    background-color: rgba(0, 0, 0, .05)
}

.search-result--card .search-result__link {
    max-height: 9.5rem;
    border-width: 1.875rem 3.75rem 1.875rem 1.875rem;
    overflow: hidden
}

.search-result__heading {
    color: #003da7;
    font-size: 16px;
    font-size: 1rem
}

.search-result--card .search-result__heading {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem
}

.search-result__text {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 28px;
    line-height: 1.75rem
}

.search-result__text>* {
    pointer-events: none
}

.search-result__text em {
    background-color: rgba(0, 0, 0, .05);
    border-radius: .125rem;
    font-weight: 700
}

.search-result--card .search-result__text {
    margin-top: .625rem
}

.search-result--card {
    position: relative;
    margin: 1.25rem 0;
    border: 1px solid #e0e0e0;
    -webkit-transition: border-color .15s ease, -webkit-box-shadow .15s ease;
    transition: border-color .15s ease, -webkit-box-shadow .15s ease;
    -o-transition: box-shadow .15s ease, border-color .15s ease;
    transition: box-shadow .15s ease, border-color .15s ease;
    transition: box-shadow .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease
}

.search-result--card:after {
    content: "";
    position: absolute;
    right: 1.875rem;
    top: 50%;
    width: .4375rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.5.5l6 7.5-6 7.5'/%3E%3C/svg%3E");
    opacity: 0;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.search-result--card:hover {
    border-color: #f2f2f2;
    -webkit-box-shadow: 0 0 .9375rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .9375rem rgba(0, 0, 0, .1)
}

.search-result--card:hover:after {
    opacity: 1
}

.search-result--card:hover>.search-result__link {
    background-color: transparent
}

.search-result em {
    font-style: normal
}

.search-results:not(html) {
    width: 100%;
    max-width: 37.5rem;
    margin: auto;
    text-align: left
}

.search-results__spinner {
    height: 2.5rem;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cpath fill='%23003da7' d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")
}

.search-results__total {
    margin-bottom: 1.875rem;
    font-size: 12px;
    font-size: .75rem
}

.cookie-consent {
    z-index: 12;
    position: fixed;
    bottom: 50px!important;
    bottom: 0;
    right: 0;
    color: #fff!important;
    border: 2px solid #fff;
    padding: 6px;
    display: inline-block;
    margin: -8px 0 0 -82px!important;
    background-color: #003da7!important;
    cursor: pointer;
    border-radius: 2.75rem;
    font-size: 13px;
    min-width: 200px;
    height: 40px
}

@media (max-width:899px) {
    .cookie-consent {
        z-index: 9
    }
}

@media (max-width:899px) {
    .global-navigation {
        z-index: 99
    }
    .global-navigation:before {
        z-index: 1;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4.375rem;
        background-color: #fff;
        -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2);
        box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2)
    }
}

@media (max-width:899px) {
    html.home-page .global-navigation:before {
        content: none
    }
}

.global-navigation .navigation__icon.bbb-logo {
    margin-top: 30px;
    position: relative;
    left: -10px;
    width: 80px
}

.global-navigation .navigation__icon.bbb-logo:lang(EN_US) {
    display: block;
    background-color: transparent
}

.global-navigation .home-link {
    z-index: 1;
    display: block;
    position: absolute;
    left: 50%;
    top: 2.1875rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 3.75rem;
    height: 3.75rem;
    background-image: url(//images.ctfassets.net/ffeczni4xr4x/7znyJc3Y7SecEoKSYKWoaQ/15a5001dc594c3d5e987e561f82394c5/P_G_Logo_RGB.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-decoration: none;
    text-indent: -9999rem;
    overflow: hidden
}

@media (min-width:900px) {
    .global-navigation .home-link {
        position: fixed;
        z-index: 3;
        top: 3.125rem;
        width: 4.375rem;
        height: 4.375rem
    }
    :root[lang=zh-Hant-TW] .global-navigation .home-link {
        left: 49.5%
    }
}

@media (max-width:414px) and (orientation:portrait) {
    .global-navigation .home-link {
        top: 1.95rem;
        width: 3.3rem;
        height: 3.3rem
    }
}

.global-navigation .navigation {
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 3.125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    background-color: #fff;
    color: #0740a3
}

@media (min-width:900px) {
    .global-navigation .navigation {
        width: 100%;
        -webkit-box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2);
        box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .2)
    }
}

@media (max-width:899px) {
    .global-navigation .navigation {
        -ms-flex-pack: start;
        justify-content: flex-start;
        top: 0;
        bottom: 0;
        left: calc(-50vw + 2.1875rem);
        width: calc(50vw - 2.1875rem);
        z-index: 9
    }
}

@media (max-width:599px) {
    .global-navigation .navigation {
        left: calc(-100% + 3.5rem + 1.875rem);
        width: calc(100% - 3.5rem - 1.875rem)
    }
}

@media (max-width:350px) {
    .global-navigation .navigation {
        left: calc(-100% + 3.5rem - .625rem);
        width: calc(100% - 3.5rem + .625rem)
    }
}

@media (min-width:900px) {
    .global-navigation .navigation ul.navigation__body>.navigation__group:hover>.navigation__group-items {
        opacity: 1;
        max-height: 30rem
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group:hover {
        cursor: pointer
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__group-overlay {
        position: fixed;
        z-index: 1;
        top: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__group-items {
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: scale(0) translateY(60px) translateX(-50%) translateX(-.625rem);
        -ms-transform: scale(0) translateY(60px) translateX(-50%) translateX(-.625rem);
        transform: scale(0) translateY(60px) translateX(-50%) translateX(-.625rem);
        -webkit-transition: opacity .5s!important;
        -o-transition: opacity .5s!important;
        transition: opacity .5s!important;
        position: absolute;
        bottom: 44px;
        overflow: hidden;
        width: 100%;
        min-width: 250px;
        z-index: 10;
        max-height: inherit;
        top: inherit;
        left: 60%;
        padding: 0
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group-label:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        z-index: 1
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group {
        z-index: 10
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group-items {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(0) translateX(-50%) translateX(-.625rem);
        -ms-transform: scaleY(1) translateY(0) translateX(-50%) translateX(-.625rem);
        transform: scaleY(1) translateY(0) translateX(-50%) translateX(-.625rem)
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group-items:lang(ru-ru) {
        width: 210%
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group-label .navigation__label {
        position: relative;
        z-index: 1
    }
    .global-navigation .navigation ul.navigation__body>.navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group .navigation__toggle:checked~.navigation__group-label .navigation__group-overlay {
        top: 0;
        opacity: 1
    }
}

.global-navigation .navigation__body {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 50px;
    line-height: 3.125rem
}

@media (min-width:900px) {
    .global-navigation .navigation__body {
        font-size: 14px;
        font-size: .875rem
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__body {
        height: 100%;
        width: 100%;
        padding: 1.875rem;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden
    }
    @supports (-webkit-backdrop-filter:blur(1rem)) {
        .global-navigation .navigation__body {
            background-color: hsla(0, 0%, 100%, .9);
            -webkit-backdrop-filter: blur(.3125rem)
        }
    }
}

@media (max-width:899px) and (max-width:768px) {
    .global-navigation .navigation__body:lang(ru-ru) .navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group:last-child .navigation__group-items {
        padding-left: .75rem;
        font-size: 11px
    }
}

@media (max-width:899px) and (max-width:768px) {
    .global-navigation .navigation__body:lang(en-HK) {
        padding: 1rem;
        padding-right: 0
    }
    .global-navigation .navigation__body:lang(en-HK) .navigation__group:last-child .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .footer_item_us_copyright {
        display: none
    }
}

@media (max-width:899px) and (max-width:768px) {
    .global-navigation .navigation__body:lang(de-DE)>.navigation__group>.navigation__group-label {
        line-height: 1.5rem;
        margin: .8rem 0;
        white-space: normal;
        text-align: left
    }
    .global-navigation .navigation__body:lang(de-DE)>.navigation__group>.navigation__group-label .navigation__label {
        max-width: 125px
    }
}

@media (max-width:899px) and (max-width:768px) {
    .global-navigation .navigation__body:lang(pl-PL) .navigation__group:nth-child(2) .navigation__group-label,
    .global-navigation .navigation__body:lang(vi-vn) .navigation__group:nth-child(2) .navigation__group-label {
        line-height: 1.5rem;
        margin: .8rem 0;
        white-space: normal;
        text-align: left
    }
    .global-navigation .navigation__body:lang(pl-PL) .navigation__group:nth-child(2) .navigation__group-label .image.navigation__icon .navigation__label,
    .global-navigation .navigation__body:lang(vi-vn) .navigation__group:nth-child(2) .navigation__group-label .image.navigation__icon .navigation__label {
        width: 55%
    }
}

@media (max-width:899px) and (max-width:768px) {
    .global-navigation .navigation__body:lang(it-IT) .navigation__group:nth-child(2) .navigation__group-label {
        line-height: 1.5rem;
        margin: .8rem 0;
        white-space: normal;
        text-align: left
    }
    .global-navigation .navigation__body:lang(it-IT) .navigation__group:nth-child(2) .navigation__group-label .image.navigation__icon .navigation__label {
        width: 55%
    }
}

@media (max-width:899px) and (min-width:320px) and (max-width:899px) {
    .global-navigation .navigation__body:lang(id-ID) {
        padding: 1rem;
        padding-right: 0
    }
    .global-navigation .navigation__body:lang(id-ID) .navigation__group:nth-child(3) .navigation__group-label {
        line-height: 1.5rem;
        margin: .8rem 0;
        white-space: normal;
        text-align: left;
        width: 229px
    }
    .global-navigation .navigation__body:lang(id-ID) .navigation__group:nth-child(3) .navigation__group-label .image.navigation__icon .image__file {
        max-width: unset
    }
    .global-navigation .navigation__body:lang(id-ID) .navigation__group:nth-child(3) .navigation__group-label .image.navigation__icon .navigation__label {
        width: 55%
    }
}

@media (max-width:899px) and (min-width:768px) and (max-width:899px) {
    .global-navigation .navigation__body:lang(id-ID) {
        padding: 2rem 0 0 2rem
    }
}

@media (min-width:900px) {
    :root[lang=zh-Hant-TW] .global-navigation .navigation__body {
        margin-left: 4rem
    }
    :root[lang=zh-Hant-TW] .global-navigation .navigation__body>:nth-child(3) {
        margin-right: 5.5rem
    }
}

@media (min-width:900px) {
    :root[lang=zh-CN] .global-navigation .navigation__body {
        margin-left: 6.5rem
    }
    :root[lang=zh-CN] .global-navigation .navigation__body>:nth-child(3) {
        margin-right: 6.5rem
    }
}

@media (min-width:900px) and (max-width:1056px) {
    .global-navigation .navigation__body:lang(en-US),
    .global-navigation .navigation__body:lang(fr-Fr) {
        margin-left: 9.5rem!important
    }
    .global-navigation .navigation__body:lang(en-US)>:first-child,
    .global-navigation .navigation__body:lang(fr-Fr)>:first-child {
        margin-left: -.8rem!important
    }
    .global-navigation .navigation__body:lang(en-US)>:nth-child(4),
    .global-navigation .navigation__body:lang(fr-Fr)>:nth-child(4) {
        margin-left: 3.5rem!important
    }
}

@media (min-height:768px) and (max-width:991px) {
    .global-navigation .navigation__body:lang(cs-cz) {
        overflow-y: hidden
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body {
        display: -ms-flexbox;
        display: flex;
        margin-left: 8.5rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(ae-ar) {
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(it-it) {
        margin-left: 7rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__body:lang(it-it)>* {
        margin: 0 1.375rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(en-hk) {
        display: -ms-flexbox;
        display: flex;
        margin-right: 4rem
    }
}

@media (min-width:900px) and (max-width:1260px) {
    :root[lang=el-gr] .global-navigation .navigation__body {
        white-space: nowrap
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>* {
        margin: 0 1.875rem
    }
    :root[lang=el-gr] .global-navigation .navigation__body>* {
        margin: 0 2.875rem
    }
    .global-navigation .navigation__body>:lang(ro-ro) {
        margin: 0 2.375rem
    }
}

@media (min-width:900px) and (max-width:1260px) {
    :root[lang=el-gr] .global-navigation .navigation__body>* {
        margin: 0 1.875rem
    }
}

@media (min-width:900px) and (max-width:999px) {
    :root[lang=ro-ro] .global-navigation .navigation__body>* {
        white-space: nowrap;
        margin: 0 1.375rem
    }
}

@media (min-width:1000px) and (max-width:1260px) {
    .global-navigation .navigation__body>:lang(ro-ro) {
        white-space: nowrap;
        margin: 0 1.875rem
    }
}

.global-navigation .navigation__body>.navigation__item .navigation__link[target=_blank]:after {
    width: .5rem;
    height: .5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cline fill='none' stroke='%23003da7' stroke-width='2' stroke-miterlimit='10' x1='1.3' y1='6.7' x2='7' y2='1'/%3E%3Cpolyline fill='none' stroke='%23003da7' stroke-width='2' stroke-miterlimit='10' points='2,1 7,1 7,6 '/%3E%3C/svg%3E")
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__item:first-child {
        margin-bottom: 1.875rem
    }
}

.global-navigation .navigation__body>.navigation__item:first-child .navigation__icon {
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    padding: .625rem
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__item:first-child .navigation__icon {
        width: 2rem;
        height: 2rem;
        margin-right: .625rem;
        padding: 0;
        background-color: transparent;
        border-radius: 0
    }
}

.global-navigation .navigation__body>.navigation__item:first-child .navigation__link {
    font-size: 12px;
    font-size: .75rem;
    line-height: 50px;
    line-height: 3.125rem
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__item:first-child .navigation__link {
        font-size: 9px;
        font-size: .5625rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__item:first-child {
        position: absolute;
        top: 50%;
        left: 1.375rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0
    }
    .global-navigation .navigation__body>.navigation__item:first-child:lang(he-IL) {
        left: 0;
        right: 2.375rem;
        -webkit-transform: translateX(50%) translateY(-50%);
        -ms-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%)
    }
}

.global-navigation .navigation__body a {
    font-weight: 700;
    text-decoration: none;
    color: inherit
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(es-es) {
        margin-left: 5.5rem
    }
    .global-navigation .navigation__body:lang(es-es)>.navigation__group:nth-child(4) {
        margin-left: 9.5rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(hu-hu) {
        margin-left: 15.5rem
    }
    .global-navigation .navigation__body:lang(hu-hu)>* {
        margin: 0 2.875rem
    }
    .global-navigation .navigation__body:lang(hu-hu)>.navigation__group:nth-child(4) {
        margin-left: 10.5rem!important
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(he-IL)>*>.navigation__group-items {
        margin-left: 1rem
    }
    .global-navigation .navigation__body:lang(he-IL)>.navigation__group {
        white-space: nowrap
    }
    .global-navigation .navigation__body:lang(he-IL)>.navigation__group:nth-child(2) {
        margin-right: 17rem!important
    }
    .global-navigation .navigation__body:lang(he-IL)>.navigation__group:nth-child(3) {
        margin-right: 1.875rem;
        margin-left: 7rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(en-in)>* {
        white-space: nowrap
    }
    .global-navigation .navigation__body:lang(en-in)>.navigation__group:nth-child(3) {
        margin-right: 5.5rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__body:lang(en-za)>* {
        margin: 0 1.75rem
    }
    .global-navigation .navigation__body:lang(en-za)>.navigation__group {
        white-space: nowrap
    }
    .global-navigation .navigation__body:lang(en-za)>.navigation__group .navigation__group-items {
        padding: 0 1.7rem
    }
    .global-navigation .navigation__body:lang(en-za)>.navigation__group:nth-child(4) {
        margin-left: 7.5rem
    }
}

@media (min-width:1200px) {
    .global-navigation .navigation__body:lang(en-za)>.navigation__group:nth-child(4) {
        margin-left: 8.5rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body:lang(de-de)>:nth-child(5),
    .global-navigation .navigation__body:lang(es-es)>:nth-child(5) {
        display: none
    }
    .global-navigation .navigation__body:lang(de-de)>*,
    .global-navigation .navigation__body:lang(es-es)>* {
        white-space: nowrap;
        margin: 0 .75rem
    }
    .global-navigation .navigation__body:lang(de-de),
    .global-navigation .navigation__body:lang(es-es) {
        margin-left: 13.5rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__body:lang(de-de),
    .global-navigation .navigation__body:lang(es-es) {
        margin-left: 15.5rem
    }
    .global-navigation .navigation__body:lang(de-de)>*,
    .global-navigation .navigation__body:lang(es-es)>* {
        margin: 0 .75rem;
        font-size: 12px
    }
    .global-navigation .navigation__body:lang(de-de)>* .navigation__group-items,
    .global-navigation .navigation__body:lang(es-es)>* .navigation__group-items {
        padding: 0 1.7rem
    }
    .global-navigation .navigation__body:lang(de-de)>.navigation__group:nth-child(4),
    .global-navigation .navigation__body:lang(es-es)>.navigation__group:nth-child(4) {
        margin-left: 7.5rem
    }
    .global-navigation .navigation__body:lang(de-de)>:first-child,
    .global-navigation .navigation__body:lang(es-es)>:first-child {
        margin-left: -1.5rem
    }
}

@media (min-width:1200px) {
    .global-navigation .navigation__body:lang(de-de)>.navigation__group:nth-child(4),
    .global-navigation .navigation__body:lang(es-es)>.navigation__group:nth-child(4) {
        margin-left: 8.5rem
    }
}

@media (min-width:1200px) {
    .global-navigation .navigation__body:lang(id-ID) {
        margin-left: 0
    }
}

@media (min-width:900px) {
    :root[lang=gb-en] .global-navigation .navigation__body {
        margin-left: 12.5rem
    }
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:nth-child(3) {
        margin-right: 1.875rem
    }
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:nth-child(4) {
        margin-left: 1.875rem;
        margin-right: 7.5rem
    }
}

@media (min-width:900px) and (max-width:1200px) {
    :root[lang=gb-en] .global-navigation .navigation__body {
        margin-left: 8.5rem
    }
    :root[lang=gb-en] .global-navigation .navigation__body>* {
        margin-left: .9rem!important;
        margin-right: .9rem!important
    }
    :root[lang=gb-en] .global-navigation .navigation__body>:nth-child(4) {
        margin-right: 4.5rem!important
    }
}

@media (min-width:900px) and (min-width:1200px) and (max-width:1215px) {
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__item:first-child {
        margin-left: -1rem!important
    }
}

@media (min-width:900px) and (max-width:960px) {
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__item:first-child {
        margin-left: -1rem!important
    }
}

@media (min-width:900px) {
    :root[lang=gb-en] .global-navigation .navigation__body .external-link,
    :root[lang=gb-en] .global-navigation .navigation__body .navigation__label {
        white-space: nowrap
    }
}

@media (min-width:900px) and (max-width:1200px) {
    :root[lang=gb-en] .global-navigation .navigation__body .external-link,
    :root[lang=gb-en] .global-navigation .navigation__body .navigation__label {
        font-size: 11px
    }
}

@media (max-width:1200px) {
    :root[lang=gb-en] .global-navigation .navigation__body .navigation__group .navigation__group-items {
        padding: 0 1rem
    }
}

.global-navigation .navigation__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 700
}

@media (max-width:899px) {
    .global-navigation .navigation__group {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin: 0
    }
}

@media only screen and (min-width:900px) and (max-width:1071px) {
    .global-navigation .navigation__group:lang(cs-cz)>*,
    .global-navigation .navigation__group:lang(en-nz)>*,
    .global-navigation .navigation__group:lang(en-ph)>*,
    .global-navigation .navigation__group:lang(en-US)>*,
    .global-navigation .navigation__group:lang(fr-FR)>*,
    .global-navigation .navigation__group:lang(ro-ro)>* {
        width: -webkit-max-content!important;
        width: -moz-max-content!important;
        width: max-content!important
    }
}

.global-navigation .navigation__group:lang(cs-cz):nth-child(3),
.global-navigation .navigation__group:lang(en-nz):nth-child(3),
.global-navigation .navigation__group:lang(en-ph):nth-child(3),
.global-navigation .navigation__group:lang(en-US):nth-child(3),
.global-navigation .navigation__group:lang(fr-FR):nth-child(3),
.global-navigation .navigation__group:lang(ro-ro):nth-child(3) {
    margin-right: 6.5rem
}

.global-navigation .navigation__group:lang(cs-cz):nth-child(4),
.global-navigation .navigation__group:lang(en-nz):nth-child(4),
.global-navigation .navigation__group:lang(en-ph):nth-child(4),
.global-navigation .navigation__group:lang(en-US):nth-child(4),
.global-navigation .navigation__group:lang(fr-FR):nth-child(4),
.global-navigation .navigation__group:lang(ro-ro):nth-child(4) {
    margin-left: 6.5rem
}

@media (max-width:899px) {
    .global-navigation .navigation__group:lang(cs-cz):nth-child(4),
    .global-navigation .navigation__group:lang(en-nz):nth-child(4),
    .global-navigation .navigation__group:lang(en-ph):nth-child(4),
    .global-navigation .navigation__group:lang(en-US):nth-child(4),
    .global-navigation .navigation__group:lang(fr-FR):nth-child(4),
    .global-navigation .navigation__group:lang(ro-ro):nth-child(4) {
        margin-left: 0
    }
}

@media only screen and (min-width:900px) and (max-width:1119px) {
    .global-navigation .navigation__group:lang(fr-FR)>* {
        width: -webkit-max-content!important;
        width: -moz-max-content!important;
        width: max-content!important
    }
}

.global-navigation .navigation__group:lang(fr-FR):nth-child(3) {
    margin-right: 6.5rem
}

.global-navigation .navigation__group:lang(fr-FR):nth-child(4) {
    margin-left: 6.5rem
}

@media (max-width:899px) {
    .global-navigation .navigation__group:lang(fr-FR):nth-child(4) {
        margin-left: 0
    }
}

.global-navigation .navigation__group:lang(cs-cz):nth-child(3) {
    margin-right: 7.5rem
}

.global-navigation .navigation__group:lang(cs-cz):nth-child(3) .navigation__group-items {
    padding: 0 2rem
}

@media (min-width:1200px) {
    .global-navigation .navigation__group:lang(it-it):nth-child(3) {
        margin-right: 6rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__group:lang(it-it) {
        white-space: nowrap
    }
    .global-navigation .navigation__group:lang(it-it):nth-child(3) {
        margin-right: 4rem
    }
    .global-navigation .navigation__group:lang(it-it) .navigation__group-items {
        padding: 0 1rem
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__group:lang(pl-PL):nth-child(3) .navigation__group-label,
    .global-navigation .navigation__group:lang(vi-vn):nth-child(3) .navigation__group-label {
        line-height: 1.5rem;
        margin: .8rem 0;
        white-space: normal;
        text-align: left
    }
    .global-navigation .navigation__group:lang(pl-PL):nth-child(3) .navigation__group-label span,
    .global-navigation .navigation__group:lang(vi-vn):nth-child(3) .navigation__group-label span {
        width: 55%
    }
}

@media (min-width:768px) and (max-width:899px) {
    .global-navigation .navigation__group:lang(pl-PL):nth-child(3) .navigation__group-label span,
    .global-navigation .navigation__group:lang(vi-vn):nth-child(3) .navigation__group-label span {
        width: 43%
    }
}

@media (min-width:1200px) {
    :root[lang=nl-be] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 8rem
    }
}

@media (min-width:1200px) {
    :root[lang=cs-CZ] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 10rem
    }
}

@media (min-width:1200px) {
    :root[lang=id-ID] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 5.5rem
    }
}

@media (min-width:1200px) {
    :root[lang=zh-Hant-HK] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 6.5rem
    }
}

@media (min-width:1200px) {
    :root[lang=es-419] .global-navigation .navigation__group:nth-child(3),
    :root[lang=fr-FR] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 10rem
    }
}

@media (min-width:1200px) {
    :root[lang=pl-PL] .global-navigation .navigation__group:nth-child(2) {
        margin-left: -6rem
    }
}

@media (min-width:1200px) {
    :root[lang=pl-PL] .global-navigation .navigation__group:nth-child(4) {
        margin-left: 7rem
    }
}

@media (min-width:1200px) {
    :root[lang=vi-vn] .global-navigation .navigation__group:nth-child(2) {
        margin-left: -6rem
    }
}

@media (min-width:1200px) {
    :root[lang=vi-vn] .global-navigation .navigation__group:nth-child(4) {
        margin-left: 7rem
    }
}

@media (min-width:1200px) {
    :root[lang=be-fr] .global-navigation .navigation__group:nth-child(3),
    :root[lang=pt-br] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 8rem
    }
}

@media (min-width:1200px) {
    :root[lang=es-419] .global-navigation .navigation__group:nth-child(3) {
        margin-right: 8.5rem
    }
    :root[lang=es-419] .global-navigation .navigation__group:nth-child(5) {
        margin-right: 5rem
    }
}

@media (min-width:900px) and (max-width:1260px) {
    :root[lang=el-gr] .global-navigation .navigation__group:nth-child(3) .navigation__group-items {
        padding: 0 .5rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__group:nth-child(3) {
        margin-right: 3.5rem
    }
    .global-navigation .navigation__group:nth-child(3):lang(ae-ar),
    .global-navigation .navigation__group:nth-child(3):lang(en-hk),
    .global-navigation .navigation__group:nth-child(3):lang(en-pk) {
        margin-right: 100px
    }
    .global-navigation .navigation__group:nth-child(3):lang(ro-ro) {
        margin-right: 5.5rem;
        margin-left: 3rem
    }
    .global-navigation .navigation__group:nth-child(3):lang(tr-TR) {
        margin-right: 5.5rem
    }
    .global-navigation .navigation__group:nth-child(3):lang(nl-nl) {
        margin-right: 135px
    }
    .global-navigation .navigation__group:nth-child(3):lang(AP) {
        margin-right: 8.5rem
    }
    .global-navigation .navigation__group:nth-child(3):lang(co-kr) {
        margin-right: 5.5rem
    }
}

.global-navigation .navigation__group:lang(nl-nl) {
    white-space: nowrap
}

@media (min-width:1200px) {
    .global-navigation .navigation__group:lang(be-fr):nth-child(3) {
        margin-right: 8rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__group:lang(be-fr) {
        white-space: nowrap
    }
    .global-navigation .navigation__group:lang(be-fr):nth-child(3) {
        margin-right: 6rem
    }
    .global-navigation .navigation__group:lang(be-fr) .navigation__group-items {
        padding: 0 1rem
    }
}

@media (min-width:1200px) {
    .global-navigation .navigation__group:lang(ph-en):nth-child(3),
    .global-navigation .navigation__group:lang(ru-ru):nth-child(3),
    .global-navigation .navigation__group:lang(uk-ua):nth-child(3) {
        margin-right: 9rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__group:lang(ph-en),
    .global-navigation .navigation__group:lang(ru-ru),
    .global-navigation .navigation__group:lang(uk-ua) {
        white-space: nowrap
    }
    .global-navigation .navigation__group:lang(ph-en):nth-child(3),
    .global-navigation .navigation__group:lang(ru-ru):nth-child(3),
    .global-navigation .navigation__group:lang(uk-ua):nth-child(3) {
        margin-right: 6rem
    }
    .global-navigation .navigation__group:lang(ph-en) .navigation__group-items,
    .global-navigation .navigation__group:lang(ru-ru) .navigation__group-items,
    .global-navigation .navigation__group:lang(uk-ua) .navigation__group-items {
        padding: 0 1rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__group:lang(uk-ua):nth-child(8) .navigation__group-items.footer .navigation__group:nth-child(2) .navigation__group-items .navigation__group:nth-child(4) .navigation__group-items .navigation__item:first-child .external-link::after {
        margin-left: -3px
    }
}

@media (min-width:1200px) {
    .global-navigation .navigation__group:lang(pt-PT):nth-child(3) {
        margin-right: 8.5rem
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .global-navigation .navigation__group:lang(pt-PT) {
        white-space: nowrap
    }
    .global-navigation .navigation__group:lang(pt-PT):nth-child(2) {
        margin-right: 0
    }
    .global-navigation .navigation__group:lang(pt-PT):nth-child(3) {
        margin-right: 3.5rem
    }
    .global-navigation .navigation__group:lang(pt-PT) .navigation__group-items {
        padding: 0 1rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__group:nth-child(4) {
        margin-left: 5.5rem
    }
    .global-navigation .navigation__group:nth-child(4):lang(en-ca),
    .global-navigation .navigation__group:nth-child(4):lang(fr-ca) {
        margin-left: 0;
        margin-right: 4rem
    }
    :root[lang=el-gr] .global-navigation .navigation__group:nth-child(4) {
        margin-left: 10rem
    }
    :root[lang=tr-TR] .global-navigation .navigation__group:nth-child(4) {
        margin-left: 8rem
    }
}

@media (min-width:900px) and (max-width:1259px) {
    :root[lang=ro-ro] .global-navigation .navigation__group:nth-child(4) {
        margin-left: 7.5rem
    }
}

.global-navigation .navigation__group-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    width: 100%
}

.global-navigation .navigation__group-label:after {
    content: "\A0\A0\A0";
    width: .6875rem;
    height: .3125rem;
    margin-left: .625rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3E%3Cpolyline fill='none' stroke='%23003da7' stroke-width='1' stroke-miterlimit='10' points='0.5,0.5 5.5,4.25 10.5,0.5'/%3E%3C/svg%3E");
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease
}

:root[lang=zh-Hant-TW] .global-navigation .navigation__group-label:after {
    width: 12px;
    height: 8px
}

:root[lang=zh-Hant-TW] .global-navigation .navigation__group-label:after,
:root[lang=zh-Hant-TW] .global-navigation .navigation__group-label _:-ms-fullscreen {
    background-size: inherit
}

.global-navigation .navigation__group-label:lang(en-IN):after {
    width: 11px;
    height: 6px;
    background-size: inherit
}

.global-navigation .navigation__group-label:lang(he-IL):after {
    margin-left: 0;
    margin-right: .625rem
}

@media (max-width:899px) {
    .global-navigation .navigation__group-label:lang(pt-PT) {
        width: 115%
    }
}

.global-navigation .navigation__toggle {
    display: none
}

@media (max-width:899px) {
    .global-navigation .navigation__toggle:checked+.navigation__group-label:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .global-navigation .navigation__toggle:checked~.navigation__group-items {
        opacity: 1;
        max-height: 30rem
    }
    .global-navigation .navigation__toggle:checked~.navigation__group-items>.navigation__item>a {
        pointer-events: auto!important;
        cursor: auto!important
    }
}

.global-navigation .navigation__icon {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    border-radius: 50%;
    padding: .5rem;
    background-color: #fff
}

@media (max-width:899px) {
    .global-navigation .navigation__icon {
        display: -ms-flexbox;
        display: flex
    }
}

.global-navigation .navigation__icon[data-entry-id=_bapw-icon] {
    padding: 0;
    width: auto;
    height: auto;
    margin-right: .3rem
}

.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(be-fr),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(co-KR),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(cs-cz),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(en-pk),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(es-419),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(es-LA):root[lang=zh-Hant-HK] .global-navigation .navigation__icon[data-entry-id=_bapw-icon],
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(it-it),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(nl-NL),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(pl-pl),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(pt-BR),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(ru-ru),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(tr-tr),
.global-navigation .navigation__icon[data-entry-id=_bapw-icon]:lang(uk-ua) {
    display: none
}

@media (min-width:900px) {
    .global-navigation .navigation__item {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__item:nth-child(7):lang(en-ca) {
        margin-right: 90px
    }
    .global-navigation .navigation__item:nth-child(7):lang(fr-ca) {
        margin-right: 150px
    }
}

.global-navigation .navigation__link {
    -ms-flex-align: center;
    align-items: center
}

.global-navigation .navigation__group-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%) translateX(-.625rem);
    -ms-transform: translateX(-50%) translateX(-.625rem);
    transform: translateX(-50%) translateX(-.625rem);
    max-height: 0;
    padding: 0 2.5rem;
    white-space: nowrap;
    background-color: #fff;
    -webkit-box-shadow: 0 .125rem .125rem rgba(0, 0, 0, .2);
    box-shadow: 0 .125rem .125rem rgba(0, 0, 0, .2);
    text-align: center;
    -webkit-transition: max-height .15s ease-in-out, opacity .15s ease-in-out;
    -o-transition: max-height .15s ease-in-out, opacity .15s ease-in-out;
    transition: max-height .15s ease-in-out, opacity .15s ease-in-out;
    opacity: 0;
    overflow: hidden
}

@media (max-width:899px) {
    .global-navigation .navigation__group-items {
        padding-left: 3.5rem;
        padding-right: 1rem;
        position: static;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        overflow: hidden;
        white-space: normal
    }
}

@media (max-width:899px) and (max-width:360px) {
    .global-navigation .navigation__group-items:lang(es-419) {
        padding-right: 0
    }
}

.global-navigation .navigation__group-items a {
    font-weight: 400
}

@media (min-width:900px) {
    .global-navigation .navigation__group-items a {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__group-items>.navigation__item>a {
        line-height: 1.5rem;
        margin: .6rem 0;
        display: inline-block
    }
    .global-navigation .navigation__group-items>.navigation__item>a figure {
        display: inline-block
    }
    .global-navigation .navigation__group-items>.navigation__item>a figure:lang(RU_RU) {
        display: none
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__group-items.footer>.navigation__group>.navigation__group-items>.navigation__group .navigation__item>a {
        pointer-events: none;
        cursor: default
    }
}

.global-navigation .navigation__group-items.footer:lang(en-IN) a[data-action-detail=AdChoices] figure[data-entry-id=_bapw-icon] {
    display: none
}

@media (max-width:899px) {
    .global-navigation .navigation__helper,
    .global-navigation .navigation__toggle {
        z-index: 10;
        position: fixed;
        bottom: 4.5rem;
        left: 1.25rem;
        width: 3.5rem;
        height: 3.5rem
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__helper {
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, .2)
    }
    .global-navigation .navigation__helper:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        width: 13px;
        height: 10px;
        background-image: -webkit-linear-gradient(bottom, #13008c 2px, transparent 0, transparent 4px, #13008c 0, #13008c 6px, transparent 0, transparent 8px, #13008c 0);
        background-image: -o-linear-gradient(bottom, #13008c 2px, transparent 0, transparent 4px, #13008c 0, #13008c 6px, transparent 0, transparent 8px, #13008c 0);
        background-image: linear-gradient(0deg, #13008c 2px, transparent 0, transparent 4px, #13008c 0, #13008c 6px, transparent 0, transparent 8px, #13008c 0)
    }
}

.global-navigation .navigation .navigation__link[target=_blank]:after {
    width: .4375rem;
    height: .4375rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cline fill='none' stroke='%23003da7' stroke-miterlimit='10' x1='0.8' y1='6.2' x2='6.5' y2='0.5'/%3E%3Cpolyline fill='none' stroke='%23003da7' stroke-miterlimit='10' points='2,0.5 6.5,0.5 6.5,5 '/%3E%3C/svg%3E")
}

.global-navigation .navigation .navigation__link[target=_blank]:lang(de-DE):after {
    width: .3375rem
}

.global-navigation .navigation .navigation__link[target=_blank]:lang(en-IN):after {
    width: 7px;
    height: 7px
}

@supports ((-webkit-transform:translate3d(0,
0,
0)) or (transform:translate3d(0,
0,
0))) {
    @media (max-width: 899px) {
        .global-navigation .navigation .navigation {
            -webkit-transition: -webkit-transform .2s ease;
            transition: -webkit-transform .2s ease;
            -o-transition: transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease, -webkit-transform .2s ease
        }
    }
    @media (max-width:899px) {
        .global-navigation .navigation .navigation__helper,
        .global-navigation .navigation .navigation__toggle {
            -webkit-transition: -webkit-transform .15s ease;
            transition: -webkit-transform .15s ease;
            -o-transition: transform .15s ease;
            transition: transform .15s ease;
            transition: transform .15s ease, -webkit-transform .15s ease
        }
    }
    @media (max-width:899px) {
        .global-navigation .navigation .navigation__toggle:checked,
            .global-navigation .navigation .navigation__toggle:checked+.navigation__helper {
            -webkit-transform: translateX(calc(50vw - 2.25rem));
            -ms-transform: translateX(calc(50vw - 2.25rem));
            transform: translateX(calc(50vw - 2.25rem))
        }
        .global-navigation .navigation .navigation__toggle:checked+.navigation__helper:before,
            .global-navigation .navigation .navigation__toggle:checked:before {
            width: 11px;
            height: 11px;
            background-image: -webkit-linear-gradient(45deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0), -webkit-linear-gradient(135deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0);
            background-image: -o-linear-gradient(45deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0), -o-linear-gradient(135deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0);
            background-image: linear-gradient(45deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0), linear-gradient(-45deg, transparent calc(50% - 1px), #13008c 0, #13008c calc(50% + 1px), transparent 0)
        }
        .global-navigation .navigation .navigation__toggle:checked~.navigation__overlay {
            z-index: 0;
            position: fixed;
            opacity: .4;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: #000
        }
        .global-navigation .navigation .navigation__toggle:checked~.navigation__body {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }
    }
    @media (max-width:599px) {
        .global-navigation .navigation .navigation__toggle:checked,
            .global-navigation .navigation .navigation__toggle:checked+.navigation__helper {
            -webkit-transform: translateX(calc(100vw - 6rem));
            -ms-transform: translateX(calc(100vw - 6rem));
            transform: translateX(calc(100vw - 6rem))
        }
    }
    @media (max-width:899px) {
        .global-navigation .navigation .navigation__body {
            -webkit-transition: -webkit-transform .15s ease;
            transition: -webkit-transform .15s ease;
            -o-transition: transform .15s ease;
            transition: transform .15s ease;
            transition: transform .15s ease, -webkit-transform .15s ease;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }
}

.global-navigation .navigation__body>.navigation__group:last-child {
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 44px;
    line-height: 2.75rem
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__group:last-child:before {
        content: "";
        display: block;
        width: 3.125rem;
        height: 1px;
        margin: 1.875rem 0 1.25rem;
        background-color: #c1c1c1
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        color: #fff
    }
    html.home-page .global-navigation .navigation__body>.navigation__group:last-child {
        display: block
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child:before {
        content: "";
        z-index: -1;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 10rem;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), color-stop(25%, rgba(0, 0, 0, .25)), to(transparent));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 25%, transparent);
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 25%, transparent 100%);
        background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 25%, transparent)
    }
}

.global-navigation .navigation__body>.navigation__group:last-child .navigation__group-items .navigation__group-items {
    font-weight: 400;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items {
        max-height: none;
        padding: 0;
        opacity: 1;
        width: 100%
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: static;
        width: 100%;
        max-height: inherit;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-right: .8rem
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items:lang(he-IL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items:lang(he-IL) {
        padding-left: 0
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item {
        margin-right: 2.5rem
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:lang(he-IL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group:lang(he-IL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item:lang(he-IL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item:lang(he-IL) {
        margin-right: 0;
        margin-left: 2.5rem
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group:last-child,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item:last-child,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item:last-child {
        margin-right: 0
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group .navigation__group-label:after,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group .navigation__group-label:after,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__group-label:after,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__group-label:after {
        width: .6875rem;
        height: .375rem;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.57L7.455 6.7 14 1.5' stroke='%23FFF' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link {
        font-weight: 600;
        text-shadow: 0 0 .2rem rgba(0, 0, 0, .7), 0 0 .5rem rgba(0, 0, 0, .5), 0 0 5rem rgba(0, 0, 0, .5), -1rem -1rem 3rem rgba(0, 0, 0, .5), 1rem -1rem 3rem rgba(0, 0, 0, .5), 1rem 1rem 3rem rgba(0, 0, 0, .5), -1rem 1rem 3rem rgba(0, 0, 0, .5);
        white-space: pre-line;
        text-align: center;
        line-height: 1.5rem;
        height: 48px
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link:lang(pl-PL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link:lang(vi-vn),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link:lang(pl-PL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link:lang(vi-vn),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link:lang(pl-PL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link:lang(vi-vn),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link:lang(pl-PL),
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link:lang(vi-vn) {
        display: inline-block;
        padding-top: 12px
    }
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link[data-action-detail^="P&G UK Modern Slavery"],
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__group .navigation__group-items .navigation__link[data-action-detail^="P&G UK Modern Slavery"],
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link[data-action-detail^="P&G UK Modern Slavery"],
    :root[lang=gb-en] .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__group-items .navigation__link[data-action-detail^="P&G UK Modern Slavery"] {
        display: block
    }
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item {
    font-weight: 700
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__link[target=_blank]:after,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__link[target=_blank]:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cline fill='none' stroke='%23003da7' stroke-width='1.5' stroke-miterlimit='10' x1='1' y1='6' x2='6' y2='1'/%3E%3Cpolyline fill='none' stroke='%23003da7' stroke-width='1.5' stroke-miterlimit='10' points='1.75,0.75 6.25,0.75 6.25,5.25'/%3E%3C/svg%3E")
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items>.navigation__item .navigation__link[target=_blank]:after,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__item .navigation__link[target=_blank]:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cline fill='none' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' x1='1' y1='6' x2='6' y2='1'/%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' points='1.75,0.75 6.25,0.75 6.25,5.25'/%3E%3C/svg%3E")
    }
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__label,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__label,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__link {
    font-weight: inherit
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__label,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__label,
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__link {
        text-shadow: 0 0 .3rem rgba(0, 0, 0, .5)
    }
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__label:lang(EN_US):after,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link:lang(EN_US):after,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__label:lang(EN_US):after,
.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group>.navigation__group-items .navigation__link:lang(EN_US):after {
    display: none
}

.global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__group-items {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__group-items {
        padding: 0;
        overflow: hidden;
        padding-left: 1.25rem;
        width: 100%
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__group {
        margin: 0
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:first-child {
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:899px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child {
        margin-top: .625rem
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child .navigation__group-items {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child .external-link {
        padding: 0;
        overflow: hidden
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child .external-link:after {
        content: none
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child .navigation__icon {
        width: auto;
        height: auto;
        margin-right: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 0
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child .navigation__icon .image__file {
        max-width: 1.875rem;
        max-height: 1.25rem;
        margin-right: 1.25rem
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group:last-child {
        display: none
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items>.navigation__group {
        margin: 0
    }
}

@media (min-width:900px) {
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link {
        font-weight: inherit
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='0.8' y1='6.2' x2='6.5' y2='0.5'/%3E%3Cpolyline fill='none' stroke='%23fff' stroke-miterlimit='10' points='2,0.5 6.5,0.5 6.5,5 '/%3E%3C/svg%3E")
    }
    .global-navigation .navigation__body>.navigation__group:last-child>.navigation__group-items .navigation__link:lang(pl-PL):after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin meet'%3E%3Cline fill='none' stroke='%23fff' stroke-miterlimit='10' x1='0.8' y1='6.2' x2='6.5' y2='0.5'/%3E%3Cpolyline fill='none' stroke='%23fff' stroke-miterlimit='10' points='2,0.5 6.5,0.5 6.5,5 '/%3E%3C/svg%3E");
        width: .5625rem
    }
}

.navigation__group-items.footer .navigation__group-items {
    font-size: 14px;
    padding-left: 0
}

@media (max-width:899px) {
    .navigation__group-items.footer .navigation__group-items {
        font-size: 13px
    }
}

.navigation__group-items.footer .navigation__group-items .navigation__group-items {
    bottom: 50px;
    left: 60%;
    text-align: left;
    top: auto;
    padding-left: 40px
}

@media (min-width:900px) {
    .navigation__group-items.footer .navigation__group-items .navigation__group-items .navigation__link[target=_blank]:lang(be-fr):after,
    .navigation__group-items.footer .navigation__group-items .navigation__group-items .navigation__link[target=_blank]:lang(cs-cz):after,
    .navigation__group-items.footer .navigation__group-items .navigation__group-items .navigation__link[target=_blank]:lang(es-419):after,
    .navigation__group-items.footer .navigation__group-items .navigation__group-items .navigation__link[target=_blank]:lang(uk-UA):after {
        width: 7px
    }
}

.navigation__group-items .navigation__group .navigation__group-items a figure:lang(en-hk) {
    display: none
}

.awards .contact-map__headline,
.awards .formatted-text h2,
.awards .list-item__headline,
.awards .section__headline,
.contact .contact-map__headline,
.contact .formatted-text h2,
.contact .list-item__headline,
.contact .section__headline,
.leadership .contact-map__headline,
.leadership .formatted-text h2,
.leadership .list-item__headline,
.leadership .section__headline,
.page-navigation-wrapper__content .contact-map__headline,
.page-navigation-wrapper__content .formatted-text h2,
.page-navigation-wrapper__content .list-item__headline,
.page-navigation-wrapper__content .section__headline {
    color: #000
}

@media (min-width:600px) {
    html.brands .hero__image .image__file {
        -webkit-transform: translate3d(-50%, -53%, 0);
        transform: translate3d(-50%, -53%, 0)
    }
}

@media (max-width:599px) {
    html.product-safety .hero__image .image__file {
        height: 118%;
        -webkit-transform: translate3d(-33%, -54%, 0);
        transform: translate3d(-33%, -54%, 0)
    }
}

@media (min-width:600px) {
    html.product-safety .hero__image .image__file {
        -webkit-transform: translate3d(-50%, -37%, 0);
        transform: translate3d(-50%, -37%, 0)
    }
}

html.product-safety #our-4-step-process .large-list .list-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (max-width:599px) {
    html.doing-what-is-right .hero__image .image__file {
        height: 115%;
        -webkit-transform: translate3d(-33%, -50%, 0);
        transform: translate3d(-33%, -50%, 0)
    }
}

@media (min-width:600px) {
    html.doing-what-is-right .hero__image .image__file {
        width: 125%;
        -webkit-transform: translate3d(-50%, -30%, 0);
        transform: translate3d(-50%, -30%, 0)
    }
}

@media (min-width:900px) {
    html.sustainability .hero__image .image__file {
        width: 115%;
        -webkit-transform: translate3d(-55%, -51%, 0);
        transform: translate3d(-55%, -51%, 0)
    }
    @supports (display:grid) {
        html.sustainability #climate .feature {
            grid-template-areas: "image headline" "image body";
            grid-template-columns: 3fr 2fr
        }
        html.sustainability #climate .feature+.feature {
            grid-template-areas: "headline image" "body image";
            grid-template-columns: 2fr 3fr
        }
    }
}

@media (max-width:599px) {
    html.community-impact .hero__image .image__file {
        height: 140%
    }
}

@media (max-width:599px) {
    html.gender-equality .hero__image .image__file {
        -webkit-transform: translate3d(-42%, -50%, 0);
        transform: translate3d(-42%, -50%, 0)
    }
}

html.gender-equality #our-partners .formatted-text:last-child {
    max-width: 69.375rem
}

html.gender-equality #our-partners .formatted-text:last-child ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:899px) {
    html.gender-equality #our-partners .formatted-text:last-child ul {
        width: 100vw;
        margin-top: -1rem;
        margin-right: -1.875rem;
        margin-left: -1.875rem;
        padding: 1rem 0 1.25rem;
        overflow-x: scroll
    }
}

@media (min-width:900px) {
    html.gender-equality #our-partners .formatted-text:last-child ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

html.gender-equality #our-partners .formatted-text:last-child ul li {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 8.125rem;
    flex-basis: 8.125rem;
    padding: 0
}

html.gender-equality #our-partners .formatted-text:last-child ul li:not(:first-child) {
    margin-left: .625rem
}

@media (max-width:899px) {
    html.gender-equality #our-partners .formatted-text:last-child ul li:first-child {
        -ms-flex-preferred-size: 10rem;
        flex-basis: 10rem;
        padding-left: 1.875rem
    }
    html.gender-equality #our-partners .formatted-text:last-child ul li:last-child {
        -ms-flex-preferred-size: 10rem;
        flex-basis: 10rem;
        padding-right: 1.875rem
    }
}

@media (min-width:900px) {
    html.gender-equality #our-partners .formatted-text:last-child ul li {
        -ms-flex-preferred-size: calc((100% - 9.375rem) / 6);
        flex-basis: calc((100% - 9.375rem) / 6);
        margin-left: 1.875rem
    }
    html.gender-equality #our-partners .formatted-text:last-child ul li:nth-child(6n+1) {
        margin-left: 0
    }
    html.gender-equality #our-partners .formatted-text:last-child ul li:nth-child(6)~li {
        margin-top: 1.875rem
    }
}

html.gender-equality #our-partners .formatted-text:last-child ul li:before {
    content: none
}

html.gender-equality #our-partners .formatted-text:last-child ul li a {
    display: block;
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease
}

html.gender-equality #our-partners .formatted-text:last-child ul li a:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

html.gender-equality #our-partners .formatted-text:last-child ul li a:after {
    content: none
}

html.gender-equality #our-partners .formatted-text:last-child ul li img {
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 .2rem .25rem rgba(0, 0, 0, .15);
    box-shadow: 0 .2rem .25rem rgba(0, 0, 0, .15)
}

html.diversity-and-inclusion .hero__image .image__file {
    height: 115%
}

@media (min-width:600px) {
    html.diversity-and-inclusion .hero__image .image__file {
        height: auto;
        width: 105%;
        -webkit-transform: translate3d(-50%, -35%, 0);
        transform: translate3d(-50%, -35%, 0)
    }
}

@media (max-width:599px) {
    html.who-we-are .hero__image .image__file {
        height: 105%;
        -webkit-transform: translate3d(-50%, -48%, 0);
        transform: translate3d(-50%, -48%, 0)
    }
}

@media (min-width:600px) {
    html.who-we-are .hero__image .image__file {
        width: 115%;
        height: auto;
        -webkit-transform: translate3d(-53%, -45%, 0);
        transform: translate3d(-53%, -45%, 0)
    }
}

@media (max-width:899px) {
    html.contact .large-list .list-item,
    html.who-we-are .large-list .list-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0
    }
}

@media (max-width:899px) {
    html.contact .large-list .list-item+.list-item,
    html.who-we-are .large-list .list-item+.list-item {
        margin-top: 3.125rem
    }
}

@media (min-width:900px) {
    html.contact .large-list .list-item+.list-item,
    html.who-we-are .large-list .list-item+.list-item {
        margin-left: 4.375rem
    }
}

@media (max-width:599px) {
    html.ingredients .hero__image .image__file {
        height: 129%;
        -webkit-transform: translate3d(-42%, -61%, 0);
        transform: translate3d(-42%, -61%, 0)
    }
}

@media (min-width:600px) {
    html.ingredients .hero__image .image__file {
        -webkit-transform: translate3d(-50%, -52%, 0);
        transform: translate3d(-50%, -52%, 0)
    }
}

html.ingredients #preservatives .formatted-text:nth-of-type(2) {
    max-width: 65.625rem
}

html.ingredients #preservatives table {
    display: none;
    table-layout: fixed
}

@media (min-width:900px) {
    html.ingredients #preservatives table {
        display: table
    }
}

html.ingredients #preservatives table a {
    text-decoration: none;
    text-transform: uppercase
}

html.ingredients #preservatives thead th {
    width: 9.5%;
    background-color: #d1d1d1;
    font-weight: 700
}

html.ingredients #preservatives thead th:first-child {
    width: 20.5%;
    background-color: transparent;
    border-width: 0 1px 1px 0
}

html.ingredients #preservatives thead th:last-child {
    width: 13%
}

html.ingredients #preservatives tbody td {
    height: 3.125rem;
    padding: .5rem 1.25rem
}

html.ingredients #preservatives tbody td:first-child {
    position: relative;
    background-color: #d1d1d1;
    font-weight: 700;
    text-align: left
}

html.ingredients #preservatives tbody td:first-child em {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1.25rem;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding-right: .625rem;
    padding-left: .625rem;
    border-left: 1px solid #000
}

html.ingredients #preservatives tbody td:last-child {
    white-space: nowrap
}

html.ingredients #preservatives tbody td:not(:first-child):not(:last-child) em {
    display: inline-block;
    width: .625rem;
    height: .625rem;
    background-color: #003da7;
    border-radius: 50%;
    text-indent: -9999rem;
    overflow: hidden
}

html.ingredients #preservatives tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, .05)
}

@media (min-width:900px) {
    #diversity-and-inclusion-in-our-workplace .accordion {
        text-align: center
    }
}

@media (min-width:900px) {
    #diversity-and-inclusion-in-our-workplace .accordion__items {
        font-size: 14px;
        font-size: .875rem;
        line-height: 22px;
        line-height: 1.375rem
    }
    @supports (display:grid) {
        #diversity-and-inclusion-in-our-workplace .accordion__items {
            display: grid;
            grid-gap: 1.875rem;
            grid-template-columns: repeat(3, 1fr)
        }
        #diversity-and-inclusion-in-our-workplace .accordion__items .accordion__body {
            margin-bottom: 0
        }
    }
}

@media (min-width:900px) {
    #diversity-and-inclusion-in-our-workplace .accordion__item-label {
        margin-bottom: .625rem;
        -ms-flex-pack: center;
        justify-content: center;
        color: #003da7;
        font-weight: 600
    }
}

#affinity-groups {
    max-width: 65.625rem
}

@media (min-width:900px) {
    #affinity-groups .accordion {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }
    #affinity-groups .accordion:nth-of-type(2n) {
        padding-left: 1.875rem
    }
    #affinity-groups .accordion:nth-of-type(odd) {
        padding-left: 0;
        padding-right: 1.875rem
    }
}

#affinity-groups .accordion__items {
    -webkit-column-count: 1;
    column-count: 1
}

html.sitemap .content-container>* {
    max-width: 65rem
}

html.sitemap .content-container .navigation {
    margin-bottom: 3.125rem;
    line-height: 1rem
}

@media (min-width:900px) {
    html.sitemap .content-container .navigation {
        margin-bottom: 4.375rem
    }
}

html.sitemap .content-container .navigation:first-of-type:after {
    content: "";
    display: block;
    margin-top: 3.125rem;
    height: 2px;
    background-color: rgba(0, 0, 0, .3)
}

@media (min-width:900px) {
    html.sitemap .content-container .navigation:first-of-type:after {
        margin-top: 4.375rem
    }
}

@media (min-width:900px) {
    html.sitemap .content-container .navigation .navigation__body {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:900px) {
    html.sitemap .content-container .navigation .navigation__body>li {
        -ms-flex-preferred-size: calc(25% - 3 * 3.125rem / 4);
        flex-basis: calc(25% - 3 * 3.125rem / 4)
    }
    html.sitemap .content-container .navigation .navigation__body>li:not(:nth-child(4n+1)) {
        margin-left: 3.125rem
    }
}

@media (max-width:899px) {
    html.sitemap .content-container .navigation .navigation__group:not(: first-child) {
        margin-top: 1.875rem
    }
}

html.sitemap .content-container .navigation .navigation__group .navigation__group {
    padding-left: 1.875rem
}

html.sitemap .content-container .navigation .navigation__group .navigation__item {
    margin-top: 1.875rem
}

html.sitemap .content-container .navigation .navigation__icon {
    display: none
}

html.sitemap .content-container .navigation .navigation__group-label {
    font-weight: 700
}

html.sitemap .content-container .navigation .navigation__group-items {
    font-size: .8125rem
}

html.sitemap .content-container .navigation .navigation__link {
    text-decoration: underline
}

html.home-page {
    height: 100%
}

html.home-page body {
    min-height: 100%;
    background-color: #003da7
}

html.home-page .page-content {
    margin-bottom: 0
}

html.home-page .page-content>* {
    padding-right: 0;
    padding-left: 0
}

html.home-page .page-header {
    position: fixed;
    z-index: 99
}

html.home-page .page-header .home-link {
    position: fixed
}

@media (max-width:899px) {
    html.home-page .page-header .home-link {
        top: 2.8125rem
    }
}

@media (max-width:899px) {
    html.home-page .page-header {
        padding-top: 0
    }
}

@media (min-width:900px) {
    html.home-page .global-navigation .navigation>.navigation__body>.navigation__group:last-child .navigation__group-items .navigation__group-items {
        -ms-flex-align: start;
        align-items: start;
        top: auto;
        bottom: 2.75rem;
        left: 0;
        padding: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width:900px) {
    html.archive .page-content {
        max-width: 68.75rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

html.archive .page-content .formatted-text {
    margin-bottom: 3.125rem
}

html.archive .page-content .formatted-text:first-child {
    max-width: 68.75rem;
    font-weight: 800;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 32px;
    line-height: 2rem
}

@media (min-width:900px) {
    html.archive .page-content .formatted-text:first-child {
        margin-bottom: 5rem
    }
}

html.archive .page-content .formatted-text:first-child h3 {
    margin-bottom: .625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem
}

html.archive .page-content .formatted-text:first-child a {
    padding: 0 .5rem
}

html.archive .page-content .section {
    margin-bottom: 3.125rem;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem;
    text-align: left
}

@media (min-width:900px) {
    html.archive .page-content .section {
        display: inline-block;
        width: calc((100% - 6.25rem) / 3);
        margin-bottom: 5rem;
        padding: 0;
        vertical-align: top
    }
    html.archive .page-content .section:not(:nth-child(3n+2)) {
        margin-left: 3.125rem
    }
}

html.archive .page-content .section__headline {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1rem;
    text-align: inherit
}

html.archive .page-content .section .download-link--pdf {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.375rem;
    margin: 0 0 1.25rem;
    padding-left: 1.75rem;
    font-weight: 800;
    text-align: inherit
}

html.archive .page-content .section .download-link--pdf:last-child {
    margin-bottom: 0
}

html.archive .page-content .section .download-link--pdf:before {
    position: absolute;
    left: 0
}

body.\--modal-open {
    overflow: hidden
}

.button,
.external-link--button {
    display: table;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    border: .125rem solid currentColor;
    border-radius: 2.75rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-size: .875rem;
    line-height: 42px;
    line-height: 2.625rem;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease;
    -o-transition: color .15s ease, background-color .15s ease, border-color .15s ease;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease
}

@media (min-width:600px) {
    .button,
    .external-link--button {
        display: inline-block;
        margin-right: .9375rem;
        margin-left: .9375rem;
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.headline--page-title {
    color: #003da7;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 29px;
    line-height: 1.8125rem
}

@media (min-width:900px) {
    .headline--page-title {
        font-size: 50px;
        font-size: 3.125rem;
        line-height: 50px;
        line-height: 3.125rem
    }
}

.headline--block-title {
    color: #003da7;
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem
}

@media (min-width:900px) {
    .headline--block-title {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.headline--item-title {
    color: #003da7;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media (min-width:900px) {
    .headline--item-title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.headline--item-subtitle {
    color: #003da7;
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    line-height: 1.125rem
}

.page-header {
    padding-top: 4.375rem;
    text-align: center
}

@media (min-width:900px) {
    .page-header {
        padding-top: 3.125rem
    }
}

.page-content {
    text-align: center
}

.content-container>div,
.content-container>nav,
.content-container>section {
    width: 100%;
    margin: 0 auto 4.375rem;
    padding: 0 1.875rem
}

@media (min-width:900px) {
    .content-container>div,
    .content-container>nav,
    .content-container>section {
        margin-bottom: 7.5rem
    }
}

.content-container>div:last-child,
.content-container>nav:last-child,
.content-container>section:last-child {
    margin-bottom: 0
}

.content-container>.image {
    max-width: 37.5rem
}

.content-container>.image .image__file {
    border-radius: 50%
}

#_bapw-link:after,
a[data-action-detail="Choix de pub"]:after,
a[data-action-detail=AdChoices]:after {
    content: "";
    width: 14px!important;
    height: 18px!important;
    margin-left: 5px!important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url(https://images.ctfassets.net/2i7wkhimpko5/1hMYUuoC5pUOnDmpSnNvDC/09ba433246de1acbac74b50467f6283e/p.png)!important;
    vertical-align: middle;
    display: inline-block
}

:root {
    line-height: 1.15
}

body {
    padding: 0;
    background: #022a71
}

:root[lang=co-KR] body {
    font-family: Noto Sans KR, sans-serif!important;
    text-rendering: auto!important
}

:root[lang=he-IL] body {
    font-family: Times New Roman!important;
    text-rendering: auto!important
}

#root,
body,
html {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
    top: 0
}

#root {
    min-height: 100vh
}

.page-header {
    z-index: 11;
    position: relative
}

@media (max-width:899px) {
    .global-navigation:before {
        display: none
    }
}

.optanon-alert-box-wrapper {
    position: absolute!important
}

.evidon-consent-button {
    position: fixed!important;
    right: 1.25rem!important;
    bottom: 3.25rem!important;
    z-index: 10
}

html.home-page .evidon-consent-button {
    bottom: 5.625rem!important
}

.evidon-consent-button a {
    position: fixed!important;
    right: 1.25rem!important;
    bottom: 3.25rem!important;
    margin: 0!important;
    padding: 0 1.25rem!important;
    background-color: #003da7!important;
    border-color: #003da7!important;
    color: #fff!important;
    display: table!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding-right: 1.25rem!important;
    padding-left: 1.25rem!important;
    border: .125rem solid currentColor!important;
    border-radius: 2.75rem!important;
    font-weight: 800!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    font-size: inherit!important;
    line-height: 2.625rem!important;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    -o-transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    cursor: pointer!important
}

@media (min-width:600px) {
    .evidon-consent-button a {
        display: inline-block!important;
        margin-right: .9375rem!important;
        margin-left: .9375rem!important;
        padding-right: 1.875rem!important;
        padding-left: 1.875rem!important
    }
}

.evidon-consent-button a:active,
.evidon-consent-button a:hover {
    background-color: #fff!important;
    border-color: currentColor!important;
    color: #003da7!important
}

.evidon-banner {
    position: fixed!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    padding: 1.25rem 1.875rem!important;
    background-color: #003da7!important;
    border: 0!important;
    -webkit-box-shadow: 0 0 0 .125rem hsla(0, 0%, 100%, .1)!important;
    box-shadow: 0 0 0 .125rem hsla(0, 0%, 100%, .1)!important;
    color: #fff!important;
    font-size: .875rem!important;
    line-height: 1.5rem!important;
    font-family: Montserrat, Arial, sans-serif!important
}

@media (min-width:900px) {
    .evidon-banner {
        display: grid!important;
        grid-template-areas: "title      acceptbutton" "message    acceptbutton"!important;
        grid-template-columns: auto -webkit-min-content!important;
        grid-template-columns: auto min-content!important;
        grid-gap: .625rem 1.875rem!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
}

.evidon-banner .evidon-banner-title,
.evidon-banner a {
    color: #fff!important;
    font-family: inherit!important
}

.evidon-banner .evidon-banner-title {
    grid-area: title!important;
    margin: 0!important;
    font-weight: 600!important;
    font-size: inherit!important;
    line-height: inherit!important
}

@media (max-width:899px) {
    .evidon-banner .evidon-banner-title {
        margin-bottom: .625rem!important
    }
}

.evidon-banner .evidon-banner-message {
    grid-area: message!important;
    color: inherit!important;
    line-height: inherit!important
}

.evidon-banner .evidon-banner-acceptbutton,
.evidon-banner .evidon-banner-message {
    margin: 0!important;
    padding: 0!important;
    font-size: inherit!important;
    font-family: inherit!important
}

.evidon-banner .evidon-banner-acceptbutton {
    position: static!important;
    grid-area: acceptbutton!important;
    background-color: transparent!important;
    color: #fff!important;
    display: table!important;
    margin-right: auto!important;
    margin-left: auto!important;
    padding-right: 1.25rem!important;
    padding-left: 1.25rem!important;
    border: .125rem solid currentColor!important;
    border-radius: 2.75rem!important;
    font-weight: 800!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    line-height: 2.625rem!important;
    -webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    -o-transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease!important;
    cursor: pointer!important
}

@media (max-width:899px) {
    .evidon-banner .evidon-banner-acceptbutton {
        margin-top: 1.25rem!important
    }
}

@media (min-width:600px) {
    .evidon-banner .evidon-banner-acceptbutton {
        display: inline-block!important;
        margin-right: .9375rem!important;
        margin-left: .9375rem!important;
        padding-right: 1.875rem!important;
        padding-left: 1.875rem!important
    }
}

.evidon-banner .evidon-banner-acceptbutton:active,
.evidon-banner .evidon-banner-acceptbutton:hover {
    background-color: #fff!important;
    border-color: #fff!important;
    color: #13008c!important
}

ul[itemscope][itemtype="http://www.schema.org/SiteNavigationElement"] {
    display: none
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-pulse>div:nth-child(0) {
    -webkit-animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:first-child {
    -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ball-pulse-sync>div:nth-child(0) {
    -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.21s infinite ease-in-out
}

.ball-pulse-sync>div:first-child {
    -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
    -webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out;
    animation: ball-pulse-sync .6s -.07s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
    -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
    animation: ball-pulse-sync .6s 0s infinite ease-in-out
}

.ball-pulse-sync>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    height: 60px;
    width: 60px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite
}

.ball-scale-random {
    width: 37px;
    height: 40px
}

.ball-scale-random>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite
}

.ball-scale-random>div:first-child {
    margin-left: -7px;
    -webkit-animation: ball-scale 1s .2s ease-in-out infinite;
    animation: ball-scale 1s .2s ease-in-out infinite
}

.ball-scale-random>div:nth-child(3) {
    margin-left: -2px;
    margin-top: 9px;
    -webkit-animation: ball-scale 1s .5s ease-in-out infinite;
    animation: ball-scale 1s .5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ball-rotate,
.ball-rotate>div {
    position: relative
}

.ball-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ball-rotate>div:first-child {
    -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
    animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
}

.ball-rotate>div:after,
.ball-rotate>div:before {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    content: "";
    position: absolute;
    opacity: .8
}

.ball-rotate>div:before {
    top: 0;
    left: -28px
}

.ball-rotate>div:after {
    top: 0;
    left: 25px
}

.ball-clip-rotate>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent!important;
    display: inline-block;
    -webkit-animation: rotate .75s 0s linear infinite;
    animation: rotate .75s 0s linear infinite
}

@keyframes scale {
    30% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-clip-rotate-pulse {
    position: relative;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
}

.ball-clip-rotate-pulse>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%
}

.ball-clip-rotate-pulse>div:first-child {
    background: #fff;
    height: 16px;
    width: 16px;
    top: 7px;
    left: -7px;
    -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

.ball-clip-rotate-pulse>div:last-child {
    position: absolute;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    left: -16px;
    top: -2px;
    background: transparent;
    border: 2px solid;
    border-color: #fff transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.6);
        transform: rotate(180deg) scale(.6)
    }
    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

.ball-clip-rotate-multiple {
    position: relative
}

.ball-clip-rotate-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child {
    display: inline-block;
    top: -10px;
    left: -10px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    border-color: #fff transparent;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    to {
        opacity: 0
    }
}

@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    to {
        opacity: 0
    }
}

.ball-scale-ripple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    to {
        opacity: 0
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .7
    }
    to {
        opacity: 0
    }
}

.ball-scale-ripple-multiple {
    position: relative;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px)
}

.ball-scale-ripple-multiple>div:nth-child(0) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.ball-scale-ripple-multiple>div:first-child {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.ball-scale-ripple-multiple>div:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ball-scale-ripple-multiple>div:nth-child(3) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ball-scale-ripple-multiple>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-beat {
    50% {
        opacity: .2;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat .7s 0s infinite linear;
    animation: ball-beat .7s 0s infinite linear
}

.ball-beat>div:nth-child(2n-1) {
    -webkit-animation-delay: -.35s!important;
    animation-delay: -.35s!important
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ball-scale-multiple>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }
    66% {
        -webkit-transform: translate(50px);
        transform: translate(50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px)
    }
    66% {
        -webkit-transform: translate(50px);
        transform: translate(50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }
    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px)
    }
    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px);
        transform: translate(-50px)
    }
    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px);
        transform: translate(-50px)
    }
    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.ball-triangle-path {
    position: relative;
    -webkit-transform: translate(-29.994px, -37.50938px);
    -ms-transform: translate(-29.994px, -37.50938px);
    transform: translate(-29.994px, -37.50938px)
}

.ball-triangle-path>div:first-child {
    -webkit-animation-name: ball-triangle-path-1;
    animation-name: ball-triangle-path-1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:first-child,
.ball-triangle-path>div:nth-child(2) {
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.ball-triangle-path>div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
    animation-name: ball-triangle-path-2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
    animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ball-triangle-path>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff
}

.ball-triangle-path>div:first-of-type {
    top: 50px
}

.ball-triangle-path>div:nth-of-type(2) {
    left: 25px
}

.ball-triangle-path>div:nth-of-type(3) {
    top: 50px;
    left: 50px
}

@-webkit-keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

.ball-pulse-rise>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.ball-pulse-rise>div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
    animation-name: ball-pulse-rise-even
}

.ball-pulse-rise>div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
    animation-name: ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat {
    50% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@keyframes ball-grid-beat {
    50% {
        opacity: .7
    }
    to {
        opacity: 1
    }
}

.ball-grid-beat {
    width: 57px
}

.ball-grid-beat>div:first-child {
    -webkit-animation-delay: .44s;
    animation-delay: .44s;
    -webkit-animation-duration: 1.27s;
    animation-duration: 1.27s
}

.ball-grid-beat>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 1.52s;
    animation-duration: 1.52s
}

.ball-grid-beat>div:nth-child(3) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s;
    -webkit-animation-duration: .61s;
    animation-duration: .61s
}

.ball-grid-beat>div:nth-child(4) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-duration: .82s;
    animation-duration: .82s
}

.ball-grid-beat>div:nth-child(5) {
    -webkit-animation-delay: -.01s;
    animation-delay: -.01s;
    -webkit-animation-duration: 1.24s;
    animation-duration: 1.24s
}

.ball-grid-beat>div:nth-child(6) {
    -webkit-animation-delay: -.07s;
    animation-delay: -.07s;
    -webkit-animation-duration: 1.35s;
    animation-duration: 1.35s
}

.ball-grid-beat>div:nth-child(7) {
    -webkit-animation-delay: .29s;
    animation-delay: .29s;
    -webkit-animation-duration: 1.44s;
    animation-duration: 1.44s
}

.ball-grid-beat>div:nth-child(8) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s;
    -webkit-animation-duration: 1.19s;
    animation-duration: 1.19s
}

.ball-grid-beat>div:nth-child(9) {
    -webkit-animation-delay: -.18s;
    animation-delay: -.18s;
    -webkit-animation-duration: 1.48s;
    animation-duration: 1.48s
}

.ball-grid-beat>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
    animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.ball-grid-pulse {
    width: 57px
}

.ball-grid-pulse>div:first-child {
    -webkit-animation-delay: .58s;
    animation-delay: .58s;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.ball-grid-pulse>div:nth-child(2) {
    -webkit-animation-delay: .01s;
    animation-delay: .01s;
    -webkit-animation-duration: .94s;
    animation-duration: .94s
}

.ball-grid-pulse>div:nth-child(3) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 1.43s;
    animation-duration: 1.43s
}

.ball-grid-pulse>div:nth-child(4) {
    -webkit-animation-delay: -.03s;
    animation-delay: -.03s;
    -webkit-animation-duration: .74s;
    animation-duration: .74s
}

.ball-grid-pulse>div:nth-child(5) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s;
    -webkit-animation-duration: .68s;
    animation-duration: .68s
}

.ball-grid-pulse>div:nth-child(6) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: 1.17s;
    animation-duration: 1.17s
}

.ball-grid-pulse>div:nth-child(7) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s;
    -webkit-animation-duration: 1.41s;
    animation-duration: 1.41s
}

.ball-grid-pulse>div:nth-child(8) {
    -webkit-animation-delay: .02s;
    animation-delay: .02s;
    -webkit-animation-duration: 1.56s;
    animation-duration: 1.56s
}

.ball-grid-pulse>div:nth-child(9) {
    -webkit-animation-delay: .13s;
    animation-delay: .13s;
    -webkit-animation-duration: .78s;
    animation-duration: .78s
}

.ball-grid-pulse>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
    animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: .3;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ball-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -10px
}

.ball-spin-fade-loader>div:first-child {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear;
    animation: ball-spin-fade-loader 1s -.96s infinite linear
}

.ball-spin-fade-loader>div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear;
    animation: ball-spin-fade-loader 1s -.84s infinite linear
}

.ball-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear;
    animation: ball-spin-fade-loader 1s -.72s infinite linear
}

.ball-spin-fade-loader>div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear;
    animation: ball-spin-fade-loader 1s -.6s infinite linear
}

.ball-spin-fade-loader>div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear;
    animation: ball-spin-fade-loader 1s -.48s infinite linear
}

.ball-spin-fade-loader>div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear;
    animation: ball-spin-fade-loader 1s -.36s infinite linear
}

.ball-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear;
    animation: ball-spin-fade-loader 1s -.24s infinite linear
}

.ball-spin-fade-loader>div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear;
    animation: ball-spin-fade-loader 1s -.12s infinite linear
}

.ball-spin-fade-loader>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute
}

@-webkit-keyframes ball-spin-loader {
    75% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

@keyframes ball-spin-loader {
    75% {
        opacity: .2
    }
    to {
        opacity: 1
    }
}

.ball-spin-loader {
    position: relative
}

.ball-spin-loader>span:first-child {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s .9s infinite linear;
    animation: ball-spin-loader 2s .9s infinite linear
}

.ball-spin-loader>span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
    animation: ball-spin-loader 2s 1.8s infinite linear
}

.ball-spin-loader>span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
    animation: ball-spin-loader 2s 2.7s infinite linear
}

.ball-spin-loader>span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
    animation: ball-spin-loader 2s 3.6s infinite linear
}

.ball-spin-loader>span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
    animation: ball-spin-loader 2s 4.5s infinite linear
}

.ball-spin-loader>span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
    animation: ball-spin-loader 2s 5.4s infinite linear
}

.ball-spin-loader>span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
    animation: ball-spin-loader 2s 6.3s infinite linear
}

.ball-spin-loader>span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
    animation: ball-spin-loader 2s 7.2s infinite linear
}

.ball-spin-loader>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green
}

@-webkit-keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.ball-zig-zag {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px
}

.ball-zig-zag>div:first-child {
    -webkit-animation: ball-zig .7s 0s infinite linear;
    animation: ball-zig .7s 0s infinite linear
}

.ball-zig-zag>div:last-child {
    -webkit-animation: ball-zag .7s 0s infinite linear;
    animation: ball-zag .7s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px)
    }
    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px)
    }
    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.ball-zig-zag-deflect {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.ball-zig-zag-deflect>div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px
}

.ball-zig-zag-deflect>div:first-child {
    -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
    animation: ball-zig-deflect 1.5s 0s infinite linear
}

.ball-zig-zag-deflect>div:last-child {
    -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
    animation: ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale>div:first-child {
    -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(2) {
    -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(3) {
    -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(4) {
    -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div:nth-child(5) {
    -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.line-scale>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.line-scale-party>div:first-child {
    -webkit-animation-delay: -.09s;
    animation-delay: -.09s;
    -webkit-animation-duration: .83s;
    animation-duration: .83s
}

.line-scale-party>div:nth-child(2) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s;
    -webkit-animation-duration: .64s;
    animation-duration: .64s
}

.line-scale-party>div:nth-child(3) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s;
    -webkit-animation-duration: .39s;
    animation-duration: .39s
}

.line-scale-party>div:nth-child(4) {
    -webkit-animation-delay: .47s;
    animation-delay: .47s;
    -webkit-animation-duration: .52s;
    animation-duration: .52s
}

.line-scale-party>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    to {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85)
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
    -webkit-animation-delay: -.4s!important;
    animation-delay: -.4s!important
}

.line-scale-pulse-out>div:first-child,
.line-scale-pulse-out>div:nth-child(5) {
    -webkit-animation-delay: -.2s!important;
    animation-delay: -.2s!important
}

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    80% {
        -webkit-transform: scaley(.3);
        transform: scaley(.3)
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    80% {
        -webkit-transform: scaley(.3);
        transform: scaley(.3)
    }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out-rapid>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78)
}

.line-scale-pulse-out-rapid>div:nth-child(2),
.line-scale-pulse-out-rapid>div:nth-child(4) {
    -webkit-animation-delay: -.25s!important;
    animation-delay: -.25s!important
}

.line-scale-pulse-out-rapid>div:first-child,
.line-scale-pulse-out-rapid>div:nth-child(5) {
    -webkit-animation-delay: 0s!important;
    animation-delay: 0s!important
}

@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

.line-spin-fade-loader {
    position: relative;
    top: -10px;
    left: -4px
}

.line-spin-fade-loader>div:first-child {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}

.line-spin-fade-loader>div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

.line-spin-fade-loader>div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px
}

@-webkit-keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.triangle-skew-spin>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0)
    }
}

.square-spin>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid red;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    50% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes pacman-balls {
    75% {
        opacity: .7
    }
    to {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

@keyframes pacman-balls {
    75% {
        opacity: .7
    }
    to {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px)
    }
}

.pacman {
    position: relative
}

.pacman>div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -.99s infinite linear;
    animation: pacman-balls 1s -.99s infinite linear
}

.pacman>div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -.66s infinite linear;
    animation: pacman-balls 1s -.66s infinite linear
}

.pacman>div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -.33s infinite linear;
    animation: pacman-balls 1s -.33s infinite linear
}

.pacman>div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
    animation: pacman-balls 1s 0s infinite linear
}

.pacman>div:first-of-type {
    -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
    animation: rotate_pacman_half_up .5s 0s infinite
}

.pacman>div:first-of-type,
.pacman>div:nth-child(2) {
    width: 0;
    height: 0;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    position: relative;
    left: -30px
}

.pacman>div:nth-child(2) {
    -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
    animation: rotate_pacman_half_down .5s 0s infinite;
    margin-top: -50px
}

.pacman>div:nth-child(3),
.pacman>div:nth-child(4),
.pacman>div:nth-child(5),
.pacman>div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translateY(-6.25px);
    -ms-transform: translateY(-6.25px);
    transform: translateY(-6.25px);
    top: 25px;
    left: 70px
}

@-webkit-keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
        transform: translateX(50px) scale(.5) rotate(-90deg)
    }
    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
        transform: translateY(50px) scale(.5) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
        transform: translateX(50px) scale(.5) rotate(-90deg)
    }
    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
        transform: translateY(50px) scale(.5) rotate(-270deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.cube-transition {
    position: relative;
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px)
}

.cube-transition>div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
    animation: cube-transition 1.6s 0s infinite ease-in-out
}

.cube-transition>div:last-child {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.semi-circle-spin {
    position: relative;
    width: 35px;
    height: 35px;
    overflow: hidden
}

.semi-circle-spin>div {
    position: absolute;
    border-width: 0;
    border-radius: 100%;
    -webkit-animation: spin-rotate .6s 0s infinite linear;
    animation: spin-rotate .6s 0s infinite linear;
    background-image: -webkit-linear-gradient(transparent, transparent 70%, #fff 0, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
    background-image: linear-gradient(transparent, transparent 70%, #fff 0, #fff);
    width: 100%;
    height: 100%
}

@-webkit-keyframes bar-progress {
    0% {
        -webkit-transform: scaleY(20%);
        transform: scaleY(20%);
        opacity: 1
    }
    25% {
        -webkit-transform: translateX(6%) scaleY(10%);
        transform: translateX(6%) scaleY(10%);
        opacity: .7
    }
    50% {
        -webkit-transform: translateX(20%) scaleY(20%);
        transform: translateX(20%) scaleY(20%);
        opacity: 1
    }
    75% {
        -webkit-transform: translateX(6%) scaleY(10%);
        transform: translateX(6%) scaleY(10%);
        opacity: .7
    }
    to {
        -webkit-transform: scaleY(20%);
        transform: scaleY(20%);
        opacity: 1
    }
}

@keyframes bar-progress {
    0% {
        -webkit-transform: scaleY(20%);
        transform: scaleY(20%);
        opacity: 1
    }
    25% {
        -webkit-transform: translateX(6%) scaleY(10%);
        transform: translateX(6%) scaleY(10%);
        opacity: .7
    }
    50% {
        -webkit-transform: translateX(20%) scaleY(20%);
        transform: translateX(20%) scaleY(20%);
        opacity: 1
    }
    75% {
        -webkit-transform: translateX(6%) scaleY(10%);
        transform: translateX(6%) scaleY(10%);
        opacity: .7
    }
    to {
        -webkit-transform: scaleY(20%);
        transform: scaleY(20%);
        opacity: 1
    }
}

.bar-progress {
    width: 30%;
    height: 12px
}

.bar-progress>div {
    position: relative;
    width: 20%;
    height: 12px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-animation: bar-progress 3s cubic-bezier(.57, .1, .44, .93) infinite;
    animation: bar-progress 3s cubic-bezier(.57, .1, .44, .93) infinite;
    opacity: 1
}

@-webkit-keyframes bar-swing {
    0% {
        left: 0
    }
    50% {
        left: 70%
    }
    to {
        left: 0
    }
}

@keyframes bar-swing {
    0% {
        left: 0
    }
    50% {
        left: 70%
    }
    to {
        left: 0
    }
}

.bar-swing,
.bar-swing>div {
    width: 30%;
    height: 8px
}

.bar-swing>div {
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    -webkit-animation: bar-swing 1.5s infinite;
    animation: bar-swing 1.5s infinite
}

@-webkit-keyframes bar-swing-container {
    0% {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        left: 70%;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    to {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bar-swing-container {
    0% {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        left: 70%;
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
    to {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bar-swing-container {
    width: 20%;
    height: 8px;
    position: relative
}

.bar-swing-container div:first-child {
    position: absolute;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    height: 12px;
    border-radius: 10px
}

.bar-swing-container div:nth-child(2) {
    position: absolute;
    width: 30%;
    height: 8px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-animation: bar-swing-container 2s cubic-bezier(.91, .35, .12, .6) infinite;
    animation: bar-swing-container 2s cubic-bezier(.91, .35, .12, .6) infinite;
    margin: 2px 2px 0
}

.sk-spinner {
    color: #333
}

.sk-spinner>div {
    background-color: currentColor
}

.ball-scale-ripple-multiple>div,
.ball-scale-ripple>div,
.ball-triangle-path>div {
    background-color: initial;
    border-color: currentColor
}

.ball-clip-rotate>div {
    background-color: initial;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-left-color: currentColor
}

.ball-clip-rotate-pulse>div:first-child {
    background-color: currentColor
}

.ball-clip-rotate-pulse>div:last-child {
    background-color: initial;
    border-top-color: currentColor;
    border-bottom-color: currentColor
}

.ball-clip-rotate-multiple>div:first-child {
    background-color: initial;
    border-right-color: currentColor;
    border-left-color: currentColor
}

.ball-clip-rotate-multiple>div:last-child {
    border-top-color: currentColor
}

.ball-clip-rotate-multiple>div:last-child,
.pacman>div:first-child,
.pacman>div:nth-child(2),
.triangle-skew-spin>div {
    background-color: initial;
    border-bottom-color: currentColor
}

.pacman>div:first-child,
.pacman>div:nth-child(2) {
    border-top-color: currentColor;
    border-left-color: currentColor
}

.pacman>div:nth-child(3),
.pacman>div:nth-child(4),
.pacman>div:nth-child(5) {
    background-color: currentColor
}

@-webkit-keyframes sk-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes sk-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.sk-fade-in {
    -webkit-animation: sk-fade-in 2s;
    animation: sk-fade-in 2s
}

.sk-fade-in-half-second {
    -webkit-animation: sk-fade-in 1s;
    animation: sk-fade-in 1s
}

.sk-fade-in-quarter-second {
    -webkit-animation: sk-fade-in .5s;
    animation: sk-fade-in .5s
}

.sk-chasing-dots {
    width: 27px;
    height: 27px;
    position: relative;
    -webkit-animation: sk-rotate 2s infinite linear;
    animation: sk-rotate 2s infinite linear
}

.sk-chasing-dots>div {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: currentColor;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.sk-chasing-dots>div:last-child {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-rotate {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes sk-rotate {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes sk-bounce {
    0%,
    to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-circle {
    width: 22px;
    height: 22px;
    position: relative
}

.sk-circle>div {
    background-color: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle>div:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: currentColor;
    border-radius: 100%;
    -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out;
    animation: sk-bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-circle>div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle>div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle>div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle>div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle>div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle>div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle>div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle>div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle>div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle>div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle>div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle>div:nth-child(2):before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle>div:nth-child(3):before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle>div:nth-child(4):before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle>div:nth-child(5):before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle>div:nth-child(6):before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle>div:nth-child(7):before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle>div:nth-child(8):before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle>div:nth-child(9):before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle>div:nth-child(10):before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle>div:nth-child(11):before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle>div:nth-child(12):before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 27px;
    height: 27px
}

.sk-cube-grid>div {
    width: 33%;
    height: 33%;
    background-color: currentColor;
    float: left;
    -webkit-animation: sk-scaleDelay 1.3s infinite ease-in-out;
    animation: sk-scaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid>div:first-child {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid>div:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid>div:nth-child(4) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid>div:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid>div:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid>div:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.sk-cube-grid>div:nth-child(8) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid>div:nth-child(9) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-scaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-scaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }
    35% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-double-bounce {
    width: 27px;
    height: 27px;
    position: relative
}

.sk-double-bounce>div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.sk-double-bounce>div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,
    to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-folding-cube {
    width: 27px;
    height: 27px;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sk-folding-cube>div {
    background-color: initial;
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube>div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube>div:nth-child(2) {
    -webkit-transform: scale(1.1) rotate(90deg);
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube>div:nth-child(4) {
    -webkit-transform: scale(1.1) rotate(180deg);
    -ms-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube>div:nth-child(3) {
    -webkit-transform: scale(1.1) rotate(270deg);
    -ms-transform: scale(1.1) rotate(270deg);
    transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube>div:nth-child(2):before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-folding-cube>div:nth-child(4):before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube>div:nth-child(3):before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%,
    to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1
    }
    90%,
    to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.sk-pulse>div {
    width: 27px;
    height: 27px;
    background-color: currentColor;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.sk-rotating-plane>div {
    width: 27px;
    height: 27px;
    background-color: currentColor;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-three-bounce {
    height: 18px
}

.sk-three-bounce>div {
    width: 18px;
    height: 18px;
    background-color: currentColor;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out;
    animation: sk-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.sk-three-bounce>div:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-three-bounce>div:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-wandering-cubes {
    width: 52px;
    height: 52px;
    position: relative
}

.sk-wandering-cubes>div {
    background-color: currentColor;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out
}

.sk-wandering-cubes>div:last-child {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    to {
        -webkit-transform: rotate(-1turn)
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(.5)
    }
    to {
        transform: rotate(-1turn);
        -webkit-transform: rotate(-1turn)
    }
}

.sk-wave {
    width: 30px;
    height: 27px
}

.sk-wave>div {
    background-color: currentColor;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.sk-wave>div:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-wave>div:nth-child(3) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-wave>div:nth-child(4) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-wave>div:nth-child(5) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.sk-wordpress>div {
    width: 27px;
    height: 27px;
    background-color: currentColor;
    display: inline-block;
    border-radius: 27px;
    position: relative;
    -webkit-animation: sk-inner-circle 1s linear infinite;
    animation: sk-inner-circle 1s linear infinite
}

.sk-wordpress>div:after {
    content: "";
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 8px;
    top: 5px;
    left: 5px
}

@-webkit-keyframes sk-inner-circle {
    0% {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes sk-inner-circle {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

.footer_row {
    width: 100%;
    z-index: 100;
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5));
    background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5));
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: #fff
}

.footer_item {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 20px
}

@media (max-width:1100px) {
    .footer_item {
        padding: 12px 15px
    }
}

@media (min-width:900px) {
    .footer_item:first-child:lang(en-za) {
        -ms-flex-order: 1;
        order: 1
    }
    .footer_item:nth-child(2):lang(en-za) {
        -ms-flex-order: 2;
        order: 2
    }
    .footer_item:nth-child(3):lang(en-za) {
        -ms-flex-order: 3;
        order: 3
    }
    .footer_item:nth-child(4):lang(en-za) {
        -ms-flex-order: 5;
        order: 5
    }
    .footer_item:nth-child(5):lang(en-za) {
        -ms-flex-order: 4;
        order: 4
    }
    .footer_item:nth-child(6):lang(en-za) {
        -ms-flex-order: 6;
        order: 6
    }
}

@media (max-width:1023px) {
    .footer_item {
        padding: 8px
    }
}

.footer_spacer {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.footer_item a {
    color: #fff;
    text-decoration: none
}

.footer_item a[href^=http]:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICA8ZGVmcz48L2RlZnM+CiAgPGcgaWQ9IkhvbWVwYWdlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIGlkPSIxMjgwLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Mi4wMDAwMDAsIC02MzkuMDAwMDAwKSIgc3Ryb2tlPSIjRkZGRkZGIj4KICAgICAgPGcgaWQ9IlBhcnRuZXJzLSZhbXA7LUludmVzdG9ycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCA2MjkuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9IlBhcnRuZXJzIj4KICAgICAgICAgIDxnIGlkPSJHcm91cC00Ij4KICAgICAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2My4wMDAwMDAsIDExLjAwMDAwMCkiPgogICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjEuMSAwIDUuNSAwIDUuNSA0LjQiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgPHBhdGggZD0iTTUuNSwwIEwwLDUuNSIgaWQ9IlBhdGgtNCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgICA8L2c+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
    background-size: 8px;
    margin-left: 12px
}

.footer_item_us_copyright {
    font-weight: 500;
    font-size: 9px;
    line-height: 24px;
    padding: 12px 10px
}

.footer_expand {
    position: relative
}

.footer_expand_label {
    position: relative;
    cursor: pointer
}

.footer_expand_label:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAAXNSR0IArs4c6QAAAKZJREFUGBljYACC////uwAxI4hNCADVsQBxGFgdkGEJxCCwAYj58GkGyosC8X4gBgFLmAG5QM4vIL4BxBrYDACKmwLxIyD+BsTRKGqAArZA/AKIPwFxALIkkJ8IxD+A+B4QGyDLwdlACWkgPgHE/4C4BYg5gHgaEIPALiAWgivGxgAqYAPiWUAMAm8h1P8OIM2ETT1WMaDiNKjmEKwKCAkCNXPgUwMAylyoQTtauicAAAAASUVORK5CYII=) no-repeat;
    background-position: 0 2px;
    background-size: 12px;
    margin-left: 12px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.footer_expand_label-active {
    z-index: 10
}

.footer_expand_label-active:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.footer_expand_panel_wrapper {
    position: absolute;
    height: 0;
    top: 0;
    width: 100%;
    min-width: 250px;
    z-index: 10
}

.footer_expand_panel {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0) translateY(60px);
    -ms-transform: scaleY(0) translateY(60px);
    transform: scaleY(0) translateY(60px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer_expand_panel.footer_expand_panel-active {
    opacity: 1;
    -webkit-transform: scaleY(1) translateY(0);
    -ms-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0)
}

@media (min-width:900px) {
    .footer_expand_panel.footer_expand_panel-active:lang(en-za) {
        display: flex;
        display: -ms-flexbox;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer_expand_panel>* {
    display: block
}

.footer_expand_bg {
    position: fixed;
    z-index: 1;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.footer_expand_bg-active {
    top: 0;
    opacity: 1
}

.bbb-logo {
    position: relative;
    top: -19px
}

#_bapw-icon {
    margin-right: .5rem
}

.footer_expand:first-child .footer_expand_panel_wrapper .footer_item:nth-child(2) {
    padding: 12px 16px
}

.SideNavigationDots {
    position: fixed;
    top: 0;
    right: 3vw;
    bottom: 0;
    z-index: 100
}

.SideNavigationDots,
.SideNavigationDots .centered_bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.SideNavigationDots .centered_bar,
.SideNavigationDots .progress_item_wrapper {
    position: relative
}

.SideNavigationDots .nav_circle {
    position: relative;
    width: 12px;
    height: 12px;
    margin-bottom: 5vh;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .2)
}

.nav_dot_indicator {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff
}

.progress_line_wrapper {
    position: absolute;
    top: 11px;
    left: 4px;
    right: 4px;
    bottom: 0;
    overflow: hidden;
    background: hsla(0, 0%, 100%, .2);
    -webkit-transform: translateY(.5px);
    -ms-transform: translateY(.5px);
    transform: translateY(.5px);
    z-index: 2
}

.progress_line {
    position: absolute;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: #fff
}

.SideNavigationDots .progress_item_wrapper:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    top: -7px;
    left: -7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4gUYBx4pWalRHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAQrSURBVEjHjVbdTyNVFP/NTEuhKwsrod0NuIE1hWC2KbRIGtqSPiwvu270RR/kaXUihCL7Dxjf9EGfXEmIG98IH29+vOlfQDqBkow1gWjSKGgzlQ1rmRGmzIwv5zaHcVBvcjKTe8/5nXvPx+9e4PKQAMgAQgC6APQBGAKQATBrmuazfD7/OJ/PPzZN8xmAWVobIt0uspUJqz1CCB7CIRcFADzP4wBKgJ4UBBjygUsMVKH1MNslPM+TmY3s0xGOPQAu6XjckcQMhaMOkggBhQMcifkI6bYAOAKc/iUAXijAiTCMUMw7hTMeNvoXup0AbAAX7CQtdjJJ9oVNYcZRANfo25lKpa4riqLIsuzIsuwoiqKkUqnr5ITriggoDBcyO43IySUnMzMz8Wq1uqxp2pN6vf6TYRgnhmGc1Ov1nzVNe1KtVpdzuVyM2XQRBs9Z20mYlPoA3AZwF8D08vKyallWQ9O0r5LJ5NsAHgJ4DcADAA/Hx8fnNE372jTNRqlUUgFMk+1twrpG2DJY4rsB3ASQAPBqsVh8w7IsY21t7RMA9wHcAzADIEcyQ3P319fXPzVN0ygUCq8DmCSMm4TZAUCR6IghivULAHoA9BwcHHzYbDZPM5nMlwDOAVgAzijhYDZRAJFKpfJeNBqNjI6OfgTgOcmpsOHFIHIUKhaLLw4NDU2rqrrJnJwCaAL4k6RJcxaA8/n5+c3h4eFCoVC4wTav8GKQfF+5VCplDMP4oVKpPKcy/YvE8omYb5XL5RPDMH5cWlpK+1hCBiAFMsPAwMCtRqPxK/XABUmLCViviHX3+Pj4l8HBwVvMicQrLmh4V3HWfwzJ87zABdkH7gFwDw8Pf+/v7x9kXBZidOMXsS739fW9dHR09BtFwmNUdIkAxdddXV3dicVidycnJ3sJrIsk6hMxH85mszdisdgrKysrFYHDxLuyvPf39z+wLOtsYmLi6f8p7729vflIJBIeGxv7+KryFidxCMQGYKuq+sXIyEh+Y2PjHu26mzbRS9JDc11bW1uziUQip6rqU2FPWA6L1tUUtLi4+K5pmo2dnZ1v0un0HFHQA0FB6XR6bnd391vTNI2FhYV3AigoyilIYmTaDSAO4A6AcQCFbDb7lq7r39u2fVqr1SqJROJRIpF4VKvVKrZtn+q6/t3U1NSbAApkc4cwuhm5tvtI3CEXlI/2Lbu9vW0kk8nPk8nkZrlc/iwWi/UCQDwefzmTybyv6/ofxBIWAJMa+NwXuvYNK0rRoSaUfVd6WNf1puM4juu6CgA4juPout6kZAsnFjnhN237KhfN6dK35XsPdFB1tSRJavcF/bcI+IydRDhy+bsh5GMCHkKbEnnOqUeSJNdHQcKZ7bvOAx8nYF0sTuYwjmu/BXyOXJ+Ow5uUM0PoX7jO390OCxnYK+cfLBAE+Dc2ArT0ZaF4CAAAAABJRU5ErkJggg==) no-repeat
}

.SideNavigationDots .progress_item_wrapper:first-child:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4gUYBx0fvT6XRQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAQQSURBVEjHnVbPTxtHFP5mbWPTlhoFYVKgPbgYiQhX9Q/QkhK1RVhBqnIgUXvJKcWoCKmHFcf23EsOqCoSau7lh9RUaqUc2j8gshBmsbYHfLNUQ+W4HBDeBXbZ3V7eOI+tSaSO9Gns2Zn3zbx573sjcLUJ1ivU899KYL4HwGc9/w3WI9yBRBoNBaCwb2BGPQAuA/8mJFm4A4lChiOELpoXvobokmADcAguO7EA4Ic7kITJeBRAjPouRqQwIx4juQBwTt9tGm+T8RMJRtIN4A1CDECXqqpxTdPyg4ODAwBwdHTUWF1d3S2VSidk+JxtBuzO2u6TBFEAPQASAJIAPgAwNTc3d79arT5zHKdVr9efVyqVnyuVytN6vf7ccZzWwcHBs0KhMA9gitYkyUYP2Wx7TaG7eBNAH4D3AIwDmNI0bcGyrEa5XH6ayWQeAJgFMEOYzWQyD3Rd/8U0zYamaQtENk42bpBHIvKUIXJXD4CbAFIA8oVCYd6yrMbm5uZjAHcBfApgGoBKmKaxu9vb249N02zMzMzMA8iTjZtkswtASLCIigF4C0AcQLxarX7TarXOc7ncE7roM8IlS41uQlTX9aVYLBYZGxv7DsAJoUV3d6mwYAhJUlVV48lk8uNisbhBF31Gi1oATgny/xkAe3Fx8aeRkZFPJiYm3u6UDkqHzFc0Tcs3Gg1D1/UTyouz18DZ3d09aTabf66srORYGrSTPKgMAoAyPDz8zvHx8V+UAw65ywnkh0+7lgnrNpvN+tDQ0GBAvv4jQS8ZhRCe5+Ga5uP65gshRKcPSsCAD8Cr1+t/9/f3D7PQDzNJCqJ9H319fe8eHh4eBUS2TeQHVNhbX18vJxKJ8Xw+30vGugNqISHHI6qq3kgkErfW1tZ0Jk8S/qvC+1vLss4zmYwMb0uGKnN7jAij+/v7X0Wj0VeGt8+kXgqkXSwWfxwdHZ3e2NiYpV330CZ6CXEa697a2iqkUqmPisXiE7leBgivT9dJ0O3l5eUF0zSb5XL512w2+xDAPQCfEe5ls9mHe3t7v5mm+WJpaelLALeZBPUFJSgoqgMkjB8CuKOq6heGYfxh23arVqvpqVTqUSqVelSr1XTbtluGYfw+OTn5OYA7tCZJNq6IapjVDNBxL1jxC5VKpRfpdPqHdDq9ubOz830ikegFgIGBgfdzudzXhmH8Q0phATApgS8CrmvnkQxFlxKTV9oQgIhhGKeu67qe54UAwHVd1zCMU7psSWIRiayyPi/lsjjJsuuw0JeFMAbAEUL4LKl9misrqzyJJPKYp3x+IhFwoU0XecHeAhBCcMlwGBmPtiskQQnyAw8Kl2mcXBwk8gJzXJ6k1z23gnoWzG6XuUw2t5MKvE7rgifzOz0E/+/8fwEZucmYjgBT2gAAAABJRU5ErkJggg==) no-repeat;
    top: -6px
}

.SideNavigationDots .progress_item_wrapper:last-child:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4gUYBx0fvT6XRQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAQQSURBVEjHnVbPTxtHFP5mbWPTlhoFYVKgPbgYiQhX9Q/QkhK1RVhBqnIgUXvJKcWoCKmHFcf23EsOqCoSau7lh9RUaqUc2j8gshBmsbYHfLNUQ+W4HBDeBXbZ3V7eOI+tSaSO9Gns2Zn3zbx573sjcLUJ1ivU899KYL4HwGc9/w3WI9yBRBoNBaCwb2BGPQAuA/8mJFm4A4lChiOELpoXvobokmADcAguO7EA4Ic7kITJeBRAjPouRqQwIx4juQBwTt9tGm+T8RMJRtIN4A1CDECXqqpxTdPyg4ODAwBwdHTUWF1d3S2VSidk+JxtBuzO2u6TBFEAPQASAJIAPgAwNTc3d79arT5zHKdVr9efVyqVnyuVytN6vf7ccZzWwcHBs0KhMA9gitYkyUYP2Wx7TaG7eBNAH4D3AIwDmNI0bcGyrEa5XH6ayWQeAJgFMEOYzWQyD3Rd/8U0zYamaQtENk42bpBHIvKUIXJXD4CbAFIA8oVCYd6yrMbm5uZjAHcBfApgGoBKmKaxu9vb249N02zMzMzMA8iTjZtkswtASLCIigF4C0AcQLxarX7TarXOc7ncE7roM8IlS41uQlTX9aVYLBYZGxv7DsAJoUV3d6mwYAhJUlVV48lk8uNisbhBF31Gi1oATgny/xkAe3Fx8aeRkZFPJiYm3u6UDkqHzFc0Tcs3Gg1D1/UTyouz18DZ3d09aTabf66srORYGrSTPKgMAoAyPDz8zvHx8V+UAw65ywnkh0+7lgnrNpvN+tDQ0GBAvv4jQS8ZhRCe5+Ga5uP65gshRKcPSsCAD8Cr1+t/9/f3D7PQDzNJCqJ9H319fe8eHh4eBUS2TeQHVNhbX18vJxKJ8Xw+30vGugNqISHHI6qq3kgkErfW1tZ0Jk8S/qvC+1vLss4zmYwMb0uGKnN7jAij+/v7X0Wj0VeGt8+kXgqkXSwWfxwdHZ3e2NiYpV330CZ6CXEa697a2iqkUqmPisXiE7leBgivT9dJ0O3l5eUF0zSb5XL512w2+xDAPQCfEe5ls9mHe3t7v5mm+WJpaelLALeZBPUFJSgoqgMkjB8CuKOq6heGYfxh23arVqvpqVTqUSqVelSr1XTbtluGYfw+OTn5OYA7tCZJNq6IapjVDNBxL1jxC5VKpRfpdPqHdDq9ubOz830ikegFgIGBgfdzudzXhmH8Q0phATApgS8CrmvnkQxFlxKTV9oQgIhhGKeu67qe54UAwHVd1zCMU7psSWIRiayyPi/lsjjJsuuw0JeFMAbAEUL4LKl9misrqzyJJPKYp3x+IhFwoU0XecHeAhBCcMlwGBmPtiskQQnyAw8Kl2mcXBwk8gJzXJ6k1z23gnoWzG6XuUw2t5MKvE7rgifzOz0E/+/8fwEZucmYjgBT2gAAAABJRU5ErkJggg==) no-repeat;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -8px
}

.SideNavigationDots .progress_item_wrapper:after {
    content: "";
    position: absolute;
    width: 26px;
    top: 19px;
    left: -7px;
    bottom: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4gUYBx4W7898IgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABVSURBVEjH7c2xDYBADEPRD6K4mgWYgd7lzXOjX+eeJiCxAAWypVRx8uCdpWYDGrADB3AC3faUNCQN2xPotTuq2+r2/vNk5aMEChQoUKBAgQIF+gd0AQJBC3mYlz/lAAAAAElFTkSuQmCC) repeat-y;
    z-index: 1
}

.SideNavigationDots .progress_item_wrapper:last-child:after {
    display: none
}

.CardCircle {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover!important;
    -webkit-box-shadow: 0 0 20px 0 #fff;
    box-shadow: 0 0 20px 0 #fff;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out
}

.CardCircle:hover {
    -webkit-box-shadow: 0 0 20px 2px #fff;
    box-shadow: 0 0 20px 2px #fff
}

.CardCircle:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3
}

.CardCircle>* {
    pointer-events: all
}

.CardCircle>a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.CardCircle_content {
    position: relative;
    max-width: 95%;
    text-align: center;
    font-size: .8em
}

@media (max-width:360px) {
    .CardCircle_content h3:lang(nl-be) {
        font-size: 16px
    }
}

@media (max-width:399px) {
    .CardCircle_content:lang(el-gr) h3,
    .CardCircle_content:lang(el-gr) p,
    .CardCircle_content:lang(ru-ru) h3,
    .CardCircle_content:lang(ru-ru) p {
        font-size: 15px!important
    }
}

@media (min-width:699px) and (max-width:899px) {
    .CardCircle_content:lang(el-gr) h3,
    .CardCircle_content:lang(el-gr) p,
    .CardCircle_content:lang(ru-ru) h3,
    .CardCircle_content:lang(ru-ru) p {
        font-size: 17px!important
    }
}

@media (max-width:899px) {
    .CardCircle_content h3:lang(RU_RU) {
        font-size: 14px
    }
    .CardCircle_content .yellow:lang(RU_RU) {
        font-size: 12px
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .CardCircle_content h3:lang(el-gr) {
        font-size: 18px
    }
}

@media (min-width:767px) and (max-width:1199px) {
    .CardCircle_content h3:lang(ru-ru) {
        font-size: 18px
    }
    .CardCircle_content p:lang(ru-ru) {
        font-size: 15px
    }
}

.CardCircle_content>div {
    max-width: 75vw
}

@media (min-width:992px) {
    .CardCircle_content {
        font-size: 1em
    }
}

@media (min-width:320px) {
    .CardCircle_content .yellow:lang(cs-CZ),
    .CardCircle_content h3:lang(cs-CZ) {
        line-height: 1.325rem!important
    }
}

@media (max-width:350px) {
    .CardCircle_content h3:lang(uk-UA) {
        font-size: 11px
    }
    .CardCircle_content p:lang(uk-UA) {
        font-size: 11px;
        margin-top: 5px
    }
}

@media (min-width:768px) {
    .CardCircle_content h3:lang(cs-CZ) {
        line-height: 1.625rem!important;
        font-size: 20px
    }
    .CardCircle_content .yellow:lang(cs-CZ) {
        line-height: 1.625rem!important;
        font-size: 18px
    }
}

@media (min-width:320px) and (max-width:375px) {
    .CardCircle_content .yellow:lang(nl-NL),
    .CardCircle_content h3:lang(nl-NL) {
        font-size: 14px
    }
}

@media (max-width:320px) {
    .CardCircle_content h3:lang(pl-PL) {
        font-size: 16px
    }
    .CardCircle_content .yellow:lang(pl-PL) {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width:899px) {
    .CardCircle_content h3:lang(pl-PL) {
        font-size: 22px
    }
    .CardCircle_content .yellow:lang(pl-PL) {
        font-size: 21px
    }
}

@media (max-width:320px) {
    .CardCircle_content h3:lang(nl-BE) {
        font-size: 14px
    }
    .CardCircle_content .yellow:lang(nl-BE) {
        font-size: 13px
    }
}

.Search_wrapper form.search {
    display: block;
    width: 335px;
    margin: 0 auto;
    height: 56px;
    border-radius: 28px;
    padding: 12px 24px 12px 78px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 1rem!important;
    background-color: #fff;
    border: none
}

.Search_wrapper form.search:lang(el-gr) {
    padding: 12px 24px 12px 55px
}

@media (min-width:500px) {
    .Search_wrapper form.search {
        width: 375px
    }
}

@media (min-width:600px) {
    .Search_wrapper form.search {
        width: 400px
    }
}

@media (min-width:700px) {
    .Search_wrapper form.search {
        width: 450px
    }
    .Search_wrapper form.search:lang(tr-tr) {
        width: 500px
    }
}

@media (max-width:374px) {
    .Search_wrapper form.search {
        width: 300px
    }
    .Search_wrapper form.search:lang(en-IN) {
        padding: 12px 24px 12px 52px
    }
}

@media (max-width:374px) {
    .Search_wrapper form.search:lang(nl-be),
    .Search_wrapper form.search:lang(nl-nl),
    .Search_wrapper form.search:lang(pl-pl),
    .Search_wrapper form.search:lang(pt-br),
    .Search_wrapper form.search:lang(ru-ru),
    .Search_wrapper form.search:lang(uk-ua),
    .Search_wrapper form.search:lang(vi-vn) {
        padding: 12px 24px 12px 55px
    }
}

.Search_wrapper .search__input {
    width: 100%;
    border: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #3b454f;
    line-height: 20px;
    font-size: 18px;
    background: transparent;
    font-family: system, -apple-system, BlinkMacSystemFont, Helvetica Neue, Lucida Grande, sans-serif
}

.Search_wrapper .search__input:lang(HE-IL) {
    font-family: Arial, sans-serif
}

@media (max-width:360px) {
    .Search_wrapper .search__input:lang(EN_PK) {
        font-size: 15px
    }
}

@media (max-width:374px) {
    .search__input:lang(ae-ar)::-webkit-input-placeholder,
    .search__input:lang(en-pk)::-webkit-input-placeholder,
    .search__input:lang(es-es)::-webkit-input-placeholder,
    .search__input:lang(hu-hu)::-webkit-input-placeholder,
    .search__input:lang(ph-en)::-webkit-input-placeholder,
    .search__input:lang(ph-za)::-webkit-input-placeholder,
    .search__input:lang(pt-br)::-webkit-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(ae-ar)::-ms-input-placeholder,
    .search__input:lang(en-pk)::-ms-input-placeholder,
    .search__input:lang(es-es)::-ms-input-placeholder,
    .search__input:lang(hu-hu)::-ms-input-placeholder,
    .search__input:lang(ph-en)::-ms-input-placeholder,
    .search__input:lang(ph-za)::-ms-input-placeholder,
    .search__input:lang(pt-br)::-ms-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(ae-ar)::placeholder,
    .search__input:lang(en-pk)::placeholder,
    .search__input:lang(es-es)::placeholder,
    .search__input:lang(hu-hu)::placeholder,
    .search__input:lang(ph-en)::placeholder,
    .search__input:lang(ph-za)::placeholder,
    .search__input:lang(pt-br)::placeholder {
        font-size: 15px
    }
    .search__input:lang(en-ca)::-webkit-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(en-ca)::-ms-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(en-ca)::placeholder {
        font-size: 14px
    }
    .search__input:lang(id-ID)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(id-ID)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(id-ID)::placeholder {
        font-size: 13px
    }
    .search__input:lang(el-gr)::-webkit-input-placeholder,
    .search__input:lang(vi-vn)::-webkit-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(el-gr)::-ms-input-placeholder,
    .search__input:lang(vi-vn)::-ms-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(el-gr)::placeholder,
    .search__input:lang(vi-vn)::placeholder {
        font-size: 11px
    }
    .search__input:lang(es-LA)::-webkit-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(es-LA)::-ms-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(es-LA)::placeholder {
        font-size: 15px
    }
    .search__input:lang(nl-be)::-webkit-input-placeholder,
    .search__input:lang(nl-nl)::-webkit-input-placeholder {
        font-size: 10px
    }
    .search__input:lang(nl-be)::-ms-input-placeholder,
    .search__input:lang(nl-nl)::-ms-input-placeholder {
        font-size: 10px
    }
    .search__input:lang(nl-be)::placeholder,
    .search__input:lang(nl-nl)::placeholder {
        font-size: 10px
    }
}

@media (max-width:767px) {
    .search__input:lang(en-ca) {
        padding: 3px
    }
}

@media (max-width:767px) {
    .search__input:lang(pl-pl)::-webkit-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(pl-pl)::-ms-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(pl-pl)::placeholder {
        font-size: 14px
    }
}

@media (min-width:375px) and (max-width:499px) {
    .search__input:lang(el-gr)::-webkit-input-placeholder,
    .search__input:lang(vi-vn)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(el-gr)::-ms-input-placeholder,
    .search__input:lang(vi-vn)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(el-gr)::placeholder,
    .search__input:lang(vi-vn)::placeholder {
        font-size: 13px
    }
    .search__input:lang(es-LA)::-webkit-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(es-LA)::-ms-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(es-LA)::placeholder {
        font-size: 17px
    }
    .search__input:lang(es-es)::-webkit-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(es-es)::-ms-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(es-es)::placeholder {
        font-size: 14px
    }
    .search__input:lang(nl-NL)::-webkit-input-placeholder {
        font-size: 12px
    }
    .search__input:lang(nl-NL)::-ms-input-placeholder {
        font-size: 12px
    }
    .search__input:lang(nl-NL)::placeholder {
        font-size: 12px
    }
    .search__input:lang(id-ID)::-webkit-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(id-ID)::-ms-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(id-ID)::placeholder {
        font-size: 16px
    }
}

@media (min-width:500px) and (max-width:767px) {
    .search__input:lang(el-gr)::-webkit-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(el-gr)::-ms-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(el-gr)::placeholder {
        font-size: 15px
    }
    .search__input:lang(nl-NL)::-webkit-input-placeholder,
    .search__input:lang(vi-VN)::-webkit-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(nl-NL)::-ms-input-placeholder,
    .search__input:lang(vi-VN)::-ms-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(nl-NL)::placeholder,
    .search__input:lang(vi-VN)::placeholder {
        font-size: 14px
    }
}

@media (min-width:900px) {
    .search__input:lang(en-za) {
        margin-top: 1.5px
    }
}

@media (min-width:900px) {
    :root .page-header .search__input:lang(es-419),
    :root .page-header .search__input:lang(pt-BR),
    _:-ms-fullscreen {
        margin-top: -8px
    }
}

@media (min-width:900px) {
    .page-header .search__input:lang(en-IN) {
        line-height: normal
    }
}

.Search_wrapper .search__input:focus {
    outline: none
}

.Search_wrapper .search__label {
    position: absolute;
    left: 8px;
    top: 3px;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    height: 3.125rem
}

.Search_wrapper .search__label:before {
    background-image: url("../../images/home/icon-search.png");
}

@media (min-width:900px) {
    .Search_wrapper .search__label {
        height: 3.125rem
    }
    .search__input:lang(de-de)::-webkit-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(de-de)::-ms-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(de-de)::placeholder {
        font-size: 17px
    }
}

@media (min-width:375px) {
    .search__input:lang(pt-br)::-webkit-input-placeholder,
    .search__input:lang(pt-pt)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(pt-br)::-ms-input-placeholder,
    .search__input:lang(pt-pt)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(pt-br)::placeholder,
    .search__input:lang(pt-pt)::placeholder {
        font-size: 13px
    }
}

@media (max-width:899px) {
    .search__input:lang(de-de)::-webkit-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(de-de)::-ms-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(de-de)::placeholder {
        font-size: 17px
    }
}

@media (max-width:699px) {
    .search__input:lang(de-de)::-webkit-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(de-de)::-ms-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(de-de)::placeholder {
        font-size: 11px
    }
}

@media (min-width:600px) {
    .search__input:lang(pt-br)::-webkit-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(pt-br)::-ms-input-placeholder {
        font-size: 17px
    }
    .search__input:lang(pt-br)::placeholder {
        font-size: 17px
    }
}

@media (max-width:360px) {
    .search__input:lang(de-de)::-webkit-input-placeholder {
        font-size: 9px
    }
    .search__input:lang(de-de)::-ms-input-placeholder {
        font-size: 9px
    }
    .search__input:lang(de-de)::placeholder {
        font-size: 9px
    }
    .search__input:lang(pt-br)::-webkit-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(pt-br)::-ms-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(pt-br)::placeholder {
        font-size: 11px
    }
}

@media (min-width:375px) {
    .search__input:lang(es-419)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(es-419)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(es-419)::placeholder {
        font-size: 13px
    }
}

@media (max-width:360px) {
    .search__input:lang(es-419)::-webkit-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(es-419)::-ms-input-placeholder {
        font-size: 11px
    }
    .search__input:lang(es-419)::placeholder {
        font-size: 11px
    }
}

@media (max-width:360px) {
    .search__input:lang(EN_PH)::-webkit-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(EN_PH)::-ms-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(EN_PH)::placeholder {
        font-size: 15px
    }
}

@media (max-width:360px) {
    .search__input:lang(en-ca)::-webkit-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(en-ca)::-ms-input-placeholder {
        font-size: 15px
    }
    .search__input:lang(en-ca)::placeholder {
        font-size: 15px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .search__input:lang(PT_BR)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(PT_BR)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(PT_BR)::placeholder {
        font-size: 13px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .search__input:lang(es-419)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(es-419)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(es-419)::placeholder {
        font-size: 13px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .search__input:lang(el-GR)::-webkit-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(el-GR)::-ms-input-placeholder {
        font-size: 13px
    }
    .search__input:lang(el-GR)::placeholder {
        font-size: 13px
    }
}

@media (min-width:375px) and (max-width:767px) {
    .search__input:lang(el-GR)::-webkit-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(el-GR)::-ms-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(el-GR)::placeholder {
        font-size: 16px
    }
}

@media (min-width:321px) and (max-width:767px) {
    .search__input:lang(co-KR)::-webkit-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(co-KR)::-ms-input-placeholder {
        font-size: 14px
    }
    .search__input:lang(co-KR)::placeholder {
        font-size: 14px
    }
}

@media (max-width:320px) {
    .search__input:lang(co-KR)::-webkit-input-placeholder {
        font-size: 12px
    }
    .search__input:lang(co-KR)::-ms-input-placeholder {
        font-size: 12px
    }
    .search__input:lang(co-KR)::placeholder {
        font-size: 12px
    }
}

@media (max-width:360px) {
    .search__input:lang(ru-RU)::-webkit-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(ru-RU)::-ms-input-placeholder {
        font-size: 16px
    }
    .search__input:lang(ru-RU)::placeholder {
        font-size: 16px
    }
}

a {
    text-decoration: none
}


.arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZGIwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxLjMiIHkxPSI2LjciIHgyPSI3IiB5Mj0iMSIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNmZmRiMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIsMSA3LDEgNyw2ICIvPjwvc3ZnPg==);
    content: "";
    display: inline-block;
    -ms-flex-item-align: center;
    align-self: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    vertical-align: middle;
    z-index: 3;
    padding: 16px
}

@media (max-width:700px) {
    .arrow:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZGIwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxLjMiIHkxPSI2LjciIHgyPSI3IiB5Mj0iMSIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNmZmRiMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIsMSA3LDEgNyw2ICIvPjwvc3ZnPg==);
        content: "";
        display: inline-block;
        -ms-flex-item-align: center;
        align-self: center;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        vertical-align: middle;
        z-index: 3;
        padding: 8px
    }
}

.arrow:after:hover {
    text-decoration: underline;
    color: #ffdb00
}

.event-layer {
    z-index: 1
}

.AppContainer,
.AppContainer__scrollWrapper {
    height: 100%
}

.flex-container-vertical {
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.flex-container-vertical,
.flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-row {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-row-start {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 33vh;
    flex-basis: 33vh
}

@media (max-height:499px) and (max-width:320px) {
    .container-3d:lang(it-IT):nth-child(4) .flex-row-start {
        margin-top: 3rem
    }
}

.flex-row-end {
    -ms-flex-preferred-size: 33vh;
    flex-basis: 33vh
}

.flex-row-center {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.yellow {
    color: #ffdb00!important
}

@media (min-width:700px) and (min-height:768px) {
    .yellow {
        font-size: 44px;
    }
}

@media (min-width:700px) and (min-height:768px) {
    .yellow:lang(IT_IT) {
        font-size: 40px
    }
}

@media (max-width:374px) {
    .yellow {
        font-size: 20px;
    }
}

@media (min-width:700px) and (min-height:768px) {
    .CardCircle .yellow {
        color: #ffdb00;
        font-size: 18px;
    }
    .container-3d:nth-(3) .CardCircle:nth-(2) .yellow:lang(cs-cz) {
        font-size: 17px
    }
}

@media (max-width:374px) {
    .CardCircle .yellow {
        color: #ffdb00;
        font-size: 12px;
    }
}

.Logo {
    position: fixed;
    width: 100%;
    height: 0;
    top: 0;
    text-align: center;
    z-index: 100
}

.Logo img {
    padding-top: 16px;
    width: 64px
}

.explore {
    position: relative;
    width: 100%;
    color: #fff
}

.explore_all {
    margin-bottom: 116px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 20px;
    color:#fff
}
.explore_all h1{
    color: #fff;
}
.explore_all:lang(pl-PL) {
    margin-bottom: 70px
}

:root .explore_all:lang(pt-br),
_:-ms-fullscreen {
    margin-top: 5%
}

.scroll-to-get {
    margin-top: 124px;
    text-align: center;
    font-size: 12px
}

.scroll-to-get span {
    display: block
}

@media (min-width:320px) {
    .scroll-to-get span:lang(PT_BR) {
        width: 120px;
        margin: auto
    }
    .scroll-to-get span:lang(be-fr),
    .scroll-to-get span:lang(fr-FR),
    .scroll-to-get span:lang(pl-pl) {
        width: 160px;
        margin: auto
    }
    .scroll-to-get span:lang(es-419) {
        width: 145px;
        margin: auto
    }
    .scroll-to-get span:lang(uk-UA) {
        width: 211px;
        margin: auto
    }
}

.scroll-to-get img {
    margin-top: 12px
}

.main__content {
    height: 100vh
}

#Oval-2 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: mouse-wheel 2s infinite;
    animation: mouse-wheel 2s infinite;
    opacity: 0
}

@-webkit-keyframes mouse-wheel {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 1
    }
    80% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0
    }
}

@media (min-width:700px) and (min-height:768px) {
    .explore_all {
        margin-bottom: 180px;
        font-size: 44px
    }
    .explore_all:lang(it-IT) {
        font-size: 40px;
        margin-bottom: 135px
    }
    .explore_all:lang(ro-ro) {
        line-height: inherit
    }
    .explore_all:lang(cs-cz) {
        letter-spacing: 2px
    }
    :root[lang=be-fr] .explore_all {
        margin-bottom: 145px
    }
    .explore_all:lang(pl-PL) {
        margin-bottom: 90px
    }
    .scroll-to-get {
        margin-top: 150px;
        font-size: 14px
    }
}

@media (min-width:900px) and (min-height:768px) {
    :root[lang=fr-fr] .explore_all {
        margin-bottom: 145px
    }
}

@media (min-width:768px) and (min-height:768px) and (max-width:1240px) {
    .explore_all {
        margin-bottom: 74px;
        font-size: 40px
    }
    .explore_all:lang(IT_IT) {
        margin-bottom: 120px
    }
    .explore:lang(IT_IT) {
        margin-bottom: 55px
    }
    @media (max-width:899px) {
        .container-3d:nth-(4) .explore_all {
            width: 80%
        }
    }
    .explore_all .yellow {
        font-size: 40px
    }
}

@media (min-width:375px) and (max-width:449px) {
    .explore_all:lang(id-ID) {
        margin-bottom: 60px;
        font-size: 19px
    }
}

@media (max-width:350px) {
    .explore_all:lang(it-IT),
    .explore_all:lang(nl-NL),
    .yellow:lang(it-IT),
    .yellow:lang(nl-NL) {
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:999px) {
    .explore_all:lang(id-ID),
    .explore_all:lang(id-ID) .yellow {
        font-size: 29px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .explore_all .yellow:lang(ca-fr),
    .explore_all:lang(ca-fr) {
        font-size: 34px
    }
}

@media (min-width:800px) {
    .explore_all:lang(it-it) {
        width: 45%!important
    }
}

@media (min-width:768px) and (max-width:799px) {
    .explore_all:lang(it-it) {
        width: 55%!important
    }
}

@media (max-height:600px) {
    .explore_all {
        margin-bottom: 9vh
    }
    .scroll-to-get {
        margin-top: 17vh
    }
}

@media (max-height:600px) and (orientation:landscape) {
    .explore_all {
        margin-bottom: 6vh
    }
    .scroll-to-get {
        margin-top: 10vh
    }
}

@media (max-width:374px) {
    .explore_all {
        font-size: 20px
    }
}

@media (max-width:375px) {
    .explore_all:lang(nl-NL) {
        padding: 0 2%;
        margin-bottom: 50px
    }
    .explore_all:lang(pl-pl) {
        margin-bottom: 45px
    }
}

@media (min-height:812px) and (max-height:812px) {
    .explore_all:lang(nl-nl) {
        margin-bottom: 130px
    }
}

@media (max-width:375px) {
    .explore_all:lang(be-fr) {
        padding: 0 5%;
        margin-bottom: 75px
    }
}

@media (min-height:812px) and (max-height:812px) {
    .explore_all:lang(be-fr) {
        margin-bottom: 130px
    }
}

@media (min-width:768px) {
    .explore_all:lang(nl-BE) {
        width: 482px;
        margin-bottom: 105px;
        font-size: 30px
    }
    .explore_all:lang(nl-BE) .yellow {
        font-size: 30px
    }
}

@media (max-height:600px) and (orientation:landscape) {
    .explore_all:lang(nl-BE) {
        margin-bottom: 0
    }
}

@media (min-width:768px) and (max-height:768px) {
    .explore_all:lang(be-fr) {
        margin-bottom: 110px;
        font-size: 30px
    }
    .explore_all:lang(be-fr) .yellow {
        font-size: 30px
    }
}

@media (min-width:900px) and (min-height:769px) {
    .explore_all:lang(be-fr) {
        margin-bottom: 110px;
        font-size: 35px
    }
    .explore_all:lang(be-fr) .yellow {
        font-size: 35px
    }
}

@media (min-width:900px) and (max-height:768px) {
    .explore_all:lang(be-fr) {
        margin-bottom: 65px;
        font-size: 30px
    }
    .explore_all:lang(be-fr) .yellow {
        font-size: 30px
    }
}

@media (max-height:600px) and (orientation:landscape) {
    .explore_all:lang(be-fr) {
        margin-bottom: 0
    }
}

.explore-card .CardCircle_content {
    max-width: 75vw
}

.explore-card {
    background-size: 200%!important
}

.CardCircle h3 {
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    font-size: 20px
}

@media (min-width:700px) and (min-height:768px) {
    .CardCircle h3 {
        font-size: 25px
    }
    .container-3d:nth-(3):lang(hu-hu) .CardCircle:nth-(3) h3 {
        font-size: 23px
    }
    .CardCircle:nth-(3):lang(tr-tr) h3 {
        font-size: 22px
    }
    .CardCircle h3:lang(ro-ro) {
        line-height: inherit
    }
}

@media (min-width:599px) and (max-width:1099px) {
    .CardCircle h3:lang(nl-NL) {
        font-size: 17px
    }
    .CardCircle .yellow:lang(nl-NL) {
        font-size: 13px
    }
}

@media (min-width:1100px) and (max-width:1299px) {
    .CardCircle h3:lang(nl-NL) {
        font-size: 19px
    }
    .CardCircle .yellow:lang(nl-NL) {
        font-size: 15px
    }
}

@media (max-width:374px) {
    .CardCircle h3 {
        font-size: 18px;
        line-height: 18px
    }
    .CardCircle:nth-(3):lang(tr-tr) h3 {
        font-size: 16px
    }
    .container-3d:nth-(3):lang(hu-hu) .CardCircle:nth-(3) h3 {
        margin-left: -.5rem
    }
}

@media (min-width:550px) and (max-width:899px) {
    .container-3d:nth-(1):lang(el-gr) .CardCircle:nth-(3) h3 {
        font-size: 22px
    }
}

.CardCircle p {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block
}

.CardCircle p:after {
    content: "";
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAXCAYAAAGNEQS4AAAABGdBTUEAALGPC/xhBQAAA5FJREFUSA2NlUtsjFEUx88YNa0xfSBUGNq0pTQSDbFDbNhI2EtYWIqNBLFFLLy71FgipLGzICEsmpAmXglCGkIqJBL1qHRmOp0Z/9/V8/Xrl0bc5J9z7nnfc8/9PrPplXIWZnH5g30TnevCnJh2Ie2CQNnNE7qEOjb41gkFjwZ1qzniy8IEQtBQem9PShOWSqctl+2yLZKNuKf4YIQXqAoVYcaKG0e1YU0RDQIHwLOGkELmC61fntqAaF7AKIWSUPPGh+1uJmPttRF7oz1RoiI46AKBVpSEUaEYL8BT1KSg0lpcqX1YyOJAiEMcwQCF10XhnCQjUAZ1EYRuFgTKga9ghAJHjOpv9tvG0W+WGxu3nDrdcHCfHcplbUVdm/VK/0OgVFoUHMlULzQKS4V2Yf3DW3ZCHaHEHmG5QBNCMrKxoA4vFwpYZKHEySl+1uZIF5YH9T2Z/3slnYPjbEIv16lnCfOClzu5AdQvmXO53s8UOukKN6RLdJRByzY324JiMVwN+ujScUIAuDcumkmlzU2FYXubqbfB+4PRfZGx6uWQITPQb+t/j1nz9zFrLJYsqynOHj5gfWcu2+5jp2xINr+E0gynwju7nUrZknLZUtWq1SpCS5N1vx628z3b7YIcfuIkRKVR1kJhhbBG6K19suqzu3ZRfIewWOC8HCV0iLMxtDi2CK3Cqns3bC9UWCLwrsJQe0u9TKIQAHBO9txPfJQq7iR5tDwA1PV+saHtLow8ppjZ5D4ZUaSkU3IfDxLnk3ZRYCnifLD7lyMGrofGgS50H2ZqhQcuPhw9QYOJB2OTDOZ7gjq4EOddjy8JSOZvAt6/MFFyr84doci4YR9/ZoiR8U9uk/iWK+dsS/GdPe47aZvZC3ypeCbY8mzwpziPLfbvhgQoMCB4ViDoIoGZXCl0CuuEDcKmfN62fn1hj/j0lfU/PH3c9ki+WsCWucWfh01M4usxTWdG4KfiZHMnP9rL9BxbJv6/1mTFRvcfsR3XB+yzHIqCf+lpa/gAJBOSyE8ZbycvEEQtunPNdu3cZkd1Y6nnr+1S707rl35cIBHgkYGQTDTqKQkITkBvJffAd4G2LBfahE5h7ciQXaWFrx7YWe27hQ4hL2DbLHAVFEZcOhYSJWnypBji4E6+DwFw1qJypg/4RPo+mkYCJ1dc5omxIbjv4xSdBySpPwPk7FnIopPB/2t5AUka9wkBJUjSyOYPj9jhYd9iZDcAAAAASUVORK5CYII=) no-repeat;
    width: 20px;
    height: 17px
}

@media (min-width:1280px) {
    .CardCircle h3 {
        font-size: 22px
    }
    .CardCircle p {
        font-size: 16px;
        line-height: 16px;
        padding-top: 6px
    }
}

@media (min-width:1600px) {
    .CardCircle h3 {
        font-size: 28px
    }
    .container-3d:nth-(3):lang(cs-cz) .CardCircle:nth-(3) h3 {
        line-height: 36px
    }
    .CardCircle p {
        font-size: 20px;
        line-height: 20px;
        padding-top: 8px
    }
}

small {
    font-size: .68em;
    font-weight: 800;
    display: inline-block
}

.frame {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.container-3d,
.frame {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.container-3d {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.container-3d:lang(de-de),
.container-3d:lang(en-PH),
.container-3d:lang(es-419),
.container-3d:lang(pl-pl),
.container-3d:lang(pt-pt),
:root[lang=zh-Hant-HK] .container-3d {
    -webkit-transform-style: flat;
    transform-style: flat
}

.container-3d.hidden-scene-bg {
    display: none
}

.proxyvote {
    font-size: 37px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: 14vh
}

.title-link {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    text-transform: none;
    display: block;
    margin: 7px 12px
}

.title-link:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iN3B4IiBoZWlnaHQ9IjdweCIgdmlld0JveD0iMCAwIDcgNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICA8ZGVmcz48L2RlZnM+DQogIDxnIGlkPSJIb21lcGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgPGcgaWQ9IjEyODAtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkyLjAwMDAwMCwgLTYzOS4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPg0KICAgICAgPGcgaWQ9IlBhcnRuZXJzLSZhbXA7LUludmVzdG9ycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCA2MjkuMDAwMDAwKSI+DQogICAgICAgIDxnIGlkPSJQYXJ0bmVycyI+DQogICAgICAgICAgPGcgaWQ9Ikdyb3VwLTQiPg0KICAgICAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2My4wMDAwMDAsIDExLjAwMDAwMCkiPg0KICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMyIgcG9pbnRzPSIxLjEgMCA1LjUgMCA1LjUgNC40Ij48L3BvbHlsaW5lPg0KICAgICAgICAgICAgICA8cGF0aCBkPSJNNS41LDAgTDAsNS41IiBpZD0iUGF0aC00Ij48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==);
    background-size: auto auto;
    background-size: 10px;
    margin-left: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.scroll-mouse {
    margin-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 27px;
    border: 1px solid #fff;
    border-radius: 7.5px;
    display: inline-block;
    position: relative
}

.scroll-wheel {
    position: absolute;
    left: 5.2px;
    top: 17px;
    background-color: #fff;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: mouse-wheel 2s ease-in-out infinite;
    animation: mouse-wheel 2s ease-in-out infinite
}

@keyframes mouse-wheel {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 1
    }
    90% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0
    }
}

@media (max-width:1600px) {
    .proxyvote {
        font-size: 24px;
        margin-bottom: 11vh
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    .proxyvote {
        margin-bottom: 5vh
    }
}

@media (max-width:824px) and (orientation:landscape) {
    .proxyvote {
        font-size: 18px;
        margin-bottom: 1vh;
        margin-top: 21vh
    }
    .proxyvote-part {
        display: inline-block;
        margin-right: 7px
    }
    .title-link {
        font-size: 14px;
        margin: 4px 12px
    }
}

@media (max-width:768px) and (orientation:portrait) {
    .proxyvote {
        margin-bottom: 7vh
    }
}

@media (max-width:680px) and (orientation:landscape) {
    .scroll-row {
        -ms-flex-preferred-size: 11vh;
        flex-basis: 11vh
    }
}

@media (max-width:415px) and (orientation:portrait) {
    .proxyvote {
        margin-bottom: 9vh
    }
}

@media (max-width:375px) {
    .proxyvote {
        font-size: 17px;
        margin-bottom: 9vh
    }
}

@media (max-width:360px) {
    .proxyvote {
        font-size: 17px;
        margin-bottom: 7vh
    }
}

@media (max-width:320px) {
    .proxyvote {
        font-size: 16px;
        margin-bottom: 4vh
    }
}


.firsttitle{text-transform: none;font-size: 40px;}
.event_outbound_link{display:none}
.CardCircle_content{}
.CardCircle_content h3{font-weight: normal;font-size: 30px;}
.CardCircle_content p{color:#FFF !important;font-weight: normal;text-transform: none;line-height: 22px;}
.CardCircle_content p:before{content: 'xem thêm';position: absolute;bottom: -30px;margin: auto;left: 0;right: 0;color:#79c144;text-transform: uppercase;font-weight: bold;}
.global-navigation{display:none}
.page-header{display: none}