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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: initial
}

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

html {
    font-size: 100%
}

body {
    font-size: 1.6rem
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    margin: 0;
    padding: 0
}

:root {
    --icon-color-1: #000;
    --icon-color-2: #fff
}

@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../modules/proxima-main/css/../assets/fonts/icomoon.ttf) format("truetype")
}

[class*=" fa-"],
[class^=fa-] {
    font-family: icomoon, sans-serif !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-calendar:before {
    content: "\f073"
}

@-webkit-keyframes appearByBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes appearByBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes appearByRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes appearByRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slick-slider {
    z-index: 1;
    box-sizing: border-box;
    padding-bottom: 50px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body {
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system
}

.current-text,
body,
p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.current-text b,
.current-text span:not([lang]),
.current-text strong,
p b,
p span:not([lang]),
p strong {
    font-weight: 600
}

.current-text a,
p a {
    font-weight: 800
}

a {
    transition: color .2s ease
}

h1 sub,
h1 sup {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1
}

h2 sub,
h2 sup {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1
}

h3 sub,
h3 sup {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

h4 sub,
h4 sup {
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1
}

h5 sub,
h5 sup {
    font-size: 10px;
    font-size: .625rem;
    line-height: 1
}

sup {
    vertical-align: top
}

sub,
sup {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

sub {
    vertical-align: bottom
}

legend {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600
}

.link {
    text-decoration: none
}

.current-text-bigger {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.current-text-bold {
    font-weight: 700
}

.align-center {
    text-align: center
}

body.font-system,
body.font-system * {
    font-family: sans-serif, Arial, Roboto, Ubuntu, -apple-system !important
}

.text-help {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-style: italic
}

h1 b,
h1 span:not([lang]),
h1 strong,
h2 b,
h2 span:not([lang]),
h2 strong {
    font-weight: 800
}

h1 {
    font-size: 46px;
    font-size: 2.875rem;
    line-height: 1.08
}

h1 b,
h1 span:not([lang]),
h1 strong {
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    h1 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 28px;
        text-align: center
    }
}

.modal-title,
h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1
}

.modal-title b,
.modal-title span:not([lang]),
.modal-title strong,
h2 b,
h2 span:not([lang]),
h2 strong {
    font-weight: 800
}

@media only screen and (max-width:1024px) {
    .modal-title,
    h2 {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
        text-align: center
    }
}

#login .login-login .login-title-small,
#login .login-register .login-title-small,
#modal-connection.modal .modal-login .login-title-small,
#modal-connection.modal .modal-register .login-title-small,
.form-validation .wrapper .form-validation-title,
h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1
}

#login .login-login .login-title-small b,
#login .login-login .login-title-small span:not([lang]),
#login .login-login .login-title-small strong,
#login .login-register .login-title-small b,
#login .login-register .login-title-small span:not([lang]),
#login .login-register .login-title-small strong,
#modal-connection.modal .modal-login .login-title-small b,
#modal-connection.modal .modal-login .login-title-small span:not([lang]),
#modal-connection.modal .modal-login .login-title-small strong,
#modal-connection.modal .modal-register .login-title-small b,
#modal-connection.modal .modal-register .login-title-small span:not([lang]),
#modal-connection.modal .modal-register .login-title-small strong,
.form-validation .wrapper .form-validation-title b,
.form-validation .wrapper .form-validation-title span:not([lang]),
.form-validation .wrapper .form-validation-title strong,
h3 b,
h3 span:not([lang]),
h3 strong {
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    #login .login-login .login-title-small,
    #login .login-register .login-title-small,
    #modal-connection.modal .modal-login .login-title-small,
    #modal-connection.modal .modal-register .login-title-small,
    .form-validation .wrapper .form-validation-title,
    h3 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        font-weight: 600
    }
}

.contact-form-header .contact-form-header-step,
.contact-form-step legend,
.popin .popin-title,
h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .contact-form-header .contact-form-header-step,
    .contact-form-step legend,
    .popin .popin-title,
    h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1
    }
}

h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600
}

@media only screen and (max-width:1024px) {
    h5 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        font-weight: 700
    }
}

.subtitle {
    font-weight: 800;
    text-transform: uppercase
}

.subtitle+h1,
.subtitle+h2,
.subtitle+h3 {
    margin-top: 12px
}

.subtitle span:not([lang]) {
    font-weight: 800
}

.subtitle-primary {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.subtitle-secondary {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

@-webkit-keyframes translationArrow {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    40% {
        opacity: 0;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    60% {
        opacity: 0;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes translationArrow {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    40% {
        opacity: 0;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
    60% {
        opacity: 0;
        -webkit-transform: translate(-150%, -50%);
        transform: translate(-150%, -50%)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes linearDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }
}

@keyframes linearDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(200%);
        transform: translateY(200%)
    }
}

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

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

.anchor-item {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

input[type=checkbox]+label.input-choice,
input[type=radio]+label.input-choice {
    font-size: 14px;
    font-size: .875rem;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase
}

.checkbox-custom {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.checkbox-custom+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.checkbox-custom+label:after,
.checkbox-custom+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.checkbox-custom+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.checkbox-custom:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkbox-custom:checked+label.input-choice:after {
    top: 10px
}

.checkbox-custom:disabled+label,
.checkbox-custom:disabled+label:after,
.checkbox-custom:disabled+label:before {
    cursor: not-allowed
}

.radio-custom {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.radio-custom+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.radio-custom+label:after,
.radio-custom+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.radio-custom+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.radio-custom:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.radio-custom:checked+label.input-choice:after {
    top: 10px
}

.radio-custom:disabled+label,
.radio-custom:disabled+label:after,
.radio-custom:disabled+label:before {
    cursor: not-allowed
}

.radio-custom+label:after,
.radio-custom+label:before {
    border-radius: 99px
}

.radio-custom+label:after {
    border: 0
}

.radio-custom:checked+label:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 4px;
    width: 16px;
    height: 16px
}

.checkbox-option+label,
.radio-option+label {
    display: flex;
    height: auto;
    min-height: 30px;
    min-width: 48px;
    margin-right: 0;
    padding-left: 11px;
    padding-right: 11px;
    border: 2px solid;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    line-height: 26px
}

.checkbox-option+label:after,
.checkbox-option+label:before,
.radio-option+label:after,
.radio-option+label:before {
    display: none
}

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.svg-list {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.icon-list ul {
    display: flex;
    flex-direction: row
}

.icon-list li a,
.icon-list li button {
    position: relative;
    text-decoration: none;
    transition: .25s ease;
    cursor: pointer
}

.icon-list li a:after,
.icon-list li button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: transform .25s ease
}

.icon-list li a.selected:after,
.icon-list li a:active:after,
.icon-list li a:focus:after,
.icon-list li a:hover:after,
.icon-list li button:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.icon-svg-dots {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 4px;
    border-radius: 24px
}

.icon-svg-dots svg {
    width: 100%;
    height: 100%;
    transition: .2s ease
}

.button,
form .btn-primary {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.29;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .button,
    form .btn-primary {
        width: 100%
    }
}

.button-secondary,
form .btn-primary {
    min-height: 46px;
    margin-right: 8px;
    padding: 13px;
    border: 2px solid;
    transition: .2s ease
}

.button-primary {
    position: relative;
    min-height: 48px;
    padding: 15px 64px 15px 15px;
    transition: .2s ease
}

.button-primary+label,
.button-primary span {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    margin-left: 16px;
    vertical-align: 1;
    transition: .2s ease
}

.button-primary+label svg,
.button-primary span svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1rem;
    height: 1rem
}

.button-icon {
    display: flex;
    align-items: center
}

.button-icon svg {
    margin-right: 10px;
    height: 1.25rem;
    width: 1.25rem
}

input[type=submit].button-secondary {
    border: 2px solid
}

.button-tertiary {
    min-height: 28px;
    padding: 7px 16px;
    border: 2px solid;
    transition: .2s ease
}

input[type=submit].button-tertiary {
    border: 2px solid
}

#header-global .modal .button-small,
#header-global .popin.popin-sampling .button-small,
.button-low {
    min-height: 32px;
    padding: 6px 13px
}

.button-back,
.button-download,
.button-link,
.button-save,
.button-submenu {
    padding-left: 0;
    padding-right: 0;
    background-color: initial;
    font-weight: 700;
    transition: color .2s ease
}

.button-back span,
.button-back svg,
.button-download span,
.button-download svg,
.button-link span,
.button-link svg,
.button-save span,
.button-save svg,
.button-submenu span,
.button-submenu svg {
    transition: color .2s ease
}

.button-link svg {
    position: relative;
    top: 4px;
    width: 1rem;
    height: 1rem;
    margin-left: 8px
}

.button-link svg.icon-download {
    margin-left: 4px;
    margin-right: 0
}

.button-download svg {
    position: relative;
    top: 3px;
    margin-right: 4px
}

.button-link-low {
    text-transform: none;
    text-decoration: underline
}

.button-back svg {
    top: 3px;
    width: 1rem;
    height: 1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button-back svg,
.button-save svg {
    position: relative;
    margin-right: 4px
}

.button-save svg {
    top: 4px
}

.button-white svg {
    transition: opacity .2s ease
}

.button-white:hover svg {
    opacity: .4
}

.disabled,
button:disabled,
input[type=submit]:disabled {
    cursor: not-allowed
}

button,
input[type=submit] {
    border: none;
    background: transparent;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system
}

a span,
a svg,
button span,
button svg,
input[type=submit] span,
input[type=submit] svg {
    pointer-events: none
}

.link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.button-filter {
    padding-right: 18px;
    border-radius: 4px
}

.button-filter span {
    position: relative;
    top: 3px;
    right: -4px
}

.button-action {
    padding-top: 0;
    padding-bottom: 0
}

.button-trash,
.button-zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 40px
}

.button-trash svg,
.button-zoom svg {
    width: 1.2rem;
    height: 1.2rem
}

.content-block.content-title .content-title-button-share {
    padding: 16px 48px;
    text-decoration: none
}

.button-submenu .button-submenu-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.button-submenu .button-submenu-wrapper>svg {
    margin-right: 10px
}

.button-submenu .button-submenu-wrapper>.button-submenu-right {
    margin-left: 8px
}

.button-lowcase {
    text-transform: none
}

.button-favorite {
    cursor: pointer
}

.button-favorite svg {
    width: 1.5rem;
    height: 1.5rem
}

.button-favorite.bordered svg {
    fill: transparent
}

ff-controller .btn-file,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    height: 56px;
    padding: 0 16px;
    border: 2px solid grey;
    border-radius: 4px;
    box-shadow: none;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    font-size: 16px;
    font-size: 1rem;
    line-height: 54px
}

ff-controller .btn-file::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {
    font-style: italic
}

ff-controller .btn-file::placeholder,
input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder {
    font-style: italic
}

ff-controller .btn-file::-ms-clear,
input[type=date]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=text]::-ms-clear {
    display: none
}

.form-simple {
    position: relative;
    display: inline-block
}

.form-simple input[type=date],
.form-simple input[type=email],
.form-simple input[type=number],
.form-simple input[type=password],
.form-simple input[type=tel],
.form-simple input[type=text] {
    padding-right: 50px;
    border: 0;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.form-simple input:disabled[type=date],
.form-simple input:disabled[type=email],
.form-simple input:disabled[type=number],
.form-simple input:disabled[type=password],
.form-simple input:disabled[type=tel],
.form-simple input:disabled[type=text] {
    box-shadow: none
}

.form-simple button[type=submit] {
    width: 56px;
    height: 56px;
    right: 0;
    border: 0;
    padding: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: none;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    transition: opacity .2s ease;
    cursor: pointer
}

.form-simple button:hover[type=submit] {
    opacity: .8
}

.form-simple button[type=submit] svg {
    width: 1.5rem;
    height: 1.5rem
}

.field-input,
.input-submit {
    position: relative;
    display: inline-block
}

.field-label,
ff-input .control-label {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 700
}

.field-label-disabled {
    opacity: .5
}

.field-error+.field-error-label,
ff-input .help-block {
    display: block;
    margin-top: 4px;
    padding: 0 16px;
    font-style: italic
}

.field-error+.field-error-label span,
ff-input .help-block span {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 99px
}

.field-error+.field-error-label span svg,
ff-input .help-block span svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: .81rem
}

fieldset {
    margin-bottom: 16px
}

button[type=submit],
input[type=submit],
textarea {
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system
}

textarea {
    padding: 16px;
    border: 2px solid grey;
    border-radius: 4px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    resize: none
}

textarea::-webkit-input-placeholder {
    font-style: italic
}

textarea::placeholder {
    font-style: italic
}

legend {
    margin-bottom: 16px
}

input[type=file] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

input[type=file]+label {
    display: inline-block;
    height: 56px;
    padding: 0 16px;
    border: 2px solid grey;
    border-radius: 4px;
    line-height: 54px
}

input[type=file]+label svg {
    width: 1rem;
    height: 1rem;
    margin-left: 64px;
    vertical-align: middle;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

input:read-only.form-control,
input[readonly=readonly].form-control {
    cursor: not-allowed;
    color: grey
}

.form {
    display: flex;
    flex-wrap: wrap
}

.form-simple button[type=submit] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.eye {
    margin-top: 5px
}

ff-input {
    width: 50%
}

ff-input input {
    width: 100%
}

ff-input input[type=checkbox],
ff-input input[type=radio] {
    width: auto
}

ff-input .checkbox-inline,
ff-input .radio-inline {
    margin-right: 16px
}

ff-text-area textarea {
    width: 100%
}

ff-controller .select-custom,
ff-select-basic .form-group>div:first-of-type,
ff-select-country .form-group>div:first-of-type {
    position: relative
}

ff-controller .select-custom select,
ff-select-basic .form-group>div:first-of-type select,
ff-select-country .form-group>div:first-of-type select {
    display: inline-block;
    width: 100%;
    height: 56px;
    padding: 0 32px 0 16px;
    border: 2px solid;
    border-radius: 4px;
    line-height: 54px;
    vertical-align: top;
    z-index: 1;
    -webkit-appearance: none
}

ff-controller .select-custom select:active,
ff-controller .select-custom select:focus,
ff-select-basic .form-group>div:first-of-type select:active,
ff-select-basic .form-group>div:first-of-type select:focus,
ff-select-country .form-group>div:first-of-type select:active,
ff-select-country .form-group>div:first-of-type select:focus {
    border: 2px solid
}

ff-controller .select-custom:after,
ff-select-basic .form-group>div:first-of-type:after,
ff-select-country .form-group>div:first-of-type:after {
    content: "";
    -webkit-transform: none !important;
    transform: none !important;
    top: 24px !important
}

ff-controller .select-custom {
    height: auto;
    border: 0;
    line-height: 1
}

form .btn-danger,
form button.ng-hide {
    display: none
}

ff-controller .row {
    display: flex;
    flex-flow: row wrap
}

ff-controller .form-group {
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    ff-controller .col-sm-6 {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    ff-controller .col-sm-6 {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    ff-controller .col-sm-6 {
        flex: 1 0 50%;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    ff-controller .col-sm-6+.col-sm-6 {
        flex: 1 0 50%;
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    ff-controller .col-sm-12 {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    ff-controller .col-sm-12 {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    ff-controller .col-sm-12 {
        width: 100%
    }
}

.select-custom {
    width: 100%
}

button[type=button] span.ng-binding {
    background-color: initial
}

ff-controller .btn-file {
    position: relative;
    display: inline-block;
    cursor: pointer
}

ff-controller .btn-file input.form-control {
    color: inherit;
    clip: unset;
    cursor: pointer
}

ff-controller .btn-file span {
    color: inherit
}

ff-date-picker .datepicker-popup-position {
    position: relative
}

ff-date-picker .uib-datepicker {
    position: absolute;
    left: auto;
    right: 0;
    width: auto !important;
    padding-right: 0 !important
}

ff-date-picker .input-group-btn {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

ff-date-picker .input-group-btn>button {
    width: 100%;
    background-color: initial
}

ff-date-picker .input-group-btn .fa-calendar {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1
}

ff-date-picker .ng-valid-date-disabled .uib-button-bar {
    display: none
}

ff-date-picker .ng-valid-date-disabled .uib-datepicker .ng-scope {
    width: auto !important;
    padding-right: 0
}

.ng-scope .left15 {
    margin-left: 0
}

ff-controller ff-date-picker .form-group {
    padding-right: 0
}

.iti {
    width: 100%
}

.tabs-list {
    display: flex;
    flex-flow: row wrap
}

.tabs-list li {
    display: inline-block
}

.tabs-list a,
.tabs-list button,
.tabs-list span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer
}

.tabs-list-primary li:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px
}

.tabs-list-primary li a,
.tabs-list-primary li button,
.tabs-list-primary li span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px;
    border-style: solid;
    border-width: 1px
}

.tabs-list-primary li a:before,
.tabs-list-primary li button:before,
.tabs-list-primary li span:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 1px;
    height: 1px
}

.tabs-list-primary li a:after,
.tabs-list-primary li button:after,
.tabs-list-primary li span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px
}

.tabs-list-secondary {
    width: 100%;
    height: 40px
}

.tabs-list-secondary a,
.tabs-list-secondary button,
.tabs-list-secondary span {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase
}

.tabs-list-revert li+li {
    margin-left: 0
}

.tabs-list-revert a,
.tabs-list-revert button,
.tabs-list-revert span {
    padding: 0 20px
}

.tabs-list-revert a:after,
.tabs-list-revert button:after,
.tabs-list-revert span:after {
    top: 0;
    bottom: auto
}

.tag {
    display: flex;
    align-items: center;
    padding: 0 8px;
    max-width: 100%;
    border: 1px solid;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    font-weight: 600;
    word-wrap: normal;
    text-decoration: none;
    text-overflow: ellipsis
}

.tag .tag-remove {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 9px;
    border-radius: 50%;
    vertical-align: top;
    cursor: pointer;
    flex-shrink: 0
}

.tag .tag-remove>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 8px;
    width: 8px
}

.tag .icon-boutons-link-normal {
    position: relative;
    width: .8rem;
    margin-left: 5px
}

a.tag {
    border-width: 0
}

.header-secondary-language-current:before,
.select-custom:after,
.select-fake:after,
.select-filter-cursor,
ff-controller .select-custom:after,
ff-select-basic .form-group>div:first-of-type:after,
ff-select-country .form-group>div:first-of-type:after {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-custom:after,
.select-filter-cursor,
ff-controller .select-custom:after,
ff-select-basic .form-group>div:first-of-type:after,
ff-select-country .form-group>div:first-of-type:after {
    border-width: 6px 5.5px 0
}

.header-secondary-language-current:before,
.select-fake:after {
    border-width: 4px 3.5px 0
}

.select-custom,
.select-filter {
    position: relative;
    display: inline-block;
    height: 56px;
    border: 2px solid;
    border-radius: 4px;
    line-height: 54px
}

.select-custom select,
.select-filter-selected-box,
.select-filter select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0 32px 0 16px;
    border: 0;
    border-radius: 0;
    vertical-align: top;
    -webkit-appearance: none
}

.select-custom select:focus,
.select-filter-selected-box:focus,
.select-filter select:focus {
    border: 0;
    box-shadow: none
}

select {
    background-color: initial;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

select::-ms-expand {
    display: none
}

.select-custom:after {
    content: ""
}

.form-simple .select-custom select {
    padding: 0 40px 0 32px;
    font-weight: 700
}

.select-borderless {
    height: 26px;
    border: none
}

.select-borderless:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3.5px 0;
    position: absolute;
    top: 7.5px;
    right: unset;
    -webkit-transform: unset;
    transform: unset
}

.select-borderless select {
    position: relative;
    padding: unset;
    border: 0;
    border-radius: 0;
    vertical-align: top;
    -webkit-appearance: none
}

.select-borderless select:focus {
    border: 0;
    box-shadow: none
}

.select-grey {
    background-color: hsla(0, 0%, 91%, .3)
}

.select-fake {
    position: relative;
    padding: 0 35px 0 22px
}

.select-fake:after {
    content: ""
}

.select-filter {
    width: 100%;
    display: inline-block;
    height: auto;
    line-height: 52px
}

.select-filter-selected-box {
    display: flex;
    align-items: center;
    line-height: 20px;
    text-align: left
}

.select-filter-selected-box:before {
    content: attr(title);
    margin-right: 4px
}

.select-filter.filtered .select-filter-selected-list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 6px;
    height: auto;
    padding-block: 16px
}

.select-filter.filtered .select-filter-selected-list .tag {
    z-index: 2
}

.select-filter.filtered .select-filter-selected-list-counter {
    margin-left: 4px
}

.select-filter-selected-box .select-filter-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.select-filter-cursor {
    pointer-events: none
}

.select-filter .select-filter-dropdown {
    display: none;
    flex-direction: column;
    row-gap: 12px;
    position: absolute;
    top: calc(100% - 1px);
    left: -2px;
    width: calc(100% + 4px);
    padding: 16px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #fff;
    z-index: 2
}

.select-filter .select-filter-dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 32px);
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.select-filter.opened .select-filter-dropdown {
    display: flex
}

.select-filter.opened .select-filter-dropdown .select-filter-choice {
    font-weight: 700;
    line-height: 1.5
}

.select-filter.opened .select-filter-dropdown .select-filter-choice-label {
    margin-bottom: 0
}

.select-filter.opened .select-filter-cursor {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.select-filter.filtered .select-filter-selected-box:before {
    display: none
}

.select-filter .select-filter-choice input[type=checkbox] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.select-filter .select-filter-choice input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.select-filter .select-filter-choice input[type=checkbox]+label:after,
.select-filter .select-filter-choice input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.select-filter .select-filter-choice input[type=checkbox]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.select-filter .select-filter-choice input[type=checkbox]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.select-filter .select-filter-choice input[type=checkbox]:checked+label.input-choice:after {
    top: 10px
}

.select-filter .select-filter-choice input[type=checkbox]:disabled+label,
.select-filter .select-filter-choice input[type=checkbox]:disabled+label:after,
.select-filter .select-filter-choice input[type=checkbox]:disabled+label:before {
    cursor: not-allowed
}

.slider-navigation {
    position: relative;
    z-index: 2
}

.slider-navigation ul {
    display: flex;
    justify-content: center;
    padding-left: 0
}

.slider-navigation li {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 99px;
    cursor: pointer
}

.slider-navigation li:after {
    z-index: 1;
    width: 8px;
    height: 8px
}

.slider-navigation li:after,
.slider-navigation li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 99px
}

.slider-navigation li:before {
    z-index: -1;
    width: 24px;
    height: 24px;
    transition: background-color .2s ease
}

.slider-navigation li>button {
    height: 28px;
    width: 28px;
    display: inline-block;
    background-color: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
    border-radius: 50%
}

.slider-next,
.slider-prev {
    border-radius: 99px;
    cursor: pointer;
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .slider-next,
    .slider-prev {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .slider-next,
    .slider-prev {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width:1025px) {
    .slider-next,
    .slider-prev {
        width: 48px;
        height: 48px
    }
}

.slider-next svg,
.slider-prev svg {
    vertical-align: middle
}

.slider-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-link>a,
.menu-link>button,
.menu-link span {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 19px 16px;
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .menu-link>a,
    .menu-link>button,
    .menu-link span {
        padding-left: 16px;
        padding-right: 16px
    }
}

.menu-link>a svg,
.menu-link>button svg,
.menu-link span svg {
    flex-shrink: 0;
    margin-left: 15px;
    margin-top: 5px
}

.menu-link>button {
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    font-weight: 600
}

.menu-link-attach a,
.menu-link-attach button,
.menu-link-attach span {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 19px 16px;
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .menu-link-attach a,
    .menu-link-attach button,
    .menu-link-attach span {
        padding-left: 16px;
        padding-right: 16px
    }
}

.menu-link-attach a svg,
.menu-link-attach button svg,
.menu-link-attach span svg {
    flex-shrink: 0;
    margin-left: 15px;
    margin-top: 5px
}

.menu-link-attach button {
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    font-weight: 600
}

.menu-link-back-button a,
.menu-link-back-button button,
.menu-link-back-button span {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 19px 16px;
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .menu-link-back-button a,
    .menu-link-back-button button,
    .menu-link-back-button span {
        padding-left: 16px;
        padding-right: 16px
    }
}

.menu-link-back-button a svg,
.menu-link-back-button button svg,
.menu-link-back-button span svg {
    flex-shrink: 0;
    margin-left: 15px;
    margin-top: 5px
}

.menu-link-back-button svg {
    margin-right: 15px;
    margin-top: 5px;
    order: -1;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.flag {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .flag {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .flag {
        width: 24px;
        height: 24px
    }
}

@media only screen and (min-width:1025px) {
    .flag {
        width: 15px;
        height: 15px
    }
}

.accordion-item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.accordion-item.opened .accordion-introduction .wrapper svg.icon-arrow {
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg)
}

.accordion-introduction {
    font-size: 20px;
    font-size: 1.25rem;
    display: block;
    width: 100%;
    line-height: 1;
    min-height: 88px;
    text-align: start;
    cursor: pointer
}

.accordion-introduction .wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.accordion-introduction .wrapper svg.icon-arrow {
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: 2rem;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .accordion-introduction .wrapper svg.icon-arrow {
        right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .accordion-introduction .wrapper svg.icon-arrow {
        right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .accordion-introduction .wrapper svg.icon-arrow {
        right: 32px
    }
}

.accordion-introduction .wrapper svg.icon-locked {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.5rem;
    margin-right: 8px;
    vertical-align: top
}

.content-text table {
    display: inline-block;
    width: auto;
    padding-top: 40px;
    text-align: start;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-text table td,
    .content-text table th {
        padding: 10px 10px 11px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-text table td,
    .content-text table th {
        padding: 10px 10px 11px
    }
}

@media only screen and (min-width:1025px) {
    .content-text table td,
    .content-text table th {
        padding: 16px 16px 17px
    }
}

.content-text table td {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.content-text table td p {
    margin-bottom: 0
}

.content-text table td strong {
    font-weight: 700
}

.content-text table td a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.content-text table * {
    word-break: keep-all
}

.table-overflow {
    position: relative;
    max-width: 100%;
    overflow-x: auto
}

.table-overflow:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.table-overflow .table-wrapper {
    overflow-x: auto
}

.autocomplete input[type=text] {
    position: relative;
    padding-left: 24px;
    z-index: 3
}

body.overflow-hidden .autocomplete input[type=text] {
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .autocomplete input[type=text] {
        width: 100%
    }
}

.autocomplete button {
    z-index: 3
}

body.overflow-hidden .autocomplete button {
    z-index: 1
}

body.overflow-hidden .autocomplete .autocomplete-container {
    z-index: 1 !important
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .autocomplete .form-simple {
        width: 100%
    }
}

.autocomplete-list {
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .25);
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .autocomplete-list {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .autocomplete-list {
        width: calc(100% - 56px)
    }
}

@media only screen and (min-width:1025px) {
    .autocomplete-list {
        width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .autocomplete-list {
        width: calc(100% - 56px)
    }
}

.autocomplete-list .autocomplete-empty {
    padding: 14px 14px 14px 24px
}

.autocomplete-list ul {
    padding-top: 10px
}

.autocomplete-item .tag {
    flex: 0 0 auto;
    text-decoration: none
}

.autocomplete-list a {
    font-weight: 600;
    text-decoration: none
}

.autocomplete-list a:hover span {
    text-decoration: none
}

.autocomplete-list .empty .autocomplete-list-link {
    display: none
}

.autocomplete-item {
    display: flex;
    position: relative;
    align-items: flex-start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .autocomplete-item {
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 14px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .autocomplete-item {
        justify-content: space-between;
        padding: 14px 14px 14px 24px
    }
}

@media only screen and (min-width:1025px) {
    .autocomplete-item {
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 14px 14px 14px 24px
    }
}

.autocomplete-item a {
    margin-top: 0
}

.autocomplete-item svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 5px;
    vertical-align: bottom
}

.autocomplete-text {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    width: 100%
}

.autocomplete-text span {
    white-space: normal
}

.autocomplete-item .tag {
    display: inline-block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .autocomplete-item .tag {
        position: relative;
        top: 5px;
        margin-left: 30px
    }
}

@media only screen and (min-width:1025px) {
    .autocomplete-item .tag {
        position: relative;
        top: 5px;
        margin-left: 30px
    }
}

@media only screen and (min-width:1440px) {
    .autocomplete-item .tag {
        margin-left: 0
    }
}

.autocomplete-list-link {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid
}

.autocomplete-list-link a {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase
}

.autocomplete-backdrop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.autocomplete-backdrop.opened {
    display: block
}

.autocomplete-result.opened {
    position: relative
}

.autocomplete .autocomplete-container .autocomplete-result,
.autocomplete .autocomplete-container .autocomplete-result+.autocomplete-backdrop {
    display: none
}

.autocomplete .autocomplete-container .autocomplete-result+.autocomplete-backdrop,
.autocomplete .autocomplete-container .autocomplete-result.opened {
    display: block
}

.autocomplete-container a.link-overlay:after {
    display: none !important
}

.date {
    display: flex;
    flex-direction: column;
    max-width: 73px;
    text-align: center;
    margin-right: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .date {
        width: 25%
    }
}

.date .date-month {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700
}

.date .date-day {
    font-size: 24px;
    font-size: 1.5rem
}

.date .date-day,
.date .date-year {
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px
}

.date .date-year {
    font-size: 12px;
    font-size: .75rem
}

.pagination {
    width: 100%;
    padding-block: 16px;
    text-align: center
}

.pagination .pagination-prev svg {
    position: relative;
    top: 2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination .pagination-next {
    position: relative
}

.pagination .pagination-next svg {
    position: relative;
    top: 3px
}

.pagination li {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: top
}

.pagination li:last-of-type {
    margin-right: 0
}

.pagination a,
.pagination button {
    display: inline-block;
    width: 100%;
    height: 24px;
    padding-left: 2px;
    padding-right: 2px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer
}

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

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow-y: auto;
    max-height: calc(100% - 144px);
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .modal-content {
        width: 92%;
        padding: 80px 24px 60px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .modal-content {
        width: 60%;
        padding: 100px 24px 95px
    }
}

@media only screen and (min-width:1025px) {
    .modal-content {
        width: calc(50% - 72px);
        padding: 100px 24px 95px
    }
}

@media only screen and (min-width:1440px) {
    .modal-content {
        width: 648px
    }
}

@media only screen and (min-width:1025px) {
    .modal.modal-small .modal-content {
        width: calc(41.66667% - 60px);
        padding: 100px 24px 95px
    }
}

@media only screen and (min-width:1440px) {
    .modal.modal-small .modal-content {
        width: 540px
    }
}

@media only screen and (min-width:1025px) {
    .modal.modal-medium .modal-content {
        width: calc(66.66667% - 96px);
        padding: 24px
    }
}

@media only screen and (min-width:1440px) {
    .modal.modal-medium .modal-content {
        width: 864px
    }
}

.modal.modal-large .modal-content {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1025px) {
    .modal.modal-large .modal-content {
        width: calc(83.33333% - 120px);
        padding: 24px
    }
}

@media only screen and (min-width:1440px) {
    .modal.modal-large .modal-content {
        width: 1080px
    }
}

@media only screen and (min-width:1025px) {
    .modal-content.modal-content-small .modal-wrapper {
        width: 80%
    }
}

.modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 1
}

.modal-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1.5rem;
    height: 1.5rem
}

.modal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.modal-text {
    text-align: center
}

.modal-text .icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 5px
}

.modal-centered {
    text-align: center
}

.modal-form .field-input {
    width: 100%;
    margin-bottom: 16px
}

.modal-form .field-input input,
.modal-form .field-input textarea {
    width: 100%
}

.modal-subtitle {
    margin-bottom: 32px;
    font-style: italic
}

.form-button,
.modal-subtitle {
    text-align: center
}

.modal.opened {
    display: block;
    visibility: initial
}

.flag_afghanistan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_001-AFG--Afghanistan.png)
}

.flag_aland_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_002-ALA--Aland_Islands.png)
}

.flag_albania {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_003-ALB--Albania.png)
}

.flag_algeria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_004-DZA--Algeria.png)
}

.flag_american_samoa {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_005-ASM--American_Samoa.png)
}

.flag_andorra {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_006-AND--Andorra.png)
}

.flag_angola {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_007-AGO--Angola.png)
}

.flag_anguilla {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_008-AIA--Anguilla.png)
}

.flag_antarctica {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_009-ATA--Antarctica.png)
}

.flag_antigua_and_barbuda {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_010-ATG--Antigua_and_Barbuda.png)
}

.flag_argentina {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_011-ARG--Argentina.png)
}

.flag_armenia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_012-ARM--Armenia.png)
}

.flag_aruba {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_013-ABW--Aruba.png)
}

.flag_australia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_014-AUS--Australia.png)
}

.flag_austria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_015-AUT--Austria.png)
}

.flag_azerbaijan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_016-AZE--Azerbaijan.png)
}

.flag_bahamas {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_017-BHS--Bahamas.png)
}

.flag_bahrain {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_018-BHR--Bahrain.png)
}

.flag_bangladesh {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_019-BGD--Bangladesh.png)
}

.flag_barbados {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_020-BRB--Barbados.png)
}

.flag_belarus {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_021-BLR--Belarus.png)
}

.flag_belgium {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_022-BEL--Belgium.png)
}

.flag_belize {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_023-BLZ--Belize.png)
}

.flag_benin {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_024-BEN--Benin.png)
}

.flag_bermuda {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_025-BMU--Bermuda.png)
}

.flag_bhutan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_026-BTN--Bhutan.png)
}

.flag_bolivia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_027-BOL--Bolivia.png)
}

.flag_bosnia_and_herzegovina {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_028-BIH--Bosnia_and_Herzegovina.png)
}

.flag_botswana {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_029-BWA--Botswana.png)
}

.flag_bouvet_island {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_030-BVT--Bouvet_Island.png)
}

.flag_brazil {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_031-BRA--Brazil.png)
}

.flag_british_virgin_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_032-VGB--British_Virgin_Islands.png)
}

.flag_british_indian_ocean_territory {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_033-IOT--British_Indian_Ocean_Territory.png)
}

.flag_brunei_darussalam {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_034-BRN--Brunei_Darussalam.png)
}

.flag_bulgaria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_035-BGR--Bulgaria.png)
}

.flag_burkina_faso {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_036-BFA--Burkina_Faso.png)
}

.flag_burundi {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_037-BDI--Burundi.png)
}

.flag_cambodia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_038-KHM--Cambodia.png)
}

.flag_cameroon {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_039-CMR--Cameroon.png)
}

.flag_canada {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_040-CAN--Canada.png)
}

.flag_cape_verde {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_041-CPV--Cape_Verde.png)
}

.flag_caribbean_netherlands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_042-BES--Caribbean_Netherlands.png)
}

.flag_cayman_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_043-CYM--Cayman_Islands.png)
}

.flag_central_african_republic {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_044-CAF--Central_African_Republic.png)
}

.flag_chad {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_045-TCD--Chad.png)
}

.flag_chile {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_046-CHL--Chile.png)
}

.flag_china {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_047-CHN--China.png)
}

.flag_christmas_island {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_048-CXR--Christmas_Island.png)
}

.flag_cocos_keeling_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_049-CCK--Cocos_Keeling_Islands.png)
}

.flag_colombia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_050-COL--Colombia.png)
}

.flag_comoros {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_051-COM--Comoros.png)
}

.flag_congo_brazzaville {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_052-COG--Congo_Brazzaville.png)
}

.flag_congo_kinshasa {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_053-COD--Congo_Kinshasa.png)
}

.flag_cook_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_054-COK--Cook_Islands.png)
}

.flag_costa_rica {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_055-CRI--Costa_Rica.png)
}

.flag_cote_d_ivoire {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_056-CIV--Cote_d_Ivoire.png)
}

.flag_croatia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_057-HRV--Croatia.png)
}

.flag_cuba {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_058-CUB--Cuba.png)
}

.flag_curacao {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_059-CUW--Curacao.png)
}

.flag_cyprus {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_060-CYP--Cyprus.png)
}

.flag_czechia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_061-CZE--Czechia.png)
}

.flag_denmark {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_062-DNK--Denmark.png)
}

.flag_djibouti {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_063-DJI--Djibouti.png)
}

.flag_dominica {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_064-DMA--Dominica.png)
}

.flag_dominican_republic {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_065-DOM--Dominican_Republic.png)
}

.flag_ecuador {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_066-ECU--Ecuador.png)
}

.flag_egypt {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_067-EGY--Egypt.png)
}

.flag_el_salvador {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_068-SLV--El_Salvador.png)
}

.flag_england {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_069-GB-ENG--England.png)
}

.flag_equatorial_guinea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_070-GNQ--Equatorial_Guinea.png)
}

.flag_eritrea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_071-ERI--Eritrea.png)
}

.flag_estonia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_072-EST--Estonia.png)
}

.flag_ethiopia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_073-ETH--Ethiopia.png)
}

.flag_falkland_islands_malvinas {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_074-FLK--Falkland_Islands_Malvinas.png)
}

.flag_faroe_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_075-FRO--Faroe_Islands.png)
}

.flag_fiji {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_076-FJI--Fiji.png)
}

.flag_finland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_077-FIN--Finland.png)
}

.flag_france {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_078-FRA--France.png)
}

.flag_french_guiana {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_079-GUF--French_Guiana.png)
}

.flag_french_polynesia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_080-PYF--French_Polynesia.png)
}

.flag_french_southern_territories {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_081-ATF--French_Southern_Territories.png)
}

.flag_gabon {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_082-GAB--Gabon.png)
}

.flag_gambia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_083-GMB--Gambia.png)
}

.flag_georgia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_084-GEO--Georgia.png)
}

.flag_germany {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_085-DEU--Germany.png)
}

.flag_ghana {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_086-GHA--Ghana.png)
}

.flag_gibraltar {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_087-GIB--Gibraltar.png)
}

.flag_greece {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_088-GRC--Greece.png)
}

.flag_greenland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_089-GRL--Greenland.png)
}

.flag_grenada {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_090-GRD--Grenada.png)
}

.flag_guam {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_091-GUM--Guam.png)
}

.flag_guatemala {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_092-GTM--Guatemala.png)
}

.flag_guernsey {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_093-GGY--Guernsey.png)
}

.flag_guinea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_094-GIN--Guinea.png)
}

.flag_guinea_bissau {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_095-GNB--Guinea_Bissau.png)
}

.flag_guyana {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_096-GUY--Guyana.png)
}

.flag_haiti {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_097-HTI--Haiti.png)
}

.flag_heard_and_mcdonald_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_098-HMD--Heard_and_Mcdonald_Islands.png)
}

.flag_holy_see_vatican_city_state {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_099-VAT--Holy_See_Vatican_City_State.png)
}

.flag_honduras {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_100-HND--Honduras.png)
}

.flag_hong_kong_sar_china {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_101-HKG--Hong_Kong_SAR_China.png)
}

.flag_hungary {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_102-HUN--Hungary.png)
}

.flag_iceland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_103-ISL--Iceland.png)
}

.flag_india {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_104-IND--India.png)
}

.flag_indonesia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_105-IDN--Indonesia.png)
}

.flag_iran_islamic_republic_of {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_106-IRN--Iran_Islamic_Republic_of.png)
}

.flag_iraq {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_107-IRQ--Iraq.png)
}

.flag_ireland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_108-IRL--Ireland.png)
}

.flag_isle_of_man {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_109-IMN--Isle_of_Man.png)
}

.flag_israel {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_110-ISR--Israel.png)
}

.flag_italy {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_111-ITA--Italy.png)
}

.flag_jamaica {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_112-JAM--Jamaica.png)
}

.flag_japan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_113-JPN--Japan.png)
}

.flag_jersey {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_114-JEY--Jersey.png)
}

.flag_jordan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_115-JOR--Jordan.png)
}

.flag_kazakhstan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_116-KAZ--Kazakhstan.png)
}

.flag_kenya {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_117-KEN--Kenya.png)
}

.flag_kiribati {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_118-KIR--Kiribati.png)
}

.flag_north_korea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_119-PRK--North_Korea.png)
}

.flag_south_korea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_120-KOR--South_Korea.png)
}

.flag_kosovo {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_121-XKX--Kosovo.png)
}

.flag_kuwait {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_122-KWT--Kuwait.png)
}

.flag_kyrgyzstan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_123-KGZ--Kyrgyzstan.png)
}

.flag_laos_pdr {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_124-LAO--Laos_PDR.png)
}

.flag_latvia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_125-LVA--Latvia.png)
}

.flag_lebanon {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_126-LBN--Lebanon.png)
}

.flag_lesotho {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_127-LSO--Lesotho.png)
}

.flag_liberia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_128-LBR--Liberia.png)
}

.flag_libya {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_129-LBY--Libya.png)
}

.flag_liechtenstein {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_130-LIE--Liechtenstein.png)
}

.flag_lithuania {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_131-LTU--Lithuania.png)
}

.flag_luxembourg {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_132-LUX--Luxembourg.png)
}

.flag_macao_sar_china {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_133-MAC--Macao_SAR_China.png)
}

.flag_macedonia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_134-MKD--Macedonia.png)
}

.flag_madagascar {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_135-MDG--Madagascar.png)
}

.flag_malawi {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_136-MWI--Malawi.png)
}

.flag_malaysia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_137-MYS--Malaysia.png)
}

.flag_maldives {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_138-MDV--Maldives.png)
}

.flag_mali {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_139-MLI--Mali.png)
}

.flag_malta {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_140-MLT--Malta.png)
}

.flag_marshall_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_141-MHL--Marshall_Islands.png)
}

.flag_martinique {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_142-MTQ--Martinique.png)
}

.flag_mauritania {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_143-MRT--Mauritania.png)
}

.flag_mauritius {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_144-MUS--Mauritius.png)
}

.flag_mayotte {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_145-MYT--Mayotte.png)
}

.flag_mexico {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_146-MEX--Mexico.png)
}

.flag_micronesia_federated_states_of {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_147-FSM--Micronesia_Federated_States_of.png)
}

.flag_moldova {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_148-MDA--Moldova.png)
}

.flag_monaco {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_149-MCO--Monaco.png)
}

.flag_mongolia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_150-MNG--Mongolia.png)
}

.flag_montenegro {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_151-MNE--Montenegro.png)
}

.flag_montserrat {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_152-MSR--Montserrat.png)
}

.flag_morocco {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_153-MAR--Morocco.png)
}

.flag_mozambique {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_154-MOZ--Mozambique.png)
}

.flag_myanmar {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_155-MMR--Myanmar.png)
}

.flag_namibia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_156-NAM--Namibia.png)
}

.flag_nauru {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_157-NRU--Nauru.png)
}

.flag_nepal {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_158-NPL--Nepal.png)
}

.flag_netherlands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_159-NLD--Netherlands.png)
}

.flag_netherlands_antilles {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_160-ANT--Netherlands_Antilles.png)
}

.flag_new_caledonia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_161-NCL--New_Caledonia.png)
}

.flag_new_zealand {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_162-NZL--New_Zealand.png)
}

.flag_nicaragua {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_163-NIC--Nicaragua.png)
}

.flag_niger {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_164-NER--Niger.png)
}

.flag_nigeria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_165-NGA--Nigeria.png)
}

.flag_niue {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_166-NIU--Niue.png)
}

.flag_norfolk_island {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_167-NFK--Norfolk_Island.png)
}

.flag_northern_mariana_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_168-MNP--Northern_Mariana_Islands.png)
}

.flag_northern_ireland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_169-GB-NIR--Northern_Ireland.png)
}

.flag_norway {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_170-NOR--Norway.png)
}

.flag_oman {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_171-OMN--Oman.png)
}

.flag_pakistan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_172-PAK--Pakistan.png)
}

.flag_palau {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_173-PLW--Palau.png)
}

.flag_palestinian_territory {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_174-PSE--Palestinian_Territory.png)
}

.flag_panama {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_175-PAN--Panama.png)
}

.flag_papua_new_guinea {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_176-PNG--Papua_New_Guinea.png)
}

.flag_paraguay {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_177-PRY--Paraguay.png)
}

.flag_peru {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_178-PER--Peru.png)
}

.flag_philippines {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_179-PHL--Philippines.png)
}

.flag_pitcairn_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_180-PCN--Pitcairn_Islands.png)
}

.flag_poland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_181-POL--Poland.png)
}

.flag_portugal {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_182-PRT--Portugal.png)
}

.flag_puerto_rico {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_183-PRI--Puerto_Rico.png)
}

.flag_qatar {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_184-QAT--Qatar.png)
}

.flag_reunion {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_185-REU--Reunion.png)
}

.flag_romania {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_186-ROU--Romania.png)
}

.flag_russia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_187-RUS--Russia.png)
}

.flag_rwanda {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_188-RWA--Rwanda.png)
}

.flag_saint_barthelemy {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_189-BLM--Saint_Barthelemy.png)
}

.flag_saint_helena {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_190-SHN--Saint_Helena.png)
}

.flag_saint_kitts_and_nevis {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_191-KNA--Saint_Kitts_and_Nevis.png)
}

.flag_saint_lucia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_192-LCA--Saint_Lucia.png)
}

.flag_saint_martin {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_193-MAF--Saint_Martin.png)
}

.flag_saint_pierre_and_miquelon {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_194-SPM--Saint_Pierre_and_Miquelon.png)
}

.flag_saint_vincent_and_grenadines {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_195-VCT--Saint_Vincent_and_Grenadines.png)
}

.flag_samoa {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_196-WSM--Samoa.png)
}

.flag_san_marino {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_197-SMR--San_Marino.png)
}

.flag_sao_tome_and_principe {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_198-STP--Sao_Tome_and_Principe.png)
}

.flag_saudi_arabia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_199-SAU--Saudi_Arabia.png)
}

.flag_scotland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_200-GB-SCT--Scotland.png)
}

.flag_senegal {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_201-SEN--Senegal.png)
}

.flag_serbia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_202-SRB--Serbia.png)
}

.flag_seychelles {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_203-SYC--Seychelles.png)
}

.flag_sierra_leone {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_204-SLE--Sierra_Leone.png)
}

.flag_singapore {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_205-SGP--Singapore.png)
}

.flag_sint_maarten {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_206-SXM--Sint_Maarten.png)
}

.flag_slovakia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_207-SVK--Slovakia.png)
}

.flag_slovenia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_208-SVN--Slovenia.png)
}

.flag_solomon_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_209-SLB--Solomon_Islands.png)
}

.flag_somalia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_210-SOM--Somalia.png)
}

.flag_south_africa {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_211-ZAF--South_Africa.png)
}

.flag_south_georgia_and_the_south_sandwich_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_212-SGS--South_Georgia_and_the_South_Sandwich_Islands.png)
}

.flag_south_sudan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_213-SSD--South_Sudan.png)
}

.flag_spain {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_214-ESP--Spain.png)
}

.flag_sri_lanka {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_215-LKA--Sri_Lanka.png)
}

.flag_sudan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_216-SDN--Sudan.png)
}

.flag_suriname {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_217-SUR--Suriname.png)
}

.flag_svalbard_and_jan_mayen_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_218-SJM--Svalbard_and_Jan_Mayen_Islands.png)
}

.flag_swaziland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_219-SWZ--Swaziland.png)
}

.flag_sweden {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_220-SWE--Sweden.png)
}

.flag_switzerland {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_221-CHE--Switzerland.png)
}

.flag_syrian_arab_republic_syria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_222-SYR--Syrian_Arab_Republic_Syria.png)
}

.flag_taiwan_republic_of_china {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_223-TWN--Taiwan_Republic_of_China.png)
}

.flag_tajikistan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_224-TJK--Tajikistan.png)
}

.flag_tanzania_united_republic_of {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_225-TZA--Tanzania_United_Republic_of.png)
}

.flag_thailand {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_226-THA--Thailand.png)
}

.flag_leste {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_227-TLS--Timor-Leste.png)
}

.flag_togo {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_228-TGO--Togo.png)
}

.flag_tokelau {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_229-TKL--Tokelau.png)
}

.flag_tonga {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_230-TON--Tonga.png)
}

.flag_trinidad_and_tobago {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_231-TTO--Trinidad_and_Tobago.png)
}

.flag_tunisia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_232-TUN--Tunisia.png)
}

.flag_turkey {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_233-TUR--Turkey.png)
}

.flag_turkmenistan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_234-TKM--Turkmenistan.png)
}

.flag_turks_and_caicos_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_235-TCA--Turks_and_Caicos_Islands.png)
}

.flag_tuvalu {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_236-TUV--Tuvalu.png)
}

.flag_uganda {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_237-UGA--Uganda.png)
}

.flag_ukraine {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_238-UKR--Ukraine.png)
}

.flag_united_arab_emirates {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_239-ARE--United_Arab_Emirates.png)
}

.flag_united_kingdom {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_240-GBR--United_Kingdom.png)
}

.flag_united_states {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_241-USA--United_States.png)
}

.flag_united_states_minor_outlying_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_242-UMI--United_States_Minor_Outlying_Islands.png)
}

.flag_uruguay {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_243-URY--Uruguay.png)
}

.flag_uzbekistan {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_244-UZB--Uzbekistan.png)
}

.flag_vanuatu {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_245-VUT--Vanuatu.png)
}

.flag_venezuela_bolivarian_republic {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_246-VEN--Venezuela_Bolivarian_Republic.png)
}

.flag_viet_nam {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_247-VNM--Viet_Nam.png)
}

.flag_virgin_islands_us {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_248-VIR--Virgin_Islands_US.png)
}

.flag_wales {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_249-GB-WLS--Wales.png)
}

.flag_wallis_and_futuna_islands {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_250-WLF--Wallis_and_Futuna_Islands.png)
}

.flag_western_sahara_sahrawi_arab {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_251-ESH--Western_Sahara_Sahrawi_Arab.png)
}

.flag_yemen {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_252-YEM--Yemen.png)
}

.flag_zambia {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_253-ZMB--Zambia.png)
}

.flag_zimbabwe {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_254-ZWE--Zimbabwe.png)
}

.flag_northern_cyprus {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_255---Northern_Cyprus.png)
}

.flag_transnistria {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_256---Transnistria.png)
}

.flag_europe_union {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_257---Europe_Union.png)
}

.flag_united_nation {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_258---United_Nation.png)
}

.flag_world {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_259---World.png)
}

.flag_asean {
    background-image: url(../modules/proxima-main/css/../images/flags/world-flag_260---ASEAN.png)
}

.loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid;
    border-radius: 50%;
    -webkit-animation: rotate360deg 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: rotate360deg 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.loader div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.loader div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.loader div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

.loader-wrapper {
    width: 100%;
    text-align: center
}

.container-loader-tube {
    position: relative;
    width: 50px;
    height: 200px;
    display: inline-block
}

.loader-tube {
    bottom: 0;
    height: 100%;
    border: 4px solid #fff;
    border-top: unset;
    z-index: 1
}

.loader-liquid,
.loader-tube {
    position: absolute;
    width: 100%
}

.loader-liquid {
    bottom: 2px;
    left: 50%;
    height: 80%;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.loader-bubble {
    position: absolute;
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg)
}

.loader-bubble:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.loader-bubble-1 {
    width: 40%;
    height: 10%
}

.loader-bubble-2 {
    width: 24%;
    height: 6%
}

.loader-bubble-3 {
    width: 30%;
    height: 7.5%
}

.loader-bubble-4,
.loader-bubble-5 {
    width: 10%;
    height: 2.5%
}

.loader-liquid {
    -webkit-animation: animation-liquid 3s ease infinite alternate;
    animation: animation-liquid 3s ease infinite alternate
}

.loader-bubble-1 {
    -webkit-animation: animation-bubble-1 2s cubic-bezier(.4, .32, .74, .8) infinite;
    animation: animation-bubble-1 2s cubic-bezier(.4, .32, .74, .8) infinite
}

.loader-bubble-2 {
    -webkit-animation: animation-bubble-2 3s cubic-bezier(.4, .32, .74, .8) infinite;
    animation: animation-bubble-2 3s cubic-bezier(.4, .32, .74, .8) infinite
}

.loader-bubble-3 {
    -webkit-animation: animation-bubble-3 4s cubic-bezier(.4, .32, .74, .8) infinite;
    animation: animation-bubble-3 4s cubic-bezier(.4, .32, .74, .8) infinite
}

.loader-bubble-4 {
    left: 50%;
    bottom: 12.5%;
    opacity: 0;
    -webkit-animation: animation-bubble-4 2s cubic-bezier(.4, .32, .74, .8) 1s infinite;
    animation: animation-bubble-4 2s cubic-bezier(.4, .32, .74, .8) 1s infinite
}

.loader-bubble-5 {
    left: 17.5%;
    bottom: 12.5%;
    opacity: 0;
    -webkit-animation: animation-bubble-5 1.8s cubic-bezier(.4, .32, .74, .8) .5s infinite;
    animation: animation-bubble-5 1.8s cubic-bezier(.4, .32, .74, .8) .5s infinite
}

.loader-bubble-1:before,
.loader-bubble-2:before,
.loader-bubble-5:before {
    -webkit-animation: animation-sway-hard .7s cubic-bezier(.48, .25, .54, .84) infinite;
    animation: animation-sway-hard .7s cubic-bezier(.48, .25, .54, .84) infinite
}

.loader-bubble-3:before,
.loader-bubble-4:before {
    -webkit-animation: animation-sway-soft .7s cubic-bezier(.48, .25, .54, .84) infinite;
    animation: animation-sway-soft .7s cubic-bezier(.48, .25, .54, .84) infinite
}

@-webkit-keyframes animation-liquid {
    0% {
        height: 30%
    }
    to {
        height: 80%
    }
}

@keyframes animation-liquid {
    0% {
        height: 30%
    }
    to {
        height: 80%
    }
}

@-webkit-keyframes animation-sway-hard {
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes animation-sway-hard {
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes animation-sway-soft {
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes animation-sway-soft {
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes animation-bubble-1 {
    0% {
        opacity: 0;
        left: 12%;
        bottom: 7.5%
    }
    10% {
        bottom: 7.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 10%;
        bottom: 80%
    }
}

@keyframes animation-bubble-1 {
    0% {
        opacity: 0;
        left: 12%;
        bottom: 7.5%
    }
    10% {
        bottom: 7.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 10%;
        bottom: 80%
    }
}

@-webkit-keyframes animation-bubble-2 {
    0% {
        opacity: 0;
        left: 50%;
        bottom: 10%
    }
    10% {
        bottom: 10%
    }
    30% {
        opacity: 1
    }
    to {
        left: 50%;
        bottom: 75%
    }
}

@keyframes animation-bubble-2 {
    0% {
        opacity: 0;
        left: 50%;
        bottom: 10%
    }
    10% {
        bottom: 10%
    }
    30% {
        opacity: 1
    }
    to {
        left: 50%;
        bottom: 75%
    }
}

@-webkit-keyframes animation-bubble-3 {
    0% {
        opacity: 0;
        left: 60%;
        bottom: 20%
    }
    30% {
        opacity: 0;
        bottom: 20%
    }
    60% {
        opacity: 1
    }
    to {
        left: 60%;
        bottom: 100%
    }
}

@keyframes animation-bubble-3 {
    0% {
        opacity: 0;
        left: 60%;
        bottom: 20%
    }
    30% {
        opacity: 0;
        bottom: 20%
    }
    60% {
        opacity: 1
    }
    to {
        left: 60%;
        bottom: 100%
    }
}

@-webkit-keyframes animation-bubble-4 {
    0% {
        opacity: 0;
        left: 50%;
        bottom: 12.5%
    }
    10% {
        bottom: 12.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 50%;
        bottom: 100%
    }
}

@keyframes animation-bubble-4 {
    0% {
        opacity: 0;
        left: 50%;
        bottom: 12.5%
    }
    10% {
        bottom: 12.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 50%;
        bottom: 100%
    }
}

@-webkit-keyframes animation-bubble-5 {
    0% {
        opacity: 0;
        left: 70%;
        bottom: 12.5%
    }
    10% {
        bottom: 12.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 70%;
        bottom: 100%
    }
}

@keyframes animation-bubble-5 {
    0% {
        opacity: 0;
        left: 70%;
        bottom: 12.5%
    }
    10% {
        bottom: 12.5%
    }
    30% {
        opacity: 1
    }
    to {
        left: 70%;
        bottom: 100%
    }
}

.bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-right: 8px;
    border: 1px solid;
    border-radius: 8px
}

.bullet-point {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    line-height: 16px;
    font-weight: 700;
    text-align: center
}

.bullet-point,
.uib-daypicker {
    font-size: 12px;
    font-size: .75rem
}

.uib-daypicker {
    position: relative;
    z-index: 2;
    line-height: 1
}

.uib-daypicker th {
    text-align: center;
    vertical-align: middle
}

.uib-daypicker button {
    padding: 5px 10px;
    background: transparent
}

.uib-daypicker button span {
    font-weight: 400
}

.uib-daypicker .h6 em,
.uib-daypicker th small {
    padding: 5px 10px;
    font-weight: 600
}

.uib-daypicker .uib-left,
.uib-daypicker .uib-right {
    position: relative;
    width: 24px;
    height: 24px
}

.uib-daypicker .uib-left:after,
.uib-daypicker .uib-left:before,
.uib-daypicker .uib-right:after,
.uib-daypicker .uib-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px
}

.uib-daypicker .uib-left:before {
    -webkit-transform: translate(-50%, calc(-50% + 3px)) rotate(45deg);
    transform: translate(-50%, calc(-50% + 3px)) rotate(45deg)
}

.uib-daypicker .uib-left:after {
    -webkit-transform: translate(-50%, calc(-50% - 3px)) rotate(-45deg);
    transform: translate(-50%, calc(-50% - 3px)) rotate(-45deg)
}

.uib-daypicker .uib-right:before {
    -webkit-transform: translate(-50%, calc(-50% - 3px)) rotate(45deg);
    transform: translate(-50%, calc(-50% - 3px)) rotate(45deg)
}

.uib-daypicker .uib-right:after {
    -webkit-transform: translate(-50%, calc(-50% + 3px)) rotate(-45deg);
    transform: translate(-50%, calc(-50% + 3px)) rotate(-45deg)
}

.sign-scroll {
    width: 144px;
    height: 91px;
    padding: 16px;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    opacity: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    transition: opacity .2s ease;
    z-index: 3
}

.sign-scroll svg {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sign-scroll.showed {
    opacity: .9
}

.skip-link {
    display: block;
    background-color: #188d6d;
    height: 0;
    padding: 0;
    width: 100%
}

.skip-link.show {
    height: 35px
}

.skip-link>a,
.skip-link>button {
    display: inline-block;
    color: #fff;
    padding: 5px 10px
}

.skip-link>button {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.counter {
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 99px;
    text-align: center;
    font-size: 10px;
    font-size: .625rem;
    line-height: 14px
}

.prox-atm-tagRounded {
    padding: 8px;
    border: 1px solid;
    border-radius: 100px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    font-weight: 600;
    text-align: center
}

input[type=checkbox].prox-atm-toggleButton {
    flex-shrink: 0;
    position: relative;
    top: 0;
    width: 44px;
    height: 24px;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    border-radius: 20px;
    transition: .7s
}

input[type=checkbox].prox-atm-toggleButton:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s
}

input:checked[type=checkbox].prox-atm-toggleButton:before {
    left: calc(100% - 24px)
}

.header-primary-logo a {
    display: inline-block;
    margin-right: 1.1rem
}

.header-primary-logo img {
    display: block;
    height: auto;
    max-width: 180px;
    max-height: 76px
}

.header-primary-logo .logo-country {
    font-style: italic;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        height: 100%
    }
    .header-primary-navigation .header-navigation-list .header-navigation-item {
        display: inline-block
    }
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
        text-decoration: none;
        transition: background-color .25s ease, color .25s ease;
        cursor: pointer;
        position: relative;
        display: inline-block;
        padding: 0;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }
    .header-primary-navigation .header-navigation-list .header-navigation-button.selected,
    .header-primary-navigation .header-navigation-list .header-navigation-link.selected {
        font-weight: 600
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list .header-navigation-item {
        height: 100%;
        margin-left: 10px;
        margin-right: 10px
    }
}

.header-primary-navigation .header-navigation-list .header-navigation-button,
.header-primary-navigation .header-navigation-list .header-navigation-link {
    cursor: pointer;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    word-break: normal
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer;
        font-weight: 600;
        text-align: start
    }
}

@media only screen and (min-width:320px) and (max-width:767px) and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button svg,
    .header-primary-navigation .header-navigation-list .header-navigation-link svg {
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer;
        font-weight: 600;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button svg,
    .header-primary-navigation .header-navigation-list .header-navigation-link svg {
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button,
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        height: 100%;
        width: 100%;
        vertical-align: top;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }
}

.header-primary-navigation .header-navigation-list .header-navigation-link {
    display: flex;
    flex-direction: row
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        justify-content: space-between
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        justify-content: space-between
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list .header-navigation-link {
        align-items: center;
        text-align: center;
        justify-content: center
    }
}

.header-primary-navigation .header-navigation-list .header-navigation-button:after,
.header-primary-navigation .header-navigation-list .header-navigation-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left
}

@media only screen and (max-width:1024px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button.opened:after,
    .header-primary-navigation .header-navigation-list .header-navigation-button.selected:after,
    .header-primary-navigation .header-navigation-list .header-navigation-button:hover:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link.opened:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link.selected:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link:hover:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button.opened:after,
    .header-primary-navigation .header-navigation-list .header-navigation-button.selected:after,
    .header-primary-navigation .header-navigation-list .header-navigation-button:hover:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link.opened:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link.selected:after,
    .header-primary-navigation .header-navigation-list .header-navigation-link:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-list .header-navigation-button>svg,
    .header-primary-navigation .header-navigation-list .header-navigation-link>svg {
        display: none
    }
}

.header-megamenu {
    display: flex
}

.header-megamenu,
.header-megamenu .header-column-primary {
    position: relative
}

.header-megamenu a {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-megamenu {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-megamenu {
        flex-direction: column
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu {
        flex-direction: row
    }
}

.header-megamenu .button-close {
    background: transparent
}

@media only screen and (min-width:1025px) {
    .header-megamenu .header-secondary-return-link {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-megamenu .header-secondary-return-icon {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-megamenu .header-secondary-return-icon {
        display: none
    }
}

.header-column .list-title {
    padding: 32px 16px 16px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase
}

.header-column.header-column-links.opened {
    width: inherit;
    visibility: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden
}

@media only screen and (min-width:1025px) {
    .header-column.header-column-links.opened {
        height: 100%;
        width: 50%;
        overflow-y: auto
    }
}

.header-column.header-column-links:not(.opened) {
    display: none
}

.header-secondary-panel.header-megamenu .header-secondary-panel-list {
    position: static
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list a,
    .header-secondary-panel.header-megamenu .header-secondary-panel-list button,
    .header-secondary-panel.header-megamenu .header-secondary-panel-list span {
        padding-left: 32px;
        padding-right: 32px;
        text-align: start
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list ul[data-menu-level="2"] {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list ul[data-menu-level="2"]>li>a,
    .header-secondary-panel.header-megamenu .header-secondary-panel-list ul[data-menu-level="2"]>li>button {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list ul[data-menu-level="2"]>li>button.selected {
        float: left
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list ul[data-menu-level="3"] {
        float: right
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list>.wrapper>nav .header-column-links.opened {
        float: right;
        -webkit-transform: translateY(calc(var(--css-megamenu-order)*62px*-1 + -44px));
        transform: translateY(calc(var(--css-megamenu-order)*62px*-1 + -44px))
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-main-megamenu.header-megamenu.header-secondary-panel {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-main-megamenu.header-megamenu.header-secondary-panel {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-primary nav {
        height: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links {
        padding-top: 29px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links {
        padding-top: 29px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links {
        padding-top: 44px;
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links ul {
        width: 100%;
        padding-top: 0
    }
}

.header-secondary-panel.header-megamenu .header-column-primary .header-column-links .header-column-links-name {
    background: transparent;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    text-decoration: none;
    transition: opacity .2s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links .header-column-links-name {
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links .header-column-links-name {
        padding: 0 16px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links .header-column-links-name {
        margin: 19px 0;
        padding: 0 32px;
        line-height: 24px
    }
}

.header-secondary-panel.header-megamenu .header-column-primary .header-column-links .header-column-links-name svg {
    position: relative;
    margin-left: 15px;
    top: 2px
}

.header-secondary-panel.header-megamenu .header-column-primary .header-column-links ul {
    width: 100%
}

.header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return {
    display: block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return {
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return {
        position: relative;
        top: auto;
        right: auto;
        padding: 0 16px
    }
}

.header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return button {
    font-weight: 600
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return button {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-column-primary .header-column-links.opened .header-secondary-panel-return svg {
        margin-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu .header-secondary-panel-list {
        width: 66.66667%;
        padding-left: 44px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu .header-secondary-panel-list .wrapper {
        display: inline-block;
        width: 100%;
        height: 100%;
        max-width: 1080px;
        text-align: start
    }
}

.header-secondary-panel.header-megamenu .header-secondary-panel-list {
    padding: 0
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list nav ul {
        padding-top: 44px;
        padding-bottom: 24px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list .header-secondary-panel-return {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list .header-secondary-panel-return {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list .header-secondary-panel-return {
        z-index: 1
    }
}

.header-secondary-panel.header-megamenu .header-column-manual {
    align-items: inherit
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-manual nav {
        display: flex;
        justify-content: flex-start;
        flex-flow: row nowrap;
        padding-top: 80px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-manual nav ul {
        width: 33.33333%;
        height: auto;
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

.header-secondary-panel.header-megamenu .header-column-manual nav li {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-manual nav h5 {
        padding-top: 12px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link-attach a,
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link-attach button,
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link-attach span,
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link a,
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link button,
    .header-secondary-panel.header-megamenu .header-column-manual nav .menu-link span {
        padding: 12px 16px
    }
}

.header-secondary-panel.header-megamenu .header-column-manual .header-navigation-list {
    flex-direction: column !important;
    justify-content: flex-start !important
}

.header-megamenu-left {
    padding: 0 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-megamenu-left {
        padding-top: 27px;
        padding-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-megamenu-left {
        padding-top: 27px;
        padding-bottom: 15px
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left {
        padding-top: 41px;
        width: 33.33333%;
        background-position: left top -200px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-megamenu-left span {
        padding-top: 29px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-megamenu-left span {
        padding-top: 29px
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left span {
        padding-top: 41px
    }
}

.header-megamenu-left p:first-of-type {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    font-weight: 600;
    margin-bottom: 24px
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left p:first-of-type {
        margin-bottom: unset
    }
}

.header-megamenu-left p:first-of-type span {
    font-weight: 700
}

.header-megamenu-left a,
.header-megamenu-left p {
    width: 100%;
    text-align: start
}

.header-megamenu-left p {
    display: none
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left p {
        display: flex;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        margin: 25px 0
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left .header-megamenu-left-links {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left .header-megamenu-left-links a {
        width: unset;
        margin-right: 15px
    }
}

.header-megamenu-left .button {
    margin-bottom: 27px
}

.header-megamenu-left .button.button-secondary {
    width: auto
}

.header-megamenu-left.button-link svg {
    margin-left: 15px
}

.header-column {
    font-weight: 600
}

.header-column h4 {
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .header-primary-search input {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-search input {
        width: 100%
    }
}

.header-primary-search .header-primary-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    word-break: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-search .header-primary-icon span {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-search .header-primary-icon span {
        margin-top: 5px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-search .header-primary-icon span {
        margin-top: 5px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-search .header-primary-icon svg {
        width: 1.7rem;
        height: 1.7rem
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-search .header-primary-icon svg {
        width: 20px;
        height: 20px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-search .header-primary-icon svg {
        width: 20px;
        height: 20px
    }
}

.header-primary-search .icon-close {
    display: none
}

.header-primary-search .autocomplete-field {
    position: relative;
    z-index: 3
}

.header-primary-icon {
    display: inline-block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-icon {
        flex: 1 0 25%;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-icon {
        flex-grow: 0;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-icon {
        flex-grow: 1;
        padding-left: 10px;
        padding-right: 10px
    }
}

.header-primary-icon a,
.header-primary-icon button {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer
}

@media only screen and (max-width:1024px) {
    .header-primary-icon a.device-only,
    .header-primary-icon button.device-only {
        display: flex
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-icon a.device-only,
    .header-primary-icon button.device-only {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-icon a.desk-only,
    .header-primary-icon button.desk-only {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-icon a.desk-only,
    .header-primary-icon button.desk-only {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-icon a.desk-only,
    .header-primary-icon button.desk-only {
        display: flex
    }
}

.header-primary-icon a svg,
.header-primary-icon button svg {
    width: 20px;
    height: 20px;
    margin-bottom: 5px
}

.header-secondary {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.header-secondary-language {
    position: relative;
    cursor: pointer;
    text-transform: uppercase
}

.header-secondary-language-current {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    height: 100%;
    padding: 0 25px 0 15px;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    vertical-align: top
}

.header-secondary-language-current:before {
    content: "";
    right: 9px
}

.header-secondary-language-underline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 49.15px;
    height: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.header-secondary-language-list {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: auto
}

.header-secondary-language-list a {
    display: inline-block;
    padding: 16px 15px;
    color: inherit;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase
}

.header-secondary-language:hover .header-secondary-language-underline {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-secondary-language.opened .header-secondary-language-list {
    display: block
}

.header-secondary-language.opened .header-secondary-language-underline {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-secondary-language.opened .header-secondary-language-current:before {
    transition: transform .4s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.header-secondary-language.opened .header-secondary-language-current:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-secondary-link {
    display: none
}

@media only screen and (min-width:1025px) {
    .header-secondary-link {
        display: flex;
        align-items: center;
        justify-content: space-around
    }
    .header-secondary-link ul {
        display: flex
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-navigation .header-navigation-list {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-list {
        display: flex;
        flex-direction: column
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-list {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        height: 40px
    }
    .header-secondary-navigation .header-navigation-list .header-navigation-item {
        display: inline-block
    }
    .header-secondary-navigation .header-navigation-list .header-navigation-button,
    .header-secondary-navigation .header-navigation-list .header-navigation-link {
        position: relative;
        display: inline-block;
        font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
        text-decoration: none;
        transition: background-color .25s ease, color .25s ease;
        cursor: pointer;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.28;
        height: 100%;
        font-weight: 700;
        text-transform: uppercase
    }
}

.header-secondary-navigation .header-navigation-list .header-navigation-link {
    display: flex;
    align-items: center;
    text-transform: inherit
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-item {
        padding: 0 20px
    }
}

.header-secondary-navigation .header-navigation-button,
.header-secondary-navigation .header-navigation-link {
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-transform: none;
    word-break: normal;
    cursor: pointer
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer
    }
}

@media only screen and (min-width:320px) and (max-width:767px) and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-navigation .header-navigation-button svg,
    .header-secondary-navigation .header-navigation-link svg {
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button svg,
    .header-secondary-navigation .header-navigation-link svg {
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        padding: 0;
        line-height: 40px
    }
}

.header-secondary-navigation .header-navigation-button:after,
.header-secondary-navigation .header-navigation-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left
}

@media only screen and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button.opened:after,
    .header-secondary-navigation .header-navigation-button.selected:after,
    .header-secondary-navigation .header-navigation-button:hover:after,
    .header-secondary-navigation .header-navigation-link.opened:after,
    .header-secondary-navigation .header-navigation-link.selected:after,
    .header-secondary-navigation .header-navigation-link:hover:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-button.opened:after,
    .header-secondary-navigation .header-navigation-button.selected:after,
    .header-secondary-navigation .header-navigation-button:hover:after,
    .header-secondary-navigation .header-navigation-link.opened:after,
    .header-secondary-navigation .header-navigation-link.selected:after,
    .header-secondary-navigation .header-navigation-link:hover:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-button svg,
    .header-secondary-navigation .header-navigation-link svg {
        display: none
    }
}

.header-secondary-panel-type {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    cursor: pointer;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-type {
        justify-content: flex-start;
        width: 100%;
        padding: 19px 16px;
        text-decoration: none;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        font-weight: 600
    }
}

@media only screen and (min-width:320px) and (max-width:767px) and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-type {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-type svg {
        flex-shrink: 0;
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-type:after {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-type:after {
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-type:after {
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-type svg {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-type svg {
        display: none
    }
}

.header-secondary-panel {
    display: flex
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel {
        position: relative;
        flex-flow: column;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel {
        flex-flow: column;
        height: 100%
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel {
        flex-flow: row wrap
    }
}

.header-secondary-panel .header-secondary-panel-list {
    background-repeat: no-repeat
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel .header-secondary-panel-list {
        padding: 29px 16px 32px;
        background-image: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel .header-secondary-panel-list {
        position: relative;
        padding: 29px 16px 32px;
        background-image: none !important
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel .header-secondary-panel-list {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        background-repeat: no-repeat;
        padding-top: 44px;
        padding-bottom: 52px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel nav {
        display: flex;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-column {
        margin-top: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-column {
        margin-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-column {
        width: 33.33333%;
        padding-right: 20px
    }
}

.header-secondary-panel-row {
    display: flex;
    margin-top: 15px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-row {
        justify-content: space-around
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-row {
        justify-content: space-around
    }
}

.header-secondary-panel-row+.header-secondary-panel-row {
    margin-top: 15px
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-title {
        margin-bottom: 28px
    }
}

.header-secondary-panel-title p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase
}

.header-secondary-panel-name {
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-name {
        width: 65%;
        line-height: 2.2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-name {
        width: 60%;
        line-height: 2.2
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-name {
        width: 60%
    }
}

.header-secondary-panel-name span:first-of-type {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    margin-right: 4px;
    text-align: center;
    background-size: contain;
    overflow: hidden
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-name span:first-of-type {
        position: relative;
        top: 6px;
        width: 24px;
        background-position: top
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-name span:first-of-type {
        position: relative;
        top: 6px;
        width: 24px;
        background-position: top
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-name span:first-of-type {
        width: 15px;
        background-position: center top 4px
    }
}

.header-secondary-panel-name span:last-of-type {
    word-break: break-word
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-name span:last-of-type {
        display: inline-block;
        width: calc(100% - 34px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-name span:last-of-type {
        display: inline-block;
        width: calc(100% - 34px)
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-name span:last-of-type {
        display: inline-block;
        width: calc(100% - 25px)
    }
}

.header-secondary-panel-name sup {
    margin-left: 5px
}

.header-secondary-panel-links {
    width: 40%;
    font-weight: 700;
    text-align: end;
    text-transform: uppercase
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-links {
        width: 35%
    }
}

.header-secondary-panel-links a {
    display: inline-block;
    text-align: center;
    text-decoration: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-links a {
        width: 45px;
        font-size: 14px;
        font-size: .875rem;
        line-height: 2.2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-links a {
        width: 58px;
        line-height: 2.2
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-links a {
        width: 42px
    }
}

.header-secondary-panel-links a+a {
    position: relative
}

.header-secondary-panel-links a+a:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -3px;
    width: 1px;
    height: 21px
}

.header-secondary-panel-return {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-return {
        position: absolute;
        top: 22px;
        right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-return {
        top: 50px;
        right: 72px;
        position: absolute
    }
}

@media only screen and (min-width:1440px) {
    .header-secondary-panel-return {
        right: 72px
    }
}

.header-secondary-panel-return button {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-return button svg {
        margin-right: 8px
    }
}

.header-secondary-panel.opened+.header-secondary-panel-type:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.header-global-burger {
    display: flex;
    background-color: initial;
    cursor: pointer
}

.header-global-burger svg {
    position: relative;
    top: 3px;
    width: 32px;
    height: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-navigation {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-navigation {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-navigation,
    #header-global .header-secondary-panel-type {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-navigation {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-icon-nav {
        visibility: hidden;
        height: 0
    }
}

#header-global .header-global-burger .icon-close {
    display: none
}

@media only screen and (min-width:1025px) {
    #header-global .header-global-burger {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.opened .header-secondary-navigation {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-secondary-navigation {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-secondary-panel-type {
        display: flex
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-primary-navigation {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.opened .header-primary-navigation {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-primary-icon-nav {
        visibility: initial;
        height: auto
    }
}

#header-global.opened .header-global-burger .icon-close {
    display: block
}

#header-global.opened .header-global-burger .icon-burger {
    display: none
}

#header-global {
    z-index: 3;
    overflow: visible
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global {
        position: relative;
        top: 0;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global {
        position: relative;
        top: 0;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    #header-global {
        position: relative;
        top: 0;
        display: flex;
        flex-flow: row wrap;
        justify-content: right;
        padding: 0 72px
    }
}

@media only screen and (min-width:1440px) {
    #header-global {
        padding: 0 calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    #header-global:before {
        height: 40px;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    #header-global:after,
    #header-global:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    #header-global:after {
        z-index: 0;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

#header-global.opened {
    position: fixed;
    box-shadow: 0 0 24px 2px rgba(0, 0, 0, .15)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened {
        align-items: flex-start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.opened {
        align-items: flex-start;
        overflow-x: hidden
    }
}

#header-global.opened:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media only screen and (min-width:1025px) {
    #header-global.opened:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 40px;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    #header-global.opened:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-menu-wrapper {
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        align-items: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.opened .header-menu-wrapper {
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        align-items: center
    }
}

#header-global.scroll-active {
    overflow: hidden scroll
}

#header-global .header-secondary-language {
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language {
        height: 40px;
        padding-right: 16px;
        text-align: end;
        z-index: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language {
        order: 2;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-language {
        width: auto;
        height: 40px;
        line-height: 40px;
        z-index: 4
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 1px;
        height: 24px;
        background: #fff;
        opacity: .7;
        z-index: 1
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-language:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 1px;
        height: 25px;
        background: #fff;
        opacity: .7
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-current {
        padding-right: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-current:before {
        left: calc(100% - 8px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language .header-secondary-language-current:before {
        left: calc(100% - 8px)
    }
}

#header-global .header-secondary-language .header-secondary-language-list {
    width: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-list {
        right: 16px;
        left: auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language .header-secondary-language-list {
        left: 0;
        right: auto;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-language .header-secondary-language-list {
        left: 0;
        right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-navigation {
        width: 100%;
        padding-bottom: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-navigation {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-navigation {
        z-index: 5
    }
}

#header-global .header-secondary-navigation .header-navigation-button {
    text-transform: none
}

#header-global .header-secondary-panel-type {
    position: relative;
    font-weight: 600
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-panel-type {
        line-height: 40px;
        text-align: end
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-panel-type {
        height: 40px;
        line-height: 40px;
        text-align: end;
        z-index: 2
    }
}

#header-global a.header-secondary-panel-type {
    text-decoration: none
}

@media only screen and (min-width:1025px) {
    #header-global a.header-secondary-panel-type {
        padding-left: 28px;
        padding-right: 28px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-country:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 2px;
        width: 1px;
        height: 25px;
        background: #fff;
        opacity: .7
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-brand:before,
    #header-global .header-secondary-country:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 2px;
        width: 1px;
        height: 25px;
        background: #fff;
        opacity: .7
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-navigation {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-navigation {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-navigation .header-main-megamenu {
        top: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-search {
        z-index: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-search {
        z-index: 1
    }
}

#header-global .header-primary-search input {
    padding-right: 54px
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-search a.header-primary-icon {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-search button.header-primary-icon {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-search button.header-primary-icon {
        display: none
    }
}

#header-global .header-primary-search.opened+.header-primary-navigation {
    flex: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    opacity: 0
}

#header-global .header-primary-icon-nav {
    display: flex
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-icon-nav {
        z-index: 1
    }
}

#header-global .header-primary-icon-nav ul {
    align-items: flex-start
}

#header-global .header-primary-icon-nav a {
    padding-top: 10px;
    padding-bottom: 10px;
    word-break: normal
}

#header-global .header-primary-logo {
    display: flex;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo {
        flex: 1 0 50%;
        position: relative;
        height: 80px;
        padding-right: 10px;
        padding-left: 16px;
        z-index: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo {
        order: 3;
        flex: 1 0 30%;
        position: relative;
        height: 80px;
        padding-left: 16px;
        z-index: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

#header-global .header-primary-logo a {
    word-break: normal
}

#header-global .header-secondary-panel {
    display: none;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-panel {
        z-index: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-panel {
        z-index: 0
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-panel {
        position: absolute;
        top: 40px;
        left: 50%;
        max-width: 1440px;
        max-height: 70vh;
        overflow-y: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 4
    }
}

#header-global .header-secondary-panel.opened {
    display: flex
}

#header-global .header-secondary-panel.header-main-megamenu {
    overflow-y: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-panel.header-main-megamenu {
        overflow-x: hidden
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-panel.header-main-megamenu {
        overflow-x: hidden
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-panel.header-main-megamenu.opened {
        z-index: -1
    }
}

#header-global .header-secondary-panel.header-main-megamenu.scroll-active {
    overflow-y: scroll
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-global-burger {
        flex: 0 0 auto;
        height: 40px;
        padding: 0 16px 0 15px;
        z-index: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-global-burger {
        margin: 0 16px 0 5px;
        z-index: 1
    }
}

#header-global .js-hover {
    transition: opacity .2s ease
}

@media only screen and (min-width:1025px) {
    #header-global .js-hover.group-hover-selected {
        opacity: .5 !important
    }
}

@media only screen and (min-width:1025px) {
    #header-global .js-hover.group-hover-selected.group-hover-selected-item {
        opacity: 1 !important
    }
}

#header-global .autocomplete-result {
    display: none
}

#header-global .autocomplete-result.opened {
    display: block
}

#header-global .autocomplete-backdrop.opened {
    display: block;
    z-index: 3
}

@media only screen and (min-width:1025px) {
    #header-global .popin {
        position: absolute;
        top: calc(100% + 21px);
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    #header-global .popin {
        right: calc(50% - 648px)
    }
}

#header-global .popin.popin-login.popin-connected .button {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    text-align: start
}

#header-global .modal .button-small,
#header-global .popin.popin-sampling .button-small {
    margin-top: 16px;
    width: -webkit-max-content;
    width: max-content
}

@media only screen and (min-width:1025px) {
    #header-global .popin a.button-tertiary {
        padding: 6px 13px
    }
}

#header-global .sample-icon {
    position: relative
}

#header-global .comparator-counter,
#header-global .sample-counter {
    display: none;
    position: absolute
}

#header-global .sample-counter {
    top: 15px;
    right: 2px
}

#header-global .comparator-counter {
    top: -10px;
    right: -10px
}

#header-global .comparator-counter.showed,
#header-global .sample-counter.showed {
    display: block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.language-unique .header-secondary-panel.opened {
        top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.language-unique .header-secondary-panel.opened {
        top: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.level1 .header-level1,
    #header-global.level1 .header-primary-icon>a,
    #header-global.level1 .header-primary-icon>button,
    #header-global.level1 .header-primary-navigation>.header-navigation-list>.header-navigation-item>a,
    #header-global.level1 .header-primary-navigation>.header-navigation-list>.header-navigation-item>button,
    #header-global.level1 .header-secondary-navigation>.header-navigation-list>.header-navigation-item>a,
    #header-global.level1 .header-secondary-navigation>.header-navigation-list>.header-navigation-item>button {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.level1 .header-level1,
    #header-global.level1 .header-primary-icon>a,
    #header-global.level1 .header-primary-icon>button,
    #header-global.level1 .header-primary-navigation>.header-navigation-list>.header-navigation-item>a,
    #header-global.level1 .header-primary-navigation>.header-navigation-list>.header-navigation-item>button,
    #header-global.level1 .header-secondary-navigation>.header-navigation-list>.header-navigation-item>a,
    #header-global.level1 .header-secondary-navigation>.header-navigation-list>.header-navigation-item>button {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.level1 .header-secondary-brand,
    #header-global.level1 .header-secondary-country {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.level1 .header-primary-icon-nav,
    #header-global.level1 .header-secondary-navigation {
        height: 0;
        max-height: 0;
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.level1 .header-primary-icon-nav,
    #header-global.level1 .header-secondary-navigation {
        height: 0;
        max-height: 0;
        padding: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.level1 .header-level1.opened,
    #header-global.level2 .header-level2.opened {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.level1 .header-level1.opened,
    #header-global.level2 .header-level2.opened {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.level1.level2 .header-level1 .header-megamenu-left,
    #header-global.level1.level2 .header-level1 ul[data-menu-level="2"]>li>a,
    #header-global.level1.level2 .header-level1 ul[data-menu-level="2"]>li>button {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.level1.level2 .header-level1 .header-megamenu-left,
    #header-global.level1.level2 .header-level1 ul[data-menu-level="2"]>li>a,
    #header-global.level1.level2 .header-level1 ul[data-menu-level="2"]>li>button {
        display: none
    }
}

.breadcrumb {
    display: flex;
    align-items: center;
    height: 48px;
    position: relative;
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .breadcrumb {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .breadcrumb {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .breadcrumb {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .breadcrumb {
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

.breadcrumb li {
    display: inline;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 600
}

.breadcrumb li svg {
    position: relative;
    top: 5px
}

.breadcrumb a,
.breadcrumb p {
    text-decoration: none;
    padding: 0 10px;
    font-weight: inherit
}

.breadcrumb a {
    opacity: .5;
    transition: .2s ease
}

.breadcrumb span {
    padding: 0 10px;
    cursor: default
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .breadcrumb {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .breadcrumb {
        display: none
    }
}

.footer-social {
    text-align: center
}

.footer-social p {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase
}

.footer-social nav {
    margin-top: 33px
}

.footer-social li {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 16px 20px;
    vertical-align: top
}

.footer-social li a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.footer-social svg {
    width: 1.75rem;
    height: 1.75rem
}

@media only screen and (min-width:1025px) {
    .footer-social svg {
        width: 2rem;
        height: 2rem
    }
}

.footer-location {
    position: relative;
    margin-top: 60px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-location {
        margin-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .footer-location {
        margin-top: 0
    }
}

.footer-location a,
.footer-location p {
    position: relative;
    z-index: 1
}

.footer-location p {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase
}

.footer-location a {
    display: inline-block;
    margin-top: 22px
}

.footer-location svg {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -55px;
    z-index: 0;
    width: 20rem;
    height: 12rem;
    color: #4d4d4d
}

.footer-secondary {
    overflow: hidden
}

.footer-secondary .wrapper {
    width: 100%;
    padding-inline: 16px;
    padding-top: 83px;
    padding-bottom: 81px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-secondary .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .footer-secondary .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-secondary .wrapper {
        display: flex;
        flex-flow: row-reverse nowrap
    }
}

@media only screen and (min-width:1025px) {
    .footer-secondary .wrapper {
        display: flex;
        flex-flow: row-reverse nowrap
    }
}

.footer-secondary .wrapper .footer-social {
    padding-left: 8px;
    padding-right: 8px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-secondary .wrapper .footer-social {
        width: 33.33333%;
        order: 1;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .footer-secondary .wrapper .footer-social {
        width: 33.33333%;
        order: 1;
        padding-left: 10px;
        padding-right: 10px
    }
}

.footer-secondary .wrapper .footer-location {
    padding-left: 8px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-secondary .wrapper .footer-location {
        width: 33.33333%;
        order: 0;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .footer-secondary .wrapper .footer-location {
        width: 33.33333%;
        order: 0;
        padding-left: 10px
    }
}

.footer-primary {
    overflow: hidden
}

.footer-primary .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-repeat: no-repeat
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-primary .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .footer-primary .wrapper {
        background-image: none !important
    }
}

.footer-primary {
    position: relative
}

.footer-primary .footer-logo {
    width: 100%;
    margin-top: 60px
}

.footer-primary .footer-logo img {
    max-width: 50%;
    height: auto
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-primary .footer-logo img {
        max-width: 25%
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .footer-logo img {
        max-width: 16.66667%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .footer-primary .footer-navigation {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .footer-primary .footer-navigation {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .footer-navigation {
        width: 66.66667%
    }
}

.footer-primary .footer-description {
    width: 100%;
    margin-top: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .footer-primary .footer-description {
        width: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .footer-primary .footer-description {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .footer-description {
        width: 25%;
        padding-right: 10px
    }
}

.footer-primary .footer-legal {
    min-width: 50%;
    margin-top: 8px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-primary .footer-legal {
        width: 100%;
        margin-top: 0;
        margin-bottom: 24px;
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .footer-legal {
        margin-top: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-primary .footer-legal li {
        margin-top: 24px
    }
}

.footer-navigation {
    display: flex;
    flex-flow: row wrap
}

.footer-navigation .footer-navigation-column {
    width: 100%;
    margin-top: 28px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-navigation .footer-navigation-column {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .footer-navigation .footer-navigation-column {
        width: 25%
    }
    .footer-navigation .footer-navigation-column:first-of-type {
        padding-left: 0
    }
    .footer-navigation .footer-navigation-column:last-of-type {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .footer-navigation .footer-navigation-column {
        width: 50%;
        margin-top: 20px
    }
}

@media only screen and (min-width:1025px) {
    .footer-navigation .footer-navigation-column {
        width: 25%;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px
    }
    .footer-navigation .footer-navigation-column:last-of-type {
        padding-right: 0
    }
}

.footer-navigation .footer-navigation-column a {
    font-weight: 600;
    text-decoration: none;
    opacity: .7
}

.footer-legal li {
    display: inline-block;
    margin-right: 32px;
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .footer-legal li {
        margin-top: 40px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .footer-legal li {
        margin-top: 40px;
        margin-bottom: 0
    }
}

.footer-legal li a {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600;
    text-decoration: none
}

.footer-legal li:last-of-type {
    margin-right: 0
}

.footer-copyright .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding-inline: 16px;
    padding-top: 27px;
    padding-bottom: 27px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-copyright .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .footer-copyright .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-copyright .wrapper {
        justify-content: space-between;
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .footer-copyright .wrapper {
        justify-content: space-between;
        flex-direction: row
    }
}

.footer-copyright .wrapper p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    opacity: .6
}

.footer-copyright .wrapper p+p {
    margin-top: 10px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-copyright .wrapper p+p {
        margin-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .footer-copyright .wrapper p+p {
        margin-top: 10px
    }
}

.footer-copyright .wrapper p img {
    width: 25%;
    margin: 0 5px
}

.footer-copyright .wrapper span {
    font-weight: 700
}

.footer-copyright .wrapper a {
    font-weight: 600;
    text-decoration: none
}

.footer-copyright .wrapper div {
    display: flex;
    flex-direction: column
}

.footer-copyright .wrapper div+div {
    margin-top: 10px
}

.footer-copyright .wrapper div:last-child p {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .footer-copyright .wrapper div {
        text-align: center
    }
    .footer-copyright .wrapper div:last-child p {
        justify-content: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .footer-copyright-centered .wrapper {
        justify-content: center;
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .footer-copyright-centered .wrapper {
        justify-content: center;
        flex-direction: row
    }
}

.footer-primary .footer-description a {
    color: inherit;
    font-weight: inherit
}

.alert-banner {
    padding-top: 16px;
    padding-bottom: 16px
}

.alert-banner .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    align-items: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .alert-banner .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .alert-banner .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.alert-banner .icon {
    width: 2rem;
    height: 2rem;
    margin-right: 32px
}

.banner {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner {
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .banner {
        flex-direction: row
    }
}

.banner .wrapper {
    background-size: 600px;
    background-repeat: no-repeat
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .wrapper {
        width: 100%;
        margin-top: 72px;
        margin-bottom: 68px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner .wrapper {
        width: calc(60% + 16px);
        padding-left: 16px;
        margin-top: 32px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1025px) {
    .banner .wrapper {
        margin-top: 48px;
        margin-bottom: 32px;
        width: calc(66.66667% - 24px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner .wrapper {
        width: calc(216px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner .banner-button,
    .banner .banner-date,
    .banner .banner-description,
    .banner .banner-subtitle,
    .banner .banner-tag,
    .banner .banner-title,
    .banner .link-list,
    .banner .subtitle-primary {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .banner .banner-button,
    .banner .banner-date,
    .banner .banner-description,
    .banner .banner-subtitle,
    .banner .banner-tag,
    .banner .banner-title,
    .banner .link-list,
    .banner .subtitle-primary {
        width: 66.66667%
    }
}

@media only screen and (min-width:1440px) {
    .banner .banner-button,
    .banner .banner-date,
    .banner .banner-description,
    .banner .banner-subtitle,
    .banner .banner-tag,
    .banner .banner-title,
    .banner .link-list,
    .banner .subtitle-primary {
        width: 41.66667%
    }
}

.banner .banner-tag {
    margin-bottom: 22px
}

.banner .banner-tag li {
    display: inline-block
}

.banner .banner-date {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 800
}

.banner .banner-date strong {
    font-weight: 800
}

.banner .banner-subtitle {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase
}

.banner .banner-title {
    margin-top: 12px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .banner-title {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner .banner-title {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1025px) {
    .banner .banner-title {
        margin-bottom: 20px
    }
}

.banner .banner-picture {
    display: block;
    height: auto;
    max-width: 100%;
    float: right
}

.banner .banner-location {
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600
}

.banner .banner-button,
.banner .banner-button+.banner-description {
    margin-top: 24px
}

.banner .banner-button .button,
.banner .button-secondary {
    margin-bottom: 5px
}

.banner .button-secondary+.button-secondary {
    background-color: initial
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .button-secondary+.button-secondary {
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner .button-secondary+.button-secondary {
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .banner-share {
        position: absolute;
        top: -60px;
        right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner .banner-share:before {
        height: 0;
        width: 0
    }
}

.banner figure figcaption {
    display: none
}

.banner.banner-aside {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside .wrapper {
        margin-top: 82px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-aside .wrapper {
        width: calc(67.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside .wrapper {
        width: calc(52.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside .wrapper {
        width: calc(58.33333% - 12px);
        padding-left: calc(8.33333% + 60px);
        padding-right: calc(8.33333% - 12px)
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside .wrapper {
        width: calc(108px + 50%);
        padding-left: calc(50% - 648px)
    }
}

.banner.banner-aside aside {
    position: static;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-top: 48px;
    padding-bottom: 88px;
    text-align: end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside aside {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-aside aside {
        width: calc(22.5% + 16px);
        padding-right: 16px;
        padding-bottom: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside aside {
        width: calc(37.5% + 16px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside aside {
        width: calc(41.66667% + 12px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside aside {
        width: calc(-108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.banner.banner-aside aside:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside aside:before {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside aside:before {
        width: calc(22.5% + 16px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside aside:before {
        width: calc(25% + 36px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside aside:before {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside aside .banner-picture {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-aside aside .banner-picture {
        display: none
    }
}

.banner.banner-aside aside .banner-share {
    position: absolute;
    bottom: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside aside .banner-share {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-aside aside .banner-share {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        padding: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside aside .banner-share {
        width: calc(22.5% + 16px);
        padding-right: 16px;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 32px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside aside .banner-share {
        width: calc(25% + 36px);
        padding-right: 72px;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 32px;
        text-align: start
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside aside .banner-share {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside aside .banner-share button {
        padding: 16px 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-aside aside .banner-share button {
        padding: 16px 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside aside .banner-share button {
        padding: 16px 48px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside aside .banner-share button {
        padding: 16px 48px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside .banner-button,
    .banner.banner-aside .banner-date,
    .banner.banner-aside .banner-description,
    .banner.banner-aside .banner-subtitle,
    .banner.banner-aside .banner-tag,
    .banner.banner-aside .banner-title,
    .banner.banner-aside .link-list,
    .banner.banner-aside .subtitle-primary {
        width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside .banner-button,
    .banner.banner-aside .banner-date,
    .banner.banner-aside .banner-description,
    .banner.banner-aside .banner-subtitle,
    .banner.banner-aside .banner-tag,
    .banner.banner-aside .banner-title,
    .banner.banner-aside .link-list,
    .banner.banner-aside .subtitle-primary {
        width: 100%;
        padding-left: 108px
    }
}

.banner.banner-aside.banner-full .wrapper {
    margin-bottom: 50px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .wrapper {
        width: 100%;
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside.banner-full .wrapper {
        width: calc(60% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .wrapper {
        width: calc(66.66667% - 24px);
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside.banner-full .wrapper {
        width: calc(216px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full .wrapper .banner-link-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .wrapper .banner-link-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .wrapper .banner-link-list {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full .wrapper .banner-link-list a {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .wrapper .banner-link-list a {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside.banner-full .banner-button,
    .banner.banner-aside.banner-full .banner-date,
    .banner.banner-aside.banner-full .banner-description,
    .banner.banner-aside.banner-full .banner-subtitle,
    .banner.banner-aside.banner-full .banner-tag,
    .banner.banner-aside.banner-full .banner-title,
    .banner.banner-aside.banner-full .subtitle-primary {
        width: 88.88889%
    }
}

.banner.banner-aside.banner-full aside {
    padding-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full aside {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full aside {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full aside {
        width: calc(33.33333% + 24px);
        padding-right: 72px;
        justify-content: flex-end
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside.banner-full aside {
        width: calc(-216px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full aside .banner-share {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full aside .banner-share {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        text-align: start
    }
}

.banner.banner-aside.banner-full .banner-aside-content {
    position: relative
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .banner-aside-content {
        width: 75%;
        text-align: start
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full .banner-aside-content a {
        margin-top: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .banner-aside-content a {
        margin-top: 24px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .banner-aside-content a {
        margin-top: 32px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full .banner-aside-content-left {
        margin-top: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .banner-aside-content-left {
        margin-top: 32px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .banner-aside-content-left {
        margin-top: 40px
    }
}

.banner.banner-aside.banner-full .banner-aside-content-right {
    margin-bottom: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-aside.banner-full .banner-aside-content-right {
        display: none
    }
}

.banner.banner-aside.banner-full .banner-aside-content-right:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px
}

.banner.banner-aside.banner-full .banner-aside-content-title {
    margin-bottom: 24px
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-aside.banner-full .banner-aside-bottom {
        width: calc(22.5% + 16px);
        position: absolute;
        left: auto;
        right: 0;
        padding: 30px 16px 32px 32px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .banner-aside-bottom {
        width: calc(25% + 36px);
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        padding: 30px 72px 32px 32px;
        text-align: start
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-aside.banner-full .banner-aside-bottom {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.banner.banner-aside.banner-full .banner-aside-bottom.bordered {
    border-top: 1px solid
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-aside.banner-full .banner-search-input {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-aside.banner-full .banner-search-input {
        position: static
    }
}

.banner-aside-content {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px
}

.banner-aside-content-title {
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .banner-aside-content-left,
    .banner-aside-content-right {
        padding-left: 32px
    }
}

.banner-aside-content-left {
    text-align: start
}

.banner.banner-background {
    position: relative;
    background-size: cover;
    background-position: 50%
}

.banner.banner-background .wrapper {
    margin-block: 72px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-background .wrapper {
        margin-top: 72px;
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-background .wrapper {
        width: 100%;
        padding-left: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-background .wrapper {
        width: 100%;
        margin-top: 72px;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-background .wrapper {
        margin-top: 72px;
        width: 1296px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-background .wrapper .banner-button,
    .banner.banner-background .wrapper .banner-date,
    .banner.banner-background .wrapper .banner-description,
    .banner.banner-background .wrapper .banner-location,
    .banner.banner-background .wrapper .banner-tag,
    .banner.banner-background .wrapper .banner-title,
    .banner.banner-background .wrapper .subtitle-primary {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-background .wrapper .banner-button,
    .banner.banner-background .wrapper .banner-date,
    .banner.banner-background .wrapper .banner-description,
    .banner.banner-background .wrapper .banner-location,
    .banner.banner-background .wrapper .banner-tag,
    .banner.banner-background .wrapper .banner-title,
    .banner.banner-background .wrapper .subtitle-primary {
        width: 50%
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-background .wrapper .banner-button,
    .banner.banner-background .wrapper .banner-date,
    .banner.banner-background .wrapper .banner-description,
    .banner.banner-background .wrapper .banner-location,
    .banner.banner-background .wrapper .banner-tag,
    .banner.banner-background .wrapper .banner-title,
    .banner.banner-background .wrapper .subtitle-primary {
        width: 50%
    }
}

.banner.banner-background .wrapper .banner-button {
    margin-top: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-background .wrapper .button-secondary {
        margin-bottom: 5px
    }
}

.banner.banner-background .wrapper .button-secondary+.button-secondary {
    background-color: initial
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-background .wrapper .button-secondary+.button-secondary {
        margin-top: 0;
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-background .wrapper .button-secondary+.button-secondary {
        margin-top: 0;
        margin-left: 0
    }
}

.banner.banner-background .banner-share {
    position: absolute;
    top: 0;
    right: 0;
    bottom: unset
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-background .banner-share {
        right: 34px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-background .banner-share {
        right: 40px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-background .banner-share {
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-background .banner-share {
        right: calc(50% - 648px)
    }
}

.banner.banner-background .banner-share button {
    padding: 16px 48px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-background.banner-full .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-background.banner-full .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-background.banner-full .wrapper {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-background.banner-full .wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-background.banner-full .wrapper .banner-button,
    .banner.banner-background.banner-full .wrapper .banner-date,
    .banner.banner-background.banner-full .wrapper .banner-location,
    .banner.banner-background.banner-full .wrapper .banner-tag,
    .banner.banner-background.banner-full .wrapper .banner-title {
        width: 83.33333%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-background.banner-full .wrapper .banner-button,
    .banner.banner-background.banner-full .wrapper .banner-date,
    .banner.banner-background.banner-full .wrapper .banner-location,
    .banner.banner-background.banner-full .wrapper .banner-tag,
    .banner.banner-background.banner-full .wrapper .banner-title {
        width: 83.33333%
    }
}

.banner.banner-search {
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0
}

.banner.banner-search .wrapper {
    width: 100%;
    display: flex;
    margin-top: 63px;
    margin-bottom: 72px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search .wrapper {
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .wrapper {
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .wrapper {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search .wrapper {
        width: 1296px;
        padding-left: 0;
        padding-right: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.banner.banner-search .wrapper button[type=submit] {
    top: 50%
}

.banner.banner-search .wrapper input[type=text] {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search .banner-title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-title {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-title {
        padding-left: 8.33333%;
        padding-right: 10px;
        width: 50%
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search .banner-title {
        padding-right: 10px;
        padding-left: 8.33333%;
        width: 50%
    }
}

.banner.banner-search .banner-search-content {
    position: relative;
    z-index: 1;
    padding-top: 15px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-search-content {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-search-content {
        padding-right: 8.33333%;
        padding-left: 10px;
        width: 50%
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search .banner-search-content {
        padding-right: 8.33333%;
        padding-left: 10px;
        width: 58.33333%
    }
}

.banner.banner-search .banner-search-content .form-simple {
    width: 100%
}

.banner.banner-search .banner-search-content a,
.banner.banner-search .banner-search-content p {
    margin-top: 24px
}

.banner.banner-search .banner-search-content p a {
    margin-left: 5px;
    text-decoration: underline
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]+label:after,
.banner.banner-search .banner-search-content .form-simple input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:checked+label.input-choice:after {
    top: 10px
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:disabled+label,
.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:disabled+label:after,
.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:disabled+label:before {
    cursor: not-allowed
}

.banner.banner-search .banner-search-content .form-simple .field-input {
    margin-top: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-search-content-large {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-search-content-large {
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search .banner-search-content-large {
        padding-right: 0
    }
}

.banner.banner-search .banner-search-content {
    z-index: 2
}

.banner.banner-search .banner-search-content.scroll-active {
    z-index: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-search-content-large .autocomplete {
        position: relative;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-search-content-large .autocomplete {
        position: relative;
        z-index: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-search-content p {
        margin-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-search-content p {
        margin-top: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search .banner-search-content-large p {
        margin-top: 20px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search .banner-search-content-large p {
        margin-top: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large .wrapper {
        margin-bottom: 27px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search-large .wrapper {
        margin-bottom: 132px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search-large .wrapper {
        margin-bottom: 152px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large .banner-search-input {
        padding: 12px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .banner.banner-search-large .banner-search-input {
        padding: 12px 8px 12px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search-large .banner-search-input {
        width: calc(67.5% + 16px);
        padding-left: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        height: 88px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search-large .banner-search-input {
        width: calc(75% - 36px);
        padding-left: 72px;
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        height: 88px
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search-large .banner-search-input {
        width: calc(324px + 50%);
        padding-left: calc(50% - 648px)
    }
}

.banner.banner-search-large .autocomplete,
.banner.banner-search-large .form-simple {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-search-large .form-simple {
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-search-large .form-simple {
        width: calc(100% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search-large .form-simple {
        width: calc(100% - 10px);
        padding-left: 11.11111%
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search-large .form-simple {
        padding-left: 108px
    }
}

.banner.banner-search-large .form-simple input {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large aside {
        position: static
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large aside:before {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large aside .banner-share {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 32px;
        background-color: initial
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .banner.banner-search-large aside .banner-share {
        width: calc(22.5% + 16px);
        padding-right: 16px;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 32px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-search-large aside .banner-share {
        width: calc(25% + 36px);
        padding-right: 72px;
        position: absolute;
        left: auto;
        right: 0;
        bottom: 32px;
        padding-left: 32px;
        text-align: start
    }
}

@media only screen and (min-width:1440px) {
    .banner.banner-search-large aside .banner-share {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.banner.banner-search-large aside .banner-share a {
    text-align: start
}

.banner.banner-search-large .link-list .list {
    gap: 0 20px
}

.content-introduction {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-introduction .content-introduction-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-introduction .content-introduction-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-introduction .content-introduction-wrapper {
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-introduction .content-introduction-wrapper {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto
    }
}

.content-introduction .content-introduction-wrapper p {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-introduction .content-introduction-wrapper p {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-introduction .content-introduction-wrapper p {
        width: 83.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-introduction .content-introduction-wrapper p {
        width: 66.66667%
    }
}

.prox-banner_light {
    position: relative
}

.prox-banner_light .wrapper {
    width: 100%;
    padding-inline: 16px;
    margin-block: 0;
    padding-block: 40px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .prox-banner_light .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .prox-banner_light .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.prox-banner_light .prox-banner_light-linkList,
.prox-banner_light form {
    margin: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .prox-banner_light .prox-banner_light-linkList,
    .prox-banner_light form {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .prox-banner_light .prox-banner_light-linkList,
    .prox-banner_light form {
        display: block;
        padding-inline: 10%;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .prox-banner_light .prox-banner_light-linkList,
    .prox-banner_light form {
        display: block;
        padding-inline: 10%;
        width: 100%
    }
}

.prox-banner_light form input[type=text] {
    width: 100%;
    padding-right: 20%;
    box-shadow: none
}

.prox-banner_light form button[type=submit] {
    width: 20%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .prox-banner_light form button[type=submit] span {
        display: none
    }
}

.form-simple .prox-banner_light:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .form-simple .prox-banner_light:before {
        width: calc(23% + 16px);
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .form-simple .prox-banner_light:before {
        width: calc(22.5% + 16px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .form-simple .prox-banner_light:before {
        width: calc(25% + 36px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .form-simple .prox-banner_light:before {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.prox-banner_light .prox-banner_light-linkList {
    display: flex;
    margin-top: 16px
}

@media only screen and (max-width:1024px) {
    .prox-banner_light .prox-banner_light-linkList {
        flex-wrap: wrap;
        gap: 16px
    }
}

@media only screen and (min-width:1025px) {
    .prox-banner_light .prox-banner_light-linkList {
        gap: 32px
    }
}

@media only screen and (max-width:1024px) {
    .prox-banner_light .prox-banner_light-linkList .button-link {
        flex: 1 0 calc(50% - 8px);
        text-align: left
    }
}

.banner.banner-search-large .autocomplete-list .autocomplete-item a,
.banner.banner-search-light .autocomplete-list .autocomplete-item a,
.banner.banner-search .autocomplete-list .autocomplete-item a {
    margin-top: 0
}

.banner.banner-search-large .autocomplete-field,
.banner.banner-search-light .autocomplete-field,
.banner.banner-search .autocomplete-field {
    position: relative;
    z-index: 4
}

.banner.banner-search-large .autocomplete-list,
.banner.banner-search-light .autocomplete-list,
.banner.banner-search .autocomplete-list {
    z-index: 3
}

.banner.banner-search-large .autocomplete-list-link a,
.banner.banner-search-light .autocomplete-list-link a,
.banner.banner-search .autocomplete-list-link a {
    margin-top: 0;
    padding-right: 14px;
    padding-left: 24px
}

.banner.banner-search-large .autocomplete-result,
.banner.banner-search-light .autocomplete-result,
.banner.banner-search .autocomplete-result {
    display: none
}

.banner.banner-search-large .autocomplete-result.opened,
.banner.banner-search-light .autocomplete-result.opened,
.banner.banner-search .autocomplete-result.opened {
    display: block
}

.content-edito {
    z-index: 1
}

.content-edito.modal-open {
    z-index: 3
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-edito {
        position: relative
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito {
        position: relative
    }
}

@media only screen and (min-width:1025px) {
    .content-edito {
        position: relative;
        display: block;
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .content-edito .content-block:first-of-type {
        padding-top: 32px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito .content-block:first-of-type {
        padding-top: 40px
    }
}

.content-edito .content-block.content-list-search {
    padding-top: 0;
    padding-bottom: 0
}

.content-edito .content-block.content-list-search .content-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito .content-sidebar {
        float: left
    }
}

@media only screen and (min-width:1025px) {
    .content-edito .content-sidebar {
        float: left;
        width: calc(16.66667% + 48px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito .content-sidebar {
        width: calc(-432px + 50%);
        padding-left: calc(50% - 648px);
        text-align: end;
        z-index: 1
    }
}

.content-edito .content-sidebar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1
}

@media only screen and (min-width:1025px) {
    .content-edito .content-sidebar:after {
        width: calc(16.66667% + 48px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito .content-sidebar:after {
        width: calc(-432px + 50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito .content-sidebar .content-sidebar-wrapper {
        width: 200px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar-large .content-sidebar {
        float: left;
        width: calc(33.33333% + 24px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar-large .content-sidebar {
        width: calc(-216px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar-large .content-sidebar:after {
        width: calc(66.66667% - 24px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar-large .content-sidebar:after {
        width: calc(-216px + 50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar-large .content-sidebar .content-sidebar-wrapper {
        width: 432px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .accordion-introduction,
    .content-edito.content-edito-sidebar .anchor-item,
    .content-edito.content-edito-sidebar .banner,
    .content-edito.content-edito-sidebar .block-content,
    .content-edito.content-edito-sidebar .content-block,
    .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        float: right;
        width: calc(83.33333% - 48px);
        padding-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .accordion-introduction,
    .content-edito.content-edito-sidebar .anchor-item,
    .content-edito.content-edito-sidebar .banner,
    .content-edito.content-edito-sidebar .block-content,
    .content-edito.content-edito-sidebar .content-block,
    .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        width: calc(432px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.share-price-content #share-price-header {
        width: calc(100% - 72px);
        margin-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.share-price-content #share-price-header {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-list-accordion {
        width: calc(83.33333% - 48px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .block-list-accordion {
        width: calc(432px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.content-edito.content-edito-sidebar .block-list-accordion .accordion-introduction,
.content-edito.content-edito-sidebar .block-list-accordion .content-block {
    width: 100% !important
}

.content-edito.content-edito-sidebar .block-list-accordion .accordion-introduction .wrapper,
.content-edito.content-edito-sidebar .content-block.content-rich-text {
    padding-left: 0
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left,
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left .wrapper {
        width: calc(60% - 43.2px);
        padding-right: calc(10% + 2.8px);
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left .wrapper {
        width: 648px;
        padding-right: 118px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside {
        width: calc(40% + 43.2px);
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside {
        width: calc(-648px + 100%);
        padding-right: calc(100% - 1080px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside figcaption,
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside span {
        width: calc(50% + 5px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside:before {
        width: calc(20% + 57.6px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside:before {
        width: calc(-864px + 100%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right .wrapper {
        width: calc(60% + 28.8px);
        padding-left: calc(10% + 2.8px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right .wrapper {
        width: calc(-432px + 100%);
        padding-right: calc(100% - 1080px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside {
        width: calc(40% - 28.8px);
        padding-inline: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside {
        width: 432px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside figcaption,
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside span {
        width: calc(50% + 5px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside:before {
        width: calc(20% - 4.4px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-right aside:before {
        width: 226px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-rich-text.content-left.content-simple .wrapper {
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-rich-text.content-right.content-simple .wrapper {
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-center {
        width: calc(83.33333% - 48px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-center {
        width: calc(432px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-center .wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .wrapper {
        padding-right: 0
    }
}

.content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .content-rich-text-column {
    padding-left: 10px;
    padding-right: 10px
}

.content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .content-rich-text-column:last-of-type {
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider {
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slick-arrow.slider-next {
        right: auto;
        left: 1090px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .js-slide {
        display: flex !important
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block {
        width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block {
        width: 1080px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-contents:after {
        width: calc(10% + 64.8px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-contents:after {
        width: calc(100% - 972px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block .wrapped-content {
        width: calc(60% - 43.2px);
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block .wrapped-content {
        width: 60%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block .wrapped-image {
        width: calc(40% + 43.2px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .content-block .wrapped-image {
        width: 40%
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-navigation {
        left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-navigation {
        left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-prev {
        left: -10px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-slider .slider-prev {
        left: -10px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery.content-gallery-background .slider-prev {
        left: -10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery.content-gallery-background .slider-prev {
        left: -10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery.content-gallery-background .slider-next {
        right: -38px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery.content-gallery-background .slider-next {
        right: -58px;
        left: unset;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper {
        padding-right: 72px;
        margin: unset
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper {
        padding-right: calc(100% - 1080px);
        max-width: unset
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full figure {
        width: calc(80% - 115.2px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full figure {
        width: 864px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: calc(10% - 7.2px);
        right: unset
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: 108px;
        right: unset
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper .slider-next {
        left: calc(90% - 64.8px);
        right: unset;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-block.content-picture-full .js-slider-wrapper .slider-next {
        left: 972px;
        right: unset
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito.content-edito-sidebar .content-block.content-list-icon {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-list-icon {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper {
        padding-left: 0;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper {
        padding-right: 0
    }
}

.content-edito.content-edito-sidebar .content-block.card-list .content-wrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.card-list .card {
        width: 33.33333%;
        margin-right: 0
    }
    .content-edito.content-edito-sidebar .content-block.card-list .card:last-of-type,
    .content-edito.content-edito-sidebar .content-block.card-list .card:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.card-list {
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.card-list {
        padding-right: calc(50% - 648px)
    }
}

.content-edito.content-edito-sidebar .content-block.card-list.card-list-slider .content-wrapper {
    padding-left: 0
}

.content-edito.content-edito-sidebar .content-block.card-list.content-card-list-webzine .card {
    width: 100%;
    margin-right: 0
}

.content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-default .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery {
        padding-left: 0;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery {
        width: calc(432px + 50%);
        padding-left: 0;
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery .content-gallery-caption {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery .content-gallery-legend {
        width: 40%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery .content-gallery-picture {
        width: calc(50% - 10px);
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-gallery .slider-navigation {
        left: calc(90% - 10px);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-edito.content-edito-sidebar .content-block.content-title {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito.content-edito-sidebar .content-block.content-title {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-title {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-title .content-title-description,
    .content-edito.content-edito-sidebar .content-block.content-title h2 {
        width: calc(90% - 18px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-title .content-title-button-share {
        left: 1080px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-link-list .wrapper,
    .content-edito.content-edito-sidebar .content-block.content-newswall .content-wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-link-list .wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-quote {
        width: calc(83.33333% - 48px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-quote {
        width: calc(432px + 50%)
    }
}

.content-edito.content-edito-sidebar .content-block.content-quote .wrapper-quote {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-quote aside {
        width: calc(33.33333% - 6.66667px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-quote .wrapper {
        width: calc(66.66667% - 13.33333px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-newswall .news {
        width: 33.33333%
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.product-list .content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.content-edito.content-edito-sidebar .content-block.content-list-image .wrapper {
    flex-flow: row wrap
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper .content-teaser,
    .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper .content-teaser {
        flex: 0 0 33.33333%
    }
    .content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper .content-teaser:last-of-type,
    .content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper .content-teaser:nth-of-type(3n),
    .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper .content-teaser:last-of-type,
    .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper .content-teaser:nth-of-type(3n) {
        margin-right: 0
    }
}

.content-edito.content-edito-sidebar .content-block.content-list-image .wrapper .content-teaser.content-teaser-image-large {
    flex: 1 0 100%
}

.content-edito.content-edito-sidebar .content-block.content-picture-full .content-wrapper {
    position: relative
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-favorite .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-block.content-favorite .wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-share-price .content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-newsalert section>.ng-scope {
        float: none;
        width: 100%
    }
}

.content-edito.content-edito-sidebar .content-block.content-speaker .wrapper {
    padding-left: 0;
    padding-right: 0
}

.content-edito.content-edito-sidebar .content-block.content-speaker .content-speaker-list {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito.content-edito-sidebar .content-block.content-key-takeaway {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-block.content-key-takeaway .wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content,
    .content-edito.content-edito-sidebar .content-tabs {
        padding-left: 0
    }
}

.content-edito.content-edito-sidebar .block-content .content-block {
    width: 100%
}

.content-edito.content-edito-sidebar .content-tabs {
    width: auto;
    max-width: inherit;
    margin: 0;
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .content-tabs .icon-gradient-white {
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .content-tabs .icon-gradient-white {
        left: 1080px;
        right: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.content-edito.content-edito-sidebar .block-content .accordion-content {
    float: none
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-picture-full,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-column,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-left,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-right {
        padding-left: 20px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content .content-rich-text-column:first-of-type,
    .content-edito.content-edito-sidebar .block-content .accordion-content .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-left aside:before,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-right aside:before {
        width: calc(20% + 57.6px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-left aside:before,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-right aside:before {
        width: calc(20% + 43.2px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-left aside figcaption,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-left aside iframe+span,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-right aside figcaption,
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-rich-text.content-right aside iframe+span {
        width: 50%;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-link-list {
        padding-left: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-gallery {
        float: right
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .block-content .accordion-content.content-gallery {
        float: right
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner.banner-aside aside:before {
        width: calc(20% + 57.6px);
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner.banner-aside aside:before {
        width: calc(-864px + 100%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner.banner-aside aside .banner-share {
        width: calc(20% + 57.6px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner.banner-aside aside .banner-share {
        width: calc(-864px + 100%);
        padding-right: calc(100% - 1080px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner.banner-background .wrapper,
    .content-edito.content-edito-sidebar .banner.banner-search .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner.banner-background .banner-share {
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner.banner-background .banner-share {
        right: calc(100% - 1080px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner.banner-search-large .banner-search-input {
        width: calc(75% - 36px);
        padding-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner.banner-search-large .banner-search-input {
        width: 810px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .accordion-introduction,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-tabs .content-tabs-list,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .ng-scope {
        float: right;
        width: calc(66.66667% - 24px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .accordion-introduction,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-tabs .content-tabs-list,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .ng-scope {
        width: calc(216px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title {
        width: calc(66.66667% - 24px);
        padding-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title {
        width: calc(216px + 50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title .content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title .content-title-description,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title h2 {
        width: calc(87.5% - 17.5px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-title .content-title-button-share {
        left: 864px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-quote .wrapper-quote {
    width: 100%
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left.content-simple .wrapper {
        width: 62.5%;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left.content-simple aside {
        width: 37.5%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside figcaption,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside span {
        width: calc(37.5% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside:before {
        width: calc(12.5% + 63px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside:before {
        width: calc(-756px + 100%)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right.content-simple .wrapper {
        width: 62.5%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right.content-simple aside {
        width: 37.5%;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside figcaption,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside span {
        width: calc(37.5% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside:before {
        width: calc(12.5% + 1px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside:before {
        width: 118px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-center {
        width: calc(66.66667% - 24px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-center {
        width: calc(216px + 50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-block.share-price-content #share-price-header,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-block.share-price-content .content-tabs {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-block.share-price-content .content-tabs {
        margin-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider {
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left,
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left .wrapper {
        width: calc(62.5% - 45px);
        padding-right: 10px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left .wrapper {
        width: 540px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside {
        width: calc(37.5% + 45px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-left aside {
        width: calc(-540px + 100%);
        padding-right: calc(100% - 864px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right .wrapper {
        width: calc(62.5% + 27px);
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right .wrapper {
        width: calc(-324px + 100%);
        padding-right: calc(100% - 864px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside {
        width: calc(37.5% - 27px);
        padding-inline: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-rich-text.content-right aside {
        width: 324px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .content-block {
        width: 100%;
        padding-right: calc(100% - 864px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .content-block .wrapped-content {
        width: 62.5%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .content-block .wrapped-content {
        width: 62.5%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .content-block .wrapped-image {
        width: 37.5%;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .content-block .wrapped-image {
        width: 37.5%;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .slider-contents:after {
        width: calc(12.5% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .slider-contents:after {
        width: calc(100% - 756px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-slider .slick-arrow.slider-next {
        left: 874px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-gallery {
        width: calc(216px + 50%);
        padding-left: 0;
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-gallery .content-gallery-legend {
        width: 37.5%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-gallery .content-gallery-picture {
        width: 62.5%;
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-block.content-gallery .slider-navigation {
        left: calc(87.5% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-tabs .icon-gradient-white {
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .content-tabs .icon-gradient-white {
        left: 864px;
        right: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.content-edito.content-edito-sidebar .banner-aside {
    padding-left: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner-aside .wrapper {
        width: calc(58.33333% - 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner-aside .wrapper {
        width: calc(58.33333% - 72px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner-aside aside {
        width: calc(41.66667% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner-aside aside {
        width: calc(41.66667% + 72px)
    }
}

.content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside {
    padding-left: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside {
        float: right;
        width: calc(66.66667% - 24px);
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside {
        width: calc(216px + 50%);
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside .wrapper {
        width: calc(62.5% - 45px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside .wrapper {
        width: 540px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside {
        width: calc(37.5% + 45px);
        padding-inline: 10px 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside {
        width: calc(-540px + 100%);
        padding-right: calc(100% - 864px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside:before {
        width: calc(12.5% + 63px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside:before {
        width: calc(-756px + 100%)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside .banner-share {
        width: 12.5%;
        margin-right: 72px;
        padding-inline: 10px 0
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside .banner-share {
        width: calc(12.5% - 10px);
        margin-right: calc(100% - 864px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar.content-edito-sidebar-large .banner-aside aside .banner-share button {
        padding-inline: 10px 0
    }
}

.content-edito.content-edito-sidebar .banner-aside.banner-full {
    padding-left: 0
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner-aside.banner-full .wrapper {
        width: calc(75% - 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner-aside.banner-full .wrapper {
        width: calc(75% - 72px)
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .banner-aside.banner-full aside {
        width: calc(25% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .banner-aside.banner-full aside {
        width: calc(25% + 72px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-edito.content-edito-sidebar .ng-scope {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-edito.content-edito-sidebar .ng-scope {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-edito.content-edito-sidebar .ng-scope {
        float: right;
        width: calc(83.33333% - 48px);
        padding-left: 20px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-edito.content-edito-sidebar .ng-scope {
        float: right;
        width: calc(432px + 50%);
        padding-left: 20px;
        padding-right: calc(50% - 648px)
    }
}

.content-edito.content-edito-sidebar .ng-scope .ng-scope {
    float: none;
    width: 100%;
    padding-left: 0
}

.content-edito.content-edito-sidebar .ng-scope .ng-scope input[type=checkbox] {
    width: auto
}

.content-edito.content-edito-sidebar .ng-scope form {
    padding-left: 0;
    padding-right: 0
}

figure.figure-private {
    display: inline-block;
    min-width: 200px;
    min-height: 200px
}

figure.figure-private button {
    position: relative
}

figure.figure-private button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .5s ease;
    opacity: .3
}

figure.figure-private button:hover:after {
    opacity: .4
}

figure.figure-private .figure-image-empty {
    display: block;
    height: 200px;
    margin-bottom: 32px
}

figure.figure-private .figure-icon-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

figure.figure-private .figure-icon-wrapper span {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

figure.figure-private .figure-icon-wrapper .icon-locked {
    display: inline-block;
    width: 50px;
    height: 50px;
    transition: fill .2s ease
}

.link-list {
    width: 100%;
    padding-left: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .link-list {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .link-list {
        margin-top: 32px
    }
}

@media only screen and (min-width:1440px) {
    .link-list {
        width: 100%
    }
}

.link-list .link-list-description {
    margin-bottom: 10px
}

.link-list .list {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    width: 100%;
    list-style: none
}

.link-list .content-link {
    text-align: start;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .link-list .content-link {
        width: 100%;
        margin-top: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .link-list .content-link {
        width: 50%;
        margin-top: 32px
    }
}

@media only screen and (min-width:1025px) {
    .link-list .content-link {
        margin-bottom: 15px;
        padding: 0
    }
}

.link-list .content-link:nth-of-type(2n) {
    padding-left: 10px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .link-list .content-link:nth-of-type(2n) {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .link-list .content-link:nth-of-type(2n) {
        padding-left: 0
    }
}

.link-list .content-link:nth-of-type(odd) {
    padding-right: 10px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .link-list .content-link:nth-of-type(odd) {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .link-list .content-link:nth-of-type(odd) {
        padding-right: 0
    }
}

.link-list .content-link .button-link {
    display: flex;
    word-break: break-all;
    align-items: flex-start
}

.link-list .content-link span {
    text-align: start
}

.link-list .content-link svg {
    flex: 0 0 1rem;
    top: 2px;
    margin-left: 10px
}

.link-list .content-link svg.icon-download,
.link-list .content-link svg.icon-locked {
    margin-left: 0;
    margin-right: 10px
}

.link-list .content-link a span {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.75
}

@media only screen and (min-width:1025px) {
    .link-list.link-list-column-four .content-link {
        width: calc(25% - 15px);
        margin-right: 20px
    }
    .link-list.link-list-column-four .content-link:last-of-type,
    .link-list.link-list-column-four .content-link:nth-of-type(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .link-list.link-list-column-three .content-link {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .link-list.link-list-column-three .content-link:last-of-type,
    .link-list.link-list-column-three .content-link:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .link-list.link-list-column-two .content-link {
        width: calc(50% - 10px);
        margin-right: 20px
    }
    .link-list.link-list-column-two .content-link:last-of-type,
    .link-list.link-list-column-two .content-link:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .link-list.link-list-column-one .content-link {
        width: 100%;
        margin-right: 0
    }
}

.content-block.card-list .content-wrapper .title-storywall,
.content-block.card-list h2,
.content-block.content-link-list h2,
.content-block.content-stories-wall h2,
.content-block.product-list h2,
.mysolution-header h1,
.wrapper .takeaway-title {
    display: inline-block;
    margin-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-wrapper .title-storywall,
    .content-block.card-list h2,
    .content-block.content-link-list h2,
    .content-block.content-stories-wall h2,
    .content-block.product-list h2,
    .mysolution-header h1,
    .wrapper .takeaway-title {
        width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .content-block.card-list .content-wrapper .title-storywall,
    .content-block.card-list h2,
    .content-block.content-link-list h2,
    .content-block.content-stories-wall h2,
    .content-block.product-list h2,
    .mysolution-header h1,
    .wrapper .takeaway-title {
        max-width: 1440px
    }
}

.content-block.card-list .content-block-introduction {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-block-introduction {
        width: 100%;
        padding-right: 58.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list .content-block-introduction {
        width: 100%;
        padding-right: 66.66667%
    }
}

.content-block.card-list .content-wrapper>.button,
.content-block.content-favorite .wrapper>.button,
.content-block.content-link-list>.button,
.content-block.product-list>.button,
.mysolution-header .wrapper>.button {
    margin-bottom: 16px;
    vertical-align: top
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-wrapper>.button,
    .content-block.content-favorite .wrapper>.button,
    .content-block.content-link-list>.button,
    .content-block.product-list>.button,
    .mysolution-header .wrapper>.button {
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-wrapper>.button,
    .content-block.content-favorite .wrapper>.button,
    .content-block.content-link-list>.button,
    .content-block.product-list>.button,
    .mysolution-header .wrapper>.button {
        max-width: 33.33333%
    }
}

.content-block {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block {
        padding-top: 24px;
        padding-bottom: 0
    }
}

.content-block h3 {
    margin-bottom: 32px
}

.content-block h4 {
    margin-bottom: 24px
}

.content-block h5 {
    margin-bottom: 29px
}

.content-block figure figcaption {
    display: none
}

.content-block figcaption,
.content-block iframe+span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.content-block img {
    display: block;
    height: auto;
    max-width: 100%;
    align-self: flex-start
}

.content-block .wistia_embed,
.content-block iframe {
    max-width: 100%;
    max-height: 100%
}

.content-block .content-text ol,
.content-block .content-text ul {
    margin-bottom: 24px;
    padding-left: 15px
}

.content-block .content-text ul {
    list-style: disc
}

.content-block .content-text ol {
    list-style: decimal
}

.content-block .content-text ol ol {
    list-style: lower-alpha
}

.content-block .content-text p img {
    display: inline
}

.content-block .content-text p img.align-left {
    float: left;
    margin-right: 10px
}

.content-block .content-text p img.align-right {
    float: right;
    margin-left: 10px
}

.content-block .content-text p img.align-center {
    display: inline;
    margin-left: 10px;
    margin-right: 10px
}

.content-block .content-text p {
    margin-bottom: 16px
}

.content-block .content-text p .button {
    margin-bottom: 5px
}

.content-block .content-text p .button-secondary {
    text-decoration: none;
    text-transform: uppercase
}

.content-block dt {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600
}

.autocomplete-list ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.content-text {
    display: inline-block;
    max-width: 100%
}

.content-text a {
    font-weight: 800
}

.content-default .wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-default .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-default .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-default h2 {
    margin-bottom: 24px
}

.content-default .content-default-link {
    display: inline-block;
    width: 100%;
    text-align: center
}

.content-block.content-rich-text {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text {
        display: flex;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text {
        justify-content: space-between
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text .wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text .wrapper {
        width: calc(45% + 16px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 50%
    }
}

.content-block.content-rich-text .content-text {
    width: 100%;
    margin-bottom: 24px
}

.content-block.content-rich-text .content-text p {
    margin-bottom: 24px
}

.content-block.content-rich-text .content-text p img {
    width: 100% !important;
    height: auto !important
}

.content-block.content-rich-text .content-text p:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text .content-text dt {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text .content-text dt {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text .content-text dt {
        width: 16.66667%;
        margin-bottom: 24px;
        padding-right: 10px
    }
}

.content-block.content-rich-text .content-text dd {
    margin-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text .content-text dd {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text .content-text dd {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text .content-text dd {
        width: 83.33333%;
        padding-left: 10px
    }
}

.content-block.content-rich-text dl.content-text {
    display: flex;
    flex-wrap: wrap
}

.content-block.content-rich-text aside {
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text aside {
        position: relative;
        flex-wrap: wrap;
        margin: 0 16px 24px;
        order: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text aside {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text aside {
        position: relative;
        width: 100%;
        order: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text aside {
        width: calc(37.5% + 16px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text aside {
        width: 41.66667%
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text aside {
        width: 50%
    }
}

.content-block.content-rich-text aside:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text aside:before {
        position: relative;
        width: 100%;
        height: 8px;
        order: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text aside:before {
        width: calc(22.5% + 16px);
        height: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text aside:before {
        width: calc(25% + 36px);
        height: 100%
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text aside:before {
        width: calc(-324px + 50%)
    }
}

.content-block.content-rich-text aside .iframe-description,
.content-block.content-rich-text aside figcaption,
.content-block.content-rich-text aside iframe+span {
    display: block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text aside .iframe-description,
    .content-block.content-rich-text aside figcaption,
    .content-block.content-rich-text aside iframe+span {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text aside .iframe-description,
    .content-block.content-rich-text aside figcaption,
    .content-block.content-rich-text aside iframe+span {
        width: 33.33333%;
        margin-top: 16px;
        margin-bottom: 10px;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text aside .iframe-description,
    .content-block.content-rich-text aside figcaption,
    .content-block.content-rich-text aside iframe+span {
        width: 60%;
        margin-top: 16px;
        text-align: start
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text aside .iframe-description,
    .content-block.content-rich-text aside figcaption,
    .content-block.content-rich-text aside iframe+span {
        float: right;
        width: 60%;
        margin-top: 16px;
        text-align: start
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text aside .iframe-description,
    .content-block.content-rich-text aside figcaption,
    .content-block.content-rich-text aside iframe+span {
        width: 324px;
        margin-top: 16px;
        text-align: start
    }
}

.content-block.content-rich-text aside strong {
    font-weight: 700
}

.content-block.content-rich-text .content-link {
    width: 100%;
    margin-bottom: 24px
}

.content-block.content-rich-text .content-link .button {
    margin-bottom: 5px
}

.content-block.content-rich-text aside .button-zoom {
    position: absolute
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-right.content-simple .wrapper {
        margin-left: 0;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right.content-simple .wrapper {
        width: calc(58.33333% - 12px);
        padding-right: 72px;
        margin-left: 0;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-right.content-simple .wrapper {
        width: calc(108px + 50%);
        padding-right: calc(50% - 648px);
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-right.content-simple aside {
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right.content-simple aside {
        width: calc(41.66667% + 12px);
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-right.content-simple aside {
        width: calc(-108px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-left.content-simple .wrapper {
        margin-right: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-left.content-simple .wrapper {
        width: calc(58.33333% - 12px);
        padding-left: 72px;
        margin-right: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-left.content-simple .wrapper {
        width: calc(108px + 50%);
        padding-left: calc(50% - 648px);
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-left.content-simple aside {
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-left.content-simple aside {
        width: calc(41.66667% + 12px);
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-left.content-simple aside {
        width: calc(-108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text.content-left {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-left {
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-left .wrapper {
        width: calc(52.5% + 16px);
        padding-left: 16px;
        padding-right: calc(7.5% + 8px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-left .wrapper {
        width: calc(58.33333% - 12px);
        padding-left: 72px;
        padding-right: calc(8.33333% - 2px)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-left .wrapper {
        width: calc(108px + 50%);
        padding-left: calc(50% - 648px);
        margin-right: 0
    }
}

.content-block.content-rich-text.content-left aside {
    text-align: end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text.content-left aside {
        display: flex;
        justify-content: right
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text.content-left aside {
        padding: 40px 16px 0 calc(25% + 16px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-left aside {
        padding: 0 16px 0 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-left aside {
        width: calc(41.66667% + 12px);
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-left aside {
        width: calc(-108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.content-block.content-rich-text.content-left aside:before {
    right: 0
}

.content-block.content-rich-text.content-left aside figcaption,
.content-block.content-rich-text.content-left aside iframe+.iframe-description,
.content-block.content-rich-text.content-left aside iframe+span {
    padding-left: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text.content-left aside figcaption,
    .content-block.content-rich-text.content-left aside iframe+.iframe-description,
    .content-block.content-rich-text.content-left aside iframe+span {
        float: right
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-left aside figcaption,
    .content-block.content-rich-text.content-left aside iframe+.iframe-description,
    .content-block.content-rich-text.content-left aside iframe+span {
        float: right
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-left aside figcaption,
    .content-block.content-rich-text.content-left aside iframe+.iframe-description,
    .content-block.content-rich-text.content-left aside iframe+span {
        float: right
    }
}

.content-block.content-rich-text.content-left aside figure {
    position: relative
}

.content-block.content-rich-text.content-left aside .button-zoom {
    top: 16px;
    right: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text.content-right {
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-right {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-right .wrapper {
        width: calc(52.5% + 16px);
        padding-right: 16px;
        padding-left: calc(7.5% + 8px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right .wrapper {
        width: calc(58.33333% - 12px);
        padding-right: 72px;
        padding-left: calc(8.33333% - 2px)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-right .wrapper {
        width: calc(108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text.content-right aside {
        display: flex;
        justify-content: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-rich-text.content-right aside {
        padding: 40px calc(25% + 16px) 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-rich-text.content-right aside {
        width: calc(37.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right aside {
        width: calc(41.66667% + 12px);
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-right aside {
        width: calc(-108px + 50%);
        padding-left: calc(50% - 648px)
    }
}

.content-block.content-rich-text.content-right aside:before {
    left: 0
}

.content-block.content-rich-text.content-right aside figcaption,
.content-block.content-rich-text.content-right aside iframe+span {
    padding-right: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text.content-right aside figcaption,
    .content-block.content-rich-text.content-right aside iframe+span {
        float: left
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-right aside figcaption,
    .content-block.content-rich-text.content-right aside iframe+span {
        float: left
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-rich-text.content-right aside figcaption,
    .content-block.content-rich-text.content-right aside iframe+span {
        float: left
    }
}

.content-block.content-rich-text.content-right aside figure {
    position: relative
}

.content-block.content-rich-text.content-right aside .button-zoom {
    top: 16px;
    right: 16px
}

.content-block.content-rich-text.content-center {
    text-align: start
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-center {
        justify-content: center
    }
}

.content-block.content-rich-text.content-center .wrapper {
    width: 100%;
    padding-inline: 16px;
    flex-direction: row
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text.content-center .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-center .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.content-rich-text.content-center .content-text {
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-center .content-text {
        width: 66.66667%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.content-block.content-rich-text.content-column {
    padding-block: 0;
    text-align: start
}

.content-block.content-rich-text.content-column .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-rich-text.content-column .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-column .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-rich-text.content-column .wrapper {
        padding-inline: 0
    }
}

.content-block.content-rich-text.content-column h3 {
    width: 100%
}

.content-block.content-rich-text.content-column .content-rich-text-column {
    padding-block: 24px
}

@media only screen and (max-width:1024px) {
    .content-block.content-rich-text.content-column .content-rich-text-column {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-column .content-rich-text-column {
        width: 50%;
        padding-inline: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-column .content-rich-text-column:first-of-type {
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-rich-text.content-column .content-rich-text-column:last-of-type {
        padding-left: 10px
    }
}

.content-block.content-rich-text.content-column .content-text {
    margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-slider.content-left .wrapper {
        margin-right: 8.33333%;
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider.content-left .wrapper {
        margin-right: 8.33333%;
        flex-direction: row;
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider.content-left .wrapper {
        flex-direction: row;
        margin-right: 0;
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-slider.content-left .wrapper .wrapped-content {
        padding-right: 30px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider.content-left .wrapper .wrapped-content {
        padding-right: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-slider.content-right .wrapper {
        margin-left: 8.33333%;
        padding-left: 0;
        flex-direction: row-reverse;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider.content-right .wrapper {
        margin-left: 8.33333%;
        flex-direction: row-reverse;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider.content-right .wrapper {
        flex-direction: row-reverse;
        margin-left: 0;
        padding-right: calc(50% - 648px)
    }
}

.content-block.content-slider.content-right .wrapper .wrapped-content {
    padding-left: 30px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .button-secondary,
    .button-tertiary {
        width: 100%
    }
}

.content-teaser-image {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 48px;
    text-align: end
}

.content-teaser-image .content-text {
    width: 100%;
    margin-bottom: 44px;
    text-align: start
}

.content-teaser-image figure {
    position: relative;
    z-index: 1
}

.content-teaser-image figure img {
    width: 100%
}

.content-teaser-image figure figcaption {
    display: none
}

.content-teaser-image .button {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .2)
}

.content-teaser-image .content-picture {
    position: relative
}

.content-teaser-image .content-link {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-image .content-link {
        top: -30px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-teaser-image .content-link {
        top: -30px
    }
}

@media only screen and (min-width:1025px) {
    .content-teaser-image .content-link {
        top: -20px
    }
}

.content-teaser-image .content-link:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -52px;
    width: 100%;
    height: 32px;
    z-index: 0
}

.content-teaser-image .content-link.content-link-empty {
    width: 50%
}

.content-teaser-image .link-overlay {
    z-index: 2
}

.content-teaser-image .content-teaser-image-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 600;
    text-align: left;
    margin-bottom: 21px
}

@media only screen and (max-width:1024px) {
    .content-teaser-image .content-teaser-image-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
}

.content-teaser-content .content-teaser-card-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: start;
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {
    .content-teaser-content .content-teaser-card-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        font-weight: 600
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-image.content-teaser-image-large {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-teaser-image.content-teaser-image-large {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-teaser-image.content-teaser-image-large {
        flex-direction: row;
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-teaser-image.content-teaser-image-large .content-teaser-content {
        width: 50%;
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-teaser-image.content-teaser-image-large .content-teaser-content {
        width: 50%;
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-teaser-image.content-teaser-image-large .content-picture {
        width: 50%;
        padding: 43px 72px 43px 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-teaser-image.content-teaser-image-large .content-picture {
        width: 50%;
        padding-right: calc(50% - 648px)
    }
}

.content-teaser-image.content-teaser-image-large .content-picture:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

@media only screen and (min-width:1025px) {
    .content-teaser-image.content-teaser-image-large .content-picture:before {
        width: calc(33.33333% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-teaser-image.content-teaser-image-large .content-picture:before {
        width: calc(-432px + 100%)
    }
}

.content-teaser-image.content-teaser-image-large .content-link {
    position: static;
    top: auto;
    right: auto;
    height: auto;
    text-align: start
}

@media only screen and (min-width:1025px) {
    .content-teaser-image.content-teaser-image-large .content-link {
        width: 100%
    }
}

.content-teaser-image.content-teaser-image-large .content-link:before {
    display: none
}

.content-teaser-image.content-teaser-image-large .link-overlay {
    max-width: 1296px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.content-teaser-icon {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 35px;
    padding-bottom: 35px
}

.content-teaser-icon .content-teaser-wrapper>svg {
    width: 50px;
    height: 50px;
    margin-bottom: 27px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-icon .content-teaser-wrapper>svg {
        width: 24px;
        height: 24px;
        margin-bottom: 8px
    }
}

.content-teaser-icon h3 {
    margin-bottom: 21px;
    font-size: 24px;
    text-align: start;
    font-weight: 700
}

.content-teaser-icon .content-text {
    width: 100%;
    margin-bottom: 25px;
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-icon .content-text {
        display: none
    }
}

.content-teaser-icon .button {
    text-align: start
}

.content-teaser-icon a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-icon {
        flex-direction: column
    }
}

.content-teaser-icon .content-teaser-icon-title {
    font-size: 24px;
    text-align: start;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-teaser-icon .content-teaser-icon-title {
        margin-bottom: 16px
    }
}

.content-block.content-list-image .wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-inline: 16px;
    justify-content: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-image .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-image .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-image .content-teaser {
        width: 100%;
        margin-bottom: 54px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-image .content-teaser {
        flex: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 54px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-image .content-teaser {
        flex: 1 0 calc(25% - 15px);
        max-width: calc(33% - 13.33333px);
        margin-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-image .content-teaser:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-image .content-teaser:nth-of-type(4n) {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-image .content-teaser:last-of-type {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-image .content-teaser:last-of-type {
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-image .content-teaser-image-large .content-teaser-content {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-image .content-teaser-image-large .content-teaser-content {
        margin-bottom: 16px
    }
}

.content-block.content-list-image .content-teaser-image.content-teaser-image-large {
    max-width: unset;
    margin-right: 0;
    margin-bottom: 0
}

.content-block.content-list-icon {
    padding-top: 40px;
    padding-bottom: 40px
}

.content-block.content-list-icon .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-icon .wrapper {
        width: 1296px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-icon .content-teaser {
        width: 100%;
        padding: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-icon .content-teaser {
        width: 50%;
        padding-left: 26px;
        padding-right: 26px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-icon .content-teaser {
        width: 25%;
        padding-left: 26px;
        padding-right: 26px
    }
}

.content-block.content-list-icon .content-text p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.29
}

.content-block.content-title {
    position: relative;
    padding-top: 56px;
    padding-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-title .content-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-title .content-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-title .content-wrapper {
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-title .content-wrapper {
        width: 1440px;
        margin-left: auto;
        margin-right: auto
    }
}

.content-block.content-title .content-title-button-share {
    position: absolute;
    top: 0;
    cursor: pointer
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-title .content-title-button-share {
        right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-title .content-title-button-share {
        right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-title .content-title-button-share {
        right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-title .content-title-button-share {
        right: calc(50% - 648px)
    }
}

.content-block.content-title h1,
.content-block.content-title h2 {
    display: inline-block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-title h1,
    .content-block.content-title h2 {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-title h1,
    .content-block.content-title h2 {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-title h1,
    .content-block.content-title h2 {
        width: 66.66667%
    }
}

.content-block.content-title p {
    width: 33.33333%;
    margin-top: 24px;
    line-height: 1.5
}

.content-block.content-title button {
    vertical-align: bottom
}

.content-block.content-center {
    text-align: center
}

.content-block.content-center .content-title-description {
    display: inline-block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-center .content-title-description {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-center .content-title-description {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-center .content-title-description {
        width: 33.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-left .content-title-description {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-left .content-title-description {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-left .content-title-description {
        width: 100%
    }
}

.block-content.block-list-accordion {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .block-content.block-list-accordion {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .block-content.block-list-accordion {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.block-content.block-list-accordion .accordion-content {
    display: none
}

.block-content.block-list-accordion .accordion-content.card-list.card-list {
    display: none;
    padding-left: 0;
    padding-right: 0
}

.block-content.block-list-accordion .accordion-item {
    margin-bottom: 16px
}

.block-content.block-list-accordion .accordion-item.opened {
    margin-bottom: 48px
}

.block-content.block-list-accordion .accordion-item .content-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.block-content.block-list-accordion .accordion-item .accordion-introduction {
    padding: 0
}

.block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
.block-content.block-list-accordion .accordion-item .content-block {
    padding: 20px 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    .block-content.block-list-accordion .accordion-item .content-block {
        padding-right: 58px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    .block-content.block-list-accordion .accordion-item .content-block {
        padding-right: 58px
    }
}

@media only screen and (min-width:1025px) {
    .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    .block-content.block-list-accordion .accordion-item .content-block {
        padding-right: 72px
    }
}

.accordion-item .content-block.accordion-content.content-gallery>.content-gallery-caption,
.accordion-item .content-block.accordion-content.content-link-list>.wrapper,
.accordion-item .content-block.accordion-content.content-rich-text.content-center>.wrapper,
.accordion-item .content-block.accordion-content.content-rich-text.content-column>.wrapper,
.accordion-item .content-block.accordion-content>.wrapper-quote {
    padding: 0
}

.accordion-item .content-block.accordion-content.content-list-icon>.wrapper {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right .wrapper {
        padding-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right .wrapper {
        padding: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right .wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right aside {
        padding-left: 0
    }
}

@media only screen and (max-width:1024px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right aside {
        padding: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-right aside {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left .wrapper {
        padding-left: 0
    }
}

@media only screen and (max-width:1024px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left .wrapper {
        padding: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left .wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left aside {
        padding-right: 0
    }
}

@media only screen and (max-width:1024px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left aside {
        padding: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left aside {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left aside figcaption,
    .accordion-item .content-block.accordion-content.content-rich-text.content-left iframe+span,
    .accordion-item .content-block.accordion-content.content-rich-text.content-right aside figcaption,
    .accordion-item .content-block.accordion-content.content-rich-text.content-right iframe+span {
        width: 60%;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .accordion-item .content-block.accordion-content.content-rich-text.content-left aside figcaption,
    .accordion-item .content-block.accordion-content.content-rich-text.content-left iframe+span,
    .accordion-item .content-block.accordion-content.content-rich-text.content-right aside figcaption,
    .accordion-item .content-block.accordion-content.content-rich-text.content-right iframe+span {
        width: 50%;
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-gallery .content-gallery-legend {
        padding-left: 72px
    }
}

.accordion-item .content-block.accordion-content.content-gallery .content-gallery-caption {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .accordion-item .content-block.accordion-content.content-gallery .content-gallery-caption .content-gallery-slide {
        align-items: flex-start
    }
}

@media only screen and (min-width:1025px) {
    .accordion-item .content-block.accordion-content.content-gallery .content-gallery-caption .content-gallery-slide {
        align-items: center
    }
}

.accordion-item .content-block.accordion-content.content-picture-full .content-wrapper {
    padding-left: 0;
    padding-right: 0
}

.accordion-item .content-block.accordion-content.content-gallery {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .accordion-item .content-block.accordion-content.content-pimproduct-data {
        padding: 0
    }
}

.accordion-item .content-block.accordion-content.content-favorite.content-favorite-list,
.accordion-item .content-block.accordion-content.content-favorite.content-favorite-list .wrapper {
    padding: 0
}

.accordion-item .content-block.accordion-content.content-favorite.content-favorite-list .favorite-list,
.accordion-item .content-block.accordion-content.content-favorite.content-favorite-list .wrapper .favorite-list {
    margin-bottom: 0
}

.block-list-accordion .accordion-item.opened.accordion-item-transparent,
.block-list-accordion .accordion-item.opened.accordion-item-transparent .content-block {
    background-color: initial
}

.block-list-accordion .accordion-item.opened .accordion-content.card-list,
.block-list-accordion .accordion-item.opened .accordion-content.content-link-list,
.block-list-accordion .accordion-item.opened .accordion-content.content-picture-full,
.block-list-accordion .accordion-item.opened .accordion-content.content-quote,
.block-list-accordion .accordion-item.opened .accordion-content.content-rich-text {
    display: flex
}

.block-list-accordion .accordion-item.opened .accordion-content.card-list.card-list-slider,
.block-list-accordion .accordion-item.opened .accordion-content.content-default,
.block-list-accordion .accordion-item.opened .accordion-content.content-favorite-list,
.block-list-accordion .accordion-item.opened .accordion-content.content-gallery,
.block-list-accordion .accordion-item.opened .accordion-content.content-list-icon,
.block-list-accordion .accordion-item.opened .accordion-content.content-list-image,
.block-list-accordion .accordion-item.opened .accordion-content.content-newswall,
.block-list-accordion .accordion-item.opened .accordion-content.content-pimproduct-data,
.block-list-accordion .accordion-item.opened .accordion-content.content-slider,
.block-list-accordion .accordion-item.opened .accordion-content.content-title {
    display: block
}

.block-list-accordion .accordion-item.opened .accordion-introduction .wrapper:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.block-list-accordion .accordion-item.opened .content-product-favorite {
    padding-left: 0;
    padding-right: 0
}

.block-list-accordion .accordion-item.opened .content-favorite-list {
    padding-top: 0
}

.block-list-accordion .accordion-item.opened .content-product-favorite .content-text {
    line-height: 1
}

.content-block.content-slider {
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0
}

.content-block.content-slider .slider-wrapper {
    position: relative;
    display: block;
    width: 100%
}

.content-block.content-slider .slider-wrapper .slider-contents {
    background-repeat: no-repeat;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .content-block.content-slider .slider-wrapper .slider-contents {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .slider-wrapper .slider-contents {
        padding-bottom: 40px
    }
}

.content-block.content-slider .slider-wrapper .slider-contents:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 20%;
    z-index: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-slider .slider-wrapper .slider-contents:after {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .slider-wrapper .slider-contents:after {
        width: calc(25% + 36px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider .slider-wrapper .slider-contents:after {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (max-width:1024px) {
    .content-block.content-slider .slider-wrapper .slider-navigation {
        padding-inline: 6px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .slider-wrapper .slider-navigation {
        position: absolute;
        left: 72px;
        bottom: 0;
        margin-top: 10px;
        z-index: 1
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider .slider-wrapper .slider-navigation {
        left: calc(50% - 648px)
    }
}

.content-block.content-slider .slider-wrapper .slider-navigation ul {
    margin-bottom: 0;
    padding-left: 0
}

@media only screen and (max-width:1024px) {
    .content-block.content-slider .slider-wrapper .js-slider,
    .content-block.content-slider .slider-wrapper .slick-slider {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .slider-wrapper .js-slider,
    .content-block.content-slider .slider-wrapper .slick-slider {
        padding-bottom: 10px
    }
}

.content-block.content-slider .slider-wrapper .content-rich-text {
    background-color: initial
}

.content-block.content-slider .slider-wrapper .slider-contents:after {
    right: 0
}

.content-block.content-slider.content-picture-full {
    padding-top: 40px !important;
    padding-bottom: 40px
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .content-slider-link {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 100%;
        max-width: 1296px;
        z-index: 1
    }
}

.content-block.content-slider .content-rich-text {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0
}

.content-block.content-slider .content-rich-text .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    background-repeat: no-repeat;
    margin: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-slider .content-rich-text .wrapper {
        position: relative;
        background-size: 180%;
        background-image: inherit !important;
        flex-direction: column;
        padding-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-slider .content-rich-text .wrapper {
        padding-bottom: 32px;
        background-image: inherit !important
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .content-rich-text .wrapper {
        padding-left: 0;
        padding-right: 0;
        background-position: top -230px right 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-slider .content-rich-text .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .content-rich-text .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: inherit;
        background-position: left calc(50% - 560px) top -140px;
        background-repeat: no-repeat;
        background-size: 700px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        width: calc(52.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        width: calc(58.33333% - 12px);
        padding-left: 72px;
        padding-right: calc(8.33333% - 12px)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        width: calc(108px + 50%);
        padding-left: calc(50% - 648px);
        padding-right: 118px
    }
}

.content-block.content-slider .content-rich-text .wrapper .wrapped-image {
    align-self: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        width: calc(37.5% + 16px);
        padding-right: 16px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        width: calc(41.66667% + 12px);
        padding-right: 72px;
        display: inline-block;
        padding-left: 10px;
        text-align: end
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        width: calc(-108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.content-block.content-slider .content-rich-text .wrapper .wrapped-image img {
    display: inline-block
}

.content-block.content-slider .content-rich-text h1 {
    text-align: left;
    margin-bottom: 24px
}

.content-block.content-slider .content-rich-text .subtitle {
    margin-bottom: 20px
}

.content-block.content-slider .content-rich-text .content-link,
.content-block.content-slider .content-rich-text .content-link a {
    margin-bottom: 0
}

.content-block.content-slider .content-rich-text .content-link {
    display: flex;
    gap: 24px
}

.content-slider .slider-next,
.content-slider .slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .content-slider .slider-next,
    .content-slider .slider-prev {
        display: none !important
    }
}

@media only screen and (min-width:1025px) {
    .content-slider .slider-prev {
        left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-slider .slider-prev {
        left: calc(50% - 716px)
    }
}

@media only screen and (min-width:1025px) {
    .content-slider .slider-next {
        right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-slider .slider-next {
        right: calc(50% - 716px)
    }
}

.content-block.content-quote {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    text-align: center;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-quote {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-quote {
        flex-direction: column;
        padding: 50px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-quote {
        flex-direction: row;
        justify-content: center;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote {
        justify-content: center
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-quote {
        max-width: unset
    }
}

.content-block.content-quote .wrapper-quote {
    display: flex;
    flex-direction: row
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-quote .wrapper-quote {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-quote .wrapper-quote {
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote .wrapper-quote {
        width: 100%;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-quote .wrapper-quote {
        width: 1440px;
        padding: 0 72px
    }
}

.content-block.content-quote aside {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-quote aside {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-quote aside {
        width: 33.33333%;
        padding: 0 10px 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-quote aside {
        width: 25%;
        padding: 0 10px 0 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote aside {
        padding: 0 10px 0 0;
        width: 16.66667%
    }
}

.content-block.content-quote aside img {
    display: inline-block;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.content-block.content-quote .wrapper {
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-quote .wrapper {
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-quote .wrapper {
        width: 66.66667%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-quote .wrapper {
        width: 83.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote .wrapper {
        width: 66.66667%;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-quote aside+.wrapper {
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-quote aside+.wrapper {
        width: 50%;
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-quote aside+.wrapper {
        padding: 0 0 0 10px
    }
}

.content-block.content-quote .content-title {
    width: 100%
}

.content-block.content-quote .content-icon {
    position: absolute;
    top: -12px;
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1;
    height: 32px;
    text-align: start
}

.content-block.content-quote .icon {
    width: 2rem;
    height: 2rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: top
}

.content-block.content-quote .content-quote-text {
    margin-bottom: 16px;
    padding-left: 42px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.3
}

.content-block.content-quote .content-author {
    margin-top: 10px;
    padding-left: 42px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase
}

.content-block.content-link-list {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-link-list {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-link-list {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-link-list {
        padding-top: 40px;
        padding-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-link-list {
        align-items: center;
        justify-content: space-between;
        padding-top: 34px;
        padding-bottom: 30px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-link-list {
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 40px 0
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-link-list {
        max-width: unset;
        justify-content: center
    }
}

.content-block.content-link-list .wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap
}

@media only screen and (min-width:1025px) {
    .content-block.content-link-list .wrapper {
        width: 1440px;
        padding-inline: 72px
    }
}

.content-block.content-link-list .content-text {
    display: inline-block;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-link-list .content-text {
        margin-top: 16px
    }
}

.content-block.content-banner {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner {
        display: flex;
        flex-direction: column
    }
}

.content-block.content-banner .wrapper {
    padding-top: 48px;
    padding-bottom: 48px;
    background-size: 600px;
    background-repeat: no-repeat
}

.content-block.content-banner h1 {
    margin-bottom: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner h1 {
        margin-top: 12px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner p:first-child {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 600
    }
}

.content-block.content-banner aside {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner aside {
        padding-top: 52px;
        padding-bottom: 52px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-banner aside:before {
        height: 100%
    }
}

.content-block.content-banner aside .banner-share-link {
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner aside .banner-share-link {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: calc(50% - 32px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-banner aside .banner-share-link {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: calc(60% - 32px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-banner aside .banner-share-link {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: calc(60% - 32px)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-banner aside .banner-share-link {
        position: absolute;
        bottom: 25px;
        left: 349px;
        width: 270px
    }
}

.content-block.content-banner .button-secondary+.button-secondary {
    background-color: initial
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner .button-secondary+.button-secondary {
        margin-top: 8px;
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-banner .button-secondary+.button-secondary {
        margin-top: 8px;
        margin-left: 0
    }
}

.content-block.content-banner.content-left aside {
    padding-bottom: 75px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner.content-no-image {
        position: relative
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner.content-no-image .wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner.content-no-image aside {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner.content-no-image aside:before {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-banner.content-no-image .banner-share-link {
        position: relative;
        bottom: auto;
        right: auto;
        display: inline-block;
        width: auto;
        padding-left: 47px;
        padding-right: 54px
    }
}

.content-block.banner-background .wrapper {
    width: 100%;
    padding-inline: 16px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.banner-background .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.banner-background .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.banner-background .banner-share-link {
    padding: 14px 54px 14px 47px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.banner-background .banner-share-link {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.banner-background .banner-share-link {
        position: absolute;
        top: 0;
        right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.banner-background .banner-share-link {
        position: absolute;
        top: 0;
        right: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.banner-background .content-link {
        text-align: center
    }
}

.content-banner.content-block.content-left:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-banner.content-block.content-left:after {
        order: 2
    }
}

.content-tabs {
    width: 100%;
    position: relative
}

.content-tabs .content-tabs-list .slick-slide:before,
.content-tabs .content-tabs-list li:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px
}

.content-tabs .content-tabs-list .slick-slide a,
.content-tabs .content-tabs-list .slick-slide button,
.content-tabs .content-tabs-list li a,
.content-tabs .content-tabs-list li button {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px;
    border-style: solid;
    border-width: 1px
}

.content-tabs .content-tabs-list .slick-slide a:before,
.content-tabs .content-tabs-list .slick-slide button:before,
.content-tabs .content-tabs-list li a:before,
.content-tabs .content-tabs-list li button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 1px;
    height: 1px
}

.content-tabs .content-tabs-list .slick-slide a:after,
.content-tabs .content-tabs-list .slick-slide button:after,
.content-tabs .content-tabs-list li a:after,
.content-tabs .content-tabs-list li button:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px
}

.content-tabs .content-tabs-button {
    display: inline-block;
    text-align: start;
    vertical-align: top
}

.content-tabs .content-tabs-section {
    order: 1;
    display: none
}

.content-tabs .content-tabs-section .content-block {
    display: none
}

.content-tabs .content-tabs-section.opened {
    display: block
}

.content-tabs .content-tabs-section.opened .content-banner,
.content-tabs .content-tabs-section.opened .content-block,
.content-tabs .content-tabs-section.opened .content-link-list,
.content-tabs .content-tabs-section.opened .content-quote,
.content-tabs .content-tabs-section.opened .content-rich-text,
.content-tabs .content-tabs-section.opened .content-title {
    display: flex
}

.content-tabs .content-tabs-section.opened .card-list-slider,
.content-tabs .content-tabs-section.opened .content-slider {
    display: block
}

.content-tabs .content-tabs-section.opened .block-content.block-list-accordion .accordion-content {
    display: none
}

.content-tabs .content-tabs-section.opened .block-content.block-list-accordion .accordion-item.opened .accordion-content {
    display: flex
}

.content-tabs-list {
    position: relative;
    display: flex;
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-tabs-list {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-tabs-list {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-tabs-list {
        width: 100%;
        padding-inline: calc(50% - 648px)
    }
}

.content-tabs-list .slick-list {
    width: 100%
}

.content-tabs-list .slick-track {
    display: flex;
    align-items: flex-end;
    margin: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs-list .slick-slide {
        max-width: 200px
    }
}

.content-tabs-list .js-tabs-list {
    width: 100%;
    padding-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs-list .js-tabs-list {
        display: none
    }
}

.content-tabs .icon-gradient-white {
    display: block;
    position: absolute;
    top: 0;
    height: 52px;
    fill: transparent;
    background-image: linear-gradient(270deg, #fff 31%, transparent 80%);
    pointer-events: none;
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs .icon-gradient-white {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-tabs .icon-gradient-white {
        right: 0;
        width: 120px
    }
}

@media only screen and (min-width:1025px) {
    .content-tabs .icon-gradient-white {
        right: 0;
        width: 200px
    }
}

@media only screen and (min-width:1440px) {
    .content-tabs .icon-gradient-white {
        right: calc(50% - 720px)
    }
}

.content-tabs-list.content-tabs-list-centered {
    justify-content: center
}

.content-tabs-list.content-tabs-list-centered .content-tabs-button {
    margin-left: 16px;
    margin-right: 16px
}

.content-tabs-list.content-tabs-list-centered+.icon-gradient-white,
.content-tabs-list .select-wrapper {
    display: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs-list .select-wrapper {
        position: relative;
        display: flex;
        gap: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 16px
    }
}

.content-tabs-list .select-wrapper:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 60%;
    width: 12px;
    height: 12px;
    -webkit-clip-path: polygon(100% 0, 0 0, 50% 60%);
    clip-path: polygon(100% 0, 0 0, 50% 60%);
    pointer-events: none
}

.content-tabs-list .select-wrapper span {
    display: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs-list .select-wrapper span {
        display: block;
        font-size: 16px;
        font-weight: 400
    }
}

.content-tabs-list .select-wrapper select.content-tabs-select {
    display: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-tabs-list .select-wrapper select.content-tabs-select {
        display: block;
        width: 100%;
        height: 56px;
        margin-left: 16px;
        margin-right: 16px;
        padding: 16px 24px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        font-weight: 700;
        border-radius: 4px;
        -webkit-appearance: none;
        appearance: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list h2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list h2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-block.card-list h2.align-center {
    width: 100%
}

.content-block.card-list .content-link {
    width: 100%;
    margin-top: 32px;
    text-align: center
}

.content-block.card-list .content-link .button {
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-link .button {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-wrapper>.button {
        max-width: 92%;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-wrapper>.button {
        max-width: 90%;
        margin-left: 16px;
        margin-right: 16px
    }
}

.content-block.card-list .content-block-introduction {
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-block-introduction {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-block-introduction {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-wrapper {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list .content-wrapper {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.card-list .content-wrapper {
        width: 1440px;
        margin: auto
    }
}

.content-block.card-list .content-wrapper .title-storywall {
    font-weight: 700;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1
}

@media only screen and (max-width:1024px) {
    .content-block.card-list .content-wrapper .title-storywall {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .content-wrapper .title-storywall {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .content-wrapper .title-storywall {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-block.card-list .card-list-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .card-list-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .card-list-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-block.card-list .card {
    margin-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-block.card-list .card:last-of-type,
    .content-block.card-list .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list .card {
        width: calc(25% - 15px);
        margin-right: 20px
    }
    .content-block.card-list .card:last-of-type,
    .content-block.card-list .card:nth-of-type(4n) {
        margin-right: 0
    }
}

.content-block.card-list .card-list-wrapper .button {
    margin-top: 16px
}

.content-block.card-list.card-list-classic,
.content-block.card-list.card-list-classic .content-wrapper {
    display: flex;
    flex-flow: row wrap
}

.content-block.card-list.card-list-classic .card-medium {
    margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.card-list-classic .card-medium {
        width: 50%;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-classic .card-medium {
        width: 25%;
        margin-right: 0
    }
}

.content-block.card-list.card-list-slider .card {
    display: flex !important
}

.content-block.card-list.card-list-slider .card-list-wrapper {
    position: relative;
    padding: 0
}

.content-block.card-list.card-list-slider .js-slider {
    width: 100%;
    padding-bottom: 0
}

.content-block.card-list.card-list-slider .slick-slide {
    height: inherit !important
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.card-list-slider .slick-slide {
        margin-left: 8px;
        margin-right: 8px;
        padding: 15px 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.card-list-slider .slick-slide {
        margin-left: 8px;
        margin-right: 8px;
        padding: 15px 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-slider .slick-slide {
        float: none;
        margin-left: 10px;
        margin-right: 10px
    }
}

.content-block.card-list.card-list-slider .slick-slide>div {
    height: 100%
}

.content-block.card-list.card-list-slider .slick-slide .card {
    height: 100%;
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.card-list-slider .slick-list {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.card-list-slider .slick-list {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-block.card-list.card-list-slider .slick-track {
    display: flex;
    align-items: stretch
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.card-list-slider .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.card-list-slider .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-slider .slick-arrow {
        position: absolute;
        top: calc(50% - 15px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-slider .slider-next {
        right: -59px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-slider .slider-prev {
        left: -59px
    }
}

.content-block.card-list.card-list-slider .slick-dots {
    margin-bottom: 0
}

.content-block.card-list.card-list-slider .slider-navigation {
    text-align: center;
    margin-top: 20px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.card-list-slider .slider-navigation {
        width: calc(100% - 10px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.card-list-slider .slider-navigation {
        width: calc(100% - 16px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.card-list-slider .slider-navigation {
        width: calc(100% - 20px)
    }
}

.card-list.card-list-hidden .card-event:nth-of-type(1n+4) {
    display: none
}

.card-list.card-list-hidden.opened .card-event:nth-of-type(1n+4) {
    display: flex
}

.page-contact-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    z-index: 100;
    bottom: 40%;
    right: 0;
    -webkit-transform: translateX(calc(100% - 53px));
    transform: translateX(calc(100% - 53px))
}

.page-contact {
    display: flex;
    align-items: center;
    position: relative;
    height: 52px;
    margin-bottom: 4px;
    padding-left: 0;
    padding-right: 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    transition: background-color .2s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, background-color .2s ease;
    transition: transform .3s ease, background-color .2s ease, -webkit-transform .3s ease;
    -webkit-animation: slideInFromLeft 6s 0s 1;
    animation: slideInFromLeft 6s 0s 1
}

.page-contact.showed,
.page-contact:active,
.page-contact:focus,
.page-contact:hover {
    cursor: pointer;
    -webkit-transform: translateX(calc(-100% + 53px));
    transform: translateX(calc(-100% + 53px))
}

.page-contact svg {
    width: 32px;
    height: 32px;
    margin: 12px
}

.page-contact .counter {
    position: absolute;
    top: 25px;
    left: 10px
}

@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    40% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    80% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    40% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    80% {
        -webkit-transform: translateX(calc(-100% + 53px));
        transform: translateX(calc(-100% + 53px))
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    40% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    80% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    0% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    40% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    80% {
        -webkit-transform: translateX(calc(100% - 53px));
        transform: translateX(calc(100% - 53px))
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.content-gallery .content-gallery-caption {
    position: relative;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery .content-gallery-caption {
        padding: 40px 16px 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-gallery .content-gallery-caption {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery .content-gallery-caption {
        padding-top: 33px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery .content-gallery-caption {
        padding-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery .content-gallery-caption {
        padding: 0 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery .content-gallery-caption {
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

.content-gallery .content-gallery-caption:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery .content-gallery-caption:before {
        width: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery .content-gallery-caption:before {
        width: calc(45% + 16px);
        padding-left: 16px
    }
}

.content-gallery .content-gallery-caption .content-gallery-legend {
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    padding-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery .content-gallery-caption .content-gallery-legend {
        width: calc(50% - 16px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery .content-gallery-caption .content-gallery-legend {
        width: calc(50% - 16px)
    }
}

.content-gallery .content-gallery-caption .content-gallery-picture {
    margin-bottom: 10px
}

.content-gallery .content-gallery-caption .content-gallery-picture img {
    max-width: 100%;
    height: auto
}

.content-gallery .content-gallery-caption .content-gallery-video {
    position: relative;
    margin-bottom: 10px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery .content-gallery-caption .content-gallery-video {
        padding-top: 56.25%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery .content-gallery-caption .content-gallery-video {
        padding-top: 56.25%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery .content-gallery-caption .content-gallery-video {
        padding-top: 28.125%
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery .content-gallery-caption .content-gallery-video {
        padding-top: 28.125%
    }
}

.content-gallery .content-gallery-caption .content-gallery-video .wistia_embed,
.content-gallery .content-gallery-caption .content-gallery-video iframe {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: calc(100% - 20px);
    height: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-background .content-gallery-slider {
        display: flex;
        flex-direction: row;
        padding-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .content-gallery-slider {
        display: flex;
        flex-direction: row;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-background .content-gallery-caption:before {
        width: calc(45% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .content-gallery-caption:before {
        width: 50%;
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-background .content-gallery-caption:before {
        width: 50%;
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-background .content-gallery-legend {
        width: 33.33333%;
        padding-right: 8px;
        text-align: start
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .content-gallery-legend {
        width: 33.33333%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: start
    }
}

.content-gallery.content-gallery-background .content-gallery-picture,
.content-gallery.content-gallery-background .content-gallery-video {
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-background .content-gallery-picture,
    .content-gallery.content-gallery-background .content-gallery-video {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-background .content-gallery-picture,
    .content-gallery.content-gallery-background .content-gallery-video {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-background .content-gallery-picture,
    .content-gallery.content-gallery-background .content-gallery-video {
        display: inline-block;
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .content-gallery-picture,
    .content-gallery.content-gallery-background .content-gallery-video {
        display: inline-block;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-background .content-gallery-slide {
        position: relative;
        display: flex;
        align-items: flex-end;
        text-align: end
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .content-gallery-slide {
        position: relative;
        display: flex;
        align-items: flex-end;
        text-align: end
    }
}

.content-gallery.content-gallery-background .slick-list,
.content-gallery.content-gallery-background .slick-track {
    min-width: 100%
}

.content-gallery.content-gallery-background .slider-next,
.content-gallery.content-gallery-background .slider-prev {
    position: absolute
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-background .slider-next,
    .content-gallery.content-gallery-background .slider-prev {
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-gallery.content-gallery-background .slider-next,
    .content-gallery.content-gallery-background .slider-prev {
        top: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .slider-next,
    .content-gallery.content-gallery-background .slider-prev {
        top: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-background .slider-prev {
        left: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-gallery.content-gallery-background .slider-prev {
        left: calc(30% + 26px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .slider-prev {
        left: calc(33.33333% + 34px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-background .slider-prev {
        left: calc(-206px + 50%)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-background .slider-next {
        right: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-gallery.content-gallery-background .slider-next {
        right: calc(15% + 26px);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-background .slider-next {
        right: calc(16.66667% + 58px);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-background .slider-next {
        right: calc(-422px + 50%)
    }
}

.content-gallery.content-gallery-text {
    position: relative;
    padding-top: 0;
    z-index: 0
}

.content-gallery.content-gallery-text .content-gallery-caption {
    padding-top: 46px
}

.content-gallery.content-gallery-text .js-slider-wrapper {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text .content-gallery-slider,
    .content-gallery.content-gallery-text .slider-navigation {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text .content-gallery-slider,
    .content-gallery.content-gallery-text .slider-navigation {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text .content-gallery-slider {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text .content-gallery-slider {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-text .content-gallery-slider {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-text .content-gallery-slider {
        width: 50%;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text .content-gallery-slider:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        z-index: -1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text .content-gallery-slider:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        z-index: -1
    }
}

.content-gallery.content-gallery-text .content-gallery-text-title {
    margin-bottom: 24px
}

.content-gallery.content-gallery-text .content-gallery-caption {
    position: relative;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-text .content-gallery-caption {
        display: flex;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-text .content-gallery-caption {
        display: flex;
        flex-flow: row wrap;
        padding-top: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text .content-gallery-caption:before {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text .content-gallery-caption:before {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text .content-gallery-picture {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text .content-gallery-picture {
        padding-top: 0;
        padding-bottom: 0
    }
}

.content-gallery.content-gallery-text .content-gallery-picture img {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-text {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-text {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text h4 {
        padding-bottom: 4px
    }
}

.content-gallery.content-gallery-text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-text p {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-text p {
        padding-bottom: 24px
    }
}

.content-gallery.content-gallery-aside-left .content-gallery-picture {
    text-align: start
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left .content-gallery-slider {
        padding-left: 16px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left .content-gallery-slider {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-left .content-gallery-slider {
        width: 50%;
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left .content-gallery-slide {
        text-align: start
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left .content-gallery-slide {
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption {
        display: flex;
        flex-flow: row-reverse wrap
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption {
        display: flex;
        flex-flow: row-reverse wrap
    }
}

.content-gallery.content-gallery-aside-left .content-gallery-caption:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption:before {
        height: 45%;
        top: unset;
        bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption:before {
        width: calc(22.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption:before {
        width: calc(22.5% + 16px);
        padding-left: 16px;
        height: 65%;
        top: unset;
        bottom: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption:before {
        width: calc(22.5% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-left .content-gallery-caption:before {
        width: calc(-324px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-aside-left .slider-navigation {
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-aside-left .slider-navigation {
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-left .slider-navigation {
        left: calc(22.5% + 16px);
        right: auto
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-left .slider-navigation {
        left: calc(22.5% + 72px);
        right: auto
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-left .slider-navigation {
        left: calc(-324px + 50%);
        right: auto
    }
}

.content-gallery.content-gallery-aside-right .content-gallery-picture {
    text-align: end
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-right .content-gallery-slider {
        padding-left: 8px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-right .content-gallery-slider {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-right .content-gallery-slider {
        width: 50%;
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-aside-right .content-gallery-slider:before {
        left: auto;
        right: 0;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-aside-right .content-gallery-slider:before {
        left: auto;
        right: 0;
        height: 100%
    }
}

.content-gallery.content-gallery-aside-right .content-gallery-caption:before {
    content: "";
    z-index: -1;
    position: absolute;
    right: 0;
    left: unset;
    top: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-aside-right .content-gallery-caption:before {
        height: 45%;
        top: unset;
        bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-aside-right .content-gallery-caption:before {
        width: calc(22.5% + 16px);
        padding-right: 16px;
        height: 65%;
        top: unset;
        bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-right .content-gallery-caption:before {
        width: calc(22.5% + 16px);
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-right .content-gallery-caption:before {
        width: calc(22.5% + 72px);
        padding-inline: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-right .content-gallery-caption:before {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px);
        right: 0;
        left: auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-gallery.content-gallery-aside-right .slider-navigation {
        text-align: end
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-gallery.content-gallery-aside-right .slider-navigation {
        text-align: end
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-gallery.content-gallery-aside-right .slider-navigation {
        left: auto;
        right: calc(22.5% + 16px);
        text-align: end
    }
}

@media only screen and (min-width:1025px) {
    .content-gallery.content-gallery-aside-right .slider-navigation {
        right: calc(22.5% + 72px);
        left: auto;
        width: auto
    }
}

@media only screen and (min-width:1440px) {
    .content-gallery.content-gallery-aside-right .slider-navigation {
        right: calc(-324px + 50%);
        left: auto;
        width: auto
    }
}

.content-gallery.content-gallery-product .slider-navigation {
    position: absolute;
    bottom: 0;
    left: 0
}

.content-block.content-list-search {
    position: relative;
    z-index: 1;
    padding-top: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search .content-list-sidebar {
        display: none;
        position: fixed;
        top: 120px;
        left: 0;
        width: 100%;
        height: calc(100vh - 120px);
        padding-top: 52px;
        border: 0 solid;
        z-index: 2;
        overflow-y: scroll
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar {
        display: block;
        width: calc(22.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar {
        float: left;
        width: calc(25% + 36px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-search .content-list-sidebar {
        width: calc(-324px + 50%);
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar:after {
        width: calc(22.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar:after {
        width: calc(25% + 36px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-search .content-list-sidebar:after {
        width: calc(-324px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.scrolled .content-block.content-list-search .content-list-sidebar {
        top: 80px;
        height: calc(100vh - 80px)
    }
}

.content-block.content-list-search .search-result-list {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search .content-list-sidebar form {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar form {
        margin-bottom: 80px
    }
}

.content-block.content-list-search .content-list-sidebar fieldset {
    display: none
}

.content-block.content-list-search .content-list-sidebar.opened,
.content-block.content-list-search .content-list-sidebar fieldset.showed {
    display: block
}

.content-block.content-list-search .content-list-sidebar button {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
    -webkit-transform: none;
    transform: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search .content-list-sidebar input[type=submit] {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar input[type=submit] {
        margin-top: 20px
    }
}

.content-block.content-list-search .content-list-sidebar .select-fake {
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search .content-list-sidebar .select-fake {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar .select-fake {
        width: 100%;
        padding-left: 20px
    }
}

.content-block.content-list-search .content-list-sidebar .button-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar .button-close {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar .button-close {
        display: none
    }
}

.content-block.content-list-search .content-sidebar-name {
    position: relative;
    text-transform: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search .content-sidebar-name {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-sidebar-name {
        padding-left: 0
    }
    .content-block.content-list-search .content-sidebar-name:after {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-sidebar-name:after {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-sidebar-name .content-sidebar-wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-search .content-sidebar-name .content-sidebar-wrapper {
        padding-left: 10px
    }
}

.content-block.content-list-search .content-list-sidebar fieldset {
    position: relative
}

.content-block.content-list-search .content-list-sidebar fieldset .fieldset-content,
.content-block.content-list-search .content-list-sidebar fieldset .select-fake {
    width: 100%;
    text-align: end
}

.content-block.content-list-search .content-sidebar-wrapper {
    text-align: start
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-sidebar-wrapper {
        width: 100%;
        padding-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-search .content-sidebar-wrapper {
        width: 324px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar fieldset .select-fake {
        padding-left: 0
    }
}

.content-block.content-list-search .content-list-sidebar fieldset .select-fake .content-sidebar-wrapper {
    padding-left: 0;
    padding-right: 30px
}

.content-block.content-list-search .content-list-sidebar fieldset .select-fake .content-sidebar-wrapper>div,
.content-block.content-list-search .content-list-sidebar fieldset .select-fake .content-sidebar-wrapper>svg {
    display: inline-block
}

.content-block.content-list-search .content-list-sidebar fieldset.opened:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    z-index: 1
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search .content-list-sidebar fieldset.opened:after {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search .content-list-sidebar fieldset.opened:after {
        width: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-search button.sidebar-filter-button {
        display: inline-block;
        width: auto;
        max-width: 92%;
        margin: 32px 16px 14px;
        padding: 19px 78px 19px 24px;
        border: 2px solid;
        border-radius: 4px;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.5;
        font-weight: 700
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-search button.sidebar-filter-button {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-search button.sidebar-filter-button {
        display: none
    }
}

.content-block.content-list-search fieldset.opened button:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-list-search .content-block {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-search .content-block {
        float: right;
        width: calc(67.5% + 16px);
        padding-right: 16px;
        padding-left: 20px
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search .content-block {
        float: right;
        width: calc(75% - 36px);
        padding-right: 72px;
        padding-left: 20px
    }
}

@media only screen and (min-width:1440px) {
    .content-list-search .content-block {
        float: right;
        width: calc(324px + 50%);
        padding-right: calc(50% - 648px);
        padding-left: 20px
    }
}

.content-list-search .content-block.card-list.card-list-classic .content-wrapper {
    display: flex;
    flex-flow: row wrap
}

.content-list-search .content-block.card-list.card-list-classic .card-medium {
    margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-search .content-block.card-list.card-list-classic .card-medium {
        width: 50%;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search .content-block.card-list.card-list-classic .card-medium {
        width: 50%;
        margin-right: 0
    }
}

.content-list-search .content-block.content-list-short {
    display: flex;
    flex-flow: row wrap
}

.content-list-search .content-block.content-list-short .card {
    margin-bottom: 20px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-list-search .content-block.content-list-short .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-search .content-block.content-list-short .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-list-search .content-block.content-list-short .card:last-of-type,
    .content-list-search .content-block.content-list-short .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search .content-block.content-list-short .card {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px
    }
    .content-list-search .content-block.content-list-short .card:last-of-type,
    .content-list-search .content-block.content-list-short .card:nth-of-type(3n) {
        margin-right: 0
    }
}

.content-list-search.content-list-full {
    overflow: hidden
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-search.content-list-full .content-list-result-header {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search.content-list-full .content-list-result-header {
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-list-search.content-list-full .content-list-result-header {
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-search.content-list-full .search-result-list {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search.content-list-full .search-result-list {
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-list-search.content-list-full .search-result-list {
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .content-list-search.content-list-full .search-result-list .search-result-wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.content-list-navigation+.content-list-search .content-list-result-header {
    padding-top: 0 !important
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .language-unique.content-block.content-list-search .content-list-sidebar {
        top: 80px;
        height: calc(100vh - 80px)
    }
}

.content-block.content-list-result-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-flow: row nowrap;
    padding-bottom: 14px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-result-header {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-result-header {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-list-result-header.content-list-result-full {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-result-header.content-list-result-full {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-list-result-header.content-list-result-full {
        width: 100%;
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-list-result-header .result-tags {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.content-list-result-header .result-tags li {
    display: inline-block;
    margin-right: 4px
}

.content-list-result-header .result-tags .tag-remove {
    padding: 0
}

.content-list-result-header .result-tags .button.button-download {
    text-transform: none;
    text-decoration: underline
}

.content-block.content-list-result-header .content-list-search-quantity {
    flex-shrink: 0;
    align-self: flex-start;
    margin-bottom: 0;
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-result-header .content-list-search-quantity {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-result-header .content-list-search-quantity {
        margin-bottom: 16px
    }
}

.content-block.content-list-result-header+.content-block {
    padding-top: 14px
}

.content-sidebar.content-list-sidebar form {
    text-align: end
}

.content-sidebar.content-list-sidebar form fieldset {
    padding-top: 23px;
    padding-bottom: 23px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form fieldset {
        width: 92%;
        margin-left: 16px;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sidebar.content-list-sidebar form fieldset {
        width: 90%;
        margin-left: 16px;
        margin-right: 16px
    }
}

.content-sidebar.content-list-sidebar form fieldset:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form fieldset:before {
        width: 100%;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sidebar.content-list-sidebar form fieldset:before {
        width: 100%;
        right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-sidebar.content-list-sidebar form fieldset:before {
        right: 10px;
        width: calc(100% - 20px)
    }
}

@media only screen and (min-width:1440px) {
    .content-sidebar.content-list-sidebar form fieldset:before {
        right: 10px;
        width: 314px
    }
}

.content-sidebar.content-list-sidebar form fieldset.opened:before,
.content-sidebar.content-list-sidebar form fieldset:first-of-type:before {
    display: none
}

.content-sidebar.content-list-sidebar form .content-sidebar-wrapper {
    padding-left: 0
}

.content-sidebar.content-list-sidebar form .fieldset-content {
    display: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form .fieldset-content {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap;
        padding-top: 2px;
        padding-left: 16px;
        padding-right: 16px;
        white-space: inherit
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sidebar.content-list-sidebar form .fieldset-content {
        padding-top: 2px
    }
}

.content-sidebar.content-list-sidebar form .fieldset-label {
    margin-bottom: 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.content-sidebar.content-list-sidebar form .fieldset-group {
    margin-bottom: 16px
}

.content-sidebar.content-list-sidebar form .fieldset-group:last-child {
    margin-bottom: 0
}

.content-sidebar.content-list-sidebar form .fieldset-help {
    font-weight: 300;
    font-style: italic
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form .fieldset-help {
        margin-top: 8px
    }
}

.content-sidebar.content-list-sidebar form .fieldset-help-checkbox {
    margin-block: 0 12px
}

.content-sidebar.content-list-sidebar form .fieldset-help-select {
    margin-top: -8px
}

.content-sidebar.content-list-sidebar form .content-sidebar-wrapper-count {
    display: inline-block
}

.content-sidebar.content-list-sidebar form input[type=checkbox] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label:after,
.content-sidebar.content-list-sidebar form input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:checked+label.input-choice:after {
    top: 10px
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+label,
.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+label:after,
.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+label:before {
    cursor: not-allowed
}

.content-sidebar.content-list-sidebar form input[type=radio] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.content-sidebar.content-list-sidebar form input[type=radio]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.content-sidebar.content-list-sidebar form input[type=radio]+label:after,
.content-sidebar.content-list-sidebar form input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.content-sidebar.content-list-sidebar form input[type=radio]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label.input-choice:after {
    top: 10px
}

.content-sidebar.content-list-sidebar form input[type=radio]:disabled+label,
.content-sidebar.content-list-sidebar form input[type=radio]:disabled+label:after,
.content-sidebar.content-list-sidebar form input[type=radio]:disabled+label:before {
    cursor: not-allowed
}

.content-sidebar.content-list-sidebar form input[type=radio]+label:after,
.content-sidebar.content-list-sidebar form input[type=radio]+label:before {
    border-radius: 99px
}

.content-sidebar.content-list-sidebar form input[type=radio]+label:after {
    border: 0
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    -webkit-transform: none;
    transform: none;
    top: 3px;
    left: 4px;
    border: 0
}

.content-sidebar.content-list-sidebar form label {
    display: inline-block;
    width: calc(100% - 24px);
    margin-right: 0;
    margin-bottom: 16px;
    padding-left: 5px;
    padding-right: 10px
}

.content-sidebar.content-list-sidebar form label:last-of-type {
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form .button[type=submit] {
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sidebar.content-list-sidebar form .button[type=submit] {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-sidebar.content-list-sidebar form .button[type=submit] {
        display: none
    }
}

.select-app {
    display: inline-block;
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .select-app {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .select-app {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .select-app {
        width: calc(100% - 16px);
        max-width: calc(100% - 16px);
        margin-right: 16px
    }
}

.content-sidebar.content-list-sidebar form fieldset.opened .fieldset-content {
    display: inline-block;
    position: relative !important;
    top: auto;
    left: auto;
    width: 100%;
    height: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar.content-list-sidebar form fieldset.opened .fieldset-content {
        overflow: visible
    }
}

.content-sidebar.content-list-sidebar form fieldset.opened button.select-fake {
    margin-bottom: 23px
}

.content-block.content-list-navigation {
    padding-bottom: 0
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-navigation {
        text-align: center;
        padding-inline: 72px
    }
}

.content-block.content-list-navigation .content-wrapper {
    position: relative;
    justify-content: space-around;
    overflow: hidden
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-list-navigation .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-list-navigation .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-list-navigation .content-wrapper {
        width: 83.33333%;
        margin-inline: auto
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-list-navigation .content-wrapper {
        width: 1080px
    }
}

.content-block.content-list-navigation ul {
    display: flex;
    flex-flow: row wrap
}

.content-block.content-list-navigation ul li {
    display: inline-block
}

.content-block.content-list-navigation ul a,
.content-block.content-list-navigation ul button,
.content-block.content-list-navigation ul span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer
}

.content-block.content-list-navigation ul li:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px
}

.content-block.content-list-navigation ul li a,
.content-block.content-list-navigation ul li button,
.content-block.content-list-navigation ul li span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px;
    border-style: solid;
    border-width: 1px
}

.content-block.content-list-navigation ul li a:before,
.content-block.content-list-navigation ul li button:before,
.content-block.content-list-navigation ul li span:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 1px;
    height: 1px
}

.content-block.content-list-navigation ul li a:after,
.content-block.content-list-navigation ul li button:after,
.content-block.content-list-navigation ul li span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px
}

.content-block.content-list-navigation li button {
    background-color: initial
}

.content-block.content-list-navigation ul a,
.content-block.content-list-navigation ul span {
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.content-block.content-list-navigation ul a {
    padding-left: 12px;
    padding-right: 12px
}

.content-block.content-list-navigation ul span.disabled {
    cursor: auto
}

.content-block.content-list-navigation ul a:after {
    bottom: 4px
}

.content-block.content-list-navigation ul li:nth-last-child(-n+3) span {
    border-bottom-color: transparent
}

.content-block.content-list-navigation ul li:nth-last-child(-n+3) span:after,
.content-block.content-list-navigation ul li:nth-last-child(-n+3) span:before {
    display: none
}

.content-block.content-list-navigation .icon-gradient-white {
    position: absolute;
    top: 0;
    right: 0
}

.content-block.content-list-navigation .slick-slider {
    padding-bottom: 0
}

.ng-scope form {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .ng-scope form {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ng-scope form {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .ng-scope form {
        width: 100%;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        padding-inline: 72px
    }
}

.ng-scope ff-controller[css-class-name=content-aside] {
    position: relative;
    display: block
}

.ng-scope ff-controller[css-class-name=content-aside] form {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .ng-scope ff-controller[css-class-name=content-aside] form {
        width: calc(67.5% + 16px);
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    .ng-scope ff-controller[css-class-name=content-aside] form {
        width: calc(75% - 36px);
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .ng-scope ff-controller[css-class-name=content-aside] form {
        width: calc(324px + 50%);
        padding-left: calc(50% - 648px)
    }
}

.ng-scope ff-controller[css-class-name=content-aside]:after {
    content: "";
    position: absolute;
    top: 72px;
    right: 0;
    height: calc(100% - 144px)
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .ng-scope ff-controller[css-class-name=content-aside]:after {
        width: calc(22.5% + 16px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .ng-scope ff-controller[css-class-name=content-aside]:after {
        width: calc(25% + 36px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .ng-scope ff-controller[css-class-name=content-aside]:after {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.help-block {
    line-height: 24px
}

.content-form-callback .subtitle {
    margin-bottom: 24px;
    text-align: center
}

.content-form-callback h2 {
    text-align: center
}

.content-form-callback .loader-alchemist {
    display: block;
    margin: auto
}

.content-block.content-sitemap .content-wrapper {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sitemap .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sitemap .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sitemap .content-wrapper {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        padding-inline: 72px
    }
}

.content-block.content-sitemap h1 {
    margin-bottom: 64px
}

.content-sitemap .content-sitemap-list {
    display: flex;
    flex-flow: row wrap
}

.content-sitemap .content-sitemap-item {
    margin-bottom: 10px;
    padding-top: 40px;
    border-top: 1px solid
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sitemap .content-sitemap-item {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sitemap .content-sitemap-item {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-sitemap .content-sitemap-item:last-of-type,
    .content-sitemap .content-sitemap-item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-sitemap .content-sitemap-item {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .content-sitemap .content-sitemap-item:last-of-type,
    .content-sitemap .content-sitemap-item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sitemap .content-sitemap-item:first-of-type {
        padding-top: 0;
        border-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sitemap .content-sitemap-item:first-of-type,
    .content-sitemap .content-sitemap-item:nth-of-type(2) {
        padding-top: 0;
        border-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-sitemap .content-sitemap-item:first-of-type,
    .content-sitemap .content-sitemap-item:nth-of-type(2),
    .content-sitemap .content-sitemap-item:nth-of-type(3) {
        padding-top: 0;
        border-top: 0
    }
}

.content-sitemap .content-sitemap-item>.button,
.content-sitemap h2 {
    margin-bottom: 32px
}

.content-sitemap ul {
    padding-left: 0;
    list-style: none
}

.content-sitemap li {
    margin-bottom: 23px
}

.content-sitemap li .button {
    display: flex;
    text-align: start
}

.content-sitemap li .button svg {
    flex: 0 0 1rem;
    top: 1px;
    margin-left: 10px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-share-price .content-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-share-price .content-wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-share-price .content-wrapper {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-share-price .content-wrapper {
        width: 1440px;
        margin-left: auto;
        margin-right: auto
    }
}

.content-block.content-share-price .content-share-price-column,
.content-block.content-share-price .content-share-price-content {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding-bottom: 16px;
    padding-top: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-share-price .content-share-price-column,
    .content-block.content-share-price .content-share-price-content {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-share-price .content-share-price-column,
    .content-block.content-share-price .content-share-price-content {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-share-price .content-share-price-column,
    .content-block.content-share-price .content-share-price-content {
        width: 50%
    }
}

.content-block.content-share-price .content-share-price-content {
    position: relative;
    background-repeat: no-repeat
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-share-price .content-share-price-content {
        padding-top: 70%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-share-price .content-share-price-content {
        padding-top: 58%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-share-price .content-share-price-content {
        padding-top: 30%
    }
}

.content-block.content-share-price .content-share-price-content * {
    z-index: 1
}

.content-block.content-share-price .content-share-price-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-share-price .content-share-price-column {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-share-price .content-share-price-column {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-share-price .content-share-price-column {
        width: 25%
    }
}

.content-block.content-share-price h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1
}

.content-block.content-share-price .content-share-price-value {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    margin-right: 10px;
    font-weight: 700
}

.content-block.content-share-price .content-share-price-evolution,
.content-block.content-share-price .content-share-price-link,
.content-block.content-share-price .content-share-price-upd {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

.content-block.content-share-price .content-share-price-evolution span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.content-block.content-share-price .content-share-price-link {
    font-weight: 700
}

.content-block.content-share-price .content-share-price-data {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.content-block.content-share-price .content-share-price-data,
.content-block.content-share-price .content-share-price-link,
.content-block.content-share-price .content-share-price-upd,
.content-block.content-share-price h3 {
    width: 83.33333%
}

.content-block.content-share-price .content-share-price-quick-link {
    display: flex;
    flex-flow: column nowrap;
    width: 83.33333%;
    padding-left: 0;
    list-style: none
}

.content-block.content-share-price .content-share-price-quick-link a {
    text-align: start;
    margin-bottom: 16px
}

.content-block.content-share-price .content-share-price-data,
.content-block.content-share-price .content-share-price-upd,
.content-block.content-share-price h3 {
    margin-bottom: 24px
}

.content-block.content-card-webzine .content-wrapper {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-card-webzine .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-card-webzine .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-card-webzine .content-wrapper {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.content-card-list-webzine .card-webzine {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.content-card-list-webzine .card-webzine {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-block.card-list.content-card-list-webzine .card-webzine:last-of-type,
    .content-block.card-list.content-card-list-webzine .card-webzine:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.content-card-list-webzine .card-webzine {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .content-block.card-list.content-card-list-webzine .card-webzine:last-of-type,
    .content-block.card-list.content-card-list-webzine .card-webzine:nth-of-type(3n) {
        margin-right: 0
    }
}

.content-block.card-list.content-card-list-webzine .card-webzine-long {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
}

.content-block.card-list.content-card-list-webzine .card-webzine-long:last-of-type {
    margin-bottom: 0
}

.content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search {
        padding: 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search {
        padding: 0 16px
    }
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list {
    display: flex;
    flex-flow: row wrap
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li {
    display: inline-block
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list a,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list button,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li span {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px;
    border-style: solid;
    border-width: 1px
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:before,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:before,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li span:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 1px;
    height: 1px
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:after,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:after,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li:before {
        width: 80%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search .banner-search-content {
        display: inline-block;
        width: 33.33333%
    }
}

.content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search .banner-search-content .form-simple,
.content-block.card-list.content-card-list-webzine .content-wrapper .webzine-banner-search .banner-search-content .form-simple input {
    width: 100%
}

.content-block.content-picture-full {
    position: relative
}

.content-block.content-picture-full .content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .content-wrapper {
        max-width: 1440px;
        padding-inline: 72px;
        margin: auto
    }
}

.content-block.content-picture-full figure {
    position: relative;
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full figure {
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full figure {
        max-width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full figure {
        max-width: 66.66667%
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-picture-full figure {
        max-width: 864px
    }
}

.content-block.content-picture-full figure .button-zoom {
    position: absolute;
    top: 16px;
    right: 16px
}

.content-block.content-picture-full .iframe-description,
.content-block.content-picture-full figure figcaption {
    display: block;
    margin: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .iframe-description,
    .content-block.content-picture-full figure figcaption {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .iframe-description,
    .content-block.content-picture-full figure figcaption {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .iframe-description,
    .content-block.content-picture-full figure figcaption {
        width: 50%
    }
}

.content-block.content-picture-full .iframe-description {
    text-align: center;
    margin-top: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .iframe-wrapper {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .iframe-wrapper {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .iframe-wrapper {
        width: 66.66667%
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-picture-full .iframe-wrapper {
        width: 864px
    }
}

.content-block.content-picture-full .iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.content-block.content-picture-full .iframe-container .wistia_embed,
.content-block.content-picture-full .iframe-container iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.content-block.content-picture-full figure figcaption {
    margin-top: 32px
}

.content-block.content-picture-full figure button {
    margin-left: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .js-slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .js-slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .js-slider-wrapper {
        max-width: 1296px;
        margin: auto
    }
}

.content-block.content-picture-full .js-slider-wrapper .js-slide article,
.content-block.content-picture-full .js-slider-wrapper figure {
    margin: auto;
    text-align: center
}

.content-block.content-picture-full .js-slider-wrapper .iframe-wrapper,
.content-block.content-picture-full .js-slider-wrapper figure img {
    margin: auto
}

.content-block.content-picture-full .js-slider-wrapper .slider-next,
.content-block.content-picture-full .js-slider-wrapper .slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: calc(15% + 16px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: calc(16.66667% + 48px);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-prev {
        left: calc(-432px + 50%)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-next {
        right: 6px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-next {
        right: calc(15% + 16px);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-next {
        right: calc(16.66667% + 48px);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-picture-full .js-slider-wrapper .slider-next {
        right: calc(-432px + 50%)
    }
}

ff-callback {
    display: inline-block;
    width: 100%;
    text-align: center
}

.content-block.content-pagination {
    width: 100%;
    padding-inline: 16px;
    margin-top: 0;
    padding-top: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-pagination {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-pagination {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.content-location-finder .content-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-location-finder .content-wrapper {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-location-finder .content-wrapper {
        flex-direction: column
    }
}

.content-block.content-location-finder #map-container {
    display: flex;
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-location-finder #map-container {
        width: 100%;
        height: 70vh;
        max-height: 400px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-location-finder #map-container {
        width: 100%;
        height: 70vh;
        max-height: 400px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-location-finder #map-container {
        width: calc(66.66667% - 24px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-location-finder #map-container {
        width: calc(216px + 50%);
        padding-right: calc(50% - 648px)
    }
}

.content-block.content-location-finder #map {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1025px) {
    .content-block.content-location-finder #map {
        padding-top: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-location-finder #map-sidebar-filter,
    .content-block.content-location-finder #map-sidebar-information,
    .content-block.content-location-finder #map-sidebar-list {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(33.33333% + 24px);
        padding-left: 72px;
        height: 100%;
        padding-right: 10px;
        overflow-y: auto
    }
}

@media only screen and (min-width:1440px) {
    .content-block.content-location-finder #map-sidebar-filter,
    .content-block.content-location-finder #map-sidebar-information,
    .content-block.content-location-finder #map-sidebar-list {
        width: calc(-216px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-location-finder #map-sidebar-filter header,
    .content-block.content-location-finder #map-sidebar-filter section,
    .content-block.content-location-finder #map-sidebar-information header,
    .content-block.content-location-finder #map-sidebar-information section,
    .content-block.content-location-finder #map-sidebar-list header,
    .content-block.content-location-finder #map-sidebar-list section {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-location-finder #map-sidebar-filter header,
    .content-block.content-location-finder #map-sidebar-filter section,
    .content-block.content-location-finder #map-sidebar-information header,
    .content-block.content-location-finder #map-sidebar-information section,
    .content-block.content-location-finder #map-sidebar-list header,
    .content-block.content-location-finder #map-sidebar-list section {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-newsalert .content-wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-newsalert .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-newsalert .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-newsalert aside {
        width: 66.66667%;
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-newsalert aside {
        display: flex;
        align-items: center;
        width: 16.66667%;
        margin-left: 8.33333%;
        margin-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-newsalert aside {
        display: flex;
        align-items: center;
        width: 25%;
        margin-left: 8.33333%;
        margin-right: 8.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-newsalert section {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-newsalert section {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .content-newsalert section {
        width: 58.33333%
    }
}

.content-newsalert .ng-scope {
    background-color: initial
}

.content-newsalert section section {
    width: 100%
}

.content-newsalert input[type=checkbox].ng-scope {
    width: auto
}

.content-newsalert section ff-checkboxes-inline .ng-scope {
    width: auto;
    margin-right: 15px
}

.content-newsalert .checkbox-inline {
    display: inline-block;
    margin-bottom: 16px;
    margin-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-newsalert .checkbox-inline {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-newsalert .checkbox-inline {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-newsalert .checkbox-inline {
        width: 50%
    }
}

.content-newsalert .checkbox-inline input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 6px
}

.content-newsalert ff-input-text,
.content-newsalert ff-input-text input {
    width: 100%
}

.content-newsalert ff-input-text {
    margin-bottom: 24px
}

.content-newsalert ff-input-text label {
    margin-bottom: 8px
}

.content-newsalert form {
    display: flex;
    flex-flow: row wrap;
    padding: 0
}

.content-newsalert form fieldset {
    width: 100%
}

.content-animation .content-wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-animation .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-animation .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-rich-text.content-informations #map-basic {
    padding-top: 100%;
    height: 100%;
    width: 100%
}

.content-rich-text.content-informations #map-container {
    padding-left: 16px
}

.content-block.content-sampling .content-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling .content-wrapper {
        max-width: 1440px;
        padding-inline: 72px;
        margin: auto
    }
}

.content-block.content-sampling .content-link {
    display: flex;
    justify-content: center;
    width: 100%
}

.content-block.content-sampling .js-sampling-update {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.content-block.content-sampling .sampling-cart-links {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-end;
    margin-top: 48px;
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling .sampling-cart-links {
        justify-content: space-between
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling .sampling-cart-links {
        justify-content: flex-end
    }
}

.content-block.content-sampling .sampling-cart-links>* {
    margin-right: 48px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling .sampling-cart-links>* {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling .sampling-cart-links>* {
        margin-right: 0
    }
}

.content-block.content-sampling .sampling-cart-links:last-child {
    margin-right: 0
}

.content-block.content-sampling .sampling-cart-links svg {
    top: 5px;
    width: 1.3rem;
    height: 1.3rem
}

.content-block.content-sampling .sampling-cart {
    flex-basis: 100%;
    margin-bottom: 48px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling .sampling-cart {
        width: 100%;
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling .sampling-cart {
        width: 100%;
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

.content-block.content-sampling .sampling-cart table {
    width: 100%
}

.content-block.content-sampling .sampling-cart th,
.content-block.content-sampling td {
    width: 50%;
    padding: 16px 16px 17px
}

.content-block.content-sampling .sampling-cart-empty {
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling .sampling-cart-empty,
    .content-block.content-sampling .sampling-cart-empty+.button {
        margin-left: -8.33333%;
        margin-right: -8.33333%
    }
}

.content-block.content-sampling .sampling-cart-counter {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.5;
    font-weight: 700
}

.content-block.content-sampling .sampling-cart-description {
    margin-top: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling .sampling-cart-description {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling .sampling-cart-description {
        margin-bottom: 20px
    }
}

.content-block.content-sampling .table-product-name {
    font-weight: 600;
    text-align: start
}

.content-block.content-sampling .table-product-delete {
    text-align: end
}

.content-block.content-sampling.sampling-header {
    padding-bottom: 0
}

.content-block.content-sampling.sampling-header .content-wrapper {
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header h1 {
        order: 1;
        flex: 1 0 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling.sampling-header h1 {
        order: 1;
        flex: 1 0 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling.sampling-header h1 {
        flex: 1 0 75%
    }
}

.content-block.content-sampling.sampling-header .sampling-header-description {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header .sampling-header-description {
        order: 1;
        margin-top: 10px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling.sampling-header .sampling-header-description {
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.content-sampling.sampling-header .sampling-header-description {
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.content-sampling.sampling-header .sampling-header-description {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling.sampling-header .sampling-header-description {
        flex: 0 0 66.66667%;
        margin-top: 10px
    }
}

.content-block.content-sampling.sampling-header .sampling-header-logout {
    flex: 1 0 25%;
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header .sampling-header-logout {
        align-content: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling.sampling-header .sampling-header-logout {
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling.sampling-header .sampling-header-logout {
        justify-content: flex-end;
        text-align: end
    }
}

.content-block.content-sampling.sampling-header .sampling-header-logout .button-download {
    text-align: start
}

.content-block.content-sampling.sampling-header .sampling-header-return {
    flex-basis: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header .sampling-header-return {
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling.sampling-header .sampling-header-return {
        order: 1
    }
}

.content-block.content-sampling.sampling-header .sampling-header-return .icon {
    margin-top: 55px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header .sampling-cart-links {
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling.sampling-header .sampling-cart-links {
        order: 1
    }
}

.content-block.content-sampling.sampling-header .sampling-header-counter {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling.sampling-header .sampling-header-counter {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling.sampling-header .sampling-header-counter {
        flex: 0 0 33.33333%;
        text-align: end
    }
}

.content-block.content-sampling-form .content-wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-sampling-form .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling-form .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px;
        display: flex;
        align-items: flex-start
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling-form .content-wrapper>.content-sampling-form-wrapper {
        width: 66.66667%
    }
}

.content-block.content-sampling-form .content-wrapper>.content-sampling-form-wrapper h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling-form .content-wrapper>.content-sampling-form-wrapper h2 {
        padding-left: 72px
    }
}

.content-block.content-sampling-form .content-wrapper>.content-sampling-form-wrapper form {
    padding-top: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-sampling-form .content-wrapper>.content-sampling-form-wrapper form {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-sampling-form .product-list {
        width: 33.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-pimproduct-data {
        padding: 0
    }
}

.content-block.content-pimproduct-data .wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-pimproduct-data .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-pimproduct-data .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.content-pimproduct-data table {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .content-block.content-pimproduct-data table {
        margin: auto
    }
}

.content-block.content-pimproduct-data td {
    width: 50%;
    padding: 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.content-block.content-pimproduct-data td.centered {
    text-align: center
}

.content-block.content-pimproduct-data td figure {
    max-width: 80%;
    display: inline-block
}

.content-block.content-pimproduct-data table td:first-child {
    border-right-width: 1px;
    border-right-style: solid
}

.content-block.content-pimproduct-data table td:last-child {
    border-left-width: 1px;
    border-left-style: solid
}

.content-block.content-pimproduct-data table td span {
    display: inline-block;
    max-width: calc(100% - 2.2rem - 20px);
    vertical-align: middle
}

.content-block.content-pimproduct-data ol,
.content-block.content-pimproduct-data ul {
    list-style: unset
}

.content-block.content-pimproduct-data svg {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 8px;
    vertical-align: middle
}

.content-key-takeaway .wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-key-takeaway .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-key-takeaway .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-key-takeaway .content-key-list {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-key-takeaway article {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-key-takeaway article {
        width: calc(50% - 10px);
        margin-right: 20px
    }
    .content-key-takeaway article:last-of-type,
    .content-key-takeaway article:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-key-takeaway article {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .content-key-takeaway article:last-of-type,
    .content-key-takeaway article:nth-of-type(3n) {
        margin-right: 0
    }
}

.wrapper .takeaway-title {
    text-align: center;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .wrapper .takeaway-title {
        padding-inline: 16px;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1
    }
}

.content-speaker .wrapper {
    width: 100%;
    padding-inline: 16px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-speaker .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-speaker .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-speaker h2 {
    margin-bottom: 32px
}

.content-speaker .content-speaker-list {
    margin: 0 auto
}

@media only screen and (min-width:1025px) {
    .content-speaker .content-speaker-list {
        width: 83.33333%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }
}

.content-speaker .card-speaker-large {
    margin: 0 auto 16px;
    overflow-wrap: break-word
}

@media only screen and (min-width:1025px) {
    .content-speaker .card-speaker-large {
        width: 66.66667%
    }
}

@media only screen and (min-width:1440px) {
    .content-speaker .card-speaker-large {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .content-speaker .content-speaker-multiple .card-speaker-large {
        flex: 0 0 calc(50% - 8px)
    }
}

@media only screen and (min-width:1025px) {
    .content-speaker .card-speaker-large:nth-of-type(2n) {
        margin-left: 16px
    }
}

.content-block.content-contact .wrapper {
    width: 100%;
    padding-inline: 16px;
    position: relative;
    margin: auto;
    display: block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-contact .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-contact .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.content-contact.content-contact-context .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-contact.content-contact-context .wrapper {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-contact.content-contact-context .wrapper {
        flex-direction: column
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-contact.content-contact-context .wrapper {
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-contact .content-contact-contrib {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-contact .content-contact-contrib {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-contact .content-contact-contrib {
        flex: 1 0 50%;
        display: wrap
    }
}

.content-block.content-contact ff-controller {
    margin: 0;
    padding: 0
}

.content-block.content-contact ff-controller form {
    padding: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-contact .card {
        width: 100%;
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-contact .card {
        width: 100%;
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-contact .card {
        flex: 0 0 41.66667%;
        margin-right: 8.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-contact .card figure {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-contact .card figure {
        display: none
    }
}

.content-block.content-contact .content-block {
    width: 100%;
    text-align: start
}

.content-block.content-contact .content-block .content-text,
.content-block.content-contact .content-block .wrapper {
    padding-left: 0;
    padding-right: 0
}

.content-block.content-contact .content-block .content-text {
    width: 100%
}

.content-block.content-contact .content-form-callback .wrapper {
    display: block
}

.content-block.content-choice-list {
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-choice-list {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-choice-list {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-choice-list {
        max-width: 1440px;
        padding-inline: 72px;
        margin: auto
    }
}

.content-choice-list .content-choice-list-description,
.content-choice-list h2 {
    margin-bottom: 24px
}

.content-choice-list .choice-list {
    padding: 56px 15%;
    display: flex;
    margin: auto;
    justify-content: center;
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-choice-list .choice-list {
        flex-flow: wrap
    }
}

@media only screen and (max-width:1024px) {
    .content-choice-list .choice-list {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .content-choice-list .choice-list {
        width: 83.33333%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .choice-list .select-custom {
        flex: 1 0 60%;
        margin-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .choice-list .select-custom {
        flex: 1 0 60%;
        margin-right: 16px
    }
}

.choice-list>.button {
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .choice-list>.button {
        margin-top: 16px
    }
}

@media only screen and (min-width:1025px) {
    .choice-list>.button {
        margin-right: 16px
    }
}

.choice-list-wrapper .select-custom {
    width: 40%
}

.content-knowledge-related .wrapper {
    width: 100%;
    padding-inline: 16px;
    flex-flow: row wrap;
    justify-content: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-knowledge-related .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-knowledge-related .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-knowledge-related p {
    width: 100%;
    text-align: center;
    margin-bottom: 48px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-knowledge-related p {
        width: 83.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-knowledge-related p {
        width: 50%
    }
}

.content-knowledge-related .card-list-wrapper {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-knowledge-related .card-list-wrapper {
        display: flex;
        justify-content: center;
        gap: 8px
    }
}

@media only screen and (min-width:1025px) {
    .content-knowledge-related .card-list-wrapper {
        display: flex;
        justify-content: center;
        gap: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-knowledge-related .card {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-knowledge-related .card {
        flex: 0 0 50%;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1025px) {
    .content-knowledge-related .card {
        flex: 0 0 33.33333%
    }
}

.content-knowledge-related .card:last-of-type {
    margin-bottom: 0
}

.content-knowledge-related .content-link {
    margin-top: 32px
}

.wrapper .knowledge-title {
    margin-bottom: 24px;
    text-align: center;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .wrapper .knowledge-title {
        padding-inline: 16px;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-sidebar {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-sidebar {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-sidebar {
        display: block;
        padding-bottom: 40px
    }
}

.content-sidebar-wrapper {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .content-sidebar-wrapper {
        display: inline-block;
        text-align: start
    }
}

.content-sidebar-wrapper svg {
    position: relative;
    top: 2px;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 5px
}

.content-sidebar {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    padding-top: 48px;
    border-top: 1px solid;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .content-sidebar {
        padding-right: 16px
    }
}

.content-sidebar li {
    position: relative;
    width: 100%;
    border-top: 1px solid;
    transition: opacity .2s ease
}

.content-sidebar a {
    display: inline-block;
    width: 100%;
    padding: 5px 35px 6px 10px;
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.content-sidebar button {
    position: absolute;
    top: -2px;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: initial;
    z-index: 1;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    cursor: pointer
}

.content-sidebar li ul {
    display: none;
    width: 100%;
    margin-top: 5px;
    padding-right: 0;
    font-weight: 400
}

.content-sidebar li ul li {
    border-top: 0
}

.content-sidebar li ul a {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.content-sidebar li.highlighted,
.content-sidebar li.opened,
.content-sidebar li.opened li,
.content-sidebar li.selected,
.content-sidebar li:hover {
    opacity: 1
}

.content-sidebar li.opened button {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.content-sidebar li.opened ul {
    display: block
}

.content-sidebar li.opened ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.content-sidebar fieldset {
    margin-bottom: 0
}

.content-sidebar ul:hover li {
    opacity: .6
}

.content-sidebar ul:hover li:hover {
    opacity: 1
}

.js-filter-switch {
    display: none
}

.js-filter-switch.showed {
    display: block
}

.content-sidebar-name {
    margin-bottom: 16px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    text-transform: none
}

.content-sidebar-name .content-sidebar-wrapper {
    text-transform: uppercase
}

.content-sidebar-wrapper .content-sidebar-head {
    display: flex;
    justify-content: space-between
}

.content-sidebar-wrapper .content-sidebar-head button.button {
    width: 50%
}

#page-list-filter .content-sidebar-name .content-sidebar-wrapper {
    text-transform: none
}

.content-sidebar.content-sidebar-simple {
    position: -webkit-sticky;
    position: sticky;
    text-align: start;
    overflow-y: auto
}

.content-sidebar.content-sidebar-simple ul {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.content-sidebar.content-sidebar-simple li {
    border-top: 0;
    opacity: 1
}

.content-sidebar.content-sidebar-simple a {
    width: 100%;
    padding: 16px 35px 18px 10px;
    text-transform: uppercase
}

.content-sidebar .multiple-choice ul,
.pcv3-searchView-mainFilters .multiple-choice ul,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice ul {
    padding-left: 32px;
    list-style: none
}

.content-sidebar .multiple-choice li,
.pcv3-searchView-mainFilters .multiple-choice li,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice li {
    border-top: 0;
    opacity: 1
}

.content-sidebar .multiple-choice input[type=checkbox]+label,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]+label,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]+label {
    z-index: 1
}

.content-sidebar .multiple-choice-item,
.pcv3-searchView-mainFilters .multiple-choice-item,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item {
    position: relative
}

.content-sidebar .multiple-choice-item.opened:after,
.pcv3-searchView-mainFilters .multiple-choice-item.opened:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 10px;
    width: 2px;
    height: 22px
}

.content-sidebar .multiple-choice-item.opened.label-showed:after,
.pcv3-searchView-mainFilters .multiple-choice-item.opened.label-showed:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened.label-showed:after {
    content: "";
    height: 30px
}

.content-sidebar .multiple-choice-item>label:after,
.pcv3-searchView-mainFilters .multiple-choice-item>label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item>label:after {
    content: "" !important;
    position: absolute !important;
    top: 20px !important;
    left: 10px !important;
    width: 2px !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: -1
}

.content-sidebar .multiple-choice input[type=checkbox],
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox],
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.content-sidebar .multiple-choice input[type=checkbox]+label,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]+label,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.content-sidebar .multiple-choice input[type=checkbox]+label:after,
.content-sidebar .multiple-choice input[type=checkbox]+label:before,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]+label:after,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]+label:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]+label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.content-sidebar .multiple-choice input[type=checkbox]+label:before,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]+label:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.content-sidebar .multiple-choice input[type=checkbox]:checked+label:after,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]:checked+label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content-sidebar .multiple-choice input[type=checkbox]:checked+label.input-choice:after,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]:checked+label.input-choice:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]:checked+label.input-choice:after {
    top: 10px
}

.content-sidebar .multiple-choice input[type=checkbox]:disabled+label,
.content-sidebar .multiple-choice input[type=checkbox]:disabled+label:after,
.content-sidebar .multiple-choice input[type=checkbox]:disabled+label:before,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]:disabled+label,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]:disabled+label:after,
.pcv3-searchView-mainFilters .multiple-choice input[type=checkbox]:disabled+label:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]:disabled+label,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]:disabled+label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input[type=checkbox]:disabled+label:before {
    cursor: not-allowed
}

.content-sidebar .multiple-choice-item li.showed:before,
.pcv3-searchView-mainFilters .multiple-choice-item li.showed:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item li.showed:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -20px;
    width: 25px;
    height: 2px
}

.content-sidebar .multiple-choice-item li.showed:after,
.pcv3-searchView-mainFilters .multiple-choice-item li.showed:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item li.showed:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -22px;
    width: 2px;
    height: 100%
}

.content-sidebar .multiple-choice-item li.last.showed:after,
.pcv3-searchView-mainFilters .multiple-choice-item li.last.showed:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item li.last.showed:after {
    top: 0;
    height: 17px
}

.content-sidebar .multiple-choice-item ul,
.pcv3-searchView-mainFilters .multiple-choice-item ul,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item ul {
    display: none;
    position: relative
}

.content-sidebar .multiple-choice-item.opened ul,
.pcv3-searchView-mainFilters .multiple-choice-item.opened ul,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened ul {
    display: block
}

.content-sidebar .multiple-choice-item label span,
.pcv3-searchView-mainFilters .multiple-choice-item label span,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item label span {
    display: none;
    font-weight: 400
}

.content-sidebar .multiple-choice-item.opened.label-showed label span,
.pcv3-searchView-mainFilters .multiple-choice-item.opened.label-showed label span,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened.label-showed label span {
    display: block
}

.content-sidebar .multiple-choice-item>input+label,
.pcv3-searchView-mainFilters .multiple-choice-item>input+label,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item>input+label {
    margin-bottom: 10px
}

.content-sidebar .multiple-choice-item>input+label:after,
.content-sidebar .multiple-choice-item>input:checked+label:after,
.pcv3-searchView-mainFilters .multiple-choice-item>input+label:after,
.pcv3-searchView-mainFilters .multiple-choice-item>input:checked+label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item>input+label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item>input:checked+label:after {
    display: none
}

.product-header {
    display: flex;
    flex-flow: row wrap;
    padding-top: 0 !important;
    padding-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .wrapper,
    .product-header aside {
        margin-top: 10px;
        padding-top: 37px;
        padding-bottom: 36px
    }
}

@media only screen and (min-width:1025px) {
    .product-header .wrapper,
    .product-header aside {
        padding-top: 64px
    }
}

.product-header .wrapper {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .wrapper {
        display: flex;
        flex-flow: row wrap;
        padding-top: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header .wrapper {
        display: flex;
        flex-flow: row wrap;
        padding-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    .product-header .wrapper {
        width: 100%;
        padding-top: 40px;
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .product-header .wrapper {
        margin-left: 0;
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

.product-header .wrapper:before {
    content: ""
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header .wrapper:before {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(25% + 16px);
        height: 100%;
        z-index: 1
    }
}

@media only screen and (min-width:1025px) {
    .product-header .wrapper:before {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(25% + 36px);
        height: 100%;
        z-index: 1
    }
}

@media only screen and (min-width:1440px) {
    .product-header .wrapper:before {
        width: calc(-324px + 50%)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header aside {
        position: relative;
        order: 1;
        width: 100%;
        padding: 20px 16px;
        text-align: end
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header aside {
        position: relative;
        order: 1;
        width: 100%;
        padding: 35px 16px;
        text-align: end
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header aside {
        float: right;
        position: relative;
        top: 40px;
        right: 0;
        width: 41.66667%;
        height: 100%;
        max-height: calc(100% - 131px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .product-header aside {
        width: 41.66667%;
        float: right;
        position: relative;
        height: 100%;
        padding-top: 0;
        z-index: 2
    }
}

.product-header aside:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    height: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header aside:before {
        width: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header aside:before {
        width: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header aside:before {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .product-header aside:before {
        display: none
    }
}

@media only screen and (min-width:1440px) {
    .product-header aside:before {
        width: calc(50% - 324px)
    }
}

.product-header aside .figure-wrapper {
    position: relative;
    padding-top: 75%;
    line-height: 0;
    overflow: hidden;
    z-index: 1
}

.product-header aside figure {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.product-header aside img {
    object-fit: scale-down;
    max-width: 100%;
    width: inherit;
    height: inherit
}

.product-header aside .content-gallery .slider-wrapper {
    padding-left: 0;
    padding-right: 0
}

.product-header .product-share {
    position: relative;
    text-align: end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .product-share {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        background-color: initial
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header .product-share {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        background-color: initial
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header .product-share {
        width: 100%;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    .product-header .product-share {
        width: 100%;
        z-index: 2
    }
}

.product-header .product-share-wrapper {
    position: relative;
    display: inline-block;
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .product-share-wrapper {
        padding: 25px 20px 26px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header .product-share-wrapper {
        padding: 25px 20px 26px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header .product-share-wrapper {
        width: calc(22.5% + 16px);
        padding: 25px 16px 26px 40px
    }
}

@media only screen and (min-width:1025px) {
    .product-header .product-share-wrapper {
        width: calc(25% + 36px);
        padding: 25px 72px 25px 32px
    }
}

@media only screen and (min-width:1440px) {
    .product-header .product-share-wrapper {
        width: calc(50% - 324px);
        padding: 25px calc(50% - 720px) 25px 32px
    }
}

.product-header .slider-next,
.product-header .slider-prev {
    position: absolute
}

.product-header .slider-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product-header .slider-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-tags-list {
        order: 0;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-tags-list {
        order: 0;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-tags-list {
        display: flex;
        width: 58.33333%;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .product-tags-list {
        float: left;
        display: flex;
        width: 58.33333%;
        margin-bottom: 0;
        padding-right: 20px
    }
}

.product-tags-list ul {
    display: flex;
    margin-bottom: 0;
    padding-left: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-tags-list ul {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-tags-list ul {
        margin-bottom: 16px
    }
}

.product-tags-list li {
    display: inline-block;
    margin-right: 16px
}

.product-tags-list .favorite-add,
.product-tags-list .favorite-remove {
    display: none
}

.product-tags-list .favorite-add.showed,
.product-tags-list .favorite-remove.showed {
    display: block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .link-list,
    .product-header .product-button-list,
    .product-header .product-codes-list,
    .product-header .product-colors,
    .product-header .product-description,
    .product-header .product-discover,
    .product-header .product-form,
    .product-header .product-informations,
    .product-header .product-location,
    .product-header .product-overview,
    .product-header .product-row,
    .product-header .product-subtitle,
    .product-header .product-title {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-header .link-list,
    .product-header .product-button-list,
    .product-header .product-codes-list,
    .product-header .product-colors,
    .product-header .product-description,
    .product-header .product-discover,
    .product-header .product-form,
    .product-header .product-informations,
    .product-header .product-location,
    .product-header .product-overview,
    .product-header .product-row,
    .product-header .product-subtitle,
    .product-header .product-title {
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header .link-list,
    .product-header .product-button-list,
    .product-header .product-codes-list,
    .product-header .product-colors,
    .product-header .product-description,
    .product-header .product-discover,
    .product-header .product-form,
    .product-header .product-informations,
    .product-header .product-location,
    .product-header .product-overview,
    .product-header .product-row,
    .product-header .product-subtitle,
    .product-header .product-title {
        width: 100%;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header .link-list,
    .product-header .product-button-list,
    .product-header .product-codes-list,
    .product-header .product-colors,
    .product-header .product-description,
    .product-header .product-discover,
    .product-header .product-form,
    .product-header .product-informations,
    .product-header .product-location,
    .product-header .product-overview,
    .product-header .product-row,
    .product-header .product-subtitle,
    .product-header .product-title {
        width: 58.33333%;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .product-header .link-list,
    .product-header .product-button-list,
    .product-header .product-codes-list,
    .product-header .product-colors,
    .product-header .product-description,
    .product-header .product-discover,
    .product-header .product-form,
    .product-header .product-informations,
    .product-header .product-location,
    .product-header .product-overview,
    .product-header .product-row,
    .product-header .product-subtitle,
    .product-header .product-title {
        float: left;
        width: 58.33333%;
        padding-left: 0;
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-header .subtitle {
        margin-top: 16px
    }
}

.product-header .content-link .button-link {
    word-break: normal
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-title {
        order: 0;
        margin-top: 20px;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.5
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-title {
        margin-top: 15px;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.5
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-title {
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.5
    }
}

@media only screen and (min-width:1025px) {
    .product-title {
        margin-top: 5px
    }
}

.product-category-name {
    display: block;
    width: 100%
}

.product-discover {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-discover {
        order: 0;
        margin-top: 10px
    }
}

@media only screen and (min-width:1025px) {
    .product-discover {
        margin-top: 10px
    }
}

.product-discover a {
    font-weight: 700
}

.product-description {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-description {
        order: 0
    }
}

.product-codes-list {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-codes-list {
        order: 1;
        margin-top: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-codes-list {
        margin-top: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-codes-list {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .product-codes-list {
        margin-top: 15px
    }
}

.product-codes-item {
    display: inline-block;
    font-weight: 600;
    vertical-align: top
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-codes-item {
        margin-right: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-codes-item {
        margin-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .product-codes-item {
        margin-right: 16px
    }
}

.product-codes-item:last-of-type {
    margin-right: 0
}

.product-download-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    text-align: left;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-download-list {
        order: 1;
        width: 92%;
        margin: 20px 16px 0;
        padding: 0 24px 13px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-download-list {
        margin-top: 20px;
        margin-left: 16px;
        padding: 0 24px 13px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-download-list {
        order: 1;
        width: 100%;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-download-list {
        width: 58.33333%;
        width: calc(58.33333% - 16px);
        margin-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .product-download-list {
        float: left;
        width: calc(58.33333% - 20px);
        margin-top: 20px;
        padding: 15px 24px 29px
    }
}

.product-download-list .button {
    margin-right: 35px;
    margin-top: 13px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-download-list .button {
        display: flex;
        justify-content: flex-start;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-download-list .icon-share {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .product-download-list .icon-share {
        display: none
    }
}

.product-download-list .popin-menu .favorite-add,
.product-download-list .popin-menu .favorite-remove {
    display: none
}

.product-download-list .popin-menu .favorite-add.showed,
.product-download-list .popin-menu .favorite-remove.showed {
    display: block
}

.product-download-list .popin-menu .button {
    margin-top: 0;
    margin-right: 0
}

.product-button-list {
    display: flex
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-button-list {
        order: 1;
        margin-top: 16px;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-button-list {
        margin-top: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-button-list {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .product-button-list {
        margin-top: 24px
    }
}

.product-button-list .button {
    margin-bottom: 10px
}

.product-header .product-colors,
.product-header .product-location,
.product-header .product-overview {
    display: flex;
    flex-flow: row wrap;
    margin-top: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-header .product-colors,
    .product-header .product-location,
    .product-header .product-overview {
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-header .product-colors,
    .product-header .product-location,
    .product-header .product-overview {
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-header .product-colors,
    .product-header .product-location,
    .product-header .product-overview {
        order: 1
    }
}

.product-row .js-switch {
    display: block;
    margin-top: 10px;
    padding: 0;
    background-color: initial;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer
}

.product-row .js-switch svg {
    position: relative;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 4px;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.product-row .js-switch .switch-less {
    display: none
}

.product-row .opened button svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 3px
}

.product-row .opened button .switch-more {
    display: none
}

.product-row .opened button .switch-less {
    display: inline
}

.product-informations {
    margin-top: 32px
}

.product-informations .product-calendar,
.product-informations .product-time {
    display: inline-block;
    margin-right: 32px
}

.product-informations svg {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.product-form {
    margin-top: 32px
}

.product-form form {
    padding: 0
}

@media only screen and (min-width:1025px) {
    .product-row {
        padding-right: 10px
    }
}

.product-row .product-location,
.product-row .product-overview {
    width: 100%
}

.product-header .product-location-content,
.product-header .product-overview-content {
    position: relative;
    width: 100%;
    height: 70px;
    overflow: hidden
}

.product-header .product-location-content:before,
.product-header .product-overview-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.product-location.opened .product-location-content,
.product-overview.opened .product-overview-content {
    height: auto
}

.product-location.opened .product-location-content:before,
.product-overview.opened .product-overview-content:before {
    display: none
}

.product-overview li {
    display: inline-block
}

.product-colors,
.product-sizes {
    margin-top: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-colors,
    .product-sizes {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-colors,
    .product-sizes {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .product-colors,
    .product-sizes {
        width: 50%
    }
}

.product-colors {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.product-colors .product-colors-list {
    display: flex;
    flex-flow: row wrap
}

.product-colors .product-colors-item {
    margin-top: 16px
}

.product-colors .product-colors-item:nth-of-type(1n+4) {
    display: none
}

.product-colors.opened .product-colors-item:nth-of-type(1n+4) {
    display: block
}

.product-colors .product-colors-item-color {
    width: 64px;
    height: 24px;
    margin-right: 32px;
    margin-bottom: 5px;
    border-radius: 2px
}

.product-colors p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

.product-sizes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.product-sizes .product-sizes-item:nth-of-type(1n+4) {
    display: none
}

.product-sizes.opened .product-sizes-item:nth-of-type(1n+4) {
    display: block
}

.product-sizes .product-sizes-list {
    display: flex;
    flex-flow: row wrap
}

.product-sizes .product-sizes-item {
    height: 42px;
    margin-top: 16px;
    margin-right: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid;
    border-radius: 2px;
    line-height: 42px
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header.no-image aside {
        width: 25%
    }
}

@media only screen and (min-width:1025px) {
    .product-header.no-image aside {
        width: 25%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header.no-image .link-list,
    .product-header.no-image .product-button-list,
    .product-header.no-image .product-codes-list,
    .product-header.no-image .product-description,
    .product-header.no-image .product-discover,
    .product-header.no-image .product-location,
    .product-header.no-image .product-overview,
    .product-header.no-image .product-row,
    .product-header.no-image .product-tags-list,
    .product-header.no-image .product-title {
        width: 75%
    }
}

@media only screen and (min-width:1025px) {
    .product-header.no-image .link-list,
    .product-header.no-image .product-button-list,
    .product-header.no-image .product-codes-list,
    .product-header.no-image .product-description,
    .product-header.no-image .product-discover,
    .product-header.no-image .product-location,
    .product-header.no-image .product-overview,
    .product-header.no-image .product-row,
    .product-header.no-image .product-tags-list,
    .product-header.no-image .product-title {
        width: 75%
    }
}

.product-header.no-image .product-row .product-location,
.product-header.no-image .product-row .product-overview {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-header.no-image .product-download-list {
        width: 75%;
        width: calc(75% - 16px)
    }
}

@media only screen and (min-width:1025px) {
    .product-header.no-image .product-download-list {
        float: left;
        width: calc(75% - 20px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-key-content,
    .product-key-introduction,
    .product-key h2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-key-content,
    .product-key-introduction,
    .product-key h2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .product-key h2 {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .product-key h2 {
        padding-left: calc(50% - 648px);
        padding-right: calc(50% - 648px)
    }
}

.product-key .wrapper {
    width: 100%
}

.product-key-content,
.product-key .wrapper {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-key-content {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .product-key-content {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .product-key-content {
        width: calc(75% - 36px);
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .product-key-content {
        width: calc(324px + 50%);
        padding-right: calc(50% - 648px);
        padding-left: 10px
    }
}

.product-key-column {
    display: flex;
    align-items: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-key-column {
        width: 100%;
        margin-top: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-key-column {
        width: 100%;
        margin-top: 32px;
        width: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-key-column {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px;
        margin-top: 32px
    }
}

@media only screen and (min-width:1025px) {
    .product-key-column {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-key-column:nth-of-type(2n) {
        padding-left: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-key-column:nth-of-type(odd) {
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-key-column:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .product-key-column:nth-of-type(3n) {
        margin-right: 0
    }
}

.product-key-column .icon {
    margin-right: 10px;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0
}

.product-key-column .text {
    flex-grow: 1
}

.product-key-column h3 {
    margin-bottom: 16px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
}

.product-key h2 {
    margin-bottom: 40px
}

.product-key-introduction {
    position: relative;
    padding-bottom: 40px;
    word-break: break-word
}

@media only screen and (min-width:1025px) {
    .product-key-introduction {
        width: calc(25% + 36px);
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .product-key-introduction {
        width: calc(-324px + 50%);
        padding-left: calc(50% - 648px);
        padding-right: 10px
    }
}

.product-key-introduction:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .product-key-introduction:after {
        width: 75%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-key-introduction:after {
        width: calc(41.66667% + 16px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-key-introduction:after {
        width: calc(33.33333% + 16px)
    }
}

@media only screen and (min-width:1025px) {
    .product-key-introduction:after {
        width: calc(100% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .product-key-background {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 24px;
        width: calc(25% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .product-key-background {
        width: calc(75% - 648px)
    }
}

.content-block.product-list>.button {
    vertical-align: bottom
}

.content-block.product-list .content-wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: start
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-list .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.product-list .product-list-wrapper {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 34px
}

.content-block.product-list .slick-slider {
    width: 100%;
    padding-bottom: 0
}

.content-block.product-list .slick-slide {
    padding-right: 2px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-list .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-list .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-list .slick-slide {
        margin-left: 8px;
        margin-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .slick-slide {
        float: none;
        margin-left: 10px;
        margin-right: 10px
    }
}

.content-block.product-list .slick-track {
    display: flex;
    align-items: stretch
}

.content-block.product-list .slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .slider-prev {
        left: -59px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .slider-next,
    .content-block.product-list .slider-prev {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .content-block.product-list .slider-next {
        right: -59px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-list .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-list .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-block.product-list .card:last-of-type,
    .content-block.product-list .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .card {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .content-block.product-list .card:last-of-type,
    .content-block.product-list .card:nth-of-type(3n) {
        margin-right: 0
    }
}

.content-block.product-list .product-list-wrapper.product-list-extendable {
    display: flex;
    flex-flow: row wrap
}

.content-block.product-list .product-list-wrapper.product-list-extendable .card {
    margin-bottom: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-list .product-list-wrapper.product-list-extendable .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .content-block.product-list .product-list-wrapper.product-list-extendable .card:last-of-type,
    .content-block.product-list .product-list-wrapper.product-list-extendable .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-list .product-list-wrapper.product-list-extendable .card {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .content-block.product-list .product-list-wrapper.product-list-extendable .card:last-of-type,
    .content-block.product-list .product-list-wrapper.product-list-extendable .card:nth-of-type(3n) {
        margin-right: 0
    }
}

.content-block.product-list .product-list-wrapper.product-list-extendable .card:nth-of-type(1n+4) {
    display: none
}

.content-block.product-list .product-list-wrapper.product-list-extendable.opened .card:nth-of-type(1n+4) {
    display: block
}

.content-block.product-list .product-list-wrapper.product-list-extendable.opened .state-opened,
.content-block.product-list .product-list-wrapper.product-list-extendable .state-closed {
    display: none
}

.content-block.product-list .product-list-wrapper.product-list-extendable.opened .state-closed {
    display: block
}

.content-block.product-list .content-link {
    width: 100%;
    text-align: center
}

.content-block.product-wall h2 {
    margin-bottom: 24px
}

.content-block.product-wall .product-wall-header {
    width: 100%;
    padding-inline: 16px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-wall .product-wall-header {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .product-wall-header {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.product-wall .wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-top: 40px;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.product-wall .wrapper-image {
        width: calc(45% + 16px);
        padding-left: 16px;
        padding-right: 10px;
        text-align: end
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .wrapper-image {
        width: 50%;
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.product-wall .wrapper-image {
        width: 50%;
        padding-left: calc(50% - 648px)
    }
}

.content-block.product-wall .wrapper-image figure {
    margin-bottom: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-wall .wrapper-image figure {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.product-wall .wrapper-image figure {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.product-wall .wrapper-image figure {
        display: inline-block;
        width: 83.33333%;
        padding-left: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-wall .wrapper-content {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.product-wall .wrapper-content {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.product-wall .wrapper-content {
        width: calc(45% + 16px);
        padding-right: 16px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .wrapper-content {
        width: calc(41.66667% + 12px);
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.product-wall .wrapper-content {
        width: 50%;
        padding-right: calc(50% - 648px);
        padding-left: 10px
    }
}

.content-block.product-wall .content-wrapper {
    position: relative
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .content-block.product-wall .product-description,
    .content-block.product-wall .product-link,
    .content-block.product-wall .subtitle,
    .content-block.product-wall h3 {
        float: right;
        width: 100%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .product-description,
    .content-block.product-wall .product-link,
    .content-block.product-wall .subtitle,
    .content-block.product-wall h3 {
        float: right;
        width: 83.33333%;
        margin-right: 16.66667%;
        padding-left: 10px
    }
}

.content-block.product-wall h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-wall .product-description {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.product-wall .product-description {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-wall .subtitle {
        display: inline-block;
        vertical-align: middle
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-wall .subtitle {
        display: inline-block;
        vertical-align: middle
    }
}

.content-block.product-wall .product-description {
    margin-bottom: 30px;
    padding-top: 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400
}

.content-block.product-wall .slick-dots {
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.product-wall .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.product-wall .slick-arrow {
        display: none !important
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .slick-arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(calc(-50% - 75px));
        transform: translateY(calc(-50% - 75px))
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .slider-prev {
        left: 32px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.product-wall .slider-prev {
        left: calc(50% - 708px)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.product-wall .slider-next {
        right: 32px
    }
}

@media only screen and (min-width:1440px) {
    .content-block.product-wall .slider-next {
        right: calc(50% - 708px)
    }
}

.content-block.product-wall .link-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 1296px
}

.product-wall .product-wall-title {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 32px;
    padding-left: 10px
}

.product-teaser .product-name {
    margin-bottom: 8px;
    font-size: 40px;
    font-weight: 400
}

.product-teaser .product-text,
.product-teaser figure {
    margin-bottom: 24px
}

.product-teaser ul {
    margin-bottom: 0;
    padding-left: 0
}

.product-teaser .product-category-name {
    margin-bottom: 8px;
    font-weight: 700
}

.product-teaser .product-overview {
    margin-bottom: 24px
}

.product-teaser .product-overview:last-of-type {
    margin-bottom: 0
}

.product-teaser .product-overview-openable .product-overview-content {
    position: relative;
    width: 100%;
    height: 70px;
    overflow: hidden
}

.product-teaser .product-overview-openable .product-overview-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.product-teaser .product-overview-openable.opened .product-overview-content {
    height: auto
}

.product-teaser .product-overview-openable.opened .switch-more,
.product-teaser .product-overview-openable.opened:before,
.product-teaser .product-overview-openable .switch-less {
    display: none
}

.product-teaser .product-overview-openable.opened .switch-less {
    display: inline
}

.product-teaser .product-overview-openable.opened svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 3px
}

.product-teaser .product-overview-content a {
    font-weight: 700
}

.product-teaser .js-switch {
    display: block;
    margin-top: 10px;
    padding: 0;
    background-color: initial;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer
}

.product-teaser .js-switch svg {
    position: relative;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 4px;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.product-list-light .product-list-wrapper {
    padding: 24px
}

.product-list-light .product-list-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 16px;
    font-weight: 700
}

.product-list-light table {
    width: 100%
}

.product-list-light table thead td {
    font-weight: 700
}

.product-list-light table td {
    padding: 16px
}

.product-list-light table td a {
    font-weight: 700
}

.content-block.content-favorite .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .wrapper {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .wrapper {
        max-width: 1440px;
        width: 100%;
        padding-inline: 72px;
        margin: auto
    }
}

.content-block.content-favorite h2 {
    display: inline-block;
    margin-bottom: 24px
}

.content-block.content-favorite .wrapper>.button {
    order: inherit
}

.content-block.content-favorite .favorite-list {
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none
}

.content-block.content-favorite .favorite-list li {
    display: flex
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-list li {
        position: relative;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-list li {
        flex-flow: row nowrap
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-list li {
        flex-flow: row nowrap
    }
}

.content-block.content-favorite .favorite-icon {
    width: 64px;
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-icon {
        text-align: start;
        width: 32px
    }
}

.content-block.content-favorite .favorite-icon .icon {
    position: relative;
    width: 1.2rem;
    height: 1.2rem
}

.content-block.content-favorite .favorite-name {
    word-break: break-word
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-name {
        display: flex;
        width: calc(100% - 64px);
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-name {
        width: 25%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-name {
        width: 25%
    }
}

.content-block.content-favorite .favorite-name svg {
    margin-right: 16px;
    vertical-align: middle;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-name svg {
        flex: 0 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-name svg {
        flex: 1 0 auto
    }
}

.content-block.content-favorite .favorite-name a {
    display: flex;
    text-decoration: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-name a {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-name a {
        flex-direction: column
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-name a {
        align-items: center
    }
}

.content-block.content-favorite .favorite-name a span {
    text-decoration: underline
}

.content-block.content-favorite .favorite-name.favorite-name-updated a:after {
    content: attr(data-after-content);
    display: inline-block;
    flex: 1 0 auto;
    align-items: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-name.favorite-name-updated a:after {
        margin-top: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-name.favorite-name-updated a:after {
        margin-top: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-name.favorite-name-updated a:after {
        margin-left: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-date {
        width: 100%;
        padding-left: 64px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-date {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-date {
        width: 33.33333%
    }
}

.content-block.content-favorite .favorite-list li>div.favorite-description {
    width: 33.33333%;
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-list li>div.favorite-description {
        flex: 1 0 100%;
        align-items: center;
        flex-flow: row wrap;
        justify-content: flex-start;
        display: flex;
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-list li>div.favorite-description {
        padding-left: 40px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-list li>div.favorite-description {
        padding-left: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-description .icon {
        flex: 0 0 24px;
        margin-right: 40px;
        text-align: start
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-description .button {
        flex: 1 0 auto;
        margin-right: 40px;
        text-align: start
    }
}

.content-block.content-favorite .favorite-description p {
    margin-top: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-description p {
        margin-left: 64px
    }
}

.content-block.content-favorite .favorite-description .button-link {
    text-decoration: underline;
    text-transform: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-description .button-link {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-description svg {
        vertical-align: middle
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-description svg {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-description svg {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-block.content-favorite .favorite-delete-container {
    vertical-align: middle
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-delete-container {
        width: 100%
    }
}

.content-block.content-favorite .favorite-delete-container button {
    position: relative;
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-delete-container button {
        width: calc(100% - 64px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-delete-container button {
        width: 24px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-delete-container button {
        width: 24px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-delete-container .favorite-delete {
        flex: 0 0 64px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-delete-container button span {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1;
        background: transparent
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-delete-container button span {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-delete-container button span {
        display: none
    }
}

.content-block.content-favorite .favorite-delete svg,
.content-block.content-favorite .favorite-description svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 16px
}

.content-block.content-favorite .favorite-label-empty {
    margin-top: 32px;
    text-align: start
}

.content-block.content-favorite .favorite-list li>div {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    text-align: start;
    vertical-align: middle
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-list li>div {
        padding: 10px 10px 11px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-list li>div {
        padding: 10px 10px 11px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-list li>div {
        padding: 16px 16px 17px
    }
}

.content-block.content-favorite .favorite-list li>div p {
    margin-bottom: 0
}

.content-block.content-favorite .favorite-list li>div strong {
    font-weight: 700
}

.content-block.content-favorite .favorite-list li>div a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .favorite-list li>div {
        padding: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite .favorite-list li>div {
        min-height: 88px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .favorite-list li>div {
        min-height: 88px
    }
}

.content-block.content-favorite .favorite-date,
.content-block.content-favorite .favorite-delete-container,
.content-block.content-favorite .favorite-icon,
.content-block.content-favorite .favorite-name {
    display: flex;
    align-items: center
}

.content-block.content-favorite .content-text {
    width: 100%;
    text-align: center;
    line-height: 1
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .js-mysolution-documents .favorite-name {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite .js-mysolution-documents .favorite-date {
        width: 25%
    }
}

.content-block.content-favorite-list.content-favorite ul li {
    padding-top: 16px;
    padding-left: 16px
}

.content-block.content-favorite-list.content-favorite ul li>div {
    padding: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite-list.content-favorite .favorite-icon {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite-list.content-favorite .favorite-icon {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite-list.content-favorite .favorite-icon-locked {
        position: absolute;
        top: 24px;
        left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite-list.content-favorite .favorite-icon-star {
        flex: 1 0 0;
        order: 1;
        position: relative;
        top: -7px;
        text-align: start
    }
}

.content-block.content-favorite-list.content-favorite .favorite-name {
    width: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite-list.content-favorite .favorite-name {
        flex: 1 0 calc(100% - 64px);
        justify-content: flex-start;
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite-list.content-favorite .favorite-name {
        width: 58.33333%;
        display: flex;
        align-items: center;
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite-list.content-favorite .favorite-name {
        width: 58.33333%;
        display: flex;
        align-items: center;
        padding-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite-list.content-favorite .favorite-name svg {
        flex: 0 0 auto;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite-list.content-favorite .favorite-name svg {
        flex: 0 0 auto;
        margin-left: 32px;
        margin-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite-list.content-favorite .favorite-name svg {
        flex: 0 0 auto;
        margin-left: 32px;
        margin-right: 16px
    }
}

.content-block.content-favorite-list.content-favorite .favorite-download {
    width: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite-list.content-favorite .favorite-download {
        order: 2;
        flex: 1 0 calc(100% - 64px);
        margin-bottom: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-favorite-list.content-favorite .favorite-download {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 32px;
        text-align: end
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-favorite-list.content-favorite .favorite-download {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 32px;
        text-align: end;
        margin-left: auto
    }
}

.content-block.content-favorite-list.content-favorite .button-document-action {
    background: transparent;
    cursor: pointer
}

.content-block.content-favorite-list.content-favorite .button-document-action.favorite-add,
.content-block.content-favorite-list.content-favorite .button-document-action.favorite-remove {
    display: none
}

.content-block.content-favorite-list.content-favorite .button-document-action.favorite-add.showed,
.content-block.content-favorite-list.content-favorite .button-document-action.favorite-remove.showed {
    display: block
}

.card {
    position: relative;
    transition: box-shadow .2s ease
}

.card,
.card .card-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card .card-wrapper {
    flex-grow: 1;
    padding: 45px 32px 32px
}

.card .link-overlay {
    z-index: 2
}

.card .button-link {
    display: flex;
    text-align: start
}

.card .button-link .icon {
    top: 1px;
    margin-left: 10px
}

.card h3 {
    margin-bottom: 32px
}

.card h3 strong {
    font-weight: 800
}

.card figure img {
    width: 100%
}

.card .card-header {
    display: flex
}

.card .card-tags {
    margin-top: 10px;
    padding-left: 0;
    list-style: none
}

.card .card-tags li {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-right: 5px
}

.card .card-text p:last-of-type {
    margin-bottom: 0
}

.card .card-informations svg {
    position: relative;
    top: 2px;
    margin-right: 10px
}

.card .card-text-bold {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 800
}

.card .card-link-grey {
    margin-right: 4px
}

.card .card-tag-list {
    margin-bottom: 10px
}

.card .card-date {
    flex-shrink: 0
}

.card .card-tags {
    margin-top: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card .date {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card .date {
        width: 100%
    }
}

.card .card-wrapper .card-title {
    font-size: 1.25rem;
    margin-bottom: 32px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .card .card-wrapper .card-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        text-align: center;
        font-weight: 600
    }
}

.card.card-bordered {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid;
    box-shadow: none
}

.card.card-bordered:hover {
    box-shadow: none
}

.card.card-bordered .card-wrapper {
    padding: 32px
}

.card.card-bordered figure {
    line-height: 0;
    text-align: center
}

.card.card-bordered figure figcaption {
    display: none
}

.card.card-bordered figure .wrapper {
    border-top-width: 0
}

.card.card-bordered .card-name {
    margin-bottom: 16px
}

.card.card-bordered .card-text {
    margin-top: 16px
}

.card.card-bordered .card-link {
    margin-top: 24px
}

.card.card-bordered .button-link {
    display: flex;
    text-align: start
}

.card.card-bordered .button-link .icon {
    top: 1px;
    margin-left: 10px
}

.card.card-bordered .card-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.card.card-large {
    margin-bottom: 20px;
    border: 1px solid;
    flex-direction: row
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large {
        display: flex
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large {
        display: flex
    }
}

@media only screen and (min-width:1440px) {
    .card.card-large {
        display: flex
    }
}

.card.card-large .card-wrapper {
    display: block;
    padding: 24px;
    border: 0
}

.card.card-large figure {
    position: relative;
    overflow: hidden;
    order: 1
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large figure {
        width: 44.44444%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large figure {
        width: 44.44444%
    }
}

@media only screen and (min-width:1440px) {
    .card.card-large figure {
        width: 44.44444%
    }
}

.card.card-large .card-header {
    margin-top: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large .card-header {
        padding-left: 24px;
        padding-right: 24px
    }
}

.card.card-large .card-link,
.card.card-large .card-text,
.card.card-large .card-title {
    padding-left: 24px;
    padding-right: 24px
}

.card.card-large .card-link {
    margin-bottom: 24px
}

.card.card-large .card-link .button {
    margin-bottom: 12px
}

.card.card-large .card-link .button:nth-last-child {
    margin-bottom: 0
}

.card.card-large .card-description,
.card.card-large .card-moreinfo {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    margin-bottom: 16px
}

.card.card-large .card-description .title,
.card.card-large .card-moreinfo .title {
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.card.card-large .card-description p,
.card.card-large .card-moreinfo p {
    margin-bottom: 0
}

.card.card-large .card-description ul,
.card.card-large .card-moreinfo ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.card.card-large .card-description ul li,
.card.card-large .card-moreinfo ul li {
    display: flex;
    justify-content: space-between
}

.card.card-large .list-link {
    display: flex
}

.card.card-large .list-link a,
.card.card-large .list-link button {
    margin-right: 26px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large[data-image-side=left] figure {
        float: left;
        margin-right: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large[data-image-side=left] figure {
        float: left;
        margin-right: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:1440px) {
    .card.card-large[data-image-side=left] figure {
        float: left;
        margin-right: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large[data-image-side=left] .card-header {
        padding-left: 0;
        padding-right: 24px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large[data-image-side=left] .card-header {
        padding-left: 0;
        padding-right: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large[data-image-side=right] figure {
        float: right;
        margin-left: 8px;
        padding-left: 8px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large[data-image-side=right] figure {
        float: right;
        margin-left: 12px;
        padding-left: 12px
    }
}

@media only screen and (min-width:1440px) {
    .card.card-large[data-image-side=right] figure {
        float: right;
        margin-left: 12px;
        padding-left: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large[data-image-side=right] .card-header {
        padding-left: 24px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large[data-image-side=right] .card-header {
        padding-left: 24px;
        padding-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large-image .card-wrapper {
        padding: 0;
        border-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large-image .card-wrapper {
        padding: 0;
        border-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large-image .card-wrapper {
        padding: 0;
        border-right: 0
    }
}

@media only screen and (min-width:1440px) {
    .card.card-large-image .card-wrapper {
        padding: 0;
        border-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large-text {
        flex-direction: column;
        padding-bottom: 48px
    }
}

.card.card-large-text .card-wrapper {
    width: 33.33333%;
    padding: 24px 0 24px 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large-text .card-wrapper {
        width: 100%;
        padding-right: 24px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large-text .card-wrapper {
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large-text .card-wrapper {
        padding-right: 10px
    }
}

.card.card-large-text .card-text {
    width: 66.66667%;
    margin-top: 0;
    padding: 24px 24px 24px 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large-text .card-text {
        width: 100%;
        padding-left: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-large-text .card-text {
        padding-left: 8px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-large-text .card-text {
        padding-left: 10px
    }
}

.card.card-large-text .card-link {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-large-text .card-link {
        position: absolute;
        left: 24px;
        bottom: 0;
        width: calc(100% - 48px)
    }
}

.card.card-large-text .card-tags {
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card-medium {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card-medium {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .card-medium {
        width: 50%
    }
}

.card-borderless {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card-borderless {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .card-borderless {
        width: 33.33333%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .card-borderless {
        width: 50%
    }
}

.card-borderless .card-wrapper {
    padding: 24px
}

.card-borderless .card-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.29;
    margin-bottom: 14px
}

.card-borderless .card-link {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.29;
    font-weight: 700
}

.card-borderless:active,
.card-borderless:hover {
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .26)
}

.card-borderless:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.card-list {
        padding-top: 31px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .content-block.card-list {
        padding-top: 31px
    }
}

.card-borderless.card-link {
    width: 100%;
    display: flex;
    justify-content: left
}

.card-borderless.card-link .button {
    margin-left: auto;
    margin-right: auto
}

.card.card-light {
    border: 1px solid;
    box-shadow: none
}

.card.card-light:hover,
.card.card-transparent,
.card.card-transparent:hover {
    box-shadow: none
}

.card-speaker {
    text-align: center;
    padding: 26px 24px 18px;
    align-items: center
}

.card-speaker figure {
    display: inline-block;
    max-width: 180px;
    margin-bottom: 32px;
    border-radius: 999px;
    overflow: hidden
}

.card-speaker .card-speaker-job,
.card-speaker .card-speaker-name {
    text-align: center
}

.card-speaker .card-speaker-name {
    margin-bottom: 8px
}

.card-speaker .card-speaker-job {
    margin-bottom: 16px
}

.card-speaker .card-contact-highlight {
    text-transform: uppercase
}

.card-speaker .card-speaker-icons {
    margin-bottom: 10px
}

.card-speaker .card-speaker-icons .icon {
    width: 1.5rem;
    height: 1.5rem
}

.card-speaker .card-speaker-icons a {
    margin-left: 8px;
    margin-right: 8px;
    text-decoration: none;
    vertical-align: middle
}

.card-speaker-large {
    display: flex;
    border: 1px solid
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card-speaker-large {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card-speaker-large {
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .card-speaker-large {
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card-speaker-large .card-speaker-aside {
        width: 25%;
        padding: 0 16px
    }
}

@media only screen and (min-width:1025px) {
    .card-speaker-large .card-speaker-aside {
        width: 25%;
        padding: 0 16px
    }
}

.card-speaker-large .card-speaker-main {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card-speaker-large .card-speaker-main {
        width: 75%;
        padding: 0 16px
    }
}

@media only screen and (min-width:1025px) {
    .card-speaker-large .card-speaker-main {
        width: 75%;
        padding: 0 16px
    }
}

.card-speaker-large .card-speaker-main>* {
    text-align: start
}

.card-speaker-large .card-speaker-linkedin,
.card-speaker-large .card-speaker-mail,
.card-speaker-large .card-speaker-phone {
    font-weight: 700
}

.card-speaker-large .card-speaker-linkedin svg,
.card-speaker-large .card-speaker-mail svg,
.card-speaker-large .card-speaker-phone svg {
    position: relative;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 12px
}

.card-speaker-large .card-speaker-mail svg {
    top: 6px
}

.card-speaker-large .card-speaker-phone svg {
    top: 5px
}

.card-speaker-large .card-speaker-linkedin svg {
    top: 1px
}

.card-contact {
    position: relative;
    text-align: center;
    padding: 55px 16px 46px
}

.card-contact .current-text-bigger {
    margin-bottom: 8px
}

.card-contact .link {
    display: inline-block;
    width: 100%
}

.card-contact .button {
    margin-top: 24px
}

.card-contact .button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.card-contact .button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width .2s ease
}

.card-contact .button:hover:before {
    width: 100%;
    height: 100%
}

.card-contact .button:hover:after {
    width: 100%
}

.card-contact .card-contact-highlight {
    text-transform: uppercase
}

.card.card-webzine .card-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 32px;
    border-bottom: 4px solid
}

.card.card-webzine aside figure {
    position: static
}

.card.card-webzine .card-title {
    margin-bottom: 16px
}

.card.card-webzine .card-text {
    margin-bottom: 24px;
    font-weight: 400
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-webzine .card-text {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .card.card-webzine .card-text {
        display: none
    }
}

.card.card-webzine .card-text a {
    display: inline
}

.card.card-webzine .card-date,
.card.card-webzine .card-view {
    display: inline-flex;
    align-items: center;
    font-weight: 700
}

.card.card-webzine .card-date svg,
.card.card-webzine .card-view svg {
    position: relative;
    top: 2px;
    margin-right: 10px;
    margin-bottom: 4px
}

.card.card-webzine .card-date {
    margin-right: 24px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-large {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-large {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-large aside {
        order: 0;
        width: 41.66667%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-large aside {
        order: 0;
        width: 41.66667%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-large .card-wrapper {
        order: 1;
        width: 58.33333%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-large .card-wrapper {
        order: 1;
        width: 58.33333%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-long {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-long {
        display: flex;
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-long aside {
        order: 0;
        width: 25%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-long aside {
        order: 0;
        width: 25%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-long .card-wrapper {
        order: 1;
        width: 75%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-long .card-wrapper {
        order: 1;
        width: 75%
    }
}

.card.card-webzine.card-webzine-long .card-tags {
    display: inline-block
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-webzine.card-webzine-long .card-tags {
        margin-bottom: 5px
    }
}

@media only screen and (min-width:1025px) {
    .card.card-webzine.card-webzine-long .card-tags {
        margin-bottom: 5px
    }
}

.card.card-webzine.card-webzine-long .card-tags span {
    vertical-align: middle
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-comparator-list .card-wrapper,
    .card.card-comparator .card-wrapper {
        width: 100%
    }
}

.card.card-comparator-list .card-link,
.card.card-comparator .card-link {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-comparator-list .card-link,
    .card.card-comparator .card-link {
        position: static;
        width: 100%;
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-comparator-list .card-link .button-icon svg,
    .card.card-comparator .card-link .button-icon svg {
        display: none
    }
}

.card.card-comparator-list .card-content-comparator .card-content-header,
.card.card-comparator .card-content-comparator .card-content-header {
    display: flex;
    justify-content: flex-start
}

.card.card-comparator-list .card-content-comparator .card-content-header .button,
.card.card-comparator .card-content-comparator .card-content-header .button {
    background: transparent
}

.card.card-comparator-list .card-content-comparator .card-content-header .button svg,
.card.card-comparator .card-content-comparator .card-content-header .button svg {
    position: relative;
    top: -3px;
    margin-left: 10px
}

.card.card-comparator-list .card-content-comparator .card-name,
.card.card-comparator-list .card-content-comparator p,
.card.card-comparator .card-content-comparator .card-name,
.card.card-comparator .card-content-comparator p {
    margin-bottom: 8px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-comparator .card-wrapper {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .card.card-comparator .card-wrapper {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .card.card-comparator .card-wrapper {
        width: 44.44444%
    }
}

.card.card-comparator .card-content-comparator .card-subname-bold {
    font-weight: 700
}

.card.card-comparator .card-moreinfo .card-attribute-list {
    text-align: end
}

.card.card-comparator .card-moreinfo .card-attribute-list li {
    display: block
}

.card.card-comparator-list .card-wrapper {
    width: 50%
}

.card.card-comparator-list .card-content-comparator p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.prox-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow .2s ease
}

.prox-card .prox-card-wrapper {
    display: flex;
    flex-direction: column;
    padding: 40px 28px 28px;
    justify-content: flex-start
}

.prox-card .prox-card-title {
    margin-bottom: 21px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 700;
    text-align: start
}

@media only screen and (max-width:1024px) {
    .prox-card .prox-card-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        font-weight: 600
    }
}

.prox-card .link-overlay {
    z-index: 2
}

.prox-card .button-link {
    display: flex
}

.prox-card .button-link .icon {
    top: 1px;
    margin-left: 10px
}

.prox-card figure img {
    width: 100%
}

.prox-cardList {
    padding-top: 40px
}

@media only screen and (max-width:1024px) {
    .prox-cardList {
        padding-bottom: 0
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList {
        padding-bottom: 40px
    }
}

.prox-cardList .prox-card {
    margin-top: 10px
}

@media only screen and (min-width:1025px) {
    .prox-cardList .prox-cardList-wrapper {
        max-width: 1440px;
        margin-inline: auto;
        padding-inline: 72px
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 22px;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%
    }
}

.prox-cardList .prox-cardList-wrapper .prox-cardList-header .prox-cardList-title {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1
}

@media only screen and (max-width:1024px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header .prox-cardList-title {
        text-align: center;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1
    }
}

.prox-cardList .prox-cardList-wrapper .prox-cardList-header .button.button-tertiary {
    margin-bottom: 16px
}

@media only screen and (max-width:1024px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header .button.button-tertiary {
        order: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header .button.button-tertiary {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header .prox-cardList-introduction {
        flex-basis: 100%;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList .prox-cardList-wrapper .prox-cardList-header .prox-cardList-introduction {
        text-align: center
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList .prox-cardList-wrapper .js-slider,
    .prox-cardList.prox-cardList_grid .prox-cardList_grid-wrapper {
        display: flex;
        flex-direction: column;
        gap: 16px;
        order: 1
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList .js-slider,
    .prox-cardList.prox-cardList_grid .prox-cardList_grid-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .prox-cardList .prox-card {
        flex-basis: 75%;
        flex-shrink: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .prox-cardList .prox-card {
        flex-basis: 83.33333%;
        flex-shrink: 0
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList.scrollable .prox-cardList-wrapper .js-slider,
    .prox-cardList.scrollable.prox-cardList_grid .prox-cardList_grid-wrapper {
        display: flex;
        flex-direction: row;
        gap: 16px;
        padding-bottom: 24px;
        overflow-x: scroll
    }
}

.prox-cardList.scrollable .prox-cardList-wrapper .js-slider::-webkit-scrollbar,
.prox-cardList.scrollable.prox-cardList_grid .prox-cardList_grid-wrapper::-webkit-scrollbar {
    display: none
}

.prox-cardList.scrollable .prox-cardList-wrapper .js-slider,
.prox-cardList.scrollable.prox-cardList_grid .prox-cardList_grid-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media only screen and (max-width:1024px) {
    .prox-cardList.scrollable .custom-scrollbar {
        position: relative;
        width: calc(100% - 32px);
        height: 4px;
        margin-inline: 16px
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList.scrollable .custom-scrollbar:before {
        content: "";
        position: absolute;
        left: var(--dataScrollLevel);
        width: calc(100%/var(--dataSlideQuantity)*1.34);
        height: 100%
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper {
        padding-inline: 72px
    }
}

.prox-cardList_grid .prox-cardList_grid-wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper {
        padding-inline: 0
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_grid .prox-cardList_grid-wrapper .prox-card {
        flex: 0 0 calc(33.33333% - 13.33333px)
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_grid .custom-scrollbar {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList_slider {
        margin-bottom: 10px
    }
}

.prox-cardList_slider .js-slider {
    width: 100%;
    padding-bottom: 0
}

@media only screen and (min-width:1025px) {
    .prox-cardList_slider .prox-cardList_slider-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }
}

.prox-cardList_slider .slick-slide {
    height: inherit !important
}

@media only screen and (min-width:1025px) {
    .prox-cardList_slider .slick-slide {
        float: none;
        margin-left: 10px;
        margin-right: 10px
    }
}

.prox-cardList_slider .slick-slide>div {
    height: 100%
}

.prox-cardList_slider .slick-slide .card {
    height: 100%;
    margin-bottom: 0
}

.prox-cardList_slider .slick-track {
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:1024px) {
    .prox-cardList_slider .slider-next {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_slider .slider-next {
        position: absolute;
        top: calc(50% - 15px);
        width: 48px;
        height: 48px;
        right: -59px
    }
}

@media only screen and (max-width:1024px) {
    .prox-cardList_slider .slider-prev {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .prox-cardList_slider .slider-prev {
        position: absolute;
        top: calc(50% - 15px);
        width: 48px;
        height: 48px;
        left: -59px
    }
}

.prox-cardList_slider .slick-dots {
    margin-bottom: 0
}

.prox-cardList_slider .slider-navigation {
    text-align: center;
    margin-top: 20px
}

@media only screen and (min-width:1025px) {
    .prox-cardList_slider .slider-navigation {
        width: calc(100% - 20px)
    }
}

.market-related .wrapper {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .market-related .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .market-related .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.market-related h2 {
    width: 100%;
    margin-bottom: 49px;
    text-align: center
}

.market-related h3 {
    margin-bottom: 24px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1
}

.market-related h3 a {
    text-decoration: none
}

.market-related .market-related-column {
    margin-bottom: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .market-related .market-related-column {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .market-related .market-related-column {
        flex: 1 0 calc(50% - 18px);
        max-width: calc(50% - 18px);
        margin-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .market-related .market-related-column {
        flex: 1 0 calc(25% - 15px);
        max-width: calc(25% - 15px);
        margin-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .market-related .market-related-column:last-of-type,
    .market-related .market-related-column:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .market-related .market-related-column:last-of-type,
    .market-related .market-related-column:nth-of-type(4n) {
        margin-right: 0
    }
}

.market-related ul {
    padding-left: 0
}

.market-related li {
    margin-bottom: 5px;
    list-style: none
}

.market-related .button-link {
    text-align: start;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.29
}

.newslist-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.newslist-header .wrapper {
    width: 100%;
    background-repeat: no-repeat
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header .wrapper {
        padding-top: 40px;
        padding-bottom: 36px;
        background-image: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .wrapper {
        padding-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .wrapper {
        padding-top: 40px;
        background-position: left -66% top 54%
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .wrapper {
        width: calc(360px + 50%);
        padding-left: calc(-590px + 50%)
    }
}

.newslist-header aside {
    position: absolute
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header aside {
        top: 0;
        right: 0;
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header aside {
        bottom: 0;
        right: 0;
        width: 25%;
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header aside {
        bottom: 0;
        right: 0;
        width: 25%;
        padding-top: 32px;
        padding-bottom: 33px;
        z-index: 1
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header aside {
        width: 350px;
        right: calc(50% - 720px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
        height: 100%
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
        height: 100%;
        z-index: 1
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: calc(-370px + 50%)
    }
}

.newslist-header aside:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header h1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header h1 {
        width: 75%;
        padding-left: 16px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header h1 {
        width: 75%;
        padding-left: calc(8.33333% + 72px);
        padding-right: 20px
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header h1 {
        width: 840px;
        padding-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header .subtitle {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .subtitle {
        width: 75%;
        padding-left: 16px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .subtitle {
        width: 75%;
        padding-left: calc(8.33333% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .subtitle {
        width: 840px;
        padding-left: 0
    }
}

.newslist-header .content-text {
    margin-top: 15px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header .content-text {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .content-text {
        width: 75%;
        padding-left: 16px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .content-text {
        width: 75%;
        padding-left: calc(8.33333% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .content-text {
        width: 840px;
        padding-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header .content-form {
        margin-top: 15px;
        padding: 16px 16px 17px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .content-form {
        width: 75%;
        margin-top: 49px;
        padding: 16px 20px 17px 16px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .content-form {
        width: 75%;
        margin-top: 49px;
        padding: 18px 20px 18px calc(8.33333% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .content-form {
        width: 960px;
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    .newslist-header .content-form:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 92px;
        z-index: 0
    }
}

.newslist-header .content-form .form-simple,
.newslist-header .content-form .form-simple input {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .newslist-header .newslist-link-wrapper {
        max-width: 100%;
        padding-left: 54px;
        padding-right: 47px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .newslist-link-wrapper {
        padding-left: 32px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .newslist-link-wrapper {
        padding-left: 32px;
        padding-right: 72px
    }
}

.news.news-teaser {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: relative;
    padding-bottom: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.news.news-teaser:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    z-index: 1
}

.news.news-teaser .news-content,
.news.news-teaser .news-header {
    width: 100%
}

.news.news-teaser .news-date {
    flex-shrink: 0;
    padding-left: 32px;
    max-width: 73px
}

.news.news-teaser .news-header {
    display: flex;
    align-items: flex-start
}

.news.news-teaser .news-title {
    margin-top: 15px;
    margin-bottom: 0;
    padding-left: 32px;
    padding-right: 32px
}

.news.news-teaser .news-text {
    line-height: 1.5;
    margin-bottom: 0
}

.news.news-teaser .news-link {
    padding-left: 32px;
    padding-right: 32px;
    transition: opacity .2s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .news.news-teaser .news-tags-list {
        width: 75%;
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .news.news-teaser .news-tags-list {
        padding-left: 20px
    }
}

@media only screen and (min-width:1025px) {
    .news.news-teaser .news-tags-list {
        padding-left: 20px
    }
}

.news.news-teaser .news-tags-item {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.news.news-teaser .news-text {
    margin-top: 16px;
    padding: 0 32px
}

.news.news-teaser .tag {
    display: inline-block;
    margin-right: 4px
}

.news.news-teaser .news-image {
    margin-bottom: 16px
}

.news.news-teaser .news-image img {
    width: 100%
}

.news.news-teaser .news-image figcaption {
    display: none
}

.news.news-teaser .news-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .news.news-teaser-short .news-link {
        margin-top: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .news.news-teaser-short .news-link {
        margin-top: 16px
    }
}

@media only screen and (min-width:1025px) {
    .news.news-teaser-short .news-link {
        margin-top: 16px
    }
}

.news.news-teaser-large {
    padding-bottom: 27px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .news.news-teaser-large .news-title {
        margin-top: 45px
    }
}

.news-content-title {
    font-size: 1.25rem;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (max-width:1024px) {
    .news-content-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        font-weight: 600
    }
}

.content-block.content-newswall .content-wrapper {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    justify-content: center;
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-newswall .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-newswall .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.content-newswall .content-link {
    width: 100%;
    margin-top: 32px
}

.content-block.content-newswall .news {
    text-align: start
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-newswall .news-teaser-short {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-newswall .news-teaser-short {
        width: 25%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-newswall .news-teaser-large {
        justify-content: flex-start;
        width: 100%;
        aspect-ratio: 1/1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-newswall .news-teaser-large {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-newswall .news-teaser-large {
        width: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-newswall .news-teaser-short+.news-teaser-short {
        margin-top: 40px
    }
}

.content-block.content-newswall>.button {
    margin-top: 32px;
    display: inline-block
}

@media only screen and (min-width:1025px) {
    .content-block.content-newswall.content-newswall-light .news-teaser-short {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-newswall.content-newswall-light .news-teaser-large {
        width: 66.66667%
    }
}

.case-study-overview {
    display: flex;
    flex-flow: row wrap;
    padding-top: 0;
    padding-bottom: 0
}

.case-study-overview aside,
.case-study-overview section {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .case-study-overview aside,
    .case-study-overview section {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .case-study-overview aside,
    .case-study-overview section {
        width: 100%
    }
}

.case-study-overview aside {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .case-study-overview aside {
        padding: 48px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .case-study-overview aside {
        padding: 48px 16px
    }
}

@media only screen and (min-width:1025px) {
    .case-study-overview aside {
        order: 1;
        width: calc(25% + 36px);
        padding-right: 72px;
        padding-left: calc(8.33333% - 2px)
    }
}

@media only screen and (min-width:1440px) {
    .case-study-overview aside {
        width: calc(-324px + 50%);
        padding-right: calc(50% - 648px);
        padding-left: 118px
    }
}

.case-study-overview aside .content-text {
    font-weight: 700
}

.case-study-overview aside:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 10px);
    z-index: -1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .case-study-overview section {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .case-study-overview section {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .case-study-overview section {
        width: calc(75% - 36px);
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    .case-study-overview section {
        width: calc(324px + 50%);
        padding-left: calc(50% - 648px)
    }
}

.case-study-overview aside h5 {
    margin-bottom: 16px
}

.case-study-overview aside .content-text {
    margin-bottom: 24px
}

.case-study-overview aside img {
    margin-top: 10px;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.case-study-overview h2 {
    margin-bottom: 24px
}

.card-bordered.search-result-item .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 24px
}

.card-bordered.search-result-item .card-name,
.card-bordered.search-result-item .card-tags {
    margin-bottom: 16px
}

.card-bordered.search-result-item .card-tags {
    display: flex;
    align-items: center;
    margin-top: 0
}

.card-bordered.search-result-item .card-text {
    width: 100%;
    margin-top: 0
}

.card-bordered.search-result-item .card-link {
    width: 100%
}

.card-bordered.search-result-item figure img {
    aspect-ratio: 4/3;
    height: 100%;
    width: auto
}

.content-list-result-header {
    padding-top: 35px
}

.content-list-result-header .content-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-list-result-header .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-list-result-header .content-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-list-result-header .content-wrapper {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .content-list-result-header .content-wrapper {
        width: 1296px;
        margin: auto;
        padding-left: 0;
        padding-right: 0
    }
}

.content-list-result-header h2 {
    width: 100%;
    margin-right: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700
}

.content-list-result-header h2 strong {
    font-weight: 700
}

.content-list-result-header+.content-block {
    padding-top: 16px
}

.content-list-result-header.content-search-result-empty,
.content-list-result-header.content-search-result-errors,
.content-list-result-header.content-search-result-init {
    display: none
}

.content-list-result-header.content-search-result-empty.showed,
.content-list-result-header.content-search-result-errors.showed,
.content-list-result-header.content-search-result-init.showed {
    display: block
}

.content-list-result-header.content-search-result-empty+.content-block {
    padding-top: 56px
}

.content-search-result-title {
    margin-right: 20px
}

.content-search-result-title .content-search-result-label,
.content-search-result-title h2 {
    display: inline-block
}

.content-search-result-quantity {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .content-search-result-quantity {
        margin-bottom: 0
    }
}

.content-list-result-header.content-search-result-empty .content-search-result-quantity {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.5
}

.content-list-result-header.content-search-result-empty .result-tags,
.content-search-result-list {
    width: 100%
}

.content-search-result-list h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5
}

.content-search-result-list ul li {
    margin-bottom: 15px
}

.content-search-result-list ul a {
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-result-list .search-result-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-list .search-result-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .search-result-list .search-result-wrapper {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .search-result-list .search-result-wrapper {
        width: 1440px;
        margin: 0 auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-result-list .search-result-item {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-list .search-result-item {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:1025px) {
    .search-result-list .search-result-item {
        margin-bottom: 20px
    }
}

.search-result-list .loader-wrapper .container-loader-tube {
    display: inline-block
}

.search-result-list.list-column {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-result-list.list-column-2 .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-list.list-column-2 .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .search-result-list.list-column-2 .card:last-of-type,
    .search-result-list.list-column-2 .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .search-result-list.list-column-2 .card {
        width: calc(50% - 10px);
        margin-right: 20px
    }
    .search-result-list.list-column-2 .card:last-of-type,
    .search-result-list.list-column-2 .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-result-list.list-column-3 .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-list.list-column-3 .card {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .search-result-list.list-column-3 .card:last-of-type,
    .search-result-list.list-column-3 .card:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .search-result-list.list-column-3 .card {
        width: calc(33.33333% - 13.33333px);
        margin-right: 20px
    }
    .search-result-list.list-column-3 .card:last-of-type,
    .search-result-list.list-column-3 .card:nth-of-type(3n) {
        margin-right: 0
    }
}

.search-results {
    display: flex
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-results {
        flex-direction: column-reverse;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .search-results {
        flex-direction: column-reverse;
        padding-left: 10px;
        padding-right: 16px;
        padding-top: 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .search-results {
        justify-content: space-between;
        align-items: baseline;
        width: calc(67.5% + 16px);
        padding-right: 16px;
        padding-top: 48px;
        padding-left: 8px
    }
}

@media only screen and (min-width:1025px) {
    .search-results {
        justify-content: space-between;
        align-items: baseline;
        width: calc(75% - 36px);
        padding-right: 72px;
        padding-top: 48px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    .search-results {
        width: calc(324px + 50%);
        padding-right: calc(50% - 648px);
        padding-top: 48px;
        padding-left: 10px
    }
}

.search-results .result-number {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-results .result-number {
        padding-bottom: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .search-results .result-number {
        padding-bottom: 8px
    }
}

@media only screen and (min-width:1025px) {
    #login .login-large {
        width: calc(83.33333% - 120px);
        padding: 24px
    }
}

@media only screen and (min-width:1440px) {
    #login .login-large {
        width: 1080px
    }
}

#login .login-wrapper {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #login .login-wrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-wrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    #login .login-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

#login .login-title {
    margin-top: 56px;
    margin-bottom: 56px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-title {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%
    }
}

@media only screen and (min-width:1025px) {
    #login .login-title {
        width: 100%;
        padding-left: 20%;
        padding-right: 20%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #login .login-login,
    #login .login-register {
        width: 100%;
        padding: 40px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-login,
    #login .login-register {
        width: 100%;
        padding: 40px 16px
    }
}

@media only screen and (min-width:1025px) {
    #login .login-login,
    #login .login-register {
        width: calc(50% - 34px);
        padding: 48px 43px;
        margin-bottom: 24px;
        margin-right: 24px;
        margin-left: 10px
    }
}

#login .login-login {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #login .login-login {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-login {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    #login .login-login {
        margin-left: 24px;
        margin-right: 10px
    }
}

#login .login-login .login-title-small:before,
#login .login-register .login-title-small:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -24px;
    width: 75px;
    height: 4px
}

#login .login-login .login-title-small {
    margin-bottom: 68px
}

#login .login-register .login-title-small {
    margin-bottom: 52px;
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #login .login-register .login-title-small {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-register .login-title-small {
        display: none
    }
}

#login .login-text {
    text-align: start
}

#login .login-text-bold {
    font-weight: 600
}

#login .login-link {
    margin-top: 50px;
    text-align: center
}

#login .form-link {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 40px;
    text-align: end
}

#login .form-link a {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600
}

#login .field-input,
#login .field-input input {
    width: 100%
}

#login .field-checkbox label {
    padding-left: 0
}

#login a.button {
    height: auto;
    padding: 6px 13px
}

#login #field-login {
    margin-bottom: 16px
}

#login input[type=submit] {
    display: block;
    margin: 40px auto 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #login .login-register .login-text {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #login .login-register .login-text {
        display: none
    }
}

#login .container-loader-tube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

#login .loader-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#login .field-password .js-displayPassword,
#modal-connection .field-password .js-displayPassword {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#login .field-password,
#modal-connection .field-password,
.popin.popin-login .field-password {
    position: relative
}

#login .field-password input[type=password],
#modal-connection .field-password input[type=password],
.popin.popin-login .field-password input[type=password] {
    padding-right: 35px
}

#login .field-password .js-displayPassword,
#modal-connection .field-password .js-displayPassword,
.popin.popin-login .field-password .js-displayPassword {
    position: absolute;
    right: 10px
}

#login .field-password .js-displayPassword .icon-hidePassword,
#modal-connection .field-password .js-displayPassword .icon-hidePassword,
.popin.popin-login .field-password .js-displayPassword .icon-hidePassword {
    display: none;
    width: 1.1rem
}

#modal-connection.modal .modal-content {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-content {
        width: 100%;
        height: 100%;
        padding: 0;
        max-height: unset
    }
}

#modal-connection.modal .modal-wrapper {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-wrapper {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

#modal-connection.modal .modal-title {
    margin-top: 56px;
    margin-bottom: 56px;
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-title {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-title {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-title {
        width: 100%;
        padding-left: 20%;
        padding-right: 20%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-login,
    #modal-connection.modal .modal-register {
        width: 100%;
        padding: 40px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-login,
    #modal-connection.modal .modal-register {
        width: 100%;
        padding: 40px 16px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-login,
    #modal-connection.modal .modal-register {
        width: calc(50% - 34px);
        padding: 48px 43px;
        margin-bottom: 24px
    }
}

#modal-connection.modal .modal-login {
    position: relative
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-login {
        padding: 68px 16px 28px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-login {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-login {
        margin-left: 24px;
        margin-right: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-register {
        padding-top: 20px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-register {
        margin-right: 24px;
        margin-left: 10px
    }
}

#modal-connection.modal .modal-login .login-title-small:before,
#modal-connection.modal .modal-register .login-title-small:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -24px;
    width: 75px;
    height: 4px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-login .login-title-small {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-login .login-title-small {
        margin-bottom: 68px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .modal-login .login-title-small {
        margin-bottom: 68px
    }
}

#modal-connection.modal .modal-register .login-title-small {
    margin-bottom: 52px;
    text-align: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-register .login-title-small {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-register .login-title-small {
        display: none
    }
}

#modal-connection.modal .modal-register .modal-link {
    margin-top: 0
}

#modal-connection.modal .modal-text {
    text-align: start
}

#modal-connection.modal .modal-text-bold {
    font-weight: 600
}

#modal-connection.modal .modal-link {
    margin-top: 50px;
    text-align: center
}

#modal-connection.modal .form-link {
    width: 100%;
    margin-top: 8px;
    text-align: end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .form-link {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .form-link {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal .form-link {
        margin-bottom: 40px
    }
}

#modal-connection.modal .form-link a {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600
}

#modal-connection.modal .field-input,
#modal-connection.modal .field-input input {
    width: 100%
}

#modal-connection.modal .field-checkbox label {
    padding-left: 0
}

#modal-connection.modal a.button {
    height: auto;
    padding: 6px 13px
}

#modal-connection.modal #field-login {
    margin-bottom: 16px
}

#modal-connection.modal input[type=submit] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal input[type=submit] {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal input[type=submit] {
        margin-top: 40px
    }
}

@media only screen and (min-width:1025px) {
    #modal-connection.modal input[type=submit] {
        margin-top: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #modal-connection.modal .modal-register .modal-text {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-connection.modal .modal-register .modal-text {
        display: none
    }
}

#modal-connection.modal .container-loader-tube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

#modal-connection.modal .loader-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#header-modal-profil.modal .modal-content {
    display: block
}

#header-modal-profil.modal .modal-content .button {
    display: block;
    padding: 13px;
    text-align: start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-modal-profil.modal .modal-link .button {
        margin-top: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-modal-profil.modal .modal-link .button {
        margin-top: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-modal-profil.modal .modal-link .button {
        width: 100%;
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-modal-profil.modal .modal-link .button {
        width: 100%;
        padding-left: 16px
    }
}

.modal .share-rs_toolbox {
    display: inline-block
}

.share-rs_toolbox a {
    margin-bottom: 5px;
    line-height: normal
}

.share-rs_toolbox .share-rs_link {
    line-height: 2em;
    height: 2em;
    width: 2em;
    display: inline-flex;
    overflow: hidden;
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

.share-rs_toolbox .share-rs_link svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff;
    border: 0
}

.share-rs_facebook {
    background-color: #3b5998
}

.share-rs_twitter {
    background-color: #000
}

.share-rs_linkedin {
    background-color: #0a66c2
}

.share-rs_pinterest {
    background-color: #cb2026
}

.modal.modal-product .modal-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.modal.modal-product .modal-title {
    margin-bottom: 16px
}

.modal.modal-product .modal-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 24px
}

.modal.modal-product .modal-link>* {
    margin-right: 10px;
    margin-bottom: 10px
}

.modal.modal-product .modal-link:last-child {
    margin-right: 0
}

.modal.modal-product .modal-link .button-download svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal.modal-product .product-name {
    width: 100%;
    font-weight: 700;
    text-align: center
}

.modal-sampling .modal-sampling-button {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#modal-cart-send.modal .modal-title {
    margin-top: 56px;
    margin-bottom: 16px;
    text-align: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #modal-cart-send.modal .modal-title {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%
    }
}

@media only screen and (min-width:1025px) {
    #modal-cart-send.modal .modal-title {
        width: 100%;
        padding-left: 20%;
        padding-right: 20%
    }
}

#modal-cart-send.modal .modal-content .modal-wrapper {
    width: 100%
}

#modal-cart-send.modal .modal-text {
    margin-bottom: 10px
}

#modal-cart-send.modal .modal-text svg {
    display: block;
    margin: auto
}

#modal-cart-send.modal .modal-link {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:1025px) {
    .modal-favorite.modal .modal-content {
        width: calc(50% - 72px);
        padding: 100px 24px 95px
    }
}

.modal-favorite.modal .modal-title {
    margin-bottom: 16px
}

.modal-favorite.modal .form-button button {
    margin-right: 16px
}

.modal-favorite.modal .form-button button:first-of-type {
    margin-bottom: 16px
}

.modal.modal-alternative .modal-content {
    padding-top: 48px;
    padding-bottom: 24px
}

.modal.modal-alternative .modal-title {
    margin-bottom: 24px
}

.modal.modal-alternative .modal-separation {
    width: 50%;
    height: 1px;
    margin: auto
}

.modal.modal-alternative .modal-text {
    display: inline-block;
    width: 66.66667%;
    margin-top: 16px;
    margin-bottom: 16px
}

.modal.modal-alternative .modal-name {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600
}

.modal.modal-alternative .modal-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px
}

.modal.modal-alternative .modal-link .button {
    margin-bottom: 24px
}

.modal.modal-alternative .modal-link .button:last-of-type {
    margin-bottom: 0
}

.modal.modal-alternative .modal-link a {
    font-weight: 700
}

.modal.modal-alternative .modal-link .link {
    text-decoration: underline
}

.modal.modal-picture .modal-content {
    padding: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .modal.modal-picture .modal-content {
        max-width: inherit;
        width: unset;
        overflow-x: hidden
    }
}

@media only screen and (min-width:1025px) {
    .modal.modal-picture .modal-content {
        max-width: inherit;
        width: unset;
        overflow-x: hidden
    }
}

.modal.modal-picture img {
    display: block;
    width: auto;
    max-width: 90vw;
    max-height: 90vh
}

#modal-savefilter.modal .modal-title {
    text-align: center;
    margin-bottom: 16px
}

#modal-savefilter.modal .form-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px
}

.popin {
    display: none;
    max-height: calc(100vh - 180px)
}

@media only screen and (min-width:1025px) {
    .popin {
        width: 380px;
        max-width: 33.33333%
    }
}

.popin.opened {
    display: block
}

.popin .popin-title {
    position: relative;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 36px;
    font-weight: 400
}

.popin .popin-title:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 75px;
    height: 4px
}

.popin .field-input,
.popin .field-input input {
    width: 100%
}

.popin .form-link {
    text-align: end;
    margin-bottom: 20px
}

.popin .form-link a {
    font-weight: 600
}

.popin-wrapper {
    padding: 24px;
    overflow-y: auto;
    max-height: 100%
}

.popin-cursor {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -21px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 21px
}

.js-access-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    opacity: 0;
    text-align: center;
    z-index: -1
}

.js-access-close:focus {
    width: 36px;
    height: 36px !important;
    padding: 0 !important;
    opacity: 1;
    z-index: 0
}

.popin.popin-login.popin-connected {
    position: relative;
    padding: 0
}

.popin.popin-login {
    position: relative
}

.popin.popin-login #popin-field-login {
    margin-bottom: 16px
}

.popin.popin-login #popin-field-password,
.popin.popin-login .field-checkbox {
    margin-bottom: 8px
}

.popin.popin-login .field-checkbox label {
    padding-left: 0
}

@media only screen and (min-width:1025px) {
    .popin.popin-login .popin-button-list {
        display: flex;
        flex-flow: row wrap;
        gap: 10px
    }
}

.popin.popin-login .popin-button-list .button {
    margin-right: 0
}

.popin.popin-login .button svg {
    top: 3px;
    margin-bottom: 0
}

.popin.popin-login .popin-content,
.popin.popin-login .popin-link {
    padding: 24px
}

.popin.popin-login .container-loader-tube {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 120px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.popin.popin-login .loader-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.popin.popin-login .loader-tube {
    border-width: 2px
}

.popin.popin-sampling .sample {
    margin-bottom: 8px
}

.popin.popin-sampling .sample:last-of-type {
    margin-bottom: 0
}

.popin.popin-sampling .popin-sampling-links {
    display: inline-block;
    width: 100%;
    text-align: center
}

.popin.popin-comparator .comparator {
    margin-bottom: 8px
}

.popin.popin-comparator .comparator:last-of-type {
    margin-bottom: 0
}

.popin-menu {
    display: none;
    position: absolute;
    -webkit-transform: translate(-32px, calc(-100% - 10px));
    transform: translate(-32px, calc(-100% - 10px));
    padding: 10px
}

.popin-menu .popin-menu-cursor {
    position: absolute;
    width: 0;
    height: 0
}

.popin-menu.opened {
    display: block;
    z-index: 1
}

.popin-menu ul {
    list-style: none
}

.popin-menu .button {
    text-align: left
}

.popin-menu[data-popin-orientation=top] .popin-menu-cursor {
    bottom: 0;
    border-style: solid;
    border-width: 4px 5px 0;
    -webkit-transform: translate(5px, 100%);
    transform: translate(5px, 100%)
}

.popin-menu .popin-menu-cursor[popin-arrow-bottom] {
    bottom: attr(popin-arrow-bottom px)
}

.popin-menu li {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid
}

.popin-menu li:last-of-type {
    border-bottom: unset
}

.banner.banner-webzine {
    position: relative;
    text-align: left;
    z-index: 3
}

.banner.banner-webzine .wrapper {
    width: 100%;
    padding-inline: 16px;
    padding-block: 56px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-webzine .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-webzine .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.banner.banner-webzine .banner-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 700
}

.banner.banner-webzine .banner-webzine-title {
    margin-bottom: 40px
}

@media only screen and (min-width:1440px) {
    .banner.banner-webzine .banner-description {
        width: 66.66667%
    }
}

.banner.banner-webzine .banner-webzine-fields-list {
    display: flex
}

@media only screen and (max-width:1024px) {
    .banner.banner-webzine .banner-webzine-fields-list {
        flex-direction: column
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-webzine .banner-webzine-fields-list {
        gap: 20px
    }
}

.banner.banner-webzine .banner-webzine-fields-list .banner-webzine-field {
    flex: 1 0 25%;
    text-align: left
}

.banner.banner-webzine .banner-webzine-fields-list .banner-webzine-field-name {
    margin-bottom: 8px;
    font-weight: 700
}

.banner.banner-webzine .banner-webzine-fields-list .banner-webzine-field-name span:before {
    content: "\00a0"
}

.banner.banner-webzine .banner-webzine-fields-list .banner-webzine-field-submit {
    margin-top: 35px;
    align-self: flex-end;
    position: relative;
    top: -2px;
    height: 52px;
    margin-right: 0;
    margin-bottom: 0
}

@media only screen and (min-width:1025px) {
    .banner.banner-webzine .banner-webzine-fields-list .banner-webzine-field-submit {
        align-self: flex-start
    }
}

.banner.banner-webzine .banner-webzine-field .banner-webzine-field-input {
    width: 100%
}

.banner.banner-webzine .banner-webzine-field-header {
    display: flex;
    justify-content: space-between
}

.banner.banner-webzine .banner-webzine-field-clear {
    display: none;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: underline
}

.banner.banner-webzine .banner-webzine-field-clear.visibled {
    display: block
}

.banner.banner-webzine .banner-link {
    font-weight: 600
}

.banner.banner-topic .wrapper,
.banner.banner-type .wrapper {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-topic .wrapper .banner-type-aside,
    .banner.banner-type .wrapper .banner-type-aside {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-topic .wrapper .banner-type-aside,
    .banner.banner-type .wrapper .banner-type-aside {
        width: 25%;
        display: flex;
        align-items: center
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-topic .wrapper .banner-type-aside,
    .banner.banner-type .wrapper .banner-type-aside {
        width: 41.66667%;
        display: flex;
        align-items: center;
        padding-inline: 8.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-topic .wrapper .banner-type-aside+.banner-type-content,
    .banner.banner-type .wrapper .banner-type-aside+.banner-type-content {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .banner.banner-topic .wrapper .banner-type-aside+.banner-type-content,
    .banner.banner-type .wrapper .banner-type-aside+.banner-type-content {
        width: 75%
    }
}

@media only screen and (min-width:1025px) {
    .banner.banner-topic .wrapper .banner-type-aside+.banner-type-content,
    .banner.banner-type .wrapper .banner-type-aside+.banner-type-content {
        width: 58.33333%;
        padding-right: 8.33333%
    }
}

.banner.banner-topic .wrapper .banner-type-aside img,
.banner.banner-type .wrapper .banner-type-aside img {
    width: 100%
}

.banner.banner-topic .wrapper .banner-logo,
.banner.banner-type .wrapper .banner-logo {
    align-self: center
}

.banner.banner-topic .wrapper .banner-type-content,
.banner.banner-type .wrapper .banner-type-content {
    width: 100%
}

@media only screen and (min-width:1025px) {
    .banner.banner-topic .wrapper .banner-type-content,
    .banner.banner-type .wrapper .banner-type-content {
        padding-inline: 8.33333%
    }
}

.banner.banner-webzine.banner-webzine-background {
    background-size: cover
}

.banner.banner-webzine.banner-webzine-background .banner-tag.banner-category .tag {
    border-width: 0;
    line-height: 21px
}

.content-block.webzine-content {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.content-block.webzine-content .webzine-aside.absolute {
    position: absolute;
    top: auto;
    bottom: 0
}

.webzine .content-block.content-picture-full {
    padding-top: 0
}

.webzine .content-sidebar ul li a {
    transition: color .2s ease
}

.webzine .webzine-aside.fixed {
    top: 152px
}

.content-block.content-stories-wall .content-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.content-stories-wall .content-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.content-stories-wall .content-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-promoted-webzine .content-wrapper {
    display: flex
}

.content-promoted-webzine .webzine-promoted-stories.card-list-wrapper {
    padding: 0
}

@media only screen and (max-width:1024px) {
    .content-promoted-webzine .webzine-promoted-stories.card-list-wrapper article .card-content .card-text {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-promoted-webzine .webzine-promoted-stories.card-list-wrapper {
        display: grid;
        grid-template-columns: [first] 50% [line2] 25% [line3] 25% [end];
        grid-template-rows: [row1-start] auto [row1-end] auto [last-line]
    }
    .content-promoted-webzine .webzine-promoted-stories.card-list-wrapper article:first-of-type {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: last-line;
        margin-left: 0
    }
    .content-promoted-webzine .webzine-promoted-stories.card-list-wrapper article {
        margin: 0 0 22px 22px;
        width: auto
    }
}

.webzine-aside {
    padding-top: 0
}

.webzine-aside ul {
    padding: 0
}

.webzine-aside ul li {
    padding: 0;
    opacity: 1;
    list-style: none
}

.webzine-aside ul li:first-of-type {
    border-top: 0
}

.webzine-aside ul li:hover {
    opacity: .5
}

.webzine-aside ul li a {
    width: 100%;
    padding: 16px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5;
    font-weight: 600;
    text-align: start
}

.webzine-aside.fixed {
    position: fixed
}

#share-price-header,
#share-price-header+.content-tabs {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header,
    #share-price-header+.content-tabs {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header,
    #share-price-header+.content-tabs {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

#share-price-header+.content-tabs {
    margin-bottom: 36px
}

#share-price-header+.content-tabs .content-tabs-list {
    float: none;
    width: 100%;
    padding-right: 0
}

#share-price-header {
    padding-top: 24px;
    padding-bottom: 24px
}

#share-price-header dl {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #share-price-header .share-price-last,
    #share-price-header .share-price-updated {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header .share-price-last,
    #share-price-header .share-price-updated {
        width: 41.66667%
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header .share-price-last,
    #share-price-header .share-price-updated {
        width: 16.66667%
    }
}

#share-price-header .share-price-informations {
    position: relative;
    display: flex;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #share-price-header .share-price-informations {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header .share-price-informations {
        flex-direction: row
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header .share-price-informations {
        flex-direction: row
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header .share-price-informations:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header .share-price-informations:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

#share-price-header .share-price-column {
    display: flex;
    flex-flow: row wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #share-price-header .share-price-column {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header .share-price-column {
        width: 50%;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header .share-price-column {
        width: 50%;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-header .share-price-column:last-of-type {
        margin-right: 0;
        padding-right: 0;
        padding-left: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    #share-price-header .share-price-column:last-of-type {
        margin-right: 0;
        padding-right: 0;
        padding-left: 8.33333%
    }
}

#share-price-header .share-price-last,
#share-price-header .share-price-updated {
    width: 100%;
    margin-bottom: 24px
}

#share-price-header .share-price-column dt {
    flex: 1 0 70%
}

#share-price-header .share-price-column dd {
    flex: 1 0 30%;
    text-align: end
}

#share-price-header .share-price-column dt,
#share-price-header .share-price-last dt {
    font-weight: 400
}

#share-price-header .share-price-column dd,
#share-price-header .share-price-last dd {
    font-weight: 700
}

#share-price-header .share-price-last dt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5
}

#share-price-header .share-price-last dd {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5
}

.js-share-price {
    display: flex;
    flex-flow: row wrap
}

.share-price-content table {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding-top: 40px
}

.share-price-content table * {
    word-break: keep-all
}

.share-price-content table td,
.share-price-content table th {
    padding: 2px 5px;
    text-align: center
}

#share-price-header,
#share-price-history,
#share-price-stats,
.content-tabs {
    margin-bottom: 36px
}

#share-price-header h2,
#share-price-history h2,
#share-price-stats h2,
.content-tabs h2 {
    margin-bottom: 18px
}

.share-price-content .content-tabs-list {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .share-price-content .content-tabs {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .share-price-content .content-tabs {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #share-price-history,
    #share-price-stats {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #share-price-history,
    #share-price-stats {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    #share-price-history {
        width: calc(41.66667% + 12px);
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    #share-price-history {
        width: calc(-108px + 50%);
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    #share-price-stats {
        width: calc(58.33333% - 12px);
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    #share-price-stats {
        width: calc(108px + 50%);
        padding-right: calc(50% - 648px)
    }
}

#content-chart-error {
    font-weight: 700
}

.location {
    position: relative;
    padding-top: 24px;
    padding-left: 50px;
    padding-bottom: 16px
}

.location h3 {
    margin-bottom: 8px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.location .location-address,
.location h3 {
    position: relative;
    z-index: 1
}

.location .location-icon {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    z-index: 1
}

.location .location-wrapper .button {
    position: relative;
    z-index: 1;
    transition: none
}

.location .location-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.location>button {
    background-color: initial;
    cursor: pointer;
    z-index: 2
}

.location .location-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: .2s ease
}

.country {
    position: relative;
    padding: 10px
}

.country .country-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start
}

.country h3 {
    flex: 1 0 auto;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5
}

.country .country-phone {
    flex: 1 0 100%;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px
}

.country .country-phone svg {
    position: absolute;
    top: 0;
    left: 3px;
    width: 1.4em;
    height: 1.4em
}

.country .country-quantity {
    float: right;
    flex: 1 0 30%;
    position: relative;
    top: 7px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    text-align: end
}

.country .button-link {
    flex: 1 0 100%;
    cursor: pointer;
    text-align: start
}

.country .button-tertiary {
    flex: 0 0 auto;
    margin-right: 4px
}

.country .button-link,
.country .button-tertiary {
    margin-bottom: 10px
}

.country .button-tertiary:last-of-type {
    margin-bottom: 0
}

.sample-list {
    width: 100%;
    max-height: 190px;
    overflow-y: auto
}

.sample {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 16px 32px
}

.sample .sample-name {
    flex: 1 0;
    margin-right: 24px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.sample .sample-name .sample-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.sample .sample-description {
    flex: 1 0;
    margin-right: 24px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.sample .sample-description .sample-label {
    text-transform: uppercase;
    font-weight: 600
}

.sample .sample-remove {
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0
}

.sample-button .sample-remove,
.sample-button.saved .sample-add {
    display: none
}

.sample-button.saved .sample-remove {
    display: block
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    -webkit-filter: inherit;
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(../modules/proxima-main/css/#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform;
    transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd
}

#map-container .leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
    font: 8px Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(../modules/proxima-main/css/images/layers.png);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(../modules/proxima-main/css/images/layers-2x.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: -5px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(../modules/proxima-main/css/images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .7);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: start;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 1.14286 Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: transparent;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, .6)
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, .6)
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, .6)
}

.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, .6)
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, .6)
}

.marker-cluster-large div {
    background-color: rgba(241, 128, 23, .6)
}

.leaflet-oldie .marker-cluster-small {
    background-color: #b5e28c
}

.leaflet-oldie .marker-cluster-small div {
    background-color: #6ecc39
}

.leaflet-oldie .marker-cluster-medium {
    background-color: #f1d357
}

.leaflet-oldie .marker-cluster-medium div {
    background-color: #f0c20c
}

.leaflet-oldie .marker-cluster-large {
    background-color: #fd9c73
}

.leaflet-oldie .marker-cluster-large div {
    background-color: #f18017
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px Helvetica Neue, Arial, Helvetica, sans-serif
}

.marker-cluster span {
    line-height: 30px
}

@-webkit-keyframes leaflet-gestures-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes leaflet-gestures-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.leaflet-container:after {
    -webkit-animation: leaflet-gestures-fadein .8s backwards;
    animation: leaflet-gestures-fadein .8s backwards;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 22px;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 461;
    pointer-events: none
}

.leaflet-gesture-handling-scroll-warning:after,
.leaflet-gesture-handling-touch-warning:after {
    -webkit-animation: leaflet-gestures-fadein .8s forwards;
    animation: leaflet-gestures-fadein .8s forwards
}

.leaflet-gesture-handling-touch-warning:after {
    content: attr(data-gesture-handling-touch-content)
}

.leaflet-gesture-handling-scroll-warning:after {
    content: attr(data-gesture-handling-scroll-content)
}

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

@keyframes mapOverlayOpacity {
    40% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.leaflet-container .leaflet-marker-icon {
    background: transparent;
    border: none
}

.leaflet-container .marker {
    width: 100%;
    height: 100%
}

.leaflet-container .marker-cluster>div {
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-left: 0;
    border: 8px solid;
    border-radius: 90px
}

.leaflet-container .marker-cluster span {
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    font-weight: 600
}

.leaflet-popup {
    margin-bottom: 0
}

.leaflet-popup-content {
    margin: 0
}

.leaflet-popup-content-wrapper {
    background-color: initial;
    box-shadow: none;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700
}

.leaflet-popup-close-button,
.leaflet-popup-tip-container {
    display: none
}

#map {
    z-index: 1
}

#map-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#map-overlay.visible {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation-name: mapOverlayOpacity;
    animation-name: mapOverlayOpacity;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

#map-overlay p {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5
}

.map-sidebar {
    position: relative
}

.map-sidebar .map-list-quantity,
.map-sidebar h2 {
    width: 50%
}

.map-sidebar h2 {
    margin-bottom: 16px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600
}

.map-sidebar .map-centered-action {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px
}

.map-sidebar .map-centered-action svg {
    width: 1.5rem;
    height: 1.5rem
}

.map-sidebar .map-sidebar-error {
    display: none;
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 700
}

.map-sidebar header,
.map-sidebar section {
    padding-top: 32px;
    padding-bottom: 32px
}

.map-sidebar header form {
    display: inline-block;
    width: 100%;
    clear: both
}

.map-sidebar header form input {
    width: 100%;
    padding-left: 16px;
    padding-right: 72px
}

.map-sidebar header.no-result {
    padding-bottom: 0
}

.map-sidebar header.no-result .map-sidebar-error {
    display: block
}

#map-sidebar-list header {
    position: relative
}

#map-sidebar-list header .map-list-quantity {
    margin-bottom: 22px
}

#map-sidebar-list header .button-filter {
    float: right
}

#map-sidebar-list section {
    padding-top: 0;
    padding-bottom: 0
}

#map-sidebar-list section .location:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #map-sidebar-list section .location:before {
        width: calc(100% - 16px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #map-sidebar-list section .location:before {
        width: calc(100% - 16px)
    }
}

@media only screen and (min-width:1025px) {
    #map-sidebar-list section .location:before {
        width: calc(100% - 20px)
    }
}

#map-sidebar-list section .location:last-of-type:before {
    display: none
}

.map-sidebar-close {
    position: absolute;
    top: 34px;
    right: 10px;
    cursor: pointer;
    z-index: 1
}

#map-sidebar-information {
    width: 100%;
    padding-right: 10px
}

.map-sidebar {
    display: none
}

.map-sidebar.opened {
    display: block
}

#map-sidebar-filter .map-filter-clear {
    float: right;
    padding-right: 50px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

#map-sidebar-filter section {
    padding-top: 0;
    padding-bottom: 0
}

#map-sidebar-filter .input-checkbox input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

#map-sidebar-filter .input-checkbox label {
    display: flex;
    align-items: center;
    padding-left: 0
}

#map-sidebar-filter .input-checkbox label span {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border: 2px solid;
    border-radius: 4px
}

#map-sidebar-filter .input-checkbox label svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#map-sidebar-filter .fieldset-menu {
    margin-bottom: 0;
    padding-top: 23px;
    padding-bottom: 23px
}

#map-sidebar-filter .fieldset-menu .select-fake {
    width: 100%;
    padding-left: 0;
    text-align: start;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5
}

#map-sidebar-filter .fieldset-menu.opened .select-fake {
    margin-bottom: 23px
}

#map-sidebar-filter .fieldset-menu .select-fake:after {
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

#map-sidebar-filter .fieldset-menu.opened .select-fake:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#map-sidebar-filter .fieldset-wrapper {
    padding-right: 30px
}

#map-sidebar-filter fieldset .input-list {
    display: none
}

#map-sidebar-filter fieldset.opened .input-list {
    display: block
}

#map-sidebar-filter .input-radio {
    margin-bottom: 15px
}

#map-sidebar-filter .input-radio label {
    font-weight: 700;
    text-transform: uppercase
}

#map-sidebar-filter .input-radio input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

#map-sidebar-filter .input-radio input+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

#map-sidebar-filter .input-radio input+label:after,
#map-sidebar-filter .input-radio input+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

#map-sidebar-filter .input-radio input+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

#map-sidebar-filter .input-radio input:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#map-sidebar-filter .input-radio input:checked+label.input-choice:after {
    top: 10px
}

#map-sidebar-filter .input-radio input:disabled+label,
#map-sidebar-filter .input-radio input:disabled+label:after,
#map-sidebar-filter .input-radio input:disabled+label:before {
    cursor: not-allowed
}

#map-sidebar-filter .input-radio input+label:after,
#map-sidebar-filter .input-radio input+label:before {
    border-radius: 99px
}

#map-sidebar-filter .input-radio input+label:after {
    border: 0
}

#map-sidebar-filter .input-radio input:checked+label:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 0;
    top: 3px;
    left: 4px;
    width: 16px;
    height: 16px;
    -webkit-transform: inherit;
    transform: inherit
}

#map-sidebar-filter .map-list-quantity {
    margin-bottom: 22px
}

#map-sidebar-information {
    padding-left: 10px
}

#map-sidebar-information .map-sidebar-address,
#map-sidebar-information .map-sidebar-phone {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
    padding-left: 32px
}

#map-sidebar-information .map-sidebar-address svg,
#map-sidebar-information .map-sidebar-phone svg {
    position: absolute;
    top: 0;
    left: 3px;
    width: 1.4em;
    height: 1.4em
}

#map-sidebar-information .map-sidebar-address button {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer
}

#map-sidebar-information .map-sidebar-list-button {
    margin-top: 16px
}

#map-sidebar-information .map-sidebar-list-button .button {
    margin-bottom: 5px;
    margin-right: 10px
}

#map-sidebar-information .map-sidebar-image {
    margin-top: 16px;
    padding-right: 32px
}

.select-app .select-app__control {
    display: flex;
    flex-flow: row nowrap;
    min-height: 56px;
    padding: 0 0 0 16px;
    border-width: 2px;
    border-style: solid
}

.select-app .select-app__value-container {
    width: 100%;
    height: 100%;
    padding: 0;
    font-weight: 400;
    text-align: start
}

.select-app .select-app__value-container--is-multi {
    text-align: start;
    overflow: hidden;
    padding: 0
}

.select-app .select-app__single-value {
    margin-inline: 0
}

.select-app .select-app__clear-indicator svg {
    fill: #6d6d6d
}

.select-app .select-app__dropdown {
    display: flex
}

.select-app .select-app__dropdown:before {
    content: "";
    border-color: #6d6d6d transparent transparent;
    border-style: solid;
    border-width: 6px 5.5px 0
}

.select-app .select-app__control--menu-is-open .select-app__dropdown:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-app .select-app__indicators-container {
    position: absolute;
    top: 50%;
    right: 16;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-app .select-app__control--menu-is-open .select-app__indicatorsContainer {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.select-app .select-app__menu {
    margin-top: 2px;
    margin-bottom: 0;
    z-index: 10
}

.select-app .select-app__option {
    text-align: start;
    cursor: pointer;
    background-color: initial;
    transition: color .2s ease
}

.select-app .select-app__input {
    margin-top: -6px
}

.select-app .select-app__input input {
    position: relative;
    top: 3px;
    height: 27px
}

.select-app .select-app__multi-value {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
    border-radius: 4px;
    background: transparent;
    word-break: normal
}

.select-app .select-app__multi-value:after {
    content: ", ";
    align-self: center;
    margin-right: 5px
}

.select-app .select-app__multi-value__label {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    background-color: initial;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.select-app .select-app__multi-value__remove {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.select-app .select-app__multi-value__remove:hover {
    background: transparent
}

.select-app .select-app__multi-value__remove svg {
    display: none
}

.select-app.select-app-multiple .select-app__option--is-selected:after,
.select-app.select-app-multiple .select-app__option--is-selected:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 2px
}

.select-app.select-app-multiple .select-app__option--is-selected:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.select-app.select-app-multiple .select-app__option--is-selected:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.select-comparison .select-comparison__control {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.select-comparison .select-comparison__value-container {
    padding-left: 0;
    padding-right: 0
}

.select-comparison .select-comparison__single-value {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600
}

.select-comparison .select-app__dropdown {
    display: flex
}

.select-comparison .select-app__dropdown:before {
    content: "";
    border-width: 6px 5.5px 0;
    border-style: solid
}

.select-comparison .select-comparison__indicator-separator,
.select-comparison .select-comparison__option {
    background-color: initial
}

.select-comparison .select-comparison__option {
    cursor: pointer
}

.form-range {
    display: flex;
    flex-wrap: wrap;
    padding-right: 35px;
    margin-bottom: 16px
}

.form-range .form-range-checkbox {
    position: relative;
    width: 100%;
    margin-bottom: 12px
}

.form-range .form-range-slider {
    z-index: 2;
    height: 36px;
    display: flex;
    width: 100%;
    padding-left: 12px
}

.form-range .form-range-fill {
    height: 5px;
    width: 100%;
    border-radius: 4px;
    align-self: center
}

.form-range .form-range-thumb {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .form-range .form-range-thumb {
        height: 32px;
        width: 32px
    }
}

.form-range .form-range-thumbLabel {
    position: absolute;
    top: -20px;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    width: -webkit-max-content;
    width: max-content
}

.form-range .form-range-thumb-content {
    height: 8px;
    width: 2px;
    margin-right: 2px
}

.form-range .form-range-thumb-content:last-child {
    margin: 0
}

.form-range .form-range-legend {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 400;
    line-height: 18px;
    margin-top: 12px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .form-range.form-range-free {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .form-range.form-range-free {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .form-range.form-range-free {
        padding-right: 16px
    }
}

.form-range-free .form-range-free-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.form-range-free .form-range-free-wrapper .form-range-free-input {
    position: relative;
    width: calc(50% - 4px)
}

.form-range-free .form-range-free-wrapper .form-range-free-input label {
    width: 100%;
    margin-bottom: 8px !important
}

.form-range-free .form-range-free-wrapper .form-range-free-input input {
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700
}

.form-range-free .form-range-free-wrapper .form-range-free-input input::-webkit-inner-spin-button,
.form-range-free .form-range-free-wrapper .form-range-free-input input::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0
}

.form-range-free .form-range-free-wrapper .form-range-free-input input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield
}

.form-range-free .form-range-free-wrapper .form-range-free-border {
    width: 100%;
    padding: 8px;
    border: 1px solid;
    border-radius: 4px
}

@media only screen and (min-width:1025px) {
    .form-range-free .form-range-free-wrapper .form-range-free-input span {
        display: inline-block;
        margin-top: 4px
    }
}

.form-range-free .form-range-free-button {
    flex: 1 0 100%;
    text-align: end
}

@media only screen and (min-width:1025px) {
    .form-range-free .button {
        margin-right: 0
    }
}

.form-range-free input[type=submit] {
    display: inline-block !important
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .form-range-free input[type=submit] {
        margin-top: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .form-range-free input[type=submit] {
        margin-top: 0 !important
    }
}

#product-comparator {
    position: relative
}

#product-comparator .autocomplete-backdrop {
    z-index: 2
}

.comparator-button,
.js-comparator-list,
.js-comparator-product-list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.comparator-button .comparator,
.js-comparator-list .comparator,
.js-comparator-product-list .comparator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    width: 100%
}

.comparator-button .comparator-label,
.js-comparator-list .comparator-label,
.js-comparator-product-list .comparator-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5
}

.comparator-button .button,
.js-comparator-list .button,
.js-comparator-product-list .button {
    position: relative;
    padding: 8px 13px !important;
    margin: 0;
    min-height: 0
}

.comparator-button .comparator-remove,
.js-comparator-list .comparator-remove,
.js-comparator-product-list .comparator-remove {
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0
}

.comparator-button h4,
.js-comparator-list h4,
.js-comparator-product-list h4 {
    width: 100%
}

.comparator-button .button,
.comparator-button a,
.js-comparator-list .button,
.js-comparator-list a,
.js-comparator-product-list .button,
.js-comparator-product-list a {
    margin-top: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.comparator-button a,
.js-comparator-list a,
.js-comparator-product-list a {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.js-comparator-list.separator:before {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    margin: 32px 0
}

.search-filter-section {
    position: relative
}

.search-filter-section:after {
    content: "";
    display: block;
    max-width: 324px;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .search-filter-section:after {
        width: 92%;
        max-width: inherit;
        margin-left: 16px;
        margin-right: 16px
    }
}

.search-filter-section:last-of-type:after {
    display: none
}

.comparison-view-content {
    width: 100%;
    margin-top: 20px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-view-content {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-view-content {
        margin-top: 0
    }
}

@media only screen and (min-width:1025px) {
    .comparison-view-content {
        max-width: 1440px;
        padding-inline: 72px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-view-content .comparison-table {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-view-content .comparison-table {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .comparison-view-content .comparison-table {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-user-select: none;
        user-select: none;
        scrollbar-width: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-view-content .comparison-table .table-cell-section,
    .comparison-view-content .comparison-table .table-cell-title {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-view-content .comparison-table .table-cell-section,
    .comparison-view-content .comparison-table .table-cell-title {
        width: 100%
    }
}

.comparison-view-content .comparison-table td span {
    white-space: normal
}

.comparison-view-content .comparison-table::-webkit-scrollbar {
    display: none
}

.comparison-view-content .loader-wrapper {
    display: none;
    width: 100%;
    text-align: center
}

.comparison-view-content .loader-wrapper.showed {
    display: inline-block;
    width: 100%;
    text-align: center
}

.comparison-view-list {
    position: relative;
    display: none;
    min-height: 200px
}

.comparison-view-list.showed {
    display: block
}

.comparison-view-list .table-horizontal-bar-arrow {
    display: block;
    text-align: end;
    padding-right: 36px
}

.comparison-view-list .table-horizontal-bar-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url(../modules/proxima-main/css/../images/arrow-double-arkema.png);
    background-size: cover
}

.comparison-table.scrolled tbody .table-cell-section,
.comparison-table.scrolled tbody .table-cell-title {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .25);
    opacity: 1;
    transition: opacity .4s ease
}

.table-horizontal-bar {
    position: absolute;
    right: 0;
    width: calc(75% - 10px);
    height: 12px;
    border-radius: 99px;
    z-index: -1
}

.table-horizontal-bar-top {
    top: 36px
}

.table-horizontal-bar-bottom {
    bottom: 10px
}

.table-horizontal-bar-cursor {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 99px;
    height: 12px;
    pointer-events: none
}

.table-wrapper {
    position: relative
}

.table-scroll-patch {
    display: none
}

@media only screen and (min-width:1025px) {
    #comparison-table.fixed+.table-scroll-patch {
        display: block;
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 8
    }
}

@media only screen and (min-width:1025px) {
    .table-scroll-patch-2 {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        z-index: 4
    }
}

.comparison-table {
    position: relative;
    margin-bottom: 20px;
    text-align: start;
    border-collapse: initial
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table {
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-table {
        text-align: center
    }
}

@media only screen and (min-width:1025px) {
    .comparison-table {
        padding-top: 60px;
        padding-bottom: 40px;
        cursor: grab
    }
}

@media only screen and (min-width:1025px) {
    .comparison-table.fixed thead {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 4;
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    .comparison-table.fixed thead {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    .comparison-table.fixed thead .table-cell-title {
        visibility: hidden
    }
}

.comparison-table.fixed th.table-cell-title {
    z-index: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table thead th.table-cell-product {
        text-align: start
    }
}

.comparison-table td,
.comparison-table th {
    min-height: 56px;
    padding: 16px;
    vertical-align: middle
}

.comparison-table td .col-wrapper,
.comparison-table th .col-wrapper {
    display: inline-block
}

.comparison-table tr {
    display: flex
}

.comparison-table td {
    text-align: center
}

.comparison-table th.table-cell-section,
.comparison-table th.table-cell-title {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    height: inherit;
    font-weight: 700;
    z-index: 1
}

.comparison-table th.table-cell-section {
    text-transform: uppercase
}

.comparison-table th.table-cell-product,
.comparison-table th.table-cell-title {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table th.table-cell-product,
    .comparison-table th.table-cell-title {
        position: static
    }
}

.comparison-table th.table-cell-product {
    text-align: center
}

.comparison-table th.table-cell-product .table-cell-product-title {
    font-size: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table th.table-cell-product .table-cell-product-title {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-table th.table-cell-product .table-cell-product-title {
        display: none
    }
}

.comparison-table th.table-cell-product .table-cell-product-subtitle {
    font-weight: 400;
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table th.table-cell-product .table-cell-product-subtitle {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-table th.table-cell-product .table-cell-product-subtitle {
        display: none
    }
}

.comparison-table th.table-cell-product .list-link {
    margin-top: 24px
}

.comparison-table th.table-cell-product .list-link .button {
    margin-right: 16px
}

.comparison-table th.table-cell-product .list-link .button:last-child {
    margin-right: 0
}

.comparison-table th.table-cell-product .table-cell-product-thumb {
    display: none
}

.comparison-table th.table-cell-product .table-cell-product-thumb-content {
    width: 32px;
    height: 2px;
    margin-bottom: 4px
}

.comparison-table .select-comparison {
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparison-table .select-comparison {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .comparison-table .select-comparison {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header {
        padding-top: 128px !important;
        padding-bottom: 28px
    }
}

.content-block.comparison-view-header .wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header .wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-block.comparison-view-header h1 {
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header h1 {
        margin-bottom: 28px;
        font-weight: 800;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.5
    }
}

.content-block.comparison-view-header nav {
    margin-bottom: 48px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header nav {
        display: flex;
        width: 100%;
        justify-content: space-between
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header nav {
        display: flex;
        width: 100%;
        justify-content: space-between
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header nav .button {
        margin-bottom: 10px;
        text-align: center
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header nav .button:last-of-type {
        margin-bottom: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header nav .button-download {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        padding-left: 16px;
        padding-right: 16px;
        text-align: start
    }
}

.content-block.comparison-view-header nav .button-download svg {
    margin-right: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .comparison-view-header-informations {
        display: block;
        margin-bottom: 16px;
        font-weight: 700;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header .comparison-view-header-informations {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header .comparison-view-header-informations {
        display: none
    }
}

.content-block.comparison-view-header .comparison-link-list {
    width: 100%;
    margin-bottom: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .comparison-link-list .button {
        margin-right: 16px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header .comparison-link-list .button {
        margin-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header .comparison-link-list .button {
        margin-right: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .comparison-link-list .button:last-of-type {
        margin-bottom: 0
    }
}

.content-block.comparison-view-header .comparison-description {
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .comparison-description {
        width: 100%;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header .comparison-description {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header .comparison-description {
        width: 58.33333%
    }
}

.content-block.comparison-view-header .comparison-product-quantity {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: 700;
    text-align: end
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.comparison-view-header .comparison-product-quantity {
        width: 100%;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.5;
        text-align: start
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-block.comparison-view-header .comparison-product-quantity {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .content-block.comparison-view-header .comparison-product-quantity {
        width: 41.66667%
    }
}

.content-comparator-headSaved {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .card.card-comparator-list .card-wrapper {
        width: 100%
    }
}

.animated-product-bullet {
    -webkit-animation: 2s ease;
    animation: 2s ease;
    transition: 1s;
    z-index: 100
}

.pcv3-searchView-buttonAction_cardStyle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 4px 0 0 4px;
    border: 2px solid;
    cursor: pointer
}

.pcv3-searchView-buttonAction_cardStyle svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: transparent
}

.pcv3-searchView-buttonAction_cardStyle+.pcv3-searchView-buttonAction_cardStyle {
    position: relative;
    left: -2px;
    border-radius: 0 4px 4px 0
}

.pcv3-searchView-buttonAction_cardStyle.selected {
    z-index: 1
}

.pcv3-searchView-cardList .wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-cardList .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-cardList .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.pcv3-searchView-cardList .pcv3-searchView-cardList_grid {
    display: flex;
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-cardList .pcv3-searchView-cardList_grid {
        flex-direction: column;
        gap: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-cardList .pcv3-searchView-cardList_grid {
        gap: 20px 30px;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-cardList .pcv3-searchView-cardList_grid {
        gap: 20px 30px;
        flex-flow: row wrap
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-cardList .pcv3-searchView-cardList_grid .pcv3-searchView-card {
        flex: 0 0 calc(33.33333% - 20px)
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-cardList .pcv3-searchView-cardList_grid .pcv3-searchView-card {
        flex: 0 0 calc(33.33333% - 20px)
    }
}

.pcv3-searchView-cardList .pcv3-searchView-cardList_line {
    display: flex;
    width: 100%;
    gap: 24px;
    flex-direction: column
}

.pcv3-searchView-cardList .result-tags {
    margin-bottom: 32px
}

.pcv3-searchView-cardList .pcv3-search-quantity {
    margin-bottom: 16px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700
}

.pcv3-searchView-card {
    position: relative;
    display: block;
    border: 1px solid
}

.pcv3-searchView-card figure img {
    display: block;
    width: 100%
}

.pcv3-searchView-card figure figcaption {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.pcv3-searchView-card-informations {
    display: flex;
    flex-direction: column;
    padding: 32px
}

.pcv3-searchView-card-informations .button-favorite {
    margin-left: auto
}

.pcv3-searchView-card-name {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: underline
}

.pcv3-searchView-card-name sup {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1
}

.pcv3-searchView-card-attribute,
.pcv3-searchView-card-subname {
    margin-top: 10px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.pcv3-searchView-card-attribute:first-of-type {
    margin-top: 0
}

.pcv3-searchView-card-attribute>span,
.pcv3-searchView-card-subname>span {
    display: inline-block;
    width: 100%;
    font-weight: 700;
    line-height: 18px
}

.pcv3-searchView-card-informations-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px
}

.pcv3-searchView-card-informations-header .button-favorite {
    order: 1
}

.pcv3-searchView-card-informations-comparator input[type=checkbox] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label:after,
.pcv3-searchView-card-informations-comparator input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:checked+label.input-choice:after {
    top: 10px
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+label,
.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+label:after,
.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+label:before {
    cursor: not-allowed
}

.pcv3-searchView-card-link_list {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    align-items: flex-start;
    gap: 20px
}

.pcv3-searchView-card-link_list a {
    display: block
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-card-link_list .button {
        text-align: left
    }
}

.pcv3-searchView-card-link_list .button-submenu {
    display: flex;
    align-items: center
}

.pcv3-searchView-card-link_list .button-submenu svg {
    margin-left: 8px;
    border-radius: 50%;
    padding: 3px;
    box-sizing: initial
}

.pcv3-searchView-card.comparable .pcv3-searchView-card-categories_list {
    margin-block: 24px
}

.pcv3-searchView-card-saved-favorite {
    display: flex;
    justify-content: flex-end
}

.pcv3-searchView-card-saved-favorite .icon-heart-bordered {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    stroke-width: 2px
}

.pcv3-searchView-card-attribute dl div {
    display: flex;
    width: 100%
}

.pcv3-searchView-card-attribute dl dd,
.pcv3-searchView-card-attribute dl dt {
    flex: 1 0 50%
}

.pcv3-searchView-card-attribute dl dt {
    color: inherit;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    font-weight: 400
}

.pcv3-searchView-card-attribute dl dd {
    line-height: 21px;
    text-align: right
}

.pcv3-searchView-card-attribute dl dd p {
    display: flex
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-informations-header .button-favorite {
    order: 1;
    align-self: start
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-categories_list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-right: auto;
    order: 1;
    flex: 1 0 100%
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-group {
    margin-top: 8px
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-informations {
    gap: 24px
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-informations-comparator label {
    margin-bottom: 0
}

.pcv3-searchView-card.pcv3-searchView-card_grid .pcv3-searchView-card-informations-icons {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-informations {
    flex-flow: row
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-informations-header {
    flex: 1 0 100%;
    justify-content: flex-end
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-categories_list {
    order: 0;
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-group {
    flex: 1 0 50%
}

.pcv3-searchView-card.pcv3-searchView-card_line.pcv3-searchView-card_line_image .pcv3-searchView-card-group {
    flex-basis: 37.5%
}

.pcv3-searchView-card.pcv3-searchView-card_line.pcv3-searchView-card_line_image .pcv3-searchView-card-image {
    flex-basis: 25%;
    margin-right: 32px
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-group.pcv3-searchView-card-main {
    padding-right: 10%
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-attribute dl dd p {
    display: flex
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-group-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-group-header .pcv3-searchView-card-informations-comparator label {
    margin: 0
}

.pcv3-searchView-card.pcv3-searchView-card_line .pcv3-searchView-card-informations-icons {
    display: flex;
    gap: 32px
}

.pcv3-searchView-comparisonBar {
    display: flex;
    align-items: stretch;
    gap: 24px
}

.pcv3-searchView-comparisonBar-close,
.pcv3-searchView-comparisonBar-redirect {
    flex: 0 0 auto
}

.pcv3-searchView-comparisonBar-redirect {
    line-height: 1.5
}

.pcv3-searchView-comparisonBar-close {
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 8px
}

.pcv3-searchView-comparisonBar-productList {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    gap: 8px
}

.pcv3-searchView-comparisonBar-productList>p {
    align-content: center;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.pcv3-searchView-comparisonBar-productList-item {
    position: relative;
    width: 16.66667%;
    min-width: 160px;
    border-radius: 4px;
    padding: 6px 32px 6px 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px
}

.pcv3-searchView-comparisonBar-productList-item-name {
    font-weight: 700
}

.pcv3-searchView-comparisonBar-productList-item .pcv3-searchView-comparisonBar-productList-item-remove {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer
}

.pcv3-searchView-comparisonBar-productList-item.pcv3-searchView-comparisonBar-productList-more {
    flex: 0 0;
    min-width: unset;
    padding-right: 16px;
    align-content: center;
    font-weight: 700
}

.pcv3-searchView-header-wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-header-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-header-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-header-wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-header-wrapper {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-header-informations {
        width: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-header-informations {
        width: 66.66667%
    }
}

.pcv3-searchView-header-button_list {
    display: flex
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-header-button_list {
        align-self: flex-end
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-header-button_list {
        align-self: flex-end
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-header-button_list {
        margin-top: 20px;
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-header-button_list .button {
        width: 100%;
        margin-top: 8px
    }
}

.pcv3-searchView-header-description a,
.pcv3-searchView-header-description p {
    display: inline;
    margin-right: 10px
}

.pcv3-searchView-header-description a:before {
    content: " "
}

.pcv3-searchView-mainFilters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.pcv3-searchView-mainFilters-moreFilters {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 2px solid;
    border-radius: 4px;
    padding: 16px;
    font-size: 16px;
    cursor: pointer
}

.pcv3-searchView-mainFilters-moreFilters>svg {
    width: 1.5rem;
    height: 1.5rem
}

.pcv3-searchView-mainFilters .select-filter {
    flex: 0;
    min-height: 56px;
    min-width: 180px
}

.pcv3-searchView-mainFilters .select-filter .select-filter-selected-box {
    padding-right: 48px
}

.pcv3-searchView-mainFilters .select-filter .select-filter-dropdown {
    width: 350px;
    top: calc(100% + 16px);
    border-top: 2px solid;
    border-radius: 4px;
    max-height: 400px;
    overflow-y: auto
}

.pcv3-searchView-mainFilters .select-filter .select-filter-choice>label {
    font-weight: 400
}

.pcv3-searchView-mainFilters .select-filter .multiple-choice-item ul li {
    position: relative
}

.pcv3-searchView-page .pcv3-searchView-searchBanner {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1
}

.pcv3-searchView-error {
    width: 100%;
    padding-inline: 16px;
    padding-bottom: 35px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-error {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-error {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.pcv3-searchView-page .pcv3-searchView-panelFilters {
    display: none
}

.pcv3-searchView-page .pcv3-searchView-panelFilters.opened {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100vh - 168px);
    display: flex;
    flex-direction: column;
    z-index: 2;
    -webkit-animation: appearByRight .4s ease;
    animation: appearByRight .4s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-page .pcv3-searchView-panelFilters.opened {
        position: fixed;
        width: 100%;
        height: auto;
        bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-page .pcv3-searchView-panelFilters.opened {
        width: 50%
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-page .pcv3-searchView-panelFilters.opened {
        width: calc(50% - 72px);
        max-width: 512px
    }
}

.pcv3-searchView-page .pcv3-searchView-panelFilters.opened.stuck {
    height: auto;
    bottom: 0;
    position: fixed;
    top: 80px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-page .pcv3-searchView-panelFilters.opened.stuck {
        top: 0
    }
}

.pcv3-searchView-page .pcv3-searchView-panelFilters form {
    flex: 1
}

.pcv3-searchView-page .pcv3-searchView-panelFilters.opened+.pcv3-searchView-panelFiltersBackground {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.pcv3-searchView-bottomBar {
    position: fixed;
    bottom: 0;
    width: 100%;
    -webkit-animation: appearByBottom .4s ease;
    animation: appearByBottom .4s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-bottomBar {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-bottomBar {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-bottomBar {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    .pcv3-searchView-bottomBar {
        padding-inline: calc(50% - 648px)
    }
}

.pcv3-searchView-page .fieldset-list-option .radio-custom {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding-left: 32px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:after,
.pcv3-searchView-page .fieldset-list-option .radio-custom+label:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:before {
    left: 0;
    border: 2px solid;
    border-radius: 4px
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:after {
    top: 5px;
    left: 5px;
    width: 14px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2.5px 2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label.input-choice:after {
    top: 10px
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+label,
.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+label:after,
.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+label:before {
    cursor: not-allowed
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:after,
.pcv3-searchView-page .fieldset-list-option .radio-custom+label:before {
    border-radius: 99px
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:after {
    border: 0
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label {
    font-weight: 400
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:after {
    -webkit-transform: none;
    transform: none;
    top: 3px;
    left: 4px;
    border: 0
}

.pcv3-searchView-panelFilters {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header {
    display: flex;
    align-items: center;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer,
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header {
        flex-direction: column;
        padding: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer,
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header {
        padding: 32px 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer .button,
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header .button {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer .button-secondary+.button-secondary,
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header .button-secondary+.button-secondary {
        margin-top: 8px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header {
        flex-direction: row;
        padding-block: 16px
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header h2 {
    flex: 1
}

@media only screen and (max-width:1024px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header h2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header h2 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header .button-close {
    flex: 0;
    cursor: pointer
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header .button-close svg {
    width: 1.5rem;
    height: 1.5rem
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer {
        padding-block: 16px;
        padding-inline: 20px
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset {
    position: relative;
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset {
        padding-inline: 40px
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset button {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset button {
        padding-block: 20px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset button {
        padding-block: 40px
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset .select-app {
    width: 100%;
    max-width: none;
    margin: 0
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset .form-range {
    padding-right: 8px
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset .button-icon {
    flex: 0;
    cursor: pointer
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset .button-icon svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset.opened .button-icon svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset+.pcv3-searchView-panelFilters-fieldset:before {
    content: "";
    position: absolute;
    top: 0;
    width: 90%;
    height: 1px;
    padding-left: 40px
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-name {
    font-weight: 700
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-name {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
}

.pcv3-searchView-panelFiltersBackground {
    opacity: .4;
    cursor: pointer
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters-fieldset-content .form-range-free-wrapper .button {
        width: auto
    }
}

.pcv3-searchView-panelFilters-fieldset-group {
    margin-bottom: 16px
}

.pcv3-searchView-panelFilters-fieldset-group .fieldset-label {
    margin-bottom: 16px;
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700
}

.pcv3-searchView-panelFilters-fieldset-group .fieldset-help {
    margin-top: 4px
}

.pcv3-searchView-panelFilters-fieldset-group label {
    font-size: 1rem;
    line-height: 1.5
}

.pcv3-searchView-panelFilters-fieldset-group .multiple-choice-item ul li {
    position: relative
}

.pcv3-searchView-panelFilters-fieldset-group .fieldset-list-option,
.pcv3-searchView-panelFilters-fieldset-group .fieldset-list-option label {
    width: 100%;
    margin-right: 0
}

.pcv3-searchView-panelFilters form {
    overflow: hidden auto
}

@media only screen and (max-width:1024px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        width: 100%;
        padding-block: 24px 32px;
        z-index: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header {
        padding-inline: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header-clear {
        display: flex;
        align-items: center;
        align-self: flex-end;
        gap: 8px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header-clear-label {
        font-size: 1rem;
        font-weight: 700;
        text-decoration: underline
    }
}

.pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header-autocomplete {
    width: 100%
}

.pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header-autocomplete input {
    box-shadow: none
}

.pcv3-searchView-searchBanner {
    padding-block: 40px;
    transition: padding .2s ease
}

.pcv3-searchView-searchBanner-wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pcv3-searchView-searchBanner-wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-searchBanner-wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.pcv3-searchView-searchBanner form {
    width: 83.33333%;
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-searchBanner form {
        width: 100%
    }
}

.pcv3-searchView-searchBanner aside {
    width: 25%
}

.pcv3-searchView-searchBanner aside .pcv3-searchView-searchBanner-aside-buttonAction-group {
    display: flex;
    justify-content: right
}

.pcv3-searchView-searchBanner aside .pcv3-searchView-searchBanner-aside-compareOption {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 40px
}

.pcv3-searchView-searchBanner.stuck aside .pcv3-searchView-searchBanner-aside-compareOption {
    margin-top: 20px
}

.pcv3-searchView-searchBanner .autocomplete {
    width: 77.77778%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-searchBanner .autocomplete {
        width: 100%
    }
}

.pcv3-searchView-searchBanner .form-simple {
    width: 100%
}

.pcv3-searchView-searchBanner .form-simple button[type=submit] {
    opacity: 1
}

.pcv3-searchView-searchBanner .form-simple #search-input {
    width: 100%;
    box-shadow: none
}

.pcv3-searchView-searchBanner-states-results {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700
}

.pcv3-searchView-searchBanner-states-tagsList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.pcv3-searchView-searchBanner.stuck .autocomplete,
.pcv3-searchView-searchBanner.stuck aside .pcv3-searchView-searchBanner-aside-buttonAction-group {
    display: none
}

.pcv3-searchView-searchBanner.stuck {
    padding-block: 12px
}

.pcv3-searchView-sidebarNav {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center
}

.pcv3-searchView-sidebarNav .button-secondary {
    display: flex;
    gap: 10px;
    margin-right: 0;
    justify-self: flex-end;
    grid-row: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-sidebarNav .button-secondary {
        justify-content: center;
        width: 100%
    }
}

.pcv3-searchView-sidebarNav .pcv3-searchView-comparisonBar-redirect {
    justify-self: flex-start;
    grid-row: 1
}

@media only screen and (max-width:1024px) {
    .pcv3-searchView-bottomBar {
        padding-block: 16px
    }
}

@media only screen and (min-width:1025px) {
    .pcv3-searchView-bottomBar {
        padding-block: 12px
    }
}

.search-result-v2-container {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .search-result-v2-container {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .search-result-v2-container {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.search-result-v2-container .search-result-v2-tabs {
    margin-top: 32px
}

.search-result-v2-container .search-result-v2-tabs .tab-list {
    padding-inline: 0
}

.search-result-v2-header {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.search-result-v2-header .search-result-v2-header-result-count {
    margin-left: auto
}

.search-result-v2-header .search-result-v2-header-result-count,
.search-result-v2-header .search-result-v2-header-search-term {
    font-size: 24px;
    font-weight: 700
}

.contact-form-choice-item input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.contact-form-choice-item input[type=radio]+label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 24px 32px;
    border: 1px solid;
    border-radius: 8px;
    text-align: center;
    transition: font-weight .2s ease
}

.contact-form-choice-item input[type=radio]+label:hover p,
.contact-form-choice-item input[type=radio]:checked+label {
    font-weight: 700
}

.contact-form-choice-item svg {
    width: 2rem;
    height: 2rem
}

.contact-form-choice-item svg+p {
    margin-top: 16px
}

.contact-form-choice-list {
    display: flex;
    flex-wrap: wrap
}

.contact-form-choice-list .contact-form-choice-item {
    display: flex;
    align-self: stretch;
    min-height: 98px;
    margin-bottom: 8px
}

.contact-form-choice-list .contact-form-choice-item-medium {
    display: flex;
    align-self: stretch
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-choice-list .contact-form-choice-item-medium {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .contact-form-choice-list .contact-form-choice-item-medium {
        width: calc(50% - 8px);
        margin-right: 16px
    }
    .contact-form-choice-list .contact-form-choice-item-medium:last-of-type,
    .contact-form-choice-list .contact-form-choice-item-medium:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .contact-form-choice-list .contact-form-choice-item-medium {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px;
        margin-bottom: 16px
    }
    .contact-form-choice-list .contact-form-choice-item-medium:last-of-type,
    .contact-form-choice-list .contact-form-choice-item-medium:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-choice-list .contact-form-choice-item-light {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .contact-form-choice-list .contact-form-choice-item-light {
        width: calc(33.33333% - 10.66667px);
        margin-right: 16px
    }
    .contact-form-choice-list .contact-form-choice-item-light:last-of-type,
    .contact-form-choice-list .contact-form-choice-item-light:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .contact-form-choice-list .contact-form-choice-item-light {
        width: calc(25% - 12px);
        margin-right: 16px
    }
    .contact-form-choice-list .contact-form-choice-item-light:last-of-type,
    .contact-form-choice-list .contact-form-choice-item-light:nth-of-type(4n) {
        margin-right: 0
    }
}

.contact-form-choice-list .contact-form-choice-item label {
    flex: 1
}

.contact-form-step {
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-step {
        padding: 16px 16px 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .contact-form-step {
        padding: 32px 32px 24px
    }
}

@media only screen and (min-width:1025px) {
    .contact-form-step {
        padding: 48px 48px 32px
    }
}

.contact-form-step legend {
    float: left;
    width: 100%;
    margin-bottom: 32px
}

.contact-form-step legend+* {
    clear: both
}

.contact-form-header {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-header {
        gap: 16px
    }
}

.contact-form-header .contact-form-header-step {
    opacity: .6;
    transition: flex .2s ease;
    white-space: nowrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-header .contact-form-header-step {
        flex: 0 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .contact-form-header .contact-form-header-step {
        flex: 0 0 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .contact-form-header .contact-form-header-step {
        flex: 0 0 33.33333%
    }
}

.contact-form-header .contact-form-header-step.inProgress {
    opacity: 1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .contact-form-header .contact-form-header-step.inProgress {
        flex: 0 0 auto
    }
}

.contact-form-header .contact-form-header-step.off {
    flex-basis: 0%;
    overflow: hidden
}

.contact-form-header .contact-form-header-progress-bar {
    position: relative;
    width: 80%;
    height: 4px;
    margin-top: 16px
}

.contact-form-header .contact-form-header-progress-bar-color {
    position: absolute;
    width: var(--progressBarLevel);
    max-width: 100%;
    height: 100%;
    transition: width .2s ease-in
}

.contact-form-header .contact-form-header-step.off .contact-form-header-progress-bar-color {
    display: none
}

.contact-form-header>.contact-form-header-progress-bar {
    flex: 1 0 100%
}

.contact-form-header {
    margin-bottom: 40px
}

.content-contact-form>.wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-contact-form>.wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-contact-form>.wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.content-contact-form h1 {
    margin-bottom: 56px;
    text-align: center
}

.contact-form-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .contact-form-footer {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (min-width:1025px) {
    .contact-form-footer {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool .wrapper {
        display: flex;
        align-items: flex-start;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool .wrapper {
        display: flex;
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px;
        align-items: flex-start
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool .support-decision-tool-summary {
        width: 100%;
        margin-bottom: 56px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool .support-decision-tool-summary {
        width: 33.33333%
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool .support-decision-tool-summary {
        width: 33.33333%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool .support-decision-tool-section {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool .support-decision-tool-section {
        width: 50%;
        margin-inline: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool .support-decision-tool-section {
        width: 50%;
        margin-inline: 8.33333%
    }
}

.support-decision-tool-option {
    position: relative
}

.support-decision-tool-option img {
    width: 100%;
    display: block
}

.support-decision-tool-option p {
    width: 100%;
    margin: 0;
    padding: 24px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    transition: border-color .2s ease, color .2s ease
}

.support-decision-tool-option input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    width: 100%;
    height: 100%;
    opacity: 0
}

.support-decision-tool-option input+label {
    width: 100%;
    margin: 0;
    padding-left: 0
}

.support-decision-tool-options-list {
    display: flex;
    gap: 20px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-options-list {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-options-list {
        flex-wrap: wrap;
        gap: 20px
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-options-list {
        flex-wrap: wrap;
        gap: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-option {
        flex-basis: calc(50% - 10px)
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-option {
        flex-basis: calc(50% - 10px)
    }
}

.support-decision-tool-product {
    display: flex
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-product {
        flex-direction: column
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-product-figure {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-product-figure {
        width: 41.66667%
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-product-figure {
        width: 41.66667%
    }
}

.support-decision-tool-product-figure img {
    display: block;
    width: 100%
}

.support-decision-tool-product-label {
    font-size: 24px;
    font-weight: 700
}

.support-decision-tool-product-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-product-content {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-product-content {
        width: 58.33333%
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-product-content {
        width: 58.33333%
    }
}

.support-decision-tool-products-list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-section {
        padding-inline: 16px
    }
}

.support-decision-tool-section h3 {
    margin-bottom: 8px
}

.support-decision-tool-section .support-decision-tool-description {
    margin-bottom: 32px
}

.support-decision-tool-section .support-decision-tool-options-list {
    margin-bottom: 56px
}

.support-decision-tool-section hr {
    margin: 0 0 56px
}

.support-decision-tool-summary-container {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-summary-container {
        padding: 48px 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-summary-container {
        padding: 48px 32px
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-summary-container {
        padding: 48px 32px
    }
}

.support-decision-tool-summary h4 {
    position: relative;
    padding-bottom: 8px
}

.support-decision-tool-summary h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px
}

.support-decision-tool-summary-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.support-decision-tool-summary-step-name {
    display: block;
    margin-bottom: 4px;
    font-weight: 700
}

.support-decision-tool-summary-step-remove {
    margin-left: 16px;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: underline
}

.support-decision-tool-summary-step-remove svg {
    position: relative;
    top: 3px;
    margin-right: 4px
}

.support-decision-tool-summary-reset {
    display: block;
    margin-inline: auto
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .support-decision-tool-summary-reset {
        margin: 24px auto
    }
}

@media only screen and (min-width:1025px) {
    .support-decision-tool-summary-reset {
        margin: 24px auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-summary-footer {
        padding: 32px 16px
    }
}

.content-block.content-list-search .fieldset-list-options,
.pcv3-searchView-panelFilters-fieldset-content .pcv3-searchView-panelFilters-fieldset-group .fieldset-list-options {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-right: 16px
}

.content-block.content-list-search .fieldset-list-option,
.pcv3-searchView-panelFilters-fieldset-content .pcv3-searchView-panelFilters-fieldset-group .fieldset-list-option {
    flex-grow: 1
}

.content-block.content-list-search .fieldset-list-option .checkbox-option+label,
.content-block.content-list-search .fieldset-list-option .radio-option+label,
.pcv3-searchView-panelFilters-fieldset-content .pcv3-searchView-panelFilters-fieldset-group .fieldset-list-option .checkbox-option+label,
.pcv3-searchView-panelFilters-fieldset-content .pcv3-searchView-panelFilters-fieldset-group .fieldset-list-option .radio-option+label {
    width: 100%;
    margin-right: 0;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 26px
}

.event-program {
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 300
}

.event-program-description,
.event-program h2 {
    text-align: center
}

.event-program h2 {
    margin-bottom: 24px
}

.event-program-description {
    margin-bottom: 40px
}

.event-program-list {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .event-program-list {
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .event-program-list {
        padding-inline: 16px
    }
}

@media only screen and (max-width:1024px) {
    .event-program-list {
        gap: 24px
    }
}

@media only screen and (min-width:1025px) {
    .event-program-list {
        max-width: 1440px;
        padding-inline: 72px;
        gap: 16px
    }
}

@media only screen and (min-width:1440px) {
    .event-program-list {
        margin-inline: auto
    }
}

.event-program-list.filtered .event-program-item {
    display: none
}

.event-program-item,
.event-program-list.filtered .event-program-item.visibled {
    display: flex
}

@media only screen and (max-width:1024px) {
    .event-program-item {
        flex-direction: column;
        padding-inline: 16px
    }
}

.event-program-item .event-program-informations {
    padding: 32px
}

@media only screen and (max-width:1024px) {
    .event-program-item .event-program-informations {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    .event-program-item .event-program-informations {
        width: 25%
    }
}

.event-program-item .event-program-content {
    padding: 32px
}

@media only screen and (max-width:1024px) {
    .event-program-item .event-program-content {
        order: 0
    }
}

@media only screen and (min-width:1025px) {
    .event-program-item .event-program-content {
        width: 75%
    }
}

.event-program-item .event-program-date,
.event-program-item .event-program-title {
    font-size: 24px;
    font-weight: 700
}

.event-program-item .event-program-time,
.event-program-item .event-program-title {
    margin-bottom: 16px
}

.event-program-item .event-program-date {
    margin-bottom: 4px
}

.event-program-item .event-program-location,
.event-program-item .event-program-price {
    display: flex;
    gap: 12px
}

.event-program-item .event-program-location svg,
.event-program-item .event-program-price svg {
    width: 1.3rem;
    height: 1.3rem
}

.event-program-item .event-program-location {
    align-items: flex-start;
    margin-bottom: 8px
}

.event-program-item .event-program-price {
    margin-bottom: 16px
}

.event-program-item .event-program-button-calendar {
    display: flex;
    gap: 10px;
    align-items: center;
    text-align: left
}

.event-program-item .event-program-button-calendar svg {
    width: 1.3rem;
    height: 1.3rem
}

.event-program-item .event-program-content-description {
    margin-bottom: 20px;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .event-program-item .event-program-content-description {
        max-height: 185px
    }
}

@media only screen and (min-width:1025px) {
    .event-program-item .event-program-content-description {
        max-height: 48px
    }
}

.event-program-item .event-program-content-description.expanded {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.event-program-item .event-program-document {
    display: block;
    margin-top: 20px
}

.event-program-item .event-program-document-link svg {
    top: 5px;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 8px
}

.event-program-item .button-expand {
    position: relative;
    margin-bottom: 24px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer
}

.event-program-item .button-expand:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.event-program-item .button-expand .button-expand-less,
.event-program-item .button-expand.expanded .button-expand-more,
.event-program-item .button-expand.hidden {
    display: none
}

.event-program-item .button-expand.expanded .button-expand-less {
    display: block
}

.event-program-item .event-program-organizer-list {
    display: flex;
    gap: 24px;
    border-top: 1px solid
}

@media only screen and (max-width:1024px) {
    .event-program-item .event-program-organizer-list {
        flex-direction: column;
        padding-top: 20px
    }
}

@media only screen and (min-width:1025px) {
    .event-program-item .event-program-organizer-list {
        flex-flow: row wrap;
        padding-top: 16px
    }
}

.event-program-item .event-program-organizer {
    flex: 1 0 calc(50% - 12px);
    display: flex;
    gap: 10px
}

.event-program-item .event-program-organizer-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48px
}

.event-program-item .event-program-organizer img {
    aspect-ratio: 1;
    border-radius: 50%
}

.event-program-item .event-program-organizer-informations {
    display: flex;
    flex-flow: row wrap
}

.event-program-item .event-program-organizer-title {
    flex-basis: 100%
}

.event-program-item .event-program-organizer-from,
.event-program-item .event-program-organizer-title {
    font-weight: 700
}

.event-program-item .event-program-organizer-from,
.event-program-item .event-program-organizer-job {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1
}

.event-program-item .event-program-organizer-from:before {
    content: "\00a0"
}

.event-program-item strong {
    font-weight: 700
}

.content-contact-context .content-block.form-validation .wrapper,
.form-validation .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-contact-context .content-block.form-validation .wrapper,
    .form-validation .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-contact-context .content-block.form-validation .wrapper,
    .form-validation .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.form-validation .wrapper .icon {
    width: 48px;
    height: 48px;
    margin-bottom: 6px
}

.form-validation .wrapper .form-validation-title {
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center
}

.form-validation .wrapper .form-validation-button {
    margin-top: 32px
}

.content-brands-location {
    padding-block: 40px
}

.content-brands-location .wrapper {
    background-clip: content-box
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-brands-location .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .content-brands-location .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .content-brands-location .wrapper {
        max-width: 1440px;
        margin-inline: auto;
        padding-inline: 72px
    }
}

.content-brands-location .wrapper .content-brands-location-content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding-block: 48px 32px
}

.content-brands-location .wrapper .button {
    margin-top: 24px;
    margin-right: 0
}

.tooltip-action {
    position: relative;
    background: transparent;
    cursor: pointer
}

.tooltip-box {
    display: none
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .tooltip-box {
        position: absolute;
        top: 50%;
        left: calc(100% + 8px);
        width: auto;
        padding: 16px;
        white-space: nowrap;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:1025px) {
    .tooltip-box {
        position: absolute;
        top: 50%;
        left: calc(100% + 8px);
        width: auto;
        padding: 16px;
        white-space: nowrap;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .tooltip-action:hover .tooltip-box {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    .tooltip-action:hover .tooltip-box {
        display: block
    }
}

.js-slider .js-slide {
    display: none
}

.js-slider .js-slide:first-of-type {
    display: inherit
}

.countries-block {
    padding-block: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .countries-block .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .countries-block .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .countries-block .wrapper {
        max-width: 1440px;
        margin-inline: auto;
        padding-inline: 72px
    }
}

.countries-block .countries-block-list {
    display: flex;
    margin-top: 20px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .countries-block .countries-block-list {
        flex-direction: column
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .countries-block .countries-block-list {
        flex-wrap: wrap
    }
}

.countries-block .countries-block-list .countries-block-column {
    padding-inline: 24px
}

@media only screen and (max-width:1024px) {
    .countries-block .countries-block-list .countries-block-column {
        width: 100%;
        border: 0
    }
}

@media only screen and (min-width:1025px) {
    .countries-block .countries-block-list .countries-block-column {
        flex: 1 0 25%
    }
}

@media only screen and (min-width:1025px) {
    .countries-block .countries-block-list .countries-block-column+.countries-block-column {
        border-left-width: 1px;
        border-left-style: solid
    }
}

.countries-block-column {
    padding-block: 24px
}

.countries-block-column-name {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 24px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .countries-block-country+.countries-block-column-name {
        margin-top: 48px
    }
}

@media only screen and (min-width:1025px) {
    .countries-block-country+.countries-block-column-name {
        margin-top: 32px
    }
}

.countries-block-country {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 15px
}

.countries-block-country-flag {
    width: 48px;
    height: 48px
}

.countries-block-country-name {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 16px;
    font-weight: 700
}

.countries-block-country-link {
    position: relative;
    display: inline-block;
    width: 42px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase
}

.countries-block-country-link+.countries-block-country-link:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 21px
}

.brands-block {
    padding-block: 40px
}

.brands-block h2 {
    margin-bottom: 24px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .brands-block .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .brands-block .wrapper {
        width: 100%;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .brands-block .wrapper {
        max-width: 1440px;
        margin-inline: auto;
        padding-inline: 72px
    }
}

.brands-block-filters .brands-block-filter-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px
}

.brands-block-filters .brands-block-filter-item button {
    position: relative;
    display: inline-block;
    font-family: WorkSans, Work Sans, sans-serif, Arial, Roboto, Ubuntu, -apple-system;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.28;
    height: 100%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px;
    border-style: solid;
    border-width: 1px
}

.brands-block-filters .brands-block-filter-item button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 1px;
    height: 1px
}

.brands-block-filters .brands-block-filter-item button:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 1px;
    height: 1px
}

.brands-block-filters .brands-block-filter-item {
    display: inline-block
}

.content-tabs .brands-block-list.opened {
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    margin-top: 32px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .brands-block-item {
        flex-basis: calc(50% - 8px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .brands-block-item {
        flex-basis: calc(25% - 12px)
    }
}

@media only screen and (min-width:1025px) {
    .brands-block-item {
        flex-basis: calc(20% - 12.8px)
    }
}

@media only screen and (min-width:1440px) {
    .brands-block-item {
        flex-basis: calc(16.66667% - 13.33333px)
    }
}

.brands-block-item {
    display: grid;
    align-items: center
}

.brands-block-item-name {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding-inline: 16px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    align-self: self-end
}

.brands-block-item-name img {
    width: 100%
}

.brands-block-item-links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    align-self: self-end
}

.brands-block-item-links a {
    position: relative;
    padding: 8px;
    font-weight: 700
}

.brands-block-item-links a+a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% - 16px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:1024px) {
    .mysolution-header {
        text-align: center
    }
}

.mysolution-header .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-header .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-header .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (max-width:1024px) {
    .mysolution-header .wrapper {
        flex-direction: column
    }
}

@media only screen and (max-width:1024px) {
    .mysolution-header h1 {
        width: 100%
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-header .mysolution-header-description {
        padding-right: 50%
    }
}

.mysolution-header .wrapper>.button {
    display: flex;
    align-content: center;
    gap: 10px;
    margin-right: 0
}

@media only screen and (max-width:1024px) {
    .mysolution-header .wrapper>.button {
        margin: 24px auto 0;
        order: 1
    }
}

.mysolution-header .wrapper>.button svg {
    width: 1.15rem;
    height: 1.15rem
}

.mysolution-section {
    padding-block: 0 40px
}

.mysolution-section .wrapper {
    width: 100%;
    padding-inline: 16px;
    display: flex
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-section .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-section .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-section .wrapper {
        flex-direction: column;
        gap: 40px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-section .wrapper {
        flex-direction: column;
        gap: 20px
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-section .wrapper {
        gap: 20px
    }
}

.mysolution-section .mysolution-mysaves {
    flex-basis: 50%
}

.mysolution-mysaves {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    gap: 32px
}

.mysolution-mysaves-content {
    display: flex;
    flex-flow: row wrap
}

.mysolution-mysaves .mysolution-mysaves-header {
    width: 100%
}

.mysolution-mysaves h3 {
    display: inline-block;
    width: 66.66667%;
    margin-bottom: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .select-app {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-mysaves .select-app {
        width: 33.33333%;
        display: inline-block;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-mysaves .select-app {
        width: 33.33333%;
        display: inline-block;
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table tbody {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-row {
        display: flex;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-mysaves .mysolution-mysaves-row {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-mysaves .mysolution-mysaves-row {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid
    }
}

.mysolution-mysaves .mysolution-mysaves-row td {
    padding: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table-name {
        flex: 1 0;
        width: 66.66667%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-mysaves .mysolution-mysaves-table-name {
        flex: 1 0
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-mysaves .mysolution-mysaves-table-name {
        flex: 1 0
    }
}

.mysolution-mysaves .mysolution-mysaves-table-name a,
.mysolution-mysaves .mysolution-mysaves-table-name p {
    display: block;
    font-weight: 700
}

.mysolution-mysaves .mysolution-mysaves-table-name span {
    line-height: 1.2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table-download {
        width: 33.33333%;
        flex-basis: 36px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-mysaves .mysolution-mysaves-table-download {
        display: flex;
        align-items: center;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-mysaves .mysolution-mysaves-table-download {
        display: flex;
        align-items: center;
        flex-direction: row-reverse
    }
}

.mysolution-mysaves .mysolution-mysaves-table-download .button-download {
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table-download .button-download {
        display: none
    }
}

.mysolution-mysaves .mysolution-mysaves-table-download .button-download svg {
    margin-right: 8px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table-redirect {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-mysaves .mysolution-mysaves-table-redirect {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-mysaves .mysolution-mysaves-table-redirect {
        display: none
    }
}

.mysolution-mysaves .mysolution-mysaves-table-redirect svg {
    width: 1.2rem;
    height: 1.2rem
}

.mysolution-mysaves .mysolution-mysaves-see-all {
    margin-top: auto;
    align-self: flex-start
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison {
        padding-block: 0 40px
    }
}

.mysolution-comparison .wrapper {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .wrapper {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .wrapper {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.mysolution-comparison .mysolution-comparison-table {
    width: 100%
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table tbody {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        display: flex
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        border-bottom: 1px solid
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        border-bottom: 1px solid
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table td {
        padding: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-table td {
        padding: 16px 10px
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-table td {
        padding: 16px 10px
    }
}

.mysolution-comparison .mysolution-comparison-name {
    font-weight: 600
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-name {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-name {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1
    }
}

.mysolution-comparison .mysolution-comparison-date {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    font-style: italic
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-informations {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-informations .mysolution-comparison-link {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-informations .mysolution-comparison-link {
        margin-top: 16px;
        text-align: left;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-informations .mysolution-comparison-link {
        margin-top: 16px;
        text-align: left;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-informations-products {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1;
        margin-top: 8px;
        font-weight: 600
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-informations-products {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-informations-products {
        display: none
    }
}

.mysolution-comparison .mysolution-comparison-label {
    margin-bottom: 24px;
    font-weight: 700
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-notes,
    .mysolution-comparison .mysolution-comparison-products-list {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table-redirect {
        display: flex;
        align-items: center
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-table-redirect {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-table-redirect {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table-redirect .mysolution-comparison-redirect {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table-redirect .mysolution-comparison-redirect svg {
        width: 1.2rem;
        height: 1.2rem
    }
}

.mysolution-comparison .mysolution-comparison-see-all {
    margin-top: 32px
}

.demo {
    max-width: 1440px;
    margin: auto
}

.demo h2,
.demo h3 {
    width: 100%
}

.demo h1,
.demo h2 {
    margin-bottom: 30px
}

.demo h3,
.demo h4 {
    margin-bottom: 20px
}

.demo section {
    margin-top: 30px
}

.demo section:first-of-type {
    margin-top: 0
}

.demo article {
    margin-bottom: 20px
}

.demo .color {
    width: 25%;
    padding: 2%
}

.demo .color-area {
    display: block;
    width: 100%;
    height: 200px
}

.demo .color-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: left
}

.demo .font-italic {
    font-style: italic
}

.demo .font-semibold {
    font-weight: 600
}

.demo .font-bold {
    font-weight: 700
}

.demo .font-extrabold {
    font-weight: 800
}

.demo form {
    margin-bottom: 20px
}

.demo .background-color-grey-background {
    margin-bottom: 20px;
    padding: 15px
}

.demo .current-text,
.demo .subtitle-primary,
.demo .subtitle-secondary {
    margin-bottom: 10px
}

.demo {
    width: 100%;
    padding-inline: 16px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .demo {
        padding-inline: 16px
    }
}

@media only screen and (min-width:1025px) {
    .demo {
        max-width: 1440px;
        margin: auto;
        padding-inline: 72px
    }
}

.clear-float {
    clear: both
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.display-none {
    display: none !important
}

.display-block {
    display: block
}

html.overflow-hidden {
    position: relative;
    overflow: hidden;
    height: 100%
}

body {
    overflow: hidden
}

body.scroll-active {
    overflow-y: scroll;
    min-height: 100vh
}

body.scrolled {
    padding-top: 40px
}

body.overflow-hidden {
    position: relative;
    height: 100%
}

body.overflow-hidden:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

body.overflow-hidden .banner-search-input {
    z-index: 0
}

body.scrolled.overflow-hidden {
    padding-top: 0
}

body.panel-opened main {
    z-index: 2
}

body:not(.scroll-active) .banner-search-large {
    z-index: 1
}

.footer-global {
    position: relative;
    z-index: 0
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.sign-scroll {
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .sign-scroll {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .sign-scroll {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body .button-zoom {
        display: none
    }
}

.global-backtop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    flex-direction: column;
    align-items: center;
    width: 0;
    height: 0;
    padding-top: 2px;
    overflow: visible;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .4s ease;
    border-radius: 100px
}

body.scrolled .global-backtop {
    height: auto;
    min-width: 65px;
    opacity: 1;
    aspect-ratio: 1/1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.scrolled .global-backtop {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.scrolled .global-backtop {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    body.scrolled .global-backtop {
        display: flex;
        justify-content: center;
        gap: 4px
    }
}

.global-backtop svg {
    width: 1.3rem;
    height: 1.3rem
}

.global-backtop span {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

.liveregion {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

.react-modal-showed #header-global,
.react-modal-showed .breadcrumb {
    z-index: 0
}

body.rtl {
    direction: rtl
}

body.rtl .page-contact-list {
    left: 0;
    right: unset;
    -webkit-transform: unset;
    transform: unset;
    -webkit-transform: translateX(calc(-100% + 53px));
    transform: translateX(calc(-100% + 53px));
    justify-content: flex-end
}

body.rtl .page-contact-list .page-contact {
    padding-left: 20px;
    padding-right: 0;
    -webkit-animation-name: slideInFromRight;
    animation-name: slideInFromRight
}

body.rtl .page-contact-list .page-contact:hover {
    -webkit-transform: translateX(calc(100% - 53px));
    transform: translateX(calc(100% - 53px))
}

body.rtl .page-contact .counter {
    left: unset;
    right: 10px
}

body.rtl .breadcrumb svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .accordion-introduction,
    body.rtl .content-edito.content-edito-sidebar .anchor-item,
    body.rtl .content-edito.content-edito-sidebar .banner,
    body.rtl .content-edito.content-edito-sidebar .block-content,
    body.rtl .content-edito.content-edito-sidebar .content-block,
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        float: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito .content-sidebar {
        float: right;
        padding-left: 0;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito .content-sidebar {
        float: right;
        padding-left: 20px;
        padding-right: 72px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-list-search .content-block {
        float: left;
        padding-left: 16px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block {
        float: left;
        padding-left: 72px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-list-search .content-block {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito .content-sidebar:after {
        left: unset;
        right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito .content-sidebar:after {
        left: unset;
        right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito .content-sidebar .content-sidebar-name {
        padding-left: 10px;
        padding-right: 0
    }
}

body.rtl .global-backtop {
    left: 20px;
    right: auto
}

body.rtl .button-back svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

body.rtl .button-link svg {
    margin-left: 0;
    margin-right: 4px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl .button-link svg.icon-download,
body.rtl .button-link svg.icon-locked {
    margin-left: 10px;
    margin-right: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

body.rtl .menu-link-attach a svg,
body.rtl .menu-link-attach button svg,
body.rtl .menu-link-attach span svg,
body.rtl .menu-link a svg,
body.rtl .menu-link button svg,
body.rtl .menu-link span svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 15px
}

body.rtl .form-simple input {
    padding-left: 54px;
    padding-right: 16px
}

body.rtl .form-simple button[type=submit] {
    left: 0;
    right: unset;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body.rtl .button-primary {
    padding: 15px 15px 15px 64px
}

body.rtl .button-primary span {
    position: absolute;
    left: 0;
    right: unset;
    margin-left: 0;
    margin-right: 16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl .button-secondary,
body.rtl form .btn-primary {
    margin-left: 8px;
    margin-right: 0
}

body.rtl .tag .tag-remove {
    margin-left: 0;
    margin-right: 9px
}

body.rtl .tag .icon-boutons-link-normal {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-left: 0;
    margin-right: 5px
}

body.rtl .pagination .pagination-prev svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

body.rtl .pagination .pagination-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl .select-fake {
    padding: 0 22px 0 35px
}

body.rtl .select-fake:after {
    left: 16px;
    right: unset
}

body.rtl .select-app .select-app__control {
    padding: 0 16px 0 0
}

@media only screen and (min-width:1025px) {
    body.rtl #header-global {
        justify-content: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-site-country {
        margin-left: 0;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-site-country:before {
        left: unset;
        right: 0
    }
}

body.rtl #header-global .header-secondary-brand:before,
body.rtl #header-global .header-secondary-country:before {
    left: unset;
    right: 2px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #header-global .header-secondary-language {
        padding-left: 16px;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-secondary-language {
        padding-left: 16px;
        padding-right: 0
    }
}

body.rtl #header-global .header-secondary-language .header-secondary-language-list,
body.rtl #header-global .header-secondary-language:before {
    left: unset;
    right: 0
}

body.rtl #header-global .select-fake {
    padding: 0 22px 0 35px
}

body.rtl #header-global .select-fake:after {
    left: 16px;
    right: unset
}

body.rtl #header-global .header-secondary-language-current {
    padding: 0 15px 0 25px
}

body.rtl #header-global .header-secondary-language-current:before {
    left: 9px;
    right: unset
}

body.rtl #header-global .header-secondary-language-underline {
    left: unset;
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

body.rtl #header-global .header-secondary-brand-underline,
body.rtl #header-global .header-secondary-country-underline {
    left: unset;
    right: 4px;
    -webkit-transform-origin: right;
    transform-origin: right
}

@media only screen and (min-width:1025px) {
    body.rtl #header-global .header-primary-navigation ul a:after,
    body.rtl #header-global .header-primary-navigation ul button:after,
    body.rtl #header-global .header-primary-navigation ul span:after,
    body.rtl #header-global .header-secondary-navigation ul a:after,
    body.rtl #header-global .header-secondary-navigation ul button:after,
    body.rtl #header-global .header-secondary-navigation ul span:after {
        left: unset;
        right: 0;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #header-global .header-primary-logo.header-primary-logo-country {
        padding-left: 0;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-primary-logo.header-primary-logo-country {
        padding-left: 0;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #header-global .header-primary-logo.header-primary-logo-country {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #header-global .header-primary-logo.header-primary-logo-country:after {
        left: unset;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-primary-logo.header-primary-logo-country:after {
        left: unset;
        right: 0
    }
}

body.rtl #header-global .header-primary-logo .logo-country {
    margin-left: 0;
    margin-right: 8px
}

@media only screen and (min-width:1025px) {
    body.rtl #header-global .header-secondary-panel-return {
        left: 72px;
        right: unset
    }
}

body.rtl #header-global .header-primary-search a.header-primary-icon:after {
    left: unset;
    right: 10px;
    -webkit-transform-origin: right;
    transform-origin: right
}

body.rtl #header-global .header-secondary-panel-links a+a:before {
    left: unset;
    right: -3px
}

body.rtl #header-global .form-simple input {
    padding-left: 54px;
    padding-right: 16px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #header-global .header-global-burger {
        padding: 0 15px 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #header-global .header-global-burger {
        margin: 0 5px 0 16px
    }
}

body.rtl #header-global .header-primary-navigation ul li a svg,
body.rtl #header-global .header-primary-navigation ul li button svg,
body.rtl #header-global .header-secondary-navigation ul li a svg,
body.rtl #header-global .header-secondary-navigation ul li button svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.rtl #header-global .button-back svg {
    -webkit-transform: unset;
    transform: unset
}

@media only screen and (min-width:1025px) {
    body.rtl #header-global .popin {
        left: 72px;
        right: unset
    }
}

body.rtl #header-global #header-modal-profil .modal-link .button {
    padding-left: 0;
    padding-right: 16px
}

@media only screen and (min-width:1025px) {
    body.rtl .footer-global .footer-description {
        padding-left: 10px;
        padding-right: 0
    }
}

body.rtl .footer-global .footer-navigation .footer-navigation-column:last-of-type {
    padding-left: 0;
    padding-right: 10px
}

body.rtl .footer-global .footer-legal li {
    margin-left: 32px;
    margin-right: 0
}

body.rtl .popin h4:before {
    left: unset;
    right: 0
}

body.rtl .modal.modal-product .modal-link .button-download svg {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

body.rtl .modal-close {
    right: unset;
    left: 16px
}

body.rtl #modal-connection.modal .modal-register {
    margin-left: 24px;
    margin-right: 10px
}

body.rtl #modal-connection.modal .modal-login {
    margin-right: 24px;
    margin-left: 10px
}

@media only screen and (min-width:1025px) {
    body.rtl .select-app {
        margin-left: 16px;
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-list-search .content-sidebar-name {
        padding-left: 10px;
        padding-right: 0
    }
}

body.rtl .content-sidebar {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    body.rtl content-sidebar {
        padding-left: 16px;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-sidebar.content-list-sidebar form fieldset {
        width: calc(100% - 10px);
        margin-left: 10px;
        margin-right: 0
    }
}

body.rtl .content-sidebar.content-list-sidebar form input[type=checkbox]+label,
body.rtl .content-sidebar.content-list-sidebar form input[type=radio]+label {
    margin-left: 15px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 32px
}

body.rtl .content-sidebar.content-list-sidebar form input[type=checkbox]+label:after,
body.rtl .content-sidebar.content-list-sidebar form input[type=checkbox]+label:before,
body.rtl .content-sidebar.content-list-sidebar form input[type=radio]+label:before {
    left: unset;
    right: 0
}

@media only screen and (min-width:1440px) {
    body.rtl .content-sidebar.content-list-sidebar form fieldset:before {
        left: 10px;
        right: auto
    }
}

body.rtl .content-block.content-list-search .fieldset-list-options {
    padding-right: 0;
    padding-left: 16px
}

body.rtl .content-block.content-list-search .content-list-sidebar fieldset .select-fake .content-sidebar-wrapper {
    padding-left: 30px;
    padding-right: 0
}

body.rtl .content-block.content-list-search .content-list-sidebar fieldset.opened:after {
    left: 100%;
    right: unset
}

body.rtl .content-sidebar .multiple-choice ul {
    padding-left: 16px;
    padding-right: 32px
}

body.rtl .content-sidebar .multiple-choice-item li.showed:before {
    left: auto;
    right: -20px
}

body.rtl .content-sidebar .multiple-choice-item li.showed:after {
    left: auto;
    right: -22px
}

body.rtl .content-sidebar .multiple-choice-item.opened:after {
    left: auto;
    right: 10px
}

body.rtl .content-block.content-list-search .content-list-sidebar fieldset .select-fake {
    padding-right: 0
}

body.rtl .content-sidebar.content-list-sidebar form input[type=checkbox]+label:after {
    left: auto;
    right: 10px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-aside .wrapper {
        padding-right: 16px;
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside .wrapper {
        padding-right: calc(8.33333% + 60px);
        padding-left: calc(8.33333% - 12px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside .wrapper {
        width: calc(108px + 50%);
        padding-left: calc(8.33333% - 12px);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .banner.banner-aside aside {
        left: 0;
        right: unset
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-aside aside {
        padding-left: 16px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside aside {
        padding-left: 72px;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside aside {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-aside aside:before {
        left: 0;
        right: unset;
        padding-left: 16px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside aside:before {
        left: 0;
        right: unset;
        padding-left: 72px;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside aside:before {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-aside aside .banner-share {
        left: 0;
        right: unset;
        padding-left: 16px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside aside .banner-share {
        left: 0;
        right: unset;
        padding-right: 32px;
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside aside .banner-share {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside.banner-full {
        flex-direction: revert
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside.banner-full .wrapper {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside.banner-full .wrapper {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-aside.banner-full aside {
        padding-left: 72px;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-aside.banner-full aside {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-background .wrapper {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px
    }
}

body.rtl .banner.banner-background .banner-share {
    right: unset
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .banner.banner-background .banner-share {
        left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-background .banner-share {
        left: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-background .banner-share {
        left: 72px;
        left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-search .banner-title {
        padding-right: 8.33333%;
        padding-left: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-search .banner-search-content {
        padding-left: 8.33333%;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-search-large .banner-search-input {
        left: unset;
        right: 0;
        padding-left: 0;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-search-large .banner-search-input {
        left: unset;
        right: 0;
        padding-left: 0;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-search-large .banner-search-input {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-search-large .form-simple {
        padding-left: 8px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-search-large .form-simple {
        padding-left: 0;
        padding-right: 11.11111%
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-search-large .form-simple {
        padding-left: 0;
        padding-right: 108px
    }
}

body.rtl .link-list .content-link svg {
    top: 3px
}

@media only screen and (min-width:1025px) {
    body.rtl .link-list.link-list-column-four .content-link {
        margin-right: 0;
        width: calc(25% - 15px);
        margin-left: 20px
    }
    body.rtl .link-list.link-list-column-four .content-link:last-of-type,
    body.rtl .link-list.link-list-column-four .content-link:nth-of-type(4n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .link-list.link-list-column-three .content-link {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: calc(33.33333% - 13.33333px);
        margin-left: 20px
    }
    body.rtl .link-list.link-list-column-three .content-link:last-of-type,
    body.rtl .link-list.link-list-column-three .content-link:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .link-list.link-list-column-two .content-link {
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: calc(50% - 10px);
        margin-left: 20px
    }
    body.rtl .link-list.link-list-column-two .content-link:last-of-type,
    body.rtl .link-list.link-list-column-two .content-link:nth-of-type(2n) {
        margin-left: 0
    }
}

body.rtl .link-list.link-list-column-one {
    margin-right: 0
}

@media only screen and (min-width:1025px) {
    body.rtl .link-list.link-list-column-one .content-link {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .link-list .content-link:nth-of-type(odd) {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .link-list .content-link:nth-of-type(2n) {
        padding-left: 0;
        padding-right: 10px
    }
}

body.rtl .content-tabs .icon-gradient-white {
    left: 0;
    right: unset;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width:1440px) {
    body.rtl .content-tabs .icon-gradient-white {
        left: calc(50% - 720px)
    }
}

body.rtl .content-tabs .content-tabs-button {
    margin-left: 32px;
    margin-right: 0
}

body.rtl .content-block.content-list-image .content-teaser {
    margin-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-list-image .content-teaser {
        margin-left: 20px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-list-image .content-teaser {
        margin-left: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-list-image .content-teaser:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-list-image .content-teaser:nth-of-type(4n) {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-list-image .content-teaser:last-of-type {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-list-image .content-teaser:last-of-type {
        margin-left: 0
    }
}

body.rtl .content-teaser-image .content-link {
    right: unset;
    left: 0
}

@media only screen and (min-width:1025px) {
    body.rtl .content-teaser-image.content-teaser-image-large .content-teaser-content {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-teaser-image.content-teaser-image-large .content-teaser-content {
        width: 50%;
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-teaser-image.content-teaser-image-large .content-picture {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-teaser-image.content-teaser-image-large .content-picture {
        width: 50%;
        padding-left: calc(50% - 648px)
    }
}

body.rtl .content-teaser-image.content-teaser-image-large .content-picture:before {
    left: 0;
    right: unset
}

body.rtl .content-block.content-title .content-title-button-share {
    right: unset
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-title .content-title-button-share {
        left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-title .content-title-button-share {
        left: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-title .content-title-button-share {
        left: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-title .content-title-button-share {
        left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-rich-text.content-left .wrapper {
        padding-left: calc(7.5% + 8px);
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-left .wrapper {
        padding-left: calc(8.33333% - 2px);
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-rich-text.content-left .wrapper {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .content-block.content-rich-text.content-left aside {
        padding: 0 10px 0 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    body.rtl .content-block.content-rich-text.content-left aside {
        padding: 40px calc(25% + 16px) 0 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-left aside {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-rich-text.content-left aside {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-rich-text aside:before {
        left: 0;
        right: unset
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text aside:before {
        left: 0;
        right: unset
    }
}

body.rtl .content-block.content-rich-text.content-left aside figcaption,
body.rtl .content-block.content-rich-text.content-left aside iframe+span {
    padding-left: 0;
    padding-right: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-rich-text.content-right .wrapper {
        padding-left: 16px;
        padding-right: calc(7.5% + 8px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-right .wrapper {
        padding-left: 72px;
        padding-right: calc(8.33333% - 2px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-rich-text.content-right .wrapper {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-rich-text.content-right aside {
        padding: 0 16px 0 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-right aside {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-rich-text.content-right aside {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-rich-text.content-right aside:before {
        left: unset;
        right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-right aside:before {
        left: unset;
        right: 0
    }
}

body.rtl .content-block.content-rich-text.content-right aside figcaption,
body.rtl .content-block.content-rich-text.content-right aside iframe+span {
    float: left
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-column .content-rich-text-column:first-of-type {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-rich-text.content-column .content-rich-text-column:last-of-type {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    body.rtl .block-content.block-list-accordion .accordion-item .content-block {
        padding-left: 58px;
        padding-right: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    body.rtl .block-content.block-list-accordion .accordion-item .content-block {
        padding-left: 58px;
        padding-right: 32px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .block-content.block-list-accordion .accordion-item .accordion-introduction .wrapper,
    body.rtl .block-content.block-list-accordion .accordion-item .content-block {
        padding-left: 72px;
        padding-right: 32px
    }
}

body.rtl .accordion-introduction .wrapper svg.icon-arrow {
    left: 32px;
    right: unset
}

body.rtl .accordion-item.opened .accordion-introduction .wrapper svg.icon-arrow {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        padding-left: 16px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        padding-left: calc(50% - 648px);
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        padding-left: 30px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        padding-right: 72px;
        padding-left: calc(8.33333% - 12px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-slider .content-rich-text .wrapper .wrapped-content {
        padding-left: 118px;
        padding-right: calc(50% - 648px)
    }
}

body.rtl .content-block.content-slider .slider-wrapper .slider-contents:after {
    right: unset
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-slider .slider-wrapper .slider-contents:after {
        left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .slider-wrapper .slider-contents:after {
        left: 0
    }
}

body.rtl .content-block.content-slider .slider-wrapper .slider-navigation {
    left: unset
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-slider .slider-wrapper .slider-navigation {
        right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-slider .slider-wrapper .slider-navigation {
        right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .slider-wrapper .slider-navigation {
        right: 72px;
        right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .slider-prev {
        left: auto;
        right: 10px;
        -webkit-transform: unset;
        transform: unset
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-slider .slider-prev {
        left: auto;
        right: calc(50% - 716px);
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-slider .slider-next {
        left: 10px;
        right: auto;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-slider .slider-next {
        left: calc(50% - 716px);
        right: auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.card-list.card-list-slider .slider-next {
        left: 10px;
        right: unset
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.card-list.card-list-slider .slider-next {
        left: 10px;
        right: unset
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.card-list.card-list-slider .slider-next {
        left: -59px;
        right: unset;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.card-list.card-list-slider .slider-prev {
        left: unset;
        right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.card-list.card-list-slider .slider-prev {
        left: unset;
        right: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.card-list.card-list-slider .slider-prev {
        left: unset;
        right: -59px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-quote aside {
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-quote aside {
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-quote aside+.wrapper {
        padding: 0 10px 0 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-quote aside+.wrapper {
        padding: 0 10px 0 0
    }
}

body.rtl .content-block.content-quote .content-author,
body.rtl .content-block.content-quote .content-quote-text,
body.rtl .content-block.content-quote .content-text {
    padding: 0 42px 0 0
}

body.rtl .content-block.content-quote .content-icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-favorite-list.content-favorite .favorite-name svg {
        margin-left: 16px;
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-favorite-list.content-favorite .favorite-name svg {
        margin-left: 16px;
        margin-right: 32px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-favorite-list.content-favorite .favorite-name svg {
        margin-left: 16px;
        margin-right: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-favorite-list.content-favorite .favorite-download {
        margin-left: 0;
        padding-left: 32px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-favorite-list.content-favorite .favorite-download {
        margin-left: 0;
        padding-left: 32px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.card-list .content-block-introduction {
        padding-left: 66.66667%;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.card-list .card {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }
    body.rtl .content-block.card-list .card:last-of-type,
    body.rtl .content-block.card-list .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.card-list .card {
        width: calc(25% - 15px);
        margin-left: 20px;
        margin-right: 0
    }
    body.rtl .content-block.card-list .card:last-of-type,
    body.rtl .content-block.card-list .card:nth-of-type(4n) {
        margin-left: 0
    }
}

body.rtl .card .button-link .icon {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .content-block.product-list .card {
    margin-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.product-list .card {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.product-list .card {
        width: calc(50% - 8px);
        margin-left: 16px
    }
    body.rtl .content-block.product-list .card:last-of-type,
    body.rtl .content-block.product-list .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.product-list .card {
        width: calc(33.33333% - 13.33333px);
        margin-left: 20px
    }
    body.rtl .content-block.product-list .card:last-of-type,
    body.rtl .content-block.product-list .card:nth-of-type(3n) {
        margin-left: 0
    }
}

body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card {
    margin-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card {
        width: calc(50% - 8px);
        margin-left: 16px
    }
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card:last-of-type,
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card {
        width: calc(33.33333% - 13.33333px);
        margin-left: 20px
    }
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card:last-of-type,
    body.rtl .content-block.product-list .product-list-wrapper.product-list-extendable .card:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .content-gallery.content-gallery-aside-left .content-gallery-slider {
        padding-right: 16px;
        padding-left: 8px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-gallery.content-gallery-aside-left .content-gallery-slider {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-gallery.content-gallery-aside-left .content-gallery-slider {
        padding-left: 10px;
        padding-right: calc(50% - 648px)
    }
}

body.rtl .content-gallery.content-gallery-aside-left .slider-navigation {
    left: unset
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .content-gallery.content-gallery-aside-left .slider-navigation {
        right: calc(22.5% + 16px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-gallery.content-gallery-aside-left .slider-navigation {
        right: calc(22.5% + 72px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-gallery.content-gallery-aside-left .slider-navigation {
        right: calc(-324px + 50%)
    }
}

body.rtl .content-gallery-caption:before {
    left: unset;
    right: 0
}

body.rtl .content-gallery.content-gallery-background .slider-navigation {
    left: unset
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-gallery.content-gallery-background .slider-navigation {
        right: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    body.rtl .content-gallery.content-gallery-background .slider-navigation {
        right: 50%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .content-gallery.content-gallery-background .slider-navigation {
        right: 66.66667%
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-gallery.content-gallery-background .slider-navigation {
        right: calc(83.33333% - 48px);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-gallery.content-gallery-background .slider-navigation {
        right: calc(432px + 50%)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl ff-controller .col-sm-6 {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl ff-controller .col-sm-6+.col-sm-6 {
        padding-right: 10px;
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .ng-scope ff-controller[css-class-name=content-aside] form {
        padding-inline: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .ng-scope ff-controller[css-class-name=content-aside] form {
        padding-right: calc(50% - 648px);
        padding-left: 108px
    }
}

body.rtl .ng-scope ff-controller[css-class-name=content-aside]:after {
    left: 0;
    right: unset
}

body.rtl .content-block.content-contact .card {
    margin-left: 8.33333%;
    margin-right: 0
}

body.rtl .content-list-search .content-block.content-list-short .card {
    margin-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-list-search .content-block.content-list-short .card {
        width: calc(50% - 8px);
        margin-left: 16px
    }
    body.rtl .content-list-search .content-block.content-list-short .card:last-of-type,
    body.rtl .content-list-search .content-block.content-list-short .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block.content-list-short .card {
        width: calc(33.33333% - 10.66667px);
        margin-left: 16px
    }
    body.rtl .content-list-search .content-block.content-list-short .card:last-of-type,
    body.rtl .content-list-search .content-block.content-list-short .card:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card,
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card {
        margin-left: 20px;
        margin-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card,
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card {
        margin-left: 20px;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card:last-of-type,
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card:last-of-type,
    body.rtl .content-list-search .content-block.search-result-list.list-column-2 .card:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card:last-of-type,
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card:last-of-type,
    body.rtl .content-list-search .content-block.search-result-list.list-column-3 .card:nth-of-type(3n) {
        margin-left: 0
    }
}

body.rtl .content-share-price .content-share-price-value {
    margin-left: 10px;
    margin-right: 0
}

body.rtl .content-block.content-list-result-header nav .button-download svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-list-search button.sidebar-filter-button {
        padding: 19px 24px 19px 78px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .anchor-item,
    body.rtl .content-edito.content-edito-sidebar .banner,
    body.rtl .content-edito.content-edito-sidebar .block-content,
    body.rtl .content-edito.content-edito-sidebar .content-block,
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        padding-left: 16px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .anchor-item,
    body.rtl .content-edito.content-edito-sidebar .banner,
    body.rtl .content-edito.content-edito-sidebar .block-content,
    body.rtl .content-edito.content-edito-sidebar .content-block,
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        padding-left: 72px;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .anchor-item,
    body.rtl .content-edito.content-edito-sidebar .banner,
    body.rtl .content-edito.content-edito-sidebar .block-content,
    body.rtl .content-edito.content-edito-sidebar .content-block,
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        padding-left: calc(50% - 648px);
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .wrapper {
        width: calc(58.33333% - 72px);
        padding-left: calc(8.33333% - 12px);
        padding-right: calc(8.33333% + 60px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .wrapper {
        width: calc(58.33333% - 72px);
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside aside {
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside aside {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-button,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-date,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-description,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-subtitle,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-tag,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .banner-title,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .link-list,
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside .subtitle-primary {
        padding-left: 0;
        padding-right: 108px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .banner.banner-aside aside .banner-share {
        padding-left: calc(100% - 1080px);
        padding-right: 32px
    }
}

body.rtl .content-edito.content-edito-sidebar .banner.prox-banner_light:before {
    right: unset;
    left: 0
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        padding-left: 72px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        padding-left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title .content-title-button-share {
        right: 1080px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-center {
        padding-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .block-list-accordion .accordion-introduction .wrapper,
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .block-list-accordion .accordion-introduction .wrapper,
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-slider,
    body.rtl .content-edito.content-edito-sidebar .content-block.content-slider .content-rich-text .wrapper .wrapped-image {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-slider .slick-arrow.slider-next {
        left: 10px;
        right: unset;
        -webkit-transform: rotate(180deg) translateY(-50%);
        transform: rotate(180deg) translateY(-50%)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-slider .slick-arrow.slider-next {
        right: 1090px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-slider.content-left {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list.card-list-slider .slider-prev {
        display: none !important
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list.card-list-slider .slider-next {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list .card {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list .card-list-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-tabs .content-tabs-list {
        padding-right: 16px
    }
}

body.rtl .content-edito.content-edito-sidebar .content-tabs .icon-gradient-white {
    right: unset
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-tabs .icon-gradient-white {
        left: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-tabs .icon-gradient-white {
        left: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left .wrapper {
        padding-left: calc(10% + 2.8px);
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left .wrapper {
        padding-left: 118px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside figcaption {
        width: calc(50% - 16px)
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-left aside figcaption {
        width: 50%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .content-rich-text-column {
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .content-rich-text-column {
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .content-rich-text-column:last-of-type,
    body.rtl .content-edito.content-edito-sidebar .content-block.content-rich-text.content-column .wrapper {
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-picture-full {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-gallery .slider-navigation {
        right: calc(90% - 10px);
        left: unset;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .ng-scope {
        float: left;
        padding-left: 72px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .ng-scope {
        padding-left: calc(50% - 648px);
        padding-right: 20px
    }
}

body.rtl .content-edito.content-edito-sidebar .ng-scope .ng-scope {
    padding-right: 0
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .ng-scope .ng-scope {
        padding-left: 0
    }
}

body.rtl .content-edito.content-edito-sidebar .ng-scope input[type=checkbox] {
    float: right
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-newsalert {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-newsalert {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-newsalert {
        padding-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-newsalert .ng-scope {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-newsalert .ng-scope {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.card-list .content-wrapper {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-newswall {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-newswall .content-wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper,
    body.rtl .content-edito.content-edito-sidebar .product-list .content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-list-image .wrapper .content-teaser:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-list-icon {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-list-icon .wrapper {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-link-list {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-link-list .wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .link-list.link-list-column-three .content-link {
        width: 50%;
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .link-list.link-list-column-three .content-link {
        width: 50%;
        margin-left: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito.content-edito-sidebar .link-list.link-list-column-three .content-link:nth-of-type(2n),
    body.rtl .content-edito.content-edito-sidebar .link-list.link-list-column-three .content-link:nth-of-type(odd) {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-favorite {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-favorite .wrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-speaker .card-speaker-large:nth-of-type(2n) {
        margin-left: 0;
        margin-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-key-takeaway {
        padding-left: 0
    }
}

body.rtl .content-edito.content-edito-sidebar .content-key-takeaway article {
    margin-right: 0;
    margin-left: 20px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-key-takeaway article:nth-of-type(2n) {
        margin-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-key-takeaway article:nth-of-type(2n) {
        margin-left: 20px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-key-takeaway article:nth-of-type(3n) {
        margin-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito.content-edito-sidebar .content-block.content-title .content-wrapper {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito.content-edito-sidebar .block-list-accordion {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito.content-edito-sidebar .accordion-item.opened .accordion-content.content-rich-text {
        padding-left: 72px;
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-left .wrapper {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-left .wrapper {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-left aside {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-left aside {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-right .wrapper {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-right .wrapper {
        padding-left: 0;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-right aside {
        padding-left: 10px;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .accordion-item .content-block.accordion-content.content-rich-text.content-right aside {
        padding-left: 10px;
        padding-right: 0
    }
}

body.rtl .accordion-item .content-block.accordion-content.content-gallery {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .accordion-item .content-gallery-slide {
        padding-left: 58px;
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .accordion-item .content-gallery-slide {
        padding-left: 58px;
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .accordion-item .content-block.accordion-content.content-gallery .content-gallery-legend {
        padding-left: 10px;
        padding-right: 72px
    }
}

body.rtl .product-header .wrapper:before {
    left: 0;
    right: unset
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .product-header aside {
        float: left
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .product-header aside {
        float: left
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .product-header .link-list,
    body.rtl .product-header .product-button-list,
    body.rtl .product-header .product-codes-list,
    body.rtl .product-header .product-colors,
    body.rtl .product-header .product-description,
    body.rtl .product-header .product-discover,
    body.rtl .product-header .product-form,
    body.rtl .product-header .product-informations,
    body.rtl .product-header .product-location,
    body.rtl .product-header .product-overview,
    body.rtl .product-header .product-row,
    body.rtl .product-header .product-subtitle,
    body.rtl .product-header .product-tags-list,
    body.rtl .product-header .product-title {
        padding-right: 16px;
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    body.rtl .product-header .link-list,
    body.rtl .product-header .product-button-list,
    body.rtl .product-header .product-codes-list,
    body.rtl .product-header .product-colors,
    body.rtl .product-header .product-description,
    body.rtl .product-header .product-discover,
    body.rtl .product-header .product-form,
    body.rtl .product-header .product-informations,
    body.rtl .product-header .product-location,
    body.rtl .product-header .product-overview,
    body.rtl .product-header .product-row,
    body.rtl .product-header .product-subtitle,
    body.rtl .product-header .product-tags-list,
    body.rtl .product-header .product-title {
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    body.rtl .product-header .link-list,
    body.rtl .product-header .product-button-list,
    body.rtl .product-header .product-codes-list,
    body.rtl .product-header .product-colors,
    body.rtl .product-header .product-description,
    body.rtl .product-header .product-discover,
    body.rtl .product-header .product-form,
    body.rtl .product-header .product-informations,
    body.rtl .product-header .product-location,
    body.rtl .product-header .product-overview,
    body.rtl .product-header .product-row,
    body.rtl .product-header .product-subtitle,
    body.rtl .product-header .product-tags-list,
    body.rtl .product-header .product-title {
        padding-left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .product-header .link-list,
    body.rtl .product-header .product-button-list,
    body.rtl .product-header .product-codes-list,
    body.rtl .product-header .product-colors,
    body.rtl .product-header .product-description,
    body.rtl .product-header .product-discover,
    body.rtl .product-header .product-form,
    body.rtl .product-header .product-informations,
    body.rtl .product-header .product-location,
    body.rtl .product-header .product-overview,
    body.rtl .product-header .product-row,
    body.rtl .product-header .product-subtitle,
    body.rtl .product-header .product-tags-list,
    body.rtl .product-header .product-title {
        float: right;
        padding-left: 20px;
        padding-right: 0
    }
}

body.rtl .product-header .product-share {
    right: unset
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .product-header .product-share {
        left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    body.rtl .product-header .product-share {
        left: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .product-key-introduction {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .product-key-introduction {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .product-key-content {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .product-key-content {
        padding-left: calc(50% - 648px)
    }
}

body.rtl .news.news-teaser .news-date {
    margin-left: 16px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 32px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-list-search .content-block.card-list.card-list-classic .card-medium {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-list-search .content-block.card-list.card-list-classic .card-medium {
        margin-left: 0;
        margin-right: 0
    }
}

body.rtl .content-block.card-list.content-card-list-webzine .card-webzine-long {
    width: 100%;
    margin-left: 0
}

@media only screen and (min-width:1025px) {
    body.rtl .card-list.content-promoted-webzine .webzine-promoted-stories.card-list-wrapper article {
        width: auto;
        margin-left: 20px
    }
}

body.rtl .card.card-webzine .card-date svg,
body.rtl .card.card-webzine .card-view svg {
    margin-left: 10px;
    margin-right: 0
}

body.rtl .banner.banner-webzine .wrapper {
    padding-right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .banner.banner-webzine .wrapper {
        padding-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-webzine .wrapper {
        padding-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-webzine .wrapper {
        padding-left: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-webzine .wrapper {
        padding-left: calc(50% - 648px)
    }
}

body.rtl .banner.banner-webzine aside {
    padding-left: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .banner.banner-webzine aside {
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-webzine aside {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-webzine aside {
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .banner.banner-webzine aside {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .banner.banner-webzine .banner-description,
    body.rtl .banner.banner-webzine .banner-link,
    body.rtl .banner.banner-webzine .banner-tag,
    body.rtl .banner.banner-webzine .banner-title {
        margin-left: 0;
        margin-right: 12.5%
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .banner.banner-webzine .banner-description,
    body.rtl .banner.banner-webzine .banner-link,
    body.rtl .banner.banner-webzine .banner-tag,
    body.rtl .banner.banner-webzine .banner-title,
    body.rtl .banner.banner-webzine aside .banner-logo {
        margin-left: 0;
        margin-right: 12.5%
    }
}

body.rtl .content-edito .content-sidebar {
    padding-left: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-edito .content-sidebar {
        padding-right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-edito .content-sidebar {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-edito .content-sidebar {
        float: right;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-edito .content-sidebar {
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #share-price-header .share-price-column {
        padding-left: 8.33333%;
        padding-right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #share-price-header .share-price-column {
        padding-left: 8.33333%;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #share-price-header .share-price-column:last-of-type {
        padding-left: 0;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #share-price-header .share-price-column:last-of-type {
        padding-left: 0;
        padding-right: 8.33333%
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #share-price-history {
        padding-left: 10px;
        padding-right: 72px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl #share-price-history {
        padding-left: 10px;
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #share-price-stats {
        padding-left: 72px;
        padding-right: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl #share-price-stats {
        padding-left: calc(50% - 648px);
        padding-right: 10px
    }
}

body.rtl .content-block.content-location-finder .content-wrapper {
    justify-content: flex-end
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-location-finder #map-sidebar-filter,
    body.rtl .content-block.content-location-finder #map-sidebar-information,
    body.rtl .content-block.content-location-finder #map-sidebar-list {
        right: 0;
        padding-right: 72px;
        padding-left: 10px
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-location-finder #map-sidebar-filter,
    body.rtl .content-block.content-location-finder #map-sidebar-information,
    body.rtl .content-block.content-location-finder #map-sidebar-list {
        padding-right: calc(50% - 648px)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-location-finder #map-container {
        padding-left: 72px;
        padding-right: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl .content-block.content-location-finder #map-container {
        padding-left: calc(50% - 648px)
    }
}

body.rtl #map-sidebar-list header .button-filter {
    float: left
}

body.rtl .location {
    padding-left: 0;
    padding-right: 50px
}

body.rtl .location .location-icon {
    left: 0;
    right: 10px
}

body.rtl #map-sidebar-filter .map-filter-clear {
    float: left;
    padding-left: 50px;
    padding-right: 0
}

body.rtl .map-sidebar-close {
    left: 10px;
    right: unset
}

body.rtl #map-sidebar-filter .input-checkbox label {
    margin-left: 15px;
    margin-right: 0
}

body.rtl #map-sidebar-filter .input-checkbox label span {
    margin-left: 8px;
    margin-right: 0
}

body.rtl #map-sidebar-filter .fieldset-menu .select-fake {
    padding-left: 35px;
    padding-right: 0
}

body.rtl #map-sidebar-filter .fieldset-wrapper {
    padding-left: unset;
    padding-right: 0
}

body.rtl #map-sidebar-filter .input-radio input+label {
    margin-left: 15px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 32px
}

body.rtl #map-sidebar-filter .input-radio input+label:before {
    left: unset;
    right: 0
}

body.rtl #map-sidebar-information .map-sidebar-address,
body.rtl #map-sidebar-information .map-sidebar-phone {
    padding-left: unset;
    padding-right: 32px
}

body.rtl #map-sidebar-information .map-sidebar-address svg,
body.rtl #map-sidebar-information .map-sidebar-phone svg {
    left: unset;
    right: 3px
}

body.rtl .content-block.content-favorite .favorite-delete svg,
body.rtl .content-block.content-favorite .favorite-description svg {
    margin-left: 16px;
    margin-right: 0
}

body.rtl .content-block.content-favorite .favorite-description svg {
    left: unset;
    right: 0
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-favorite .favorite-list li>div.favorite-description {
        padding: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl .content-block.content-favorite .favorite-list li>div.favorite-description {
        padding-left: 16px;
        padding-right: 40px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl .content-block.content-favorite .favorite-list li>div.favorite-description {
        padding-left: 16px;
        padding-right: 40px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-favorite .favorite-description .button {
        margin-left: 40px;
        margin-right: 0
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl .content-block.content-favorite .favorite-icon .icon {
        top: -9px
    }
}

body.rtl .content-block.content-favorite .favorite-name svg {
    margin-left: 15px;
    margin-right: 0
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #product-comparator .card.card-comparator .card-wrapper {
        padding: 24px 24px 24px 8px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #product-comparator .card.card-comparator .card-wrapper {
        padding: 24px 24px 24px 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #product-comparator .card.card-large-text .card-text {
        padding: 24px 8px 24px 24px
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #product-comparator .card.card-large-text .card-text {
        padding: 24px 10px 24px 24px
    }
}

body.rtl #product-comparator .button-download svg {
    margin-left: 4px;
    margin-right: 0
}

@media only screen and (min-width:1440px) {
    body.rtl #product-comparator .banner.banner-aside.banner-full .wrapper {
        width: calc(324px + 50%);
        padding-right: calc(50% - 648px)
    }
}

body.rtl #product-comparator .banner .banner-aside-content-left {
    padding-left: 0;
    padding-right: 32px
}

body.rtl #product-comparator .table-horizontal-bar {
    left: 0;
    right: unset
}

body.rtl #product-comparator .table-horizontal-bar-cursor {
    left: unset;
    right: 0
}

@media only screen and (min-width:1025px) {
    body.rtl #product-comparator #comparison-table.fixed+.table-scroll-patch {
        left: unset;
        right: 0
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #product-comparator .table-scroll-patch-2 {
        left: 0;
        right: unset;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@media only screen and (min-width:1025px) {
    body.rtl #product-comparator .comparison-table.fixed thead {
        left: unset;
        right: 0;
        padding-right: 72px;
        padding-left: 0
    }
}

@media only screen and (min-width:1440px) {
    body.rtl #product-comparator .comparison-table.fixed thead {
        left: unset;
        right: 0;
        padding-left: 0;
        padding-right: calc(50% - 648px)
    }
}

body.rtl #product-comparator .comparison-table.fixed:after {
    left: 0;
    right: unset
}

body.rtl #product-comparator .comparison-table th.table-cell-section,
body.rtl #product-comparator .comparison-table th.table-cell-title {
    left: unset;
    right: 0
}

body.rtl #product-comparator aside .banner-aside-bottom {
    left: 0;
    right: auto
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #product-comparator .banner .wrapper .banner-link-list {
        align-items: flex-end
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #product-comparator .banner .wrapper .banner-link-list {
        align-items: flex-end
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.rtl #product-comparator .banner .wrapper .button-link {
        text-align: right
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.rtl #product-comparator .banner .wrapper .button-link {
        text-align: right
    }
}

.color-primary {
    color: #28285f
}

.color-secondary {
    color: #e30040
}

.color-tertiary {
    color: #188d6d
}

h1,
h2,
h3,
h4,
h5 {
    color: #1a2955
}

.subtitle,
h1 b,
h1 span:not([lang]),
h1 strong,
h2 b,
h2 span:not([lang]),
h2 strong,
h3 b,
h3 span:not([lang]),
h3 strong,
h4 b,
h4 span:not([lang]),
h4 strong,
h5 b,
h5 span:not([lang]),
h5 strong {
    color: #358f5e
}

body {
    color: #375668
}

.current-text a,
p a {
    color: #28285f
}

.current-text a:active,
.current-text a:focus,
.current-text a:hover,
p a:active,
p a:focus,
p a:hover {
    color: #188d6d
}

legend {
    color: #3d3d3d
}

.link-white {
    color: #fff
}

.link-white:active,
.link-white:focus,
.link-white:hover {
    color: hsla(0, 0%, 100%, .4)
}

.current-text-bigger {
    color: #3d3d3d
}

.content-block .link-grey,
.link-grey {
    color: #375668
}

ul br {
    display: none
}

.text-help {
    color: #8b8d8e
}

input[type=checkbox],
input[type=radio] {
    position: relative;
    top: 2px;
    vertical-align: top
}

input[type=checkbox]+label,
input[type=radio]+label {
    cursor: pointer
}

input[type=checkbox]+label.input-choice,
input[type=radio]+label.input-choice {
    color: #28285f
}

input[type=checkbox]:disabled+label {
    color: #6d6d6d
}

input[type=checkbox]:disabled+.input-choice {
    color: #8b8d8e
}

input[type=radio]:disabled+label {
    color: #6d6d6d
}

input[type=radio]:disabled+.input-choice {
    color: #8b8d8e
}

.checkbox-option+label,
.radio-option+label {
    border-color: #d5d6d2
}

.checkbox-option:checked+label,
.radio-option:checked+label {
    border-color: #28285f;
    color: #fff;
    background-color: #28285f
}

.button-primary,
input[type=submit].button-primary {
    background-color: #002063;
    color: #fff
}

.button-primary span,
input[type=submit].button-primary span {
    background-color: #2d4691
}

.button-primary svg,
input[type=submit].button-primary svg {
    fill: #fff
}

.button-primary:active,
.button-primary:focus,
.button-primary:hover,
input[type=submit].button-primary:active,
input[type=submit].button-primary:focus,
input[type=submit].button-primary:hover {
    background-color: #089247;
    color: #fff
}

.button-primary:active span,
.button-primary:focus span,
.button-primary:hover span,
input[type=submit].button-primary:active span,
input[type=submit].button-primary:focus span,
input[type=submit].button-primary:hover span {
    background-color: #06b958
}

.button-primary:active svg,
.button-primary:focus svg,
.button-primary:hover svg,
input[type=submit].button-primary:active svg,
input[type=submit].button-primary:focus svg,
input[type=submit].button-primary:hover svg {
    fill: #fff
}

.button-primary:hover span svg,
input[type=submit].button-primary:hover span svg {
    fill: #fff;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: translationArrow .3s cubic-bezier(.25, .47, .88, .97);
    animation: translationArrow .3s cubic-bezier(.25, .47, .88, .97)
}

.button-primary:disabled span svg,
input[type=submit].button-primary:disabled span svg {
    -webkit-animation: none;
    animation: none
}

.button-secondary,
input[type=submit].button-secondary {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover,
input[type=submit].button-secondary:active,
input[type=submit].button-secondary:focus,
input[type=submit].button-secondary:hover {
    border-color: #188d6d;
    background-color: #188d6d
}

.button-secondary+.button-secondary,
input[type=submit].button-secondary+.button-secondary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.button-secondary+.button-secondary:active,
.button-secondary+.button-secondary:focus,
.button-secondary+.button-secondary:hover,
input[type=submit].button-secondary+.button-secondary:active,
input[type=submit].button-secondary+.button-secondary:focus,
input[type=submit].button-secondary+.button-secondary:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.button-secondary.button-plain,
input[type=submit].button-secondary.button-plain {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.button-secondary.button-plain:active,
.button-secondary.button-plain:focus,
.button-secondary.button-plain:hover,
input[type=submit].button-secondary.button-plain:active,
input[type=submit].button-secondary.button-plain:focus,
input[type=submit].button-secondary.button-plain:hover {
    border-color: #188d6d;
    background-color: #188d6d;
    color: #fff
}

.button-secondary.button-inline,
input[type=submit].button-secondary.button-inline {
    border-color: #002063;
    background-color: initial;
    color: #002063
}

.button-secondary.button-inline:active,
.button-secondary.button-inline:focus,
.button-secondary.button-inline:hover,
input[type=submit].button-secondary.button-inline:active,
input[type=submit].button-secondary.button-inline:focus,
input[type=submit].button-secondary.button-inline:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.button.button-tertiary,
input[type=submit].button-tertiary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.button.button-tertiary:active,
.button.button-tertiary:focus,
.button.button-tertiary:hover,
input[type=submit].button-tertiary:active,
input[type=submit].button-tertiary:focus,
input[type=submit].button-tertiary:hover {
    border-color: #188d6d;
    color: #188d6d
}

.button.button-tertiary.button-white,
input[type=submit].button-tertiary.button-white {
    background-color: initial;
    border-color: #fff;
    color: #fff
}

.button.disabled,
button.button:disabled,
input.button[type=submit]:disabled {
    cursor: not-allowed;
    background-color: #375668
}

.button.disabled span,
button.button:disabled span,
input.button[type=submit]:disabled span {
    background-color: #648296
}

.button.disabled+label,
button.button:disabled+label,
input.button[type=submit]:disabled+label {
    background-color: #d5d6d2
}

.button.disabled+label svg,
button.button:disabled+label svg,
input.button[type=submit]:disabled+label svg {
    fill: #fff
}

.button.disabled:active,
.button.disabled:focus,
.button.disabled:hover,
button.button:active:disabled,
button.button:focus:disabled,
button.button:hover:disabled,
input.button:active[type=submit]:disabled,
input.button:focus[type=submit]:disabled,
input.button:hover[type=submit]:disabled {
    background-color: rgba(139, 141, 142, .5)
}

.button.disabled:active+label,
.button.disabled:active span,
.button.disabled:focus+label,
.button.disabled:focus span,
.button.disabled:hover+label,
.button.disabled:hover span,
button.button:active:disabled+label,
button.button:active:disabled span,
button.button:focus:disabled+label,
button.button:focus:disabled span,
button.button:hover:disabled+label,
button.button:hover:disabled span,
input.button:active[type=submit]:disabled+label,
input.button:active[type=submit]:disabled span,
input.button:focus[type=submit]:disabled+label,
input.button:focus[type=submit]:disabled span,
input.button:hover[type=submit]:disabled+label,
input.button:hover[type=submit]:disabled span {
    background-color: #d5d6d2
}

.button.disabled:active+label svg,
.button.disabled:focus+label svg,
.button.disabled:hover+label svg,
button.button:active:disabled+label svg,
button.button:focus:disabled+label svg,
button.button:hover:disabled+label svg,
input.button:active[type=submit]:disabled+label svg,
input.button:focus[type=submit]:disabled+label svg,
input.button:hover[type=submit]:disabled+label svg {
    fill: #fff
}

.button.disabled.button-secondary,
button.button.button-secondary:disabled,
input.button.button-secondary[type=submit]:disabled {
    cursor: not-allowed;
    border-color: transparent;
    background-color: rgba(139, 141, 142, .5);
    color: #fff
}

.button.disabled.button-secondary:active,
.button.disabled.button-secondary:focus,
.button.disabled.button-secondary:hover,
button.button.button-secondary:active:disabled,
button.button.button-secondary:focus:disabled,
button.button.button-secondary:hover:disabled,
input.button.button-secondary:active[type=submit]:disabled,
input.button.button-secondary:focus[type=submit]:disabled,
input.button.button-secondary:hover[type=submit]:disabled {
    border-color: transparent;
    background-color: rgba(139, 141, 142, .5);
    color: #fff
}

.button.disabled.button-tertiary,
button.button.button-tertiary:disabled,
input.button.button-tertiary[type=submit]:disabled {
    cursor: not-allowed;
    border-color: transparent;
    background-color: rgba(139, 141, 142, .8);
    color: #fff
}

.button.disabled.button-tertiary:active,
.button.disabled.button-tertiary:focus,
.button.disabled.button-tertiary:hover,
button.button.button-tertiary:active:disabled,
button.button.button-tertiary:focus:disabled,
button.button.button-tertiary:hover:disabled,
input.button.button-tertiary:active[type=submit]:disabled,
input.button.button-tertiary:focus[type=submit]:disabled,
input.button.button-tertiary:hover[type=submit]:disabled {
    border-color: transparent;
    background-color: rgba(139, 141, 142, .8);
    color: #fff
}

input[type=submit].button-secondary {
    border-color: #28285f
}

input[type=submit].button-secondary:hover {
    border-color: #188d6d
}

.button-back,
.button-back span,
.button-download,
.button-download span,
.button-link,
.button-link span,
.button-save,
.button-save span,
.button-submenu,
.button-submenu span {
    color: #002063
}

.button-back:active,
.button-back:active span,
.button-back:focus,
.button-back:focus span,
.button-back:hover,
.button-back:hover span,
.button-download:active,
.button-download:active span,
.button-download:focus,
.button-download:focus span,
.button-download:hover,
.button-download:hover span,
.button-link:active,
.button-link:active span,
.button-link:focus,
.button-link:focus span,
.button-link:hover,
.button-link:hover span,
.button-save:active,
.button-save:active span,
.button-save:focus,
.button-save:focus span,
.button-save:hover,
.button-save:hover span,
.button-submenu:active,
.button-submenu:active span,
.button-submenu:focus,
.button-submenu:focus span,
.button-submenu:hover,
.button-submenu:hover span {
    color: #188d6d
}

.button-back.button-white,
.button-back.button-white span,
.button-download.button-white,
.button-download.button-white span,
.button-link.button-white,
.button-link.button-white span,
.button-save.button-white,
.button-save.button-white span,
.button-submenu.button-white,
.button-submenu.button-white span {
    color: #fff
}

.button-back.button-white:active,
.button-back.button-white:active span,
.button-back.button-white:focus,
.button-back.button-white:focus span,
.button-back.button-white:hover,
.button-back.button-white:hover span,
.button-download.button-white:active,
.button-download.button-white:active span,
.button-download.button-white:focus,
.button-download.button-white:focus span,
.button-download.button-white:hover,
.button-download.button-white:hover span,
.button-link.button-white:active,
.button-link.button-white:active span,
.button-link.button-white:focus,
.button-link.button-white:focus span,
.button-link.button-white:hover,
.button-link.button-white:hover span,
.button-save.button-white:active,
.button-save.button-white:active span,
.button-save.button-white:focus,
.button-save.button-white:focus span,
.button-save.button-white:hover,
.button-save.button-white:hover span,
.button-submenu.button-white:active,
.button-submenu.button-white:active span,
.button-submenu.button-white:focus,
.button-submenu.button-white:focus span,
.button-submenu.button-white:hover,
.button-submenu.button-white:hover span {
    color: #188d6d
}

.button-back.button-tertiary,
.button-back.button-tertiary span,
.button-download.button-tertiary,
.button-download.button-tertiary span,
.button-link.button-tertiary,
.button-link.button-tertiary span,
.button-save.button-tertiary,
.button-save.button-tertiary span,
.button-submenu.button-tertiary,
.button-submenu.button-tertiary span {
    color: #002063
}

.button-back.button-tertiary:active,
.button-back.button-tertiary:active span,
.button-back.button-tertiary:focus,
.button-back.button-tertiary:focus span,
.button-back.button-tertiary:hover,
.button-back.button-tertiary:hover span,
.button-download.button-tertiary:active,
.button-download.button-tertiary:active span,
.button-download.button-tertiary:focus,
.button-download.button-tertiary:focus span,
.button-download.button-tertiary:hover,
.button-download.button-tertiary:hover span,
.button-link.button-tertiary:active,
.button-link.button-tertiary:active span,
.button-link.button-tertiary:focus,
.button-link.button-tertiary:focus span,
.button-link.button-tertiary:hover,
.button-link.button-tertiary:hover span,
.button-save.button-tertiary:active,
.button-save.button-tertiary:active span,
.button-save.button-tertiary:focus,
.button-save.button-tertiary:focus span,
.button-save.button-tertiary:hover,
.button-save.button-tertiary:hover span,
.button-submenu.button-tertiary:active,
.button-submenu.button-tertiary:active span,
.button-submenu.button-tertiary:focus,
.button-submenu.button-tertiary:focus span,
.button-submenu.button-tertiary:hover,
.button-submenu.button-tertiary:hover span {
    color: #188d6d
}

.button-submenu .button-submenu-wrapper>.button-submenu-right {
    background-color: #f1f1f1
}

.page-contact {
    border: 1px solid #fff;
    background-color: #002063;
    color: #fff
}

.page-contact:active,
.page-contact:focus,
.page-contact:hover {
    background-color: #188d6d
}

.page-contact svg {
    fill: #fff
}

span.button-option {
    color: #188d6d
}

.button-zoom {
    background-color: #fff
}

.button-zoom svg {
    fill: #002063
}

.button-submenu:hover svg {
    color: #188d6d
}

.button-favorite svg {
    color: #375668
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
    color: #28285f;
    border-color: #d5d6d2
}

input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {
    color: hsla(0, 0%, 42.7%, .7)
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder {
    color: hsla(0, 0%, 42.7%, .7)
}

input[type=date]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled {
    color: hsla(0, 0%, 42.7%, .5);
    background-color: #eee
}

input[type=file]+label {
    border-color: #d5d6d2;
    color: hsla(0, 0%, 42.7%, .7)
}

textarea {
    border-color: #d5d6d2
}

textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 42.7%, .7)
}

textarea::placeholder {
    color: hsla(0, 0%, 42.7%, .7)
}

input.field-error,
input.ng-invalid-email,
input.ng-invalid-equal-to.ng-not-empty,
input.ng-invalid.ng-not-empty,
textarea.field-error {
    border-color: #e30040
}

input.field-error+.help-block,
input.field-error~.help-block,
input.ng-invalid-email+.help-block,
input.ng-invalid-email~.help-block,
input.ng-invalid-equal-to.ng-not-empty+.help-block,
input.ng-invalid-equal-to.ng-not-empty~.help-block,
input.ng-invalid.ng-not-empty+.help-block,
input.ng-invalid.ng-not-empty~.help-block,
textarea.field-error+.help-block,
textarea.field-error~.help-block {
    color: #e30040
}

.form-simple button[type=submit] {
    background-color: #28285f
}

.form-simple button[type=submit] svg {
    fill: #fff
}

.form-simple input[type=date]:disabled,
.form-simple input[type=email]:disabled,
.form-simple input[type=number]:disabled,
.form-simple input[type=tel] input[type=password]:disabled,
.form-simple input[type=text]:disabled {
    background-color: rgba(213, 214, 210, .5)
}

input[type=submit].input-submit {
    background-color: #28285f
}

input[type=submit].input-submit+label {
    background-color: #188d6d;
    color: #fff
}

.field-error-label,
.field-label-error {
    color: #e30040
}

input:read-only.form-control,
input[readonly=readonly].form-control {
    background: #d5d6d2
}

ff-controller .select-custom:after,
ff-select-basic .form-group>div:first-of-type:after,
ff-select-country .form-group>div:first-of-type:after {
    border-color: #6d6d6d transparent transparent
}

ff-controller .select-custom select,
ff-select-basic .form-group>div:first-of-type select,
ff-select-country .form-group>div:first-of-type select {
    -moz-appearance: none;
    border-color: #d5d6d2;
    color: #6d6d6d
}

ff-controller .select-custom select:active,
ff-controller .select-custom select:focus,
ff-select-basic .form-group>div:first-of-type select:active,
ff-select-basic .form-group>div:first-of-type select:focus,
ff-select-country .form-group>div:first-of-type select:active,
ff-select-country .form-group>div:first-of-type select:focus {
    border-color: #d5d6d2
}

form .btn-primary {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

form .btn-primary:active,
form .btn-primary:focus,
form .btn-primary:hover {
    border-color: #188d6d;
    background-color: #188d6d
}

form .btn-primary+.button-secondary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

form .btn-primary+.button-secondary:active,
form .btn-primary+.button-secondary:focus,
form .btn-primary+.button-secondary:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

form .btn-primary.button-plain {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

form .btn-primary.button-plain:active,
form .btn-primary.button-plain:focus,
form .btn-primary.button-plain:hover {
    border-color: #188d6d;
    background-color: #188d6d;
    color: #fff
}

form .btn-primary.button-inline {
    border-color: #002063;
    background-color: initial;
    color: #002063
}

form .btn-primary.button-inline:active,
form .btn-primary.button-inline:focus,
form .btn-primary.button-inline:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

ff-date-picker .input-group-btn .fa-calendar {
    color: #28285f
}

.tabs-list li:before {
    background-color: #188d6d
}

.tabs-list li a,
.tabs-list li button {
    background-color: initial;
    border-color: #fff #fff #188d6d;
    color: #375668
}

.tabs-list li a:after,
.tabs-list li a:before,
.tabs-list li button:after,
.tabs-list li button:before {
    background-color: #188d6d
}

.tabs-list li a:hover,
.tabs-list li button:hover {
    color: #28285f
}

.tabs-list li a.selected,
.tabs-list li button.selected {
    border-color: #188d6d #188d6d #fff;
    color: #28285f
}

.tabs-list li a.disabled,
.tabs-list li a.disabled:hover,
.tabs-list li a.disabled:hover:not(.selected),
.tabs-list li button.disabled,
.tabs-list li button.disabled:hover,
.tabs-list li button.disabled:hover:not(.selected),
.tabs-list li button:disabled,
.tabs-list li button:hover:disabled,
.tabs-list li button:hover:not(.selected):disabled {
    border-color: #fff #fff #188d6d;
    color: #d5d6d2
}

.tabs-list li a:hover:not(.selected),
.tabs-list li button:hover:not(.selected) {
    color: #28285f
}

.tabs-list-secondary li a,
.tabs-list-secondary li button {
    background-color: initial;
    border-color: #188d6d;
    color: #8b8d8e
}

.tabs-list-secondary li a.selected,
.tabs-list-secondary li button.selected {
    border-color: #188d6d;
    color: #28285f
}

.tabs-list-secondary li a:hover:not(.selected),
.tabs-list-secondary li button:hover:not(.selected) {
    color: #188d6d
}

.select-custom {
    border-color: #d5d6d2;
    color: hsla(0, 0%, 42.7%, .6)
}

.select-custom:after {
    border-color: #6d6d6d transparent transparent
}

.select-custom select {
    color: #6d6d6d
}

.select-disabled.select-custom {
    box-shadow: none;
    background-color: rgba(213, 214, 210, .5)
}

.select-disabled.select-custom:hover {
    box-shadow: none
}

.select-selected.select-custom select {
    color: #28285f
}

.form-simple .select-custom {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.form-simple .select-custom:hover {
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .25)
}

.form-simple .select-custom.select-disabled {
    box-shadow: none;
    background-color: rgba(213, 214, 210, .5)
}

.form-simple .select-custom.select-disabled:hover {
    box-shadow: none
}

.select-borderless:after {
    border-color: #fff transparent transparent
}

.select-borderless select {
    color: #fff
}

.select-filter .select-filter-selected-box {
    background-color: #fff;
    color: #375668
}

.select-filter .select-filter-cursor {
    border-color: #375668 transparent transparent;
    z-index: 1
}

.select-filter {
    border-color: #d5d6d2
}

.select-filter.filtered,
.select-filter.opened {
    border-color: #375668
}

.select-filter .select-filter-dropdown {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
    color: #375668
}

.select-filter .select-filter-dropdown:before {
    background-color: #d5d6d2
}

.select-filter .select-filter-choice input[type=checkbox]+label {
    cursor: pointer
}

.select-filter .select-filter-choice input[type=checkbox]+label:after,
.select-filter .select-filter-choice input[type=checkbox]+label:before {
    border-color: #d5d6d2
}

.select-filter .select-filter-choice input[type=checkbox]+label.input-choice {
    color: #28285f
}

.select-filter .select-filter-choice input[type=checkbox]:checked+label:before {
    border-color: #28285f;
    background-color: #28285f
}

.select-filter .select-filter-choice input[type=checkbox]:disabled+label {
    color: #6d6d6d
}

.select-filter .select-filter-choice input[type=checkbox]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.select-filter .select-filter-choice input[type=checkbox]:disabled+.input-choice {
    color: #8b8d8e
}

.select-filter.select-filter-bordered,
.select-filter .select-filter-choice input[type=checkbox]+label:after {
    border-color: #fff
}

.select-filter.select-filter-bordered .select-filter-selected-box {
    border-color: #fff;
    background-color: initial;
    color: #fff
}

.select-filter.select-filter-bordered .select-filter-cursor {
    border-color: #fff transparent transparent
}

.slider-navigation li:after {
    background-color: #28285f
}

.slider-navigation li:hover:before {
    background-color: rgba(85, 190, 155, .15)
}

.slider-navigation li.selected:before,
.slider-navigation li.slick-active:before {
    background-color: #06b958
}

.slider-next,
.slider-prev {
    background-color: #fff;
    color: #28285f;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
    transition: color .2s ease
}

.slider-next:hover,
.slider-prev:hover {
    color: #06b958
}

.tag .tag-remove {
    color: #fff;
    border: 1px solid #fff
}

.tag-primary {
    background-color: #fff;
    border-color: #2d4691;
    color: #2d4691
}

a.tag,
button.tag {
    background-color: #188d6d;
    border-color: #188d6d;
    color: #fff
}

a.tag.tag-primary,
button.tag.tag-primary {
    background-color: #2d4691;
    border-color: #2d4691;
    color: #fff
}

.menu-link-background-grey>a,
.menu-link-background-grey>button {
    background-color: #d5d6d2;
    color: #28285f
}

.menu-link-background-grey>a.selected,
.menu-link-background-grey>a:active:not(.selected),
.menu-link-background-grey>a:focus:not(.selected),
.menu-link-background-grey>a:hover:not(.selected),
.menu-link-background-grey>button.selected,
.menu-link-background-grey>button:active:not(.selected),
.menu-link-background-grey>button:focus:not(.selected),
.menu-link-background-grey>button:hover:not(.selected) {
    color: #188d6d;
    background-color: #f1f1f1
}

.menu-link-background-white>a,
.menu-link-background-white>button,
.menu-link-background-white>span {
    background-color: #fff;
    color: #28285f
}

.menu-link-background-white>a.selected,
.menu-link-background-white>a:active:not(.selected),
.menu-link-background-white>a:focus:not(.selected),
.menu-link-background-white>a:hover:not(.selected),
.menu-link-background-white>button.selected,
.menu-link-background-white>button:active:not(.selected),
.menu-link-background-white>button:focus:not(.selected),
.menu-link-background-white>button:hover:not(.selected),
.menu-link-background-white>span.selected,
.menu-link-background-white>span:active:not(.selected),
.menu-link-background-white>span:focus:not(.selected),
.menu-link-background-white>span:hover:not(.selected) {
    color: #188d6d
}

.menu-link-background-white>a.selected:after,
.menu-link-background-white>a:active:not(.selected):after,
.menu-link-background-white>a:focus:not(.selected):after,
.menu-link-background-white>a:hover:not(.selected):after,
.menu-link-background-white>button.selected:after,
.menu-link-background-white>button:active:not(.selected):after,
.menu-link-background-white>button:focus:not(.selected):after,
.menu-link-background-white>button:hover:not(.selected):after,
.menu-link-background-white>span.selected:after,
.menu-link-background-white>span:active:not(.selected):after,
.menu-link-background-white>span:focus:not(.selected):after,
.menu-link-background-white>span:hover:not(.selected):after {
    background-color: #d5d6d2
}

.menu-link-level1>a,
.menu-link-level1>button,
.menu-link-level1>span {
    background-color: #fafafa;
    color: #28285f
}

.menu-link-level1>a.selected,
.menu-link-level1>a:active:not(.selected),
.menu-link-level1>a:focus:not(.selected),
.menu-link-level1>a:hover:not(.selected),
.menu-link-level1>button.selected,
.menu-link-level1>button:active:not(.selected),
.menu-link-level1>button:focus:not(.selected),
.menu-link-level1>button:hover:not(.selected),
.menu-link-level1>span.selected,
.menu-link-level1>span:active:not(.selected),
.menu-link-level1>span:focus:not(.selected),
.menu-link-level1>span:hover:not(.selected) {
    color: #188d6d
}

.menu-link-level1>a.selected:after,
.menu-link-level1>a:active:not(.selected):after,
.menu-link-level1>a:focus:not(.selected):after,
.menu-link-level1>a:hover:not(.selected):after,
.menu-link-level1>button.selected:after,
.menu-link-level1>button:active:not(.selected):after,
.menu-link-level1>button:focus:not(.selected):after,
.menu-link-level1>button:hover:not(.selected):after,
.menu-link-level1>span.selected:after,
.menu-link-level1>span:active:not(.selected):after,
.menu-link-level1>span:focus:not(.selected):after,
.menu-link-level1>span:hover:not(.selected):after {
    background-color: #fafafa
}

.menu-link-level2>a,
.menu-link-level2>button,
.menu-link-level2>span {
    background-color: #f1f1f1;
    color: #28285f
}

.menu-link-level2>a.selected,
.menu-link-level2>a:active:not(.selected),
.menu-link-level2>a:focus:not(.selected),
.menu-link-level2>a:hover:not(.selected),
.menu-link-level2>button.selected,
.menu-link-level2>button:active:not(.selected),
.menu-link-level2>button:focus:not(.selected),
.menu-link-level2>button:hover:not(.selected),
.menu-link-level2>span.selected,
.menu-link-level2>span:active:not(.selected),
.menu-link-level2>span:focus:not(.selected),
.menu-link-level2>span:hover:not(.selected) {
    color: #188d6d
}

.icon-svg-dots {
    background-color: #fff
}

.accordion-item,
.icon-svg-dots .icon-dots {
    color: #28285f
}

.accordion-introduction {
    color: #28285f;
    background-color: #f1f1f1
}

.accordion-introduction .wrapper:after,
.accordion-introduction .wrapper:before {
    background-color: #28285f
}

.accordion-item.opened,
.accordion-item.opened .content-block {
    background-color: #f1f1f1
}

.accordion-item.opened .accordion-introduction,
.accordion-item:hover .accordion-introduction {
    background-color: #2d4691;
    color: #fff
}

.accordion-item.opened .accordion-introduction .wrapper:after,
.accordion-item.opened .accordion-introduction .wrapper:before,
.accordion-item:hover .accordion-introduction .wrapper:after,
.accordion-item:hover .accordion-introduction .wrapper:before {
    background-color: #188d6d
}

.content-edito table tr:nth-of-type(2n) td,
.content-edito table tr:nth-of-type(2n) th {
    background-color: #f1f1f1
}

.content-edito table tr:nth-of-type(odd) td,
.content-edito table tr:nth-of-type(odd) th {
    background-color: #fff
}

.content-edito table thead tr:nth-of-type(2n) td,
.content-edito table thead tr:nth-of-type(2n) th {
    background-color: #f1f1f1
}

.content-edito table thead tr:nth-of-type(odd) td,
.content-edito table thead tr:nth-of-type(odd) th {
    background-color: #fff
}

.content-edito table thead+tbody tr:nth-of-type(odd) td,
.content-edito table thead+tbody tr:nth-of-type(odd) th {
    background-color: #f1f1f1
}

.content-edito table thead+tbody tr:nth-of-type(2n) td,
.content-edito table thead+tbody tr:nth-of-type(2n) th {
    background-color: #fff
}

.content-edito table a {
    color: #28285f
}

.content-edito table .icon-plain-star {
    color: #188d6d
}

.table-overflow:before {
    background-image: url(../modules/proxima-main/css/../images/arrow-double-arkema.png)
}

.autocomplete-item a {
    color: #375668
}

.autocomplete-item a:hover {
    color: #188d6d
}

.autocomplete-list {
    background-color: #fff
}

.content-block.banner-search .autocomplete button[type=submit] {
    color: #188d6d
}

.content-block.banner-search .autocomplete-item a,
.content-block.banner-search .autocomplete-item a span {
    color: #002063
}

.content-block.banner-search .autocomplete-item a:active,
.content-block.banner-search .autocomplete-item a:active span,
.content-block.banner-search .autocomplete-item a:focus,
.content-block.banner-search .autocomplete-item a:focus span,
.content-block.banner-search .autocomplete-item a:hover,
.content-block.banner-search .autocomplete-item a:hover span {
    color: #188d6d
}

.content-block.banner-search .autocomplete-list-link {
    color: #d5d6d2
}

.banner.banner-search-light .autocomplete-item:hover .autocomplete-text span,
.banner.banner-search-light .autocomplete-item:hover .autocomplete-text svg,
.banner.banner-search-light .autocomplete-item:hover .tag {
    color: #188d6d
}

.date {
    color: #fff
}

.pagination .pagination-next a,
.pagination .pagination-next button,
.pagination .pagination-prev a,
.pagination .pagination-prev button {
    background-color: initial;
    color: #28285f
}

.pagination .pagination-next.pagination-disabled a,
.pagination .pagination-next.pagination-disabled button,
.pagination .pagination-next.pagination-disabled span,
.pagination .pagination-prev.pagination-disabled a,
.pagination .pagination-prev.pagination-disabled button,
.pagination .pagination-prev.pagination-disabled span {
    color: #d5d6d2
}

.pagination a,
.pagination button {
    background-color: #8b8d8e;
    color: #fff
}

.pagination li {
    color: #188d6d
}

.pagination a.active,
.pagination button.active {
    background-color: #188d6d
}

.modal-background {
    background-color: rgba(61, 61, 61, .4)
}

.modal-content {
    background-color: #fff;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.modal-close {
    background: transparent;
    color: #28285f
}

.modal-title {
    color: #3d3d3d
}

.modal-title strong {
    color: #28285f
}

.leaflet-container .marker {
    fill: #28285f;
    transition: fill .2s ease
}

.leaflet-container .marker-cluster>div {
    background-color: #fff;
    border-color: rgba(24, 141, 109, .4)
}

.leaflet-container .marker.hovered,
.leaflet-container .marker:hover {
    fill: #3c73b9
}

.leaflet-container .marker-cluster span {
    color: #28285f
}

.loader div {
    border-color: #28285f transparent transparent
}

.loader-tube {
    border-color: #fff;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 1px 4px 1px rgba(43, 43, 43, .14901960784313725)
}

.loader-liquid {
    background-color: #06b958
}

.loader-bubble:before {
    background-color: none;
    border: 1px solid #fff;
    box-shadow: 0 1px 1px 1px rgba(43, 43, 43, .0784313725490196)
}

.bullet {
    border-color: #6d6d6d
}

.bullet-full {
    background-color: #6d6d6d
}

.bullet-point {
    background-color: #188d6d;
    color: #fff
}

.uib-daypicker .uib-left:after,
.uib-daypicker .uib-left:before,
.uib-daypicker .uib-right:after,
.uib-daypicker .uib-right:before {
    background-color: #6d6d6d
}

.sign-scroll {
    background-color: #fff;
    color: #2d4691;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.counter {
    background-color: #188d6d;
    border-color: #fff;
    color: #fff
}

.prox-atm-tagRounded-primary {
    border-color: #3c73b9;
    color: #3c73b9
}

.prox-atm-tagRounded-primary_full {
    background-color: #3c73b9;
    color: #fff
}

.prox-atm-tagRounded-secondary {
    border-color: #168366;
    color: #168366
}

.prox-atm-tagRounded-secondary_full {
    background-color: #168366;
    color: #fff
}

input[type=checkbox].prox-atm-toggleButton {
    background: hsla(0, 0%, 100%, .4)
}

input[type=checkbox].prox-atm-toggleButton:before {
    background: #fff;
    border-radius: 50%;
    transition: .3s;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

input[type=checkbox].prox-atm-toggleButton:checked {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

input[type=checkbox].prox-atm-toggleButton:checked:before {
    left: 20px;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

input[type=checkbox].prox-atm-toggleButton:hover:before {
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .25)
}

input[type=checkbox].prox-atm-toggleButton:focus {
    box-shadow: 0 0 0 3px #fff
}

.global-backtop,
body.overflow-hidden:after {
    background-color: #fff
}

.global-backtop {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
    color: #188d6d
}

.header-primary {
    background-color: #fff
}

.header-primary-logo .logo-country {
    color: #188d6d
}

.header-primary-icon a,
.header-primary-icon button {
    text-decoration: none;
    background-color: initial;
    color: #28285f
}

.header-primary-icon a.selected:after,
.header-primary-icon a:hover:after {
    background-color: #188d6d
}

.header-primary-search form {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition: transform .25s ease
}

.header-primary-search .header-primary-icon {
    order: 1;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #28285f
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-search .header-primary-icon {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-search .header-primary-icon {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-search .header-primary-icon {
        padding-left: 10px;
        padding-right: 10px
    }
}

.header-primary-search .header-primary-icon:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition: transform .25s ease
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-search .header-primary-icon:after {
        width: calc(100% - 16px);
        left: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-search .header-primary-icon:after {
        width: calc(100% - 16px);
        left: 8px
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-search .header-primary-icon:after {
        width: calc(100% - 20px);
        left: 10px
    }
}

.header-primary-search .header-primary-icon:active:after,
.header-primary-search .header-primary-icon:focus:after,
.header-primary-search .header-primary-icon:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-color: #188d6d
}

.header-primary-search .header-primary-icon.selected:after,
.header-primary-search.opened {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header-primary-search.opened {
    display: flex;
    position: static !important;
    height: auto;
    visibility: visible
}

.header-primary-search.opened form {
    position: relative !important;
    width: auto;
    height: auto;
    overflow: visible;
    -webkit-transform: none;
    transform: none
}

.header-primary-search.opened .header-primary-icon .icon-image-search {
    display: none
}

.header-primary-search.opened .header-primary-icon .icon-close {
    display: block
}

.header-primary-search .autocomplete-list {
    background-color: #fff
}

.header-primary-search .autocomplete-item .tag {
    color: #28285f
}

.header-primary-search .autocomplete-item:hover .autocomplete-text span,
.header-primary-search .autocomplete-item:hover .autocomplete-text svg,
.header-primary-search .autocomplete-item:hover .tag {
    color: #188d6d
}

.header-primary-search .autocomplete-item:hover .autocomplete-text .tag {
    border-color: #188d6d
}

.header-megamenu-left {
    background-color: #f1f1f1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-megamenu-left {
        background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg) !important;
        background-position: bottom -5px left -35px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-megamenu-left {
        background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg) !important;
        background-position: bottom -5px left -35px;
        background-repeat: no-repeat;
        background-size: contain
    }
}

@media only screen and (min-width:1025px) {
    .header-megamenu-left {
        background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg) !important;
        background-position: bottom -5px left -35px;
        background-repeat: no-repeat;
        background-size: calc(100% + 35px)
    }
}

.header-megamenu-left li a {
    background-color: #f1f1f1;
    color: #28285f
}

.header-megamenu-left li a.selected,
.header-megamenu-left li a:active:not(.selected),
.header-megamenu-left li a:focus:not(.selected),
.header-megamenu-left li a:hover:not(.selected) {
    color: #188d6d
}

.header-megamenu-column li {
    font-weight: 600
}

@media only screen and (min-width:1025px) {
    .header-megamenu-column {
        display: flex;
        padding-right: 10px
    }
    .header-megamenu-column a {
        padding-right: 30px
    }
}

@media only screen and (min-width:1025px) {
    .header-column-primary {
        background-color: #fafafa
    }
}

@media only screen and (min-width:1025px) {
    .header-column-links {
        background-color: #fff
    }
}

.header-column-links.opened {
    background: #f1f1f1
}

.header-column-links.opened .list-title {
    background-color: #f1f1f1
}

.header-column-links .header-column-links-name {
    color: #28285f
}

.header-column-links .header-column-links-name:hover {
    color: #188d6d
}

@media only screen and (min-width:1025px) {
    .header-column-links .menu-link-background-white a,
    .header-column-links .menu-link-background-white span {
        background-color: #fff
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-secondary-panel-list {
        padding: 0;
        background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg) !important;
        background-position: bottom -2px left -83px;
        background-size: 500px
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-primary nav>ul {
        background: linear-gradient(90deg, #fafafa, #fafafa 50%, #f1f1f1 0, #f1f1f1)
    }
}

.header-secondary-panel.header-megamenu .header-column-primary nav>ul ul {
    background-color: #f1f1f1
}

@media only screen and (min-width:1025px) {
    .level2 .header-secondary-panel.header-megamenu.opened .header-column-primary nav>ul {
        background: linear-gradient(90deg, #fafafa, #fafafa 50%, #f1f1f1 0, #f1f1f1)
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel.header-megamenu .header-column-manual {
        background-color: #fff
    }
}

.header-color-primary h4 strong,
.header-secondary-panel.header-megamenu .header-secondary-panel-list .header-secondary-panel-return {
    color: #28285f
}

.header-color-secondary h4 strong,
.header-color-tertiary h4 strong {
    color: #188d6d
}

.header-secondary-panel .menu-link button.selected {
    background-color: #fff
}

.header-column .list-title {
    color: #002063
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-primary-navigation .header-navigation-button,
    .header-primary-navigation .header-navigation-link {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-primary-navigation .header-navigation-button.selected,
    .header-primary-navigation .header-navigation-button:active:not(.selected),
    .header-primary-navigation .header-navigation-button:focus:not(.selected),
    .header-primary-navigation .header-navigation-button:hover:not(.selected),
    .header-primary-navigation .header-navigation-link.selected,
    .header-primary-navigation .header-navigation-link:active:not(.selected),
    .header-primary-navigation .header-navigation-link:focus:not(.selected),
    .header-primary-navigation .header-navigation-link:hover:not(.selected) {
        color: #188d6d
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-primary-navigation .header-navigation-button,
    .header-primary-navigation .header-navigation-link {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-primary-navigation .header-navigation-button.selected,
    .header-primary-navigation .header-navigation-button:active:not(.selected),
    .header-primary-navigation .header-navigation-button:focus:not(.selected),
    .header-primary-navigation .header-navigation-button:hover:not(.selected),
    .header-primary-navigation .header-navigation-link.selected,
    .header-primary-navigation .header-navigation-link:active:not(.selected),
    .header-primary-navigation .header-navigation-link:focus:not(.selected),
    .header-primary-navigation .header-navigation-link:hover:not(.selected) {
        color: #188d6d
    }
}

@media only screen and (min-width:1025px) {
    .header-primary-navigation .header-navigation-button,
    .header-primary-navigation .header-navigation-link {
        background-color: initial;
        color: #002063
    }
}

.header-primary-navigation .header-navigation-button.selected:after,
.header-primary-navigation .header-navigation-button:hover:after,
.header-primary-navigation .header-navigation-link.selected:after,
.header-primary-navigation .header-navigation-link:hover:after {
    background-color: #06b958
}

.header-secondary {
    background-color: #28285f
}

.header-secondary .vertical-separator {
    width: 1px;
    background-color: #3c73b9;
    margin-right: 19px;
    margin-left: 19px
}

.header-secondary-language,
.header-secondary-language-current {
    background-color: #1a2955;
    color: #fff
}

.header-secondary-language-current:before {
    border-color: #fff transparent transparent
}

.header-secondary-language-current:after,
.header-secondary-language-underline {
    background-color: #188d6d
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-language-underline {
        left: auto;
        right: 16px
    }
}

.header-secondary-language-list {
    background-color: #2d4691
}

.header-site-country a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 24px;
    padding-right: 24px;
    background: #188d6d;
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation {
        background-color: #1a2955
    }
}

.header-secondary-navigation .header-navigation-button,
.header-secondary-navigation .header-navigation-link {
    font-weight: 600
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-secondary-navigation .header-navigation-button.selected,
    .header-secondary-navigation .header-navigation-button:active:not(.selected),
    .header-secondary-navigation .header-navigation-button:focus:not(.selected),
    .header-secondary-navigation .header-navigation-button:hover:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected,
    .header-secondary-navigation .header-navigation-link:active:not(.selected),
    .header-secondary-navigation .header-navigation-link:focus:not(.selected),
    .header-secondary-navigation .header-navigation-link:hover:not(.selected) {
        color: #188d6d
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-secondary-navigation .header-navigation-button.selected,
    .header-secondary-navigation .header-navigation-button:active:not(.selected),
    .header-secondary-navigation .header-navigation-button:focus:not(.selected),
    .header-secondary-navigation .header-navigation-button:hover:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected,
    .header-secondary-navigation .header-navigation-link:active:not(.selected),
    .header-secondary-navigation .header-navigation-link:focus:not(.selected),
    .header-secondary-navigation .header-navigation-link:hover:not(.selected) {
        color: #188d6d
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-navigation .header-navigation-button,
    .header-secondary-navigation .header-navigation-link {
        color: #fff;
        background-color: #1a2955
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-navigation .header-navigation-button.selected,
    .header-secondary-navigation .header-navigation-link.selected {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-secondary-navigation .header-navigation-button.selected.selected,
    .header-secondary-navigation .header-navigation-button.selected:active:not(.selected),
    .header-secondary-navigation .header-navigation-button.selected:focus:not(.selected),
    .header-secondary-navigation .header-navigation-button.selected:hover:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected.selected,
    .header-secondary-navigation .header-navigation-link.selected:active:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected:focus:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected:hover:not(.selected) {
        color: #188d6d
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-navigation .header-navigation-button.selected,
    .header-secondary-navigation .header-navigation-link.selected {
        background-color: #f1f1f1;
        color: #28285f
    }
    .header-secondary-navigation .header-navigation-button.selected.selected,
    .header-secondary-navigation .header-navigation-button.selected:active:not(.selected),
    .header-secondary-navigation .header-navigation-button.selected:focus:not(.selected),
    .header-secondary-navigation .header-navigation-button.selected:hover:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected.selected,
    .header-secondary-navigation .header-navigation-link.selected:active:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected:focus:not(.selected),
    .header-secondary-navigation .header-navigation-link.selected:hover:not(.selected) {
        color: #188d6d
    }
}

.header-secondary-navigation .header-navigation-button:after,
.header-secondary-navigation .header-navigation-link:after {
    background-color: #188d6d
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .header-secondary-panel-type {
        background-color: #d5d6d2;
        color: #28285f
    }
    .header-secondary-panel-type.selected,
    .header-secondary-panel-type:active:not(.selected),
    .header-secondary-panel-type:focus:not(.selected),
    .header-secondary-panel-type:hover:not(.selected) {
        color: #188d6d;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .header-secondary-panel-type {
        background-color: #1a2955;
        color: #fff
    }
}

@media only screen and (min-width:1025px) {
    .header-secondary-panel-type {
        background-color: #1a2955;
        color: #fff
    }
}

.header-secondary-panel {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.header-secondary-panel-links a {
    color: #28285f
}

.header-secondary-panel-links a+a:before {
    background-color: #d5d6d2
}

.header-secondary-panel-links a:hover {
    color: #188d6d
}

.header-secondary-panel-list {
    background-color: #f1f1f1;
    background-position: left top -200px
}

.header-secondary-panel-list .wrapper>p,
.header-secondary-panel-list>p {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1
}

.header-secondary-panel-return>svg,
.header-secondary-panel-return span,
.header-secondary-panel.header-color-primary p span,
.header-secondary-panel.header-color-primary p strong {
    color: #28285f
}

.header-secondary-panel.header-color-secondary p span,
.header-secondary-panel.header-color-secondary p strong,
.header-secondary-panel.header-color-tertiary p span,
.header-secondary-panel.header-color-tertiary p strong {
    color: #188d6d
}

.header-global-burger svg {
    color: #28285f
}

.header-global-burger.opened path.line--top {
    -webkit-animation: lineTopOpen 1s forwards;
    animation: lineTopOpen 1s forwards
}

.header-global-burger.opened path.line--middle {
    -webkit-animation: lineMiddleOpen 1s forwards;
    animation: lineMiddleOpen 1s forwards
}

.header-global-burger.opened path.line--bottom {
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    opacity: 0;
    transition: opacity 1s, -webkit-transform .4s;
    transition: transform .4s, opacity 1s;
    transition: transform .4s, opacity 1s, -webkit-transform .4s
}

.header-global-burger.closed path.line--top {
    -webkit-animation: lineTopClose 1s forwards;
    animation: lineTopClose 1s forwards
}

.header-global-burger.closed path.line--middle {
    -webkit-animation: lineMiddleClose 1s forwards;
    animation: lineMiddleClose 1s forwards
}

.header-global-burger.closed path.line--bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    transition: opacity .5s ease .5s, -webkit-transform .5s ease .6s;
    transition: transform .5s ease .6s, opacity .5s ease .5s;
    transition: transform .5s ease .6s, opacity .5s ease .5s, -webkit-transform .5s ease .6s
}

@-webkit-keyframes lineTopOpen {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(45%);
        transform: translateY(45%)
    }
    to {
        -webkit-transform: translateY(45%) rotate(45deg) translate(-20%, -50%);
        transform: translateY(45%) rotate(45deg) translate(-20%, -50%)
    }
}

@keyframes lineTopOpen {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(45%);
        transform: translateY(45%)
    }
    to {
        -webkit-transform: translateY(45%) rotate(45deg) translate(-20%, -50%);
        transform: translateY(45%) rotate(45deg) translate(-20%, -50%)
    }
}

@-webkit-keyframes lineMiddleOpen {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    to {
        -webkit-transform: rotate(-45deg) translate(-37%, 30%);
        transform: rotate(-45deg) translate(-37%, 30%)
    }
}

@keyframes lineMiddleOpen {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    to {
        -webkit-transform: rotate(-45deg) translate(-37%, 30%);
        transform: rotate(-45deg) translate(-37%, 30%)
    }
}

@-webkit-keyframes lineTopClose {
    0% {
        -webkit-transform: translateY(45%) rotate(45deg) translate(-20%, -50%);
        transform: translateY(45%) rotate(45deg) translate(-20%, -50%)
    }
    50% {
        -webkit-transform: translateY(0) rotate(0deg) translateY(45%);
        transform: translateY(0) rotate(0deg) translateY(45%)
    }
    to {
        -webkit-transform: translateY(0) rotate(0deg) translate(0);
        transform: translateY(0) rotate(0deg) translate(0)
    }
}

@keyframes lineTopClose {
    0% {
        -webkit-transform: translateY(45%) rotate(45deg) translate(-20%, -50%);
        transform: translateY(45%) rotate(45deg) translate(-20%, -50%)
    }
    50% {
        -webkit-transform: translateY(0) rotate(0deg) translateY(45%);
        transform: translateY(0) rotate(0deg) translateY(45%)
    }
    to {
        -webkit-transform: translateY(0) rotate(0deg) translate(0);
        transform: translateY(0) rotate(0deg) translate(0)
    }
}

@-webkit-keyframes lineMiddleClose {
    0% {
        -webkit-transform: rotate(-45deg) translate(-37%, 30%);
        transform: rotate(-45deg) translate(-37%, 30%)
    }
    50% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
}

@keyframes lineMiddleClose {
    0% {
        -webkit-transform: rotate(-45deg) translate(-37%, 30%);
        transform: rotate(-45deg) translate(-37%, 30%)
    }
    50% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
}

#header-global .header-primary-navigation.hide {
    display: none
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened {
        max-height: 100vh
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.opened {
        max-height: 100vh
    }
}

#header-global.opened .header-global-burger .icon-burger.has-animation {
    display: block
}

@media only screen and (min-width:1025px) {
    #header-global.opened .header-global-burger {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    #header-global:before {
        background-color: #1a2955
    }
}

#header-global.opened:after {
    background-color: #fff
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.opened .header-primary-icon-nav {
        padding-bottom: 200px
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language {
        order: 0;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language {
        order: 2
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-language {
        order: 3
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-list {
        left: auto;
        right: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language .header-secondary-language-list {
        z-index: 2
    }
}

#header-global .header-secondary-language .header-secondary-language-list:before {
    background-color: #188d6d
}

#header-global .header-secondary-language .header-secondary-language-current {
    line-height: 40px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-current {
        position: relative
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language .header-secondary-language-current {
        position: relative
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-language .header-secondary-language-current:before {
        left: calc(100% - 4px)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-language .header-secondary-language-current:before {
        left: calc(100% - 11px)
    }
}

#header-global .header-site-country {
    order: 0;
    flex: 0 0 auto;
    z-index: 2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-site-country {
        display: none;
        height: 40px;
        margin-left: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-site-country {
        height: 40px;
        margin-left: 16px
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-site-country {
        height: 40px
    }
}

#header-global .header-site-country:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    background: #2d4691
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-site-country:before {
        width: 4%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-site-country:before {
        width: 16px
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-site-country:before {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-navigation {
        order: 5;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-navigation {
        order: 8
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-navigation {
        flex: 1 0 53%;
        order: 0;
        height: 40px
    }
}

#header-global .header-secondary-navigation .header-navigation-list {
    justify-content: flex-end;
    background-color: initial;
    border-color: #188d6d;
    color: #8b8d8e
}

#header-global .header-secondary-navigation .header-navigation-list.selected {
    border-color: #188d6d;
    color: #28285f
}

#header-global .header-secondary-navigation .header-navigation-list:hover:not(.selected) {
    color: #188d6d
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-country {
        order: 6;
        width: 100%;
        padding-top: 28px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-secondary-country {
        order: 1
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-secondary-country {
        order: 2
    }
}

#header-global .header-primary-logo {
    flex-flow: row nowrap
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo {
        order: 2
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo {
        height: 80px
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-logo {
        order: 4;
        flex: 0 0 26%;
        height: 80px;
        background-color: #fff;
        z-index: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo:after {
        background-color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo:after {
        background-color: #fff
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo:after {
        background-color: #fff;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo:after {
        background-color: #fff;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

#header-global .header-primary-logo:after {
    content: ""
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-logo:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

#header-global .header-primary-logo:before {
    content: ""
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-logo:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: -1
    }
}

@media only screen and (min-width:1440px) {
    #header-global .header-primary-logo.header-primary-logo-country {
        flex: 0 0 24%
    }
}

#header-global .header-primary-logo.header-primary-logo-country .logo-country {
    width: calc(100% - 180px)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-logo.header-primary-logo-country .logo-country {
        display: none
    }
}

#header-global .header-primary-logo.header-primary-logo-country img {
    max-width: 180px
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-navigation {
        order: 4;
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-navigation {
        order: 7
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-navigation {
        order: 5;
        flex: 1 0 41%;
        padding: 0 10px;
        background-color: #fff;
        z-index: 3
    }
}

#header-global .header-primary-navigation .header-navigation-list {
    flex-flow: row nowrap;
    justify-content: flex-end
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-navigation .header-navigation-item {
        height: 80px
    }
}

#header-global .header-primary-navigation .header-navigation-button,
#header-global .header-primary-navigation .header-navigation-link {
    word-break: normal
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-navigation .header-navigation-button,
    #header-global .header-primary-navigation .header-navigation-link {
        line-height: 1.2;
        font-weight: 600
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-navigation .header-navigation-button,
    #header-global .header-primary-navigation .header-navigation-link {
        line-height: 1.2;
        font-weight: 600
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-navigation .header-navigation-button.selected,
    #header-global .header-primary-navigation .header-navigation-link.selected {
        opacity: 1
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-navigation .header-navigation-button.selected,
    #header-global .header-primary-navigation .header-navigation-link.selected {
        opacity: 1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-search {
        order: 3;
        flex: 0 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-search {
        order: 4;
        height: 80px
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-search {
        order: 6;
        display: flex;
        height: 80px;
        align-items: center;
        background-color: #fff;
        z-index: 2
    }
}

#header-global .header-primary-search .header-primary-icon {
    position: relative;
    flex-grow: 1;
    font-weight: 600
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-search.opened {
        flex: 1 0 40%;
        justify-content: right
    }
}

#header-global .header-primary-search.opened form {
    width: calc(100% - 85px)
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-primary-icon-nav {
        order: 10;
        width: 100%;
        background-color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-primary-icon-nav {
        order: 5;
        flex: 0 0 auto;
        height: 80px;
        background-color: #fff
    }
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-icon-nav {
        order: 7;
        display: flex;
        height: 80px;
        align-items: center;
        background-color: #fff;
        z-index: 2
    }
}

#header-global .header-primary-icon-nav ul {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%
}

#header-global .header-primary-icon-nav ul li {
    height: 100%
}

#header-global .header-primary-icon-nav a,
#header-global .header-primary-icon-nav button {
    height: 100%;
    padding: 15px 0 16px
}

@media only screen and (min-width:1025px) {
    #header-global .header-primary-icon-nav a,
    #header-global .header-primary-icon-nav button {
        padding: 20px 0 16px;
        font-weight: 600
    }
}

#header-global .comparator-counter,
#header-global .sample-icon .sample-counter {
    background-color: #188d6d;
    color: #fff;
    border-color: #fff
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-secondary-panel {
        order: 10
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global .header-global-burger {
        order: 3
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global .header-global-burger {
        order: 6
    }
}

@media only screen and (min-width:1025px) {
    #header-global.language-unique .header-secondary-navigation {
        flex: 1 0 56%
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.language-unique .header-secondary-country {
        padding-right: 16px
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-site .header-secondary-navigation {
        flex: 1 0 50%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.header-site .header-secondary-language {
        flex: 1 0 80%
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.header-site.language-unique .header-site-country {
        width: 100%;
        background-color: #28285f
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.header-site.language-unique .header-site-country a {
        display: inline-block;
        line-height: 40px
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-site.language-unique .header-secondary-navigation {
        flex: 1 0 41%
    }
}

@media only screen and (min-width:1440px) {
    #header-global.header-site.language-unique .header-secondary-navigation {
        flex: 1 0 44%
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-site.language-unique .header-primary-logo {
        flex: 0 0 22%
    }
}

@media only screen and (min-width:1440px) {
    #header-global.header-site.language-unique .header-primary-logo {
        flex: 0 0 16%
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-site.language-unique .header-primary-logo.header-primary-logo-country {
        flex: 0 0 26%
    }
}

@media only screen and (min-width:1440px) {
    #header-global.header-site.language-unique .header-primary-logo.header-primary-logo-country {
        flex: 0 0 26%
    }
}

#header-global.header-site.language-unique .header-primary-logo.header-primary-logo-country img {
    max-width: 180px
}

body.scrolled #header-global {
    position: -webkit-sticky;
    position: sticky
}

@media only screen and (min-width:320px) and (max-width:767px) {
    body.scrolled #header-global .header-secondary-language,
    body.scrolled #header-global .header-site-country {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    body.scrolled #header-global .header-secondary-language,
    body.scrolled #header-global .header-secondary-panel-type,
    body.scrolled #header-global .header-site-country {
        display: none
    }
}

@media only screen and (min-width:1025px) {
    body.scrolled #header-global .header-secondary-language,
    body.scrolled #header-global .header-secondary-navigation,
    body.scrolled #header-global .header-secondary-panel-type,
    body.scrolled #header-global .header-site-country,
    body.scrolled #header-global:before {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.header-landing .header-primary-logo {
        flex: 1 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.header-landing .header-primary-logo {
        flex: 1 0 auto
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-landing .header-primary-logo {
        flex: 1 0 auto
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    #header-global.header-landing .header-register-cta {
        flex: 0 0 auto;
        order: 2;
        display: flex;
        height: 80px;
        align-items: center;
        padding-right: 16px;
        z-index: 1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #header-global.header-landing .header-register-cta {
        flex: 0 0 auto;
        order: 3;
        display: flex;
        height: 80px;
        padding-right: 16px;
        align-items: center;
        background-color: #fff;
        z-index: 2
    }
}

@media only screen and (min-width:1025px) {
    #header-global.header-landing .header-register-cta {
        flex: 0 0 auto;
        order: 4;
        display: flex;
        height: 80px;
        align-items: center;
        background-color: #fff;
        z-index: 2
    }
}

#header-global.header-landing .header-register-cta .button {
    display: none;
    margin-right: 0
}

#header-global.header-landing .header-register-cta .button.showed {
    display: block
}

.breadcrumb {
    background-color: #f1f1f1
}

.breadcrumb a,
.breadcrumb span {
    color: #28285f
}

.breadcrumb a:hover {
    color: #188d6d;
    opacity: 1
}

.footer-secondary {
    background-color: #089447
}

.footer-social li a,
.footer-social p {
    color: #fff
}

.footer-social li a:active,
.footer-social li a:focus,
.footer-social li a:hover {
    color: hsla(0, 0%, 100%, .4)
}

.footer-location p {
    color: #fff
}

.footer-location svg {
    color: #126f3c
}

.footer-primary {
    background-color: #1a2955
}

.footer-primary .footer-navigation .footer-navigation-column a {
    font-weight: 400;
    opacity: 1
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .footer-primary .wrapper {
        background-image: url(../modules/proxima-main/css/../images/arkemaNew-filigrane-white.svg);
        background-position: center bottom -38px;
        background-size: 92%;
        background-repeat: no-repeat !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .footer-primary .wrapper {
        background-image: url(../modules/proxima-main/css/../images/arkemaNew-filigrane-white.svg);
        background-position: center bottom -38px;
        background-size: 92%;
        background-repeat: no-repeat !important
    }
}

@media only screen and (min-width:1025px) {
    .footer-primary .wrapper {
        background-image: url(../modules/proxima-main/css/../images/arkemaNew-filigrane-white.svg);
        background-position: center bottom -44px;
        background-repeat: no-repeat !important;
        background-size: 1076px
    }
}

.footer-description {
    color: #fff
}

.footer-copyright {
    background-color: #16234c
}

.footer-copyright .wrapper {
    text-align: center
}

.footer-copyright .wrapper a,
.footer-copyright .wrapper p {
    color: #fff
}

.alert-banner {
    background-color: rgba(45, 70, 145, .1)
}

.banner .banner-subtitle,
.banner .banner-subtitle span,
.banner .banner-subtitle strong {
    color: #2d4691
}

.banner .banner-location,
.banner .banner-location strong {
    color: #28285f
}

.banner.content-color-flat aside:before {
    background-color: #188d6d
}

.banner.content-color-gradient aside:before,
.banner aside:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.banner.content-color-transparent aside:before {
    background: none
}

.banner {
    background-position: 0;
    background-size: contain;
    background-repeat: no-repeat
}

.banner.banner-search .form-simple button[type=submit] {
    background-color: #28285f
}

.banner.banner-search.content-color-flat {
    background: #28285f !important
}

.banner.banner-search,
.banner.banner-search.content-color-gradient {
    background: linear-gradient(90deg, #28285f, #188d6d) !important
}

.banner.banner-search .banner-title {
    color: #fff
}

.banner.banner-search .banner-search-content p a {
    color: #fff;
    font-weight: 800
}

.banner.banner-search .banner-search-content input[type=checkbox]+label,
.banner.banner-search .banner-search-content p {
    color: #fff
}

.banner.banner-search .banner-search-content input[type=checkbox]+label:before {
    background-color: #fff;
    border-color: #fff
}

.banner.banner-search .banner-search-content .form-simple input[type=checkbox]:checked+label:after {
    border-color: #28285f
}

.banner .banner-date,
.banner .banner-date strong {
    color: #2d4691
}

.banner.banner-background .banner-share {
    background-color: #28285f
}

.banner.banner-search-large .banner-search-input {
    background-color: #f1f1f1
}

.banner.banner-search-large .banner-search-input button {
    color: #188d6d
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large aside a {
        color: #28285f
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .banner.banner-search-large aside a:hover {
        color: #188d6d
    }
}

.banner.banner-search-large .banner-aside-background {
    background-color: #28285f
}

.banner.content-background-grey {
    background-color: #f1f1f1
}

.banner.banner-search-large .autocomplete button[type=submit],
.banner.banner-search .autocomplete button[type=submit] {
    color: #28285f
}

.banner.banner-search-large .autocomplete-list,
.banner.banner-search .autocomplete-list {
    background-color: #fff
}

.banner.banner-search-large .autocomplete-item,
.banner.banner-search-large .autocomplete-item span,
.banner.banner-search .autocomplete-item,
.banner.banner-search .autocomplete-item span {
    color: #002063
}

.banner.banner-search-large .autocomplete-item:active,
.banner.banner-search-large .autocomplete-item:active span,
.banner.banner-search-large .autocomplete-item:focus,
.banner.banner-search-large .autocomplete-item:focus span,
.banner.banner-search-large .autocomplete-item:hover,
.banner.banner-search-large .autocomplete-item:hover span,
.banner.banner-search .autocomplete-item:active,
.banner.banner-search .autocomplete-item:active span,
.banner.banner-search .autocomplete-item:focus,
.banner.banner-search .autocomplete-item:focus span,
.banner.banner-search .autocomplete-item:hover,
.banner.banner-search .autocomplete-item:hover span {
    color: #188d6d
}

.banner.banner-search-large .autocomplete-list-link,
.banner.banner-search .autocomplete-list-link {
    color: #d5d6d2
}

.banner.banner-search-large .autocomplete-list-link a,
.banner.banner-search-large .autocomplete-list-link a span,
.banner.banner-search .autocomplete-list-link a,
.banner.banner-search .autocomplete-list-link a span {
    color: #002063
}

.banner.banner-search-large .autocomplete-list-link a:active,
.banner.banner-search-large .autocomplete-list-link a:active span,
.banner.banner-search-large .autocomplete-list-link a:focus,
.banner.banner-search-large .autocomplete-list-link a:focus span,
.banner.banner-search-large .autocomplete-list-link a:hover,
.banner.banner-search-large .autocomplete-list-link a:hover span,
.banner.banner-search .autocomplete-list-link a:active,
.banner.banner-search .autocomplete-list-link a:active span,
.banner.banner-search .autocomplete-list-link a:focus,
.banner.banner-search .autocomplete-list-link a:focus span,
.banner.banner-search .autocomplete-list-link a:hover,
.banner.banner-search .autocomplete-list-link a:hover span {
    color: #188d6d
}

.banner-search,
.banner-search-large {
    background-position: bottom 88px left -50px
}

.banner-aside,
.banner-search,
.banner-search-large {
    background-image: url(../modules/proxima-main/css/../images/ma-filigrane-black-003.svg);
    background-size: 710px
}

.banner-aside {
    background-color: initial !important;
    background-position: bottom left -50px
}

.banner-aside.banner-search-large {
    background-position: bottom 83px left -50px
}

.prox-banner_light form input[type=text] {
    background-color: #f1f1f1;
    color: #8b8d8e
}

.prox-banner_light form button[type=submit] {
    background-color: #002063;
    color: #fff
}

.banner.banner-aside.banner-full {
    color: #fff
}

.banner.banner-aside.banner-full .banner-description {
    color: #375668
}

.banner.banner-aside.banner-full .banner-aside-content-right {
    border-bottom-color: #fff
}

.banner.banner-aside.banner-full .banner-aside-content-right:after {
    background-color: #fff
}

.banner.banner-aside.banner-full .banner-aside-bottom.bordered {
    border-color: #fff
}

.content-title .content-title-button-share {
    background-color: #002063;
    color: #fff;
    transition: background-color .2s ease
}

.content-title .content-title-button-share:hover {
    background-color: #188d6d;
    color: #fff
}

.content-rich-text {
    background-color: #fff
}

.content-rich-text aside .iframe-description,
.content-rich-text aside figcaption,
.content-rich-text aside iframe+span {
    color: #fff
}

.content-rich-text aside .button-zoom svg {
    fill: #002063
}

.content-rich-text.content-color-gradient aside:before,
.content-rich-text aside:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.content-rich-text.content-color-transparent aside:before {
    background: transparent
}

.content-rich-text.content-color-transparent aside .iframe-description,
.content-rich-text.content-color-transparent aside figcaption,
.content-rich-text.content-color-transparent aside iframe+span {
    color: #375668
}

.content-block.content-rich-text.content-column .content-rich-text-column.backgrounded {
    background-color: #f1f1f1
}

.content-block {
    background-color: #fff
}

.content-block.content-background-grey {
    background-color: #f1f1f1
}

.content-block .button-primary {
    background-color: #1a2955;
    color: #fff
}

.content-block .button-primary span {
    background-color: #394b82
}

.content-block .button-primary svg {
    fill: #fff
}

.content-block .button-primary:active,
.content-block .button-primary:focus,
.content-block .button-primary:hover {
    background-color: #089247;
    color: #fff
}

.content-block .button-primary:active span,
.content-block .button-primary:focus span,
.content-block .button-primary:hover span {
    background-color: #06b958
}

.content-block .button-primary:active svg,
.content-block .button-primary:focus svg,
.content-block .button-primary:hover svg {
    fill: #fff
}

.content-block .button-secondary {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.content-block .button-secondary:active,
.content-block .button-secondary:focus,
.content-block .button-secondary:hover {
    border-color: #188d6d;
    background-color: #188d6d
}

.content-block .button-secondary+.button-secondary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.content-block .button-secondary+.button-secondary:active,
.content-block .button-secondary+.button-secondary:focus,
.content-block .button-secondary+.button-secondary:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.content-block .button-secondary.button-plain {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.content-block .button-secondary.button-plain:active,
.content-block .button-secondary.button-plain:focus,
.content-block .button-secondary.button-plain:hover {
    border-color: #188d6d;
    background-color: #188d6d;
    color: #fff
}

.content-block .button-secondary.button-inline {
    border-color: #002063;
    background-color: initial;
    color: #002063
}

.content-block .button-secondary.button-inline:active,
.content-block .button-secondary.button-inline:focus,
.content-block .button-secondary.button-inline:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.content-block .button.button-secondary+.button.button-secondary:hover {
    color: #188d6d
}

.content-block .button-tertiary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.content-block .button-tertiary:active,
.content-block .button-tertiary:focus,
.content-block .button-tertiary:hover {
    border-color: #188d6d;
    color: #188d6d
}

.content-block .autocomplete-list li a span {
    color: #6d6d6d
}

.content-block .autocomplete-list li.active span,
.content-block .autocomplete-list li a:hover span {
    color: #188d6d
}

.content-block .content-text,
.content-block p {
    color: #375668
}

.content-block .content-text a,
.content-block .content-text a span {
    color: #002063
}

.content-block .content-text a:active,
.content-block .content-text a:active span,
.content-block .content-text a:focus,
.content-block .content-text a:focus span,
.content-block .content-text a:hover,
.content-block .content-text a:hover span {
    color: #188d6d
}

.content-block .content-text a.button-primary {
    background-color: #002063;
    color: #fff
}

.content-block .content-text a.button-primary span {
    background-color: #2d4691
}

.content-block .content-text a.button-primary svg {
    fill: #fff
}

.content-block .content-text a.button-primary:active,
.content-block .content-text a.button-primary:focus,
.content-block .content-text a.button-primary:hover {
    background-color: #089247;
    color: #fff
}

.content-block .content-text a.button-primary:active span,
.content-block .content-text a.button-primary:focus span,
.content-block .content-text a.button-primary:hover span {
    background-color: #06b958
}

.content-block .content-text a.button-primary:active svg,
.content-block .content-text a.button-primary:focus svg,
.content-block .content-text a.button-primary:hover svg {
    fill: #fff
}

.content-block .content-text a.button-secondary {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.content-block .content-text a.button-secondary:active,
.content-block .content-text a.button-secondary:focus,
.content-block .content-text a.button-secondary:hover {
    border-color: #188d6d;
    background-color: #188d6d
}

.content-block .content-text a.button-secondary+.button-secondary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.content-block .content-text a.button-secondary+.button-secondary:active,
.content-block .content-text a.button-secondary+.button-secondary:focus,
.content-block .content-text a.button-secondary+.button-secondary:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.content-block .content-text a.button-secondary.button-plain {
    background-color: #002063;
    border-color: #002063;
    color: #fff
}

.content-block .content-text a.button-secondary.button-plain:active,
.content-block .content-text a.button-secondary.button-plain:focus,
.content-block .content-text a.button-secondary.button-plain:hover {
    border-color: #188d6d;
    background-color: #188d6d;
    color: #fff
}

.content-block .content-text a.button-secondary.button-inline {
    border-color: #002063;
    background-color: initial;
    color: #002063
}

.content-block .content-text a.button-secondary.button-inline:active,
.content-block .content-text a.button-secondary.button-inline:focus,
.content-block .content-text a.button-secondary.button-inline:hover {
    border-color: #188d6d;
    background-color: initial;
    color: #188d6d
}

.content-block .content-text a.button-tertiary {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.content-block .content-text a.button-tertiary:active,
.content-block .content-text a.button-tertiary:focus,
.content-block .content-text a.button-tertiary:hover {
    border-color: #188d6d;
    color: #188d6d
}

.content-block .content-text a.button.button-primary:hover,
.content-block .content-text a.button.button-secondary:hover {
    color: #fff
}

.content-block .content-text a.button.button-secondary+a.button.button-secondary:hover {
    color: #188d6d
}

.content-block .content-text dt {
    color: #3d3d3d
}

.content-block .content-link a.button-secondary:hover {
    color: #fff
}

.content-block.content-slider {
    background-color: #fff
}

.content-block.content-slider .content-rich-text {
    background-color: #f1f1f1
}

.content-block.content-slider.content-color-gradient .slider-wrapper .slider-contents:after,
.content-block.content-slider .slider-wrapper .slider-contents:after {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.content-block.content-slider.content-color-transparent .slider-wrapper .slider-contents:after {
    background: none
}

.slider-link {
    text-decoration: none;
    color: #375668
}

.content-block.content-slider .content-slider-link:hover+.wrapped-content .content-link a {
    background-color: #099248
}

.content-block.content-slider .content-slider-link:hover+.wrapped-content .content-link a span {
    background-color: #06b958
}

.content-block.content-quote .content-icon {
    color: #28285f
}

.content-block.content-quote .content-quote-text,
.content-block.content-quote .content-text {
    color: #375668;
    font-weight: 400
}

.content-block.content-quote .content-author {
    color: #28285f
}

.content-block.content-link-list .button.button-link,
.content-block.content-link-list .button.button-link span {
    color: #002063
}

.content-block.content-link-list .button.button-link:active,
.content-block.content-link-list .button.button-link:active span,
.content-block.content-link-list .button.button-link:focus,
.content-block.content-link-list .button.button-link:focus span,
.content-block.content-link-list .button.button-link:hover,
.content-block.content-link-list .button.button-link:hover span {
    color: #188d6d
}

.content-list-image .content-teaser-image .link-overlay:active+.content-picture .button,
.content-list-image .content-teaser-image .link-overlay:focus+.content-picture .button,
.content-list-image .content-teaser-image .link-overlay:hover+.content-picture .button {
    background-color: #188d6d;
    color: #fff
}

.content-list-image .content-teaser-image .link-overlay:active+.content-picture .button span,
.content-list-image .content-teaser-image .link-overlay:focus+.content-picture .button span,
.content-list-image .content-teaser-image .link-overlay:hover+.content-picture .button span {
    background-color: #06b958
}

.content-list-image .content-teaser-image .link-overlay:active+.content-picture .button svg,
.content-list-image .content-teaser-image .link-overlay:focus+.content-picture .button svg,
.content-list-image .content-teaser-image .link-overlay:hover+.content-picture .button svg {
    fill: #fff
}

.content-list-image .content-teaser-image .link-overlay:active+.content-teaser-content .button,
.content-list-image .content-teaser-image .link-overlay:focus+.content-teaser-content .button,
.content-list-image .content-teaser-image .link-overlay:hover+.content-teaser-content .button {
    background-color: #188d6d;
    color: #fff
}

.content-list-image .content-teaser-image .link-overlay:active+.content-teaser-content .button span,
.content-list-image .content-teaser-image .link-overlay:focus+.content-teaser-content .button span,
.content-list-image .content-teaser-image .link-overlay:hover+.content-teaser-content .button span {
    background-color: #06b958
}

.content-list-image .content-teaser-image .link-overlay:active+.content-teaser-content .button svg,
.content-list-image .content-teaser-image .link-overlay:focus+.content-teaser-content .button svg,
.content-list-image .content-teaser-image .link-overlay:hover+.content-teaser-content .button svg {
    fill: #fff
}

.content-block.content-list-image .content-link:before,
.content-block.content-list-image .content-teaser-image-large .content-picture:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.content-teaser-content .content-teaser-card-title,
.content-teaser-image .content-teaser-image-title {
    color: #28285f
}

.content-list-icon .button,
.content-list-icon .content-teaser-icon,
.content-list-icon .content-teaser-icon-title,
.content-list-icon h3 {
    color: #fff
}

.content-list-icon h3 span,
.content-list-icon h3 strong {
    color: #fff;
    transition: .2s ease
}

.content-list-icon .content-teaser-icon:nth-of-type(4n+1) {
    background-color: #28285f
}

.content-list-icon .content-teaser-icon:nth-of-type(4n+2) {
    background-color: #004889
}

.content-list-icon .content-teaser-icon:nth-of-type(4n+3) {
    background-color: #3c73b9
}

.content-list-icon .content-teaser-icon:nth-of-type(4n+4) {
    background-color: #188d6d
}

.content-list-icon .content-text p {
    color: #fff
}

.content-teaser-icon .button-link,
.content-teaser-icon .content-text p,
.content-teaser-icon h3,
.content-teaser-icon svg {
    transition: color .2s ease
}

.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper .button-link,
.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper .content-text p,
.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper h3,
.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper h3 span,
.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper h3 strong,
.content-teaser-icon .link-overlay:hover+.content-teaser-wrapper svg {
    color: hsla(0, 0%, 100%, .4)
}

.content-banner span,
.content-banner strong {
    color: #28285f
}

.content-banner .banner-share {
    background-color: #28285f
}

.content-banner.content-color-gradient aside:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.content-banner.content-color-flat aside:before {
    background-color: #188d6d
}

.content-block .banner-share svg {
    fill: #fff
}

.content-block .banner-share a {
    color: #fff
}

.content-block aside svg {
    fill: #fff
}

.content-block aside a {
    color: #fff
}

.content-banner.content-block.content-left:after {
    background-color: #f1f1f1
}

.content-block.banner-background .banner-share-link {
    background-color: #28285f
}

.content-tabs-list .slick-slide:before {
    background-color: #188d6d
}

.content-tabs-list button {
    background-color: initial;
    border-color: #fff #fff #188d6d;
    color: #375668
}

.content-tabs-list button:after,
.content-tabs-list button:before {
    background-color: #188d6d
}

.content-tabs-list button:hover {
    color: #28285f
}

.content-tabs-list button.selected {
    border-color: #188d6d #188d6d #fff;
    color: #28285f
}

.content-tabs-list button.disabled,
.content-tabs-list button.disabled:hover,
.content-tabs-list button.disabled:hover:not(.selected),
.content-tabs-list button:disabled,
.content-tabs-list button:hover:disabled,
.content-tabs-list button:hover:not(.selected):disabled {
    border-color: #fff #fff #188d6d;
    color: #d5d6d2
}

.content-tabs-list button:hover:not(.selected) {
    color: #28285f
}

.content-tabs.content-background-grey .content-tabs-list {
    background-color: #f1f1f1
}

.content-tabs.content-background-grey .content-tabs-list button {
    border-color: #f1f1f1 #f1f1f1 #188d6d
}

.content-tabs.content-background-grey .content-tabs-list button.selected {
    border-color: #188d6d #188d6d #f1f1f1
}

.content-tabs-list .select-wrapper {
    background-color: #fafafa;
    border-bottom: 1px solid #d5d6d2
}

.content-tabs-list .select-wrapper:after {
    background-color: #28285f
}

.content-tabs-list .select-wrapper span {
    color: #375668
}

.content-tabs-list .select-wrapper select.content-tabs-select {
    color: #28285f;
    border: 1px solid #28285f
}

.content-block.content-list-search {
    background-color: #fff
}

.select-fake:after {
    border-color: #fff transparent transparent
}

.content-block.content-list-search .sidebar-filter-button {
    background-color: initial;
    border-color: #28285f;
    color: #28285f
}

.content-block.content-list-search .sidebar-filter-button:after {
    border-color: #28285f transparent transparent
}

.content-block.content-list-search .content-sidebar-name {
    color: #28285f
}

.content-block.content-list-search .content-sidebar fieldset:after,
.content-block.content-list-search form fieldset.opened {
    background-color: #fafafa
}

.content-block.content-list-search form fieldset.opened button {
    color: #188d6d
}

.content-block.content-list-search form fieldset.opened button:after {
    transition: border-color .2s ease;
    border-color: #28285f transparent transparent
}

.content-block.content-list-search .fieldset-list-options .fieldset-list-option .checkbox-option:checked+label,
.content-block.content-list-search .fieldset-list-options .fieldset-list-option .radio-option:checked+label {
    color: #fff
}

.page-list-result {
    color: #28285f
}

.content-list-result-header .tag {
    background-color: #188d6d;
    color: #fff
}

.content-list-result-header .tag .tag-remove {
    background: transparent
}

.content-sidebar.content-list-sidebar .button-close svg {
    fill: #28285f
}

.content-sidebar.content-list-sidebar form .fieldset-help {
    color: #8b8d8e
}

.content-sidebar.content-list-sidebar form button:after {
    border-color: #28285f transparent transparent
}

.content-sidebar.content-list-sidebar form fieldset.opened,
.content-sidebar.content-list-sidebar form fieldset:before {
    background-color: #fafafa
}

.content-sidebar.content-list-sidebar form fieldset.transparent,
.content-sidebar.content-list-sidebar form fieldset.transparent:after {
    background-color: initial
}

.content-sidebar.content-list-sidebar form label {
    color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label {
    cursor: pointer
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label:after,
.content-sidebar.content-list-sidebar form input[type=checkbox]+label:before {
    border-color: #d5d6d2
}

.content-sidebar.content-list-sidebar form input[type=checkbox]+label.input-choice {
    color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:checked+label:before {
    border-color: #28285f;
    background-color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+label {
    color: #6d6d6d
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.content-sidebar.content-list-sidebar form input[type=checkbox]:disabled+.input-choice {
    color: #8b8d8e
}

.content-sidebar.content-list-sidebar form input[type=radio]+label {
    cursor: pointer
}

.content-sidebar.content-list-sidebar form input[type=radio]+label:after,
.content-sidebar.content-list-sidebar form input[type=radio]+label:before {
    border-color: #d5d6d2
}

.content-sidebar.content-list-sidebar form input[type=radio]+label.input-choice {
    color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label:before {
    background-color: #28285f;
    border-color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label:after {
    background-color: #28285f
}

.content-sidebar.content-list-sidebar form input[type=radio]:disabled+label {
    color: #6d6d6d
}

.content-sidebar.content-list-sidebar form input[type=radio]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.content-sidebar.content-list-sidebar form input[type=radio]:disabled+.input-choice {
    color: #8b8d8e
}

.content-sidebar.content-list-sidebar form input[type=radio]:checked+label:before {
    background-color: #fff
}

.content-block.content-list-navigation li:before {
    background-color: #188d6d
}

.content-block.content-list-navigation a,
.content-block.content-list-navigation span {
    background-color: initial;
    border-color: #fff #fff #188d6d;
    color: #375668
}

.content-block.content-list-navigation a:after,
.content-block.content-list-navigation a:before,
.content-block.content-list-navigation span:after,
.content-block.content-list-navigation span:before {
    background-color: #188d6d
}

.content-block.content-list-navigation a:hover,
.content-block.content-list-navigation span:hover {
    color: #28285f
}

.content-block.content-list-navigation a.selected,
.content-block.content-list-navigation span.selected {
    border-color: #188d6d #188d6d #fff;
    color: #28285f
}

.content-block.content-list-navigation a.disabled,
.content-block.content-list-navigation a.disabled:hover,
.content-block.content-list-navigation a.disabled:hover:not(.selected),
.content-block.content-list-navigation span.disabled,
.content-block.content-list-navigation span.disabled:hover,
.content-block.content-list-navigation span.disabled:hover:not(.selected) {
    border-color: #fff #fff #188d6d;
    color: #d5d6d2
}

.content-block.content-list-navigation a:hover:not(.selected),
.content-block.content-list-navigation span:hover:not(.selected) {
    color: #28285f
}

.ng-scope {
    background-color: #fff
}

.ng-scope .ng-scope {
    background-color: initial
}

.ng-scope ff-controller[css-class-name=content-aside]:after {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.help-block {
    color: #375668;
    opacity: 1
}

.content-sitemap .content-sitemap-item {
    border-top-color: #d5d6d2
}

.content-block.content-share-price .content-share-price-content {
    background-image: linear-gradient(90deg, #28285f, #188d6d);
    color: #fff
}

.content-block.content-share-price .content-share-price-content:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg);
    background-position: bottom -2px left -45px;
    background-size: calc(100% + 45px);
    background-repeat: no-repeat;
    opacity: .1
}

.content-block.content-share-price .content-share-price-content h3 {
    color: #fff
}

.content-rich-text.content-informations .leaflet-control-zoom a {
    color: #000
}

.content-block.content-sampling .sampling-cart-counter,
.content-block.content-sampling h1 strong,
.knowledge-title,
.wrapper .takeaway-title {
    color: #28285f
}

.content-block.content-sampling.sampling-header .sampling-header-counter {
    color: #2d4691
}

.content-pimproduct-data table td {
    color: #375668;
    border-color: #f1f1f1
}

.content-pimproduct-data table .bullet-full {
    background-color: #6d6d6d
}

.content-choice-list .choice-list.content-background-gradient {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.choice-list .select-custom {
    background: #fff
}

.choice-list:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../modules/proxima-main/css/../images/ma-filigrane-white-100.svg);
    background-position: bottom -2px left -45px;
    background-size: 45%;
    background-repeat: no-repeat;
    opacity: .1
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li:before {
    background-color: #188d6d
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button {
    background-color: initial;
    border-color: #fff #fff #188d6d;
    color: #375668
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:after,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:before,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:after,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:before {
    background-color: #188d6d
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:hover,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:hover {
    color: #28285f
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a.selected,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button.selected {
    border-color: #188d6d #188d6d #fff;
    color: #28285f
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a.disabled,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a.disabled:hover,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a.disabled:hover:not(.selected),
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button.disabled,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button.disabled:hover,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button.disabled:hover:not(.selected),
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:disabled,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:hover:disabled,
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:hover:not(.selected):disabled {
    border-color: #fff #fff #188d6d;
    color: #d5d6d2
}

.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li a:hover:not(.selected),
.content-block.card-list.content-card-list-webzine .webzine-banner-tabs-list li button:hover:not(.selected),
.content-wrapper .title-storywall {
    color: #28285f
}

.content-sidebar {
    border-top-color: #fff
}

.content-sidebar,
.content-sidebar:after {
    background-color: #fff
}

.content-sidebar a,
.content-sidebar button {
    color: #28285f
}

.content-sidebar button:after {
    border-top-color: #28285f
}

.content-sidebar li {
    border-top-color: #d5d6d2
}

.content-sidebar li.selected a,
.content-sidebar li.selected svg {
    color: #188d6d
}

.content-sidebar li.selected li:hover a {
    background-color: #f1f1f1
}

.content-sidebar li.selected li {
    padding-left: 0
}

.content-sidebar li.selected li a {
    color: #28285f
}

.content-sidebar li.selected li.selected a {
    color: #188d6d
}

.content-sidebar-name {
    color: #28285f
}

.content-sidebar-name a:hover {
    color: #188d6d
}

.content-sidebar.content-sidebar-simple {
    background-color: #fff
}

.content-sidebar.content-sidebar-simple:after {
    display: none
}

.content-sidebar.content-sidebar-simple ul {
    border-top-color: #fafafa;
    border-bottom-color: #fafafa
}

.content-sidebar.content-sidebar-simple li a:hover {
    background-color: #f1f1f1;
    color: #28285f
}

#page-list-filter .content-sidebar-name .content-sidebar-wrapper {
    color: #28285f
}

.content-sidebar .content-sidebar-wrapper>a {
    transition: .2s ease
}

.content-sidebar .content-sidebar-wrapper>a:hover {
    background-color: #f1f1f1
}

.content-sidebar.content-list-sidebar {
    background-color: #f1f1f1;
    border-top-color: #fff
}

.content-sidebar.content-list-sidebar:after {
    background-color: #f1f1f1
}

.content-sidebar input[type=checkbox]+label:before,
.content-sidebar input[type=radio]+label:before,
.pcv3-searchView-mainFilters input[type=checkbox]+label:before,
.pcv3-searchView-mainFilters input[type=radio]+label:before,
.pcv3-searchView-panelFilters-fieldset-content input[type=checkbox]+label:before,
.pcv3-searchView-panelFilters-fieldset-content input[type=radio]+label:before {
    border-color: #d5d6d2;
    background-color: #fff
}

.content-sidebar .multiple-choice input:checked+label:before,
.pcv3-searchView-mainFilters .multiple-choice input:checked+label:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice input:checked+label:before {
    background-color: #d5d6d2
}

.content-sidebar .multiple-choice>input:checked+label:before,
.pcv3-searchView-mainFilters .multiple-choice>input:checked+label:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice>input:checked+label:before {
    border-color: #d5d6d2
}

.content-sidebar .multiple-choice-item.opened:after,
.content-sidebar .multiple-choice-item.opened ul:after,
.content-sidebar .multiple-choice-item.showed.opened>label:after,
.content-sidebar .multiple-choice-item li:before,
.pcv3-searchView-mainFilters .multiple-choice-item.opened:after,
.pcv3-searchView-mainFilters .multiple-choice-item.opened ul:after,
.pcv3-searchView-mainFilters .multiple-choice-item.showed.opened>label:after,
.pcv3-searchView-mainFilters .multiple-choice-item li:before,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.opened ul:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item.showed.opened>label:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item li:before {
    background-color: #d5d6d2
}

.content-sidebar .multiple-choice-item label span,
.pcv3-searchView-mainFilters .multiple-choice-item label span,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item label span {
    color: #28285f
}

.content-sidebar .multiple-choice-item li.showed:after,
.pcv3-searchView-mainFilters .multiple-choice-item li.showed:after,
.pcv3-searchView-panelFilters-fieldset-content .multiple-choice-item li.showed:after {
    background-color: #d5d6d2
}

.content-sidebar .content-sidebar-wrapper,
.pcv3-searchView-mainFilters .content-sidebar-wrapper,
.pcv3-searchView-panelFilters-fieldset-content .content-sidebar-wrapper {
    color: #28285f
}

.content-sidebar .content-sidebar-wrapper svg,
.pcv3-searchView-mainFilters .content-sidebar-wrapper svg,
.pcv3-searchView-panelFilters-fieldset-content .content-sidebar-wrapper svg {
    fill: #28285f
}

.content-sidebar .content-sidebar-wrapper span,
.pcv3-searchView-mainFilters .content-sidebar-wrapper span,
.pcv3-searchView-panelFilters-fieldset-content .content-sidebar-wrapper span {
    color: #188d6d
}

.content-sidebar ul input[type=checkbox]+label,
.pcv3-searchView-mainFilters ul input[type=checkbox]+label,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]+label {
    cursor: pointer
}

.content-sidebar ul input[type=checkbox]+label:after,
.content-sidebar ul input[type=checkbox]+label:before,
.pcv3-searchView-mainFilters ul input[type=checkbox]+label:after,
.pcv3-searchView-mainFilters ul input[type=checkbox]+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]+label:after,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]+label:before {
    border-color: #d5d6d2
}

.content-sidebar ul input[type=checkbox]+label.input-choice,
.pcv3-searchView-mainFilters ul input[type=checkbox]+label.input-choice,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]+label.input-choice {
    color: #28285f
}

.content-sidebar ul input[type=checkbox]:checked+label:before,
.pcv3-searchView-mainFilters ul input[type=checkbox]:checked+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]:checked+label:before {
    border-color: #28285f;
    background-color: #28285f
}

.content-sidebar ul input[type=checkbox]:disabled+label,
.pcv3-searchView-mainFilters ul input[type=checkbox]:disabled+label,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]:disabled+label {
    color: #6d6d6d
}

.content-sidebar ul input[type=checkbox]:disabled+label:before,
.pcv3-searchView-mainFilters ul input[type=checkbox]:disabled+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.content-sidebar ul input[type=checkbox]:disabled+.input-choice,
.pcv3-searchView-mainFilters ul input[type=checkbox]:disabled+.input-choice,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=checkbox]:disabled+.input-choice {
    color: #8b8d8e
}

.content-sidebar ul input[type=radio]+label,
.pcv3-searchView-mainFilters ul input[type=radio]+label,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]+label {
    cursor: pointer
}

.content-sidebar ul input[type=radio]+label:after,
.content-sidebar ul input[type=radio]+label:before,
.pcv3-searchView-mainFilters ul input[type=radio]+label:after,
.pcv3-searchView-mainFilters ul input[type=radio]+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]+label:after,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]+label:before {
    border-color: #d5d6d2
}

.content-sidebar ul input[type=radio]+label.input-choice,
.pcv3-searchView-mainFilters ul input[type=radio]+label.input-choice,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]+label.input-choice {
    color: #28285f
}

.content-sidebar ul input[type=radio]:checked+label:before,
.pcv3-searchView-mainFilters ul input[type=radio]:checked+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]:checked+label:before {
    background-color: #28285f;
    border-color: #28285f
}

.content-sidebar ul input[type=radio]:checked+label:after,
.pcv3-searchView-mainFilters ul input[type=radio]:checked+label:after,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]:checked+label:after {
    background-color: #28285f
}

.content-sidebar ul input[type=radio]:disabled+label,
.pcv3-searchView-mainFilters ul input[type=radio]:disabled+label,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]:disabled+label {
    color: #6d6d6d
}

.content-sidebar ul input[type=radio]:disabled+label:before,
.pcv3-searchView-mainFilters ul input[type=radio]:disabled+label:before,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.content-sidebar ul input[type=radio]:disabled+.input-choice,
.pcv3-searchView-mainFilters ul input[type=radio]:disabled+.input-choice,
.pcv3-searchView-panelFilters-fieldset-content ul input[type=radio]:disabled+.input-choice {
    color: #8b8d8e
}

figure.figure-private .icon-locked {
    fill: #28285f
}

figure.figure-private button:hover .figure-icon-wrapper .icon-locked {
    fill: #188d6d
}

figure.figure-private button:after {
    background: radial-gradient(circle, #fff 0, hsla(0, 0%, 100%, .5) 130%)
}

figure.figure-private button:hover:after {
    background: radial-gradient(circle, #fff 0, hsla(0, 0%, 100%, .5) 110%)
}

.product .tag {
    border-color: #2d4691;
    color: #2d4691
}

.product-range .tag {
    border-color: #06b958;
    color: #06b958
}

.product-header {
    position: relative
}

.product-header .wrapper figure {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.product-header .wrapper {
    color: #375668
}

.product-header .wrapper .product-description a,
.product-header .wrapper .product-discover a {
    color: #28285f
}

.product-header .wrapper .product-description {
    color: #3d3d3d
}

.product-header .wrapper .product-codes-item {
    color: #28285f
}

.product-header .wrapper .product-download-list {
    background-color: #f1f1f1
}

.product-header aside img {
    background-color: #fff
}

.product-header .product-location button,
.product-header .product-location button span,
.product-header .product-overview button,
.product-header .product-overview button span {
    color: #002063
}

.product-header .product-location button:active,
.product-header .product-location button:active span,
.product-header .product-location button:focus,
.product-header .product-location button:focus span,
.product-header .product-location button:hover,
.product-header .product-location button:hover span,
.product-header .product-overview button:active,
.product-header .product-overview button:active span,
.product-header .product-overview button:focus,
.product-header .product-overview button:focus span,
.product-header .product-overview button:hover,
.product-header .product-overview button:hover span {
    color: #188d6d
}

.product-header .product-calendar,
.product-header .product-time {
    color: #188d6d;
    font-weight: 700
}

.product-colors .product-colors-item-color {
    border: 1px solid #d5d6d2
}

.product-header .product-share .product-share-wrapper,
.product-header .wrapper:before {
    background-color: #2d4691
}

.product-range.product-header .product-share .product-share-wrapper,
.product-range.product-header .wrapper:before {
    background-color: #06b958
}

.product-header .product-share.color-gradient .product-share-wrapper,
.product-header .wrapper.color-gradient .wrapper:before,
.product-header .wrapper.color-gradient:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.product-header .product-share .product-share-wrapper .button-white:hover,
.product-header .product-share .product-share-wrapper .button-white:hover .icon-share {
    color: #fff;
    opacity: .85
}

.product-key strong {
    color: #28285f
}

.product-key-introduction:after {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.banner-background.product-banner .banner-share {
    background-color: #28285f
}

.product-teaser .product-overview-content a {
    color: #28285f
}

.product-teaser button,
.product-teaser button span {
    color: #002063
}

.product-teaser button:active,
.product-teaser button:active span,
.product-teaser button:focus,
.product-teaser button:focus span,
.product-teaser button:hover,
.product-teaser button:hover span {
    color: #188d6d
}

.product-list-light {
    background-color: #f1f1f1
}

.product-list-light table thead td {
    color: #6d6d6d
}

.product-list-light table a {
    color: #2d4691
}

.content-block.content-favorite .favorite-list li:nth-of-type(odd) {
    background-color: #fff
}

.content-block.content-favorite .favorite-list li:nth-of-type(2n) {
    background-color: #f1f1f1
}

.content-block.content-favorite .favorite-list li {
    border-bottom: 1px solid #d5d6d2
}

.content-block.content-favorite .favorite-description svg,
.content-block.content-favorite .favorite-icon svg {
    color: #002063
}

.content-block.content-favorite .favorite-icon .locked svg {
    color: #d5d6d2
}

.content-block.content-favorite .favorite-delete svg {
    color: #e30040
}

.content-block.content-favorite .favorite-delete button span {
    color: #375668
}

.content-block.content-favorite .pagination li a {
    color: #fff;
    font-weight: 600
}

.content-block.content-favorite .pagination li.pagination-next a,
.content-block.content-favorite .pagination li.pagination-prev a {
    color: #002063
}

.content-block.content-favorite .button-document-action:hover .add svg,
.content-block.content-favorite .button-document-action:hover .remove svg {
    color: #188d6d
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .content-block.content-favorite .button-document-action:hover .add span,
    .content-block.content-favorite .button-document-action:hover .remove span {
        color: #188d6d
    }
}

.content-block.content-favorite .wrapper .favorite-name a:after {
    color: #188d6d
}

.content-block.market-related h3 a,
.content-block.market-related h3 a span {
    color: #002063
}

.content-block.market-related h3 a:active,
.content-block.market-related h3 a:active span,
.content-block.market-related h3 a:focus,
.content-block.market-related h3 a:focus span,
.content-block.market-related h3 a:hover,
.content-block.market-related h3 a:hover span {
    color: #188d6d
}

.card {
    background-color: #fff;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.card h3 strong {
    color: #28285f
}

.card .link-overlay:hover+.button {
    color: #188d6d
}

.card .link-overlay:hover+.button span {
    color: inherit
}

.card .link-overlay:hover+.button-tertiary {
    border-color: #188d6d
}

.card:hover {
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .25)
}

.card .date {
    color: #375668
}

.card .button-submenu .button-submenu-right {
    background-color: #f1f1f1
}

.card .button-submenu.button-submenu-locked .icon-svg-dots {
    background-color: #fff
}

.card .button-submenu.button-submenu-locked svg {
    color: #d5d6d2
}

.card .card-wrapper .card-title {
    color: #28285f
}

.card-bordered {
    border-color: #d5d6d2;
    transition: border-color .2s ease
}

.card-bordered .card-name {
    color: #28285f
}

.card-link-overlay:hover+.card-wrapper .card-link .button-link,
.card-link-overlay:hover+.card-wrapper .card-link .button-link span {
    color: #188d6d
}

.card.card-bordered:hover {
    border-color: #188d6d
}

.card.card-borderless {
    box-shadow: none;
    transition: box-shadow .2s ease
}

.card.card-borderless:hover:after {
    border-color: #188d6d;
    z-index: 1
}

.card.card-borderless .link-overlay:hover+.card-wrapper .button {
    color: #188d6d
}

.card.card-comparator .card-content-header svg {
    color: #28285f
}

.card-bordered.card-contact,
.card-bordered.card-contact:hover {
    background-color: #fff
}

.card-bordered.card-contact .button,
.card-bordered.card-contact:hover .button {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.card-bordered.card-contact .button:active,
.card-bordered.card-contact .button:focus,
.card-bordered.card-contact .button:hover,
.card-bordered.card-contact:hover .button:active,
.card-bordered.card-contact:hover .button:focus,
.card-bordered.card-contact:hover .button:hover {
    border-color: #188d6d;
    color: #188d6d
}

.card-bordered.card-contact .button:hover:before,
.card-bordered.card-contact:hover .button:hover:before {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .25)
}

.card-bordered.card-contact .button:hover:after,
.card-bordered.card-contact:hover .button:hover:after {
    background-color: #188d6d
}

.card-contact p.card-contact-highlight {
    color: #188d6d
}

.card-contact p.current-text-bigger {
    color: #3d3d3d
}

.card-contact .button:hover:after {
    background-color: #188d6d
}

.card-contact:hover .card-contact-button {
    background-color: initial;
    border-color: #002063;
    color: #002063
}

.card-contact:hover .card-contact-button:active,
.card-contact:hover .card-contact-button:focus,
.card-contact:hover .card-contact-button:hover {
    border-color: #188d6d;
    color: #188d6d
}

.card-large {
    border-color: #d5d6d2
}

.card-large .card-link .button.is-active {
    border-color: #28285f;
    background-color: initial;
    color: #28285f
}

.card.card-light {
    border-color: #d5d6d2
}

.card-speaker .card-speaker-name {
    color: #28285f
}

.card-speaker .card-speaker-icons .icon {
    fill: #28285f
}

.card-speaker .card-speaker-job {
    color: #188d6d
}

.card-speaker.card-color-primary p.card-contact-highlight {
    color: #28285f
}

.card-speaker-large {
    border-color: #d5d6d2
}

.card-speaker-large,
.card-speaker-large a {
    color: #002063
}

.card-speaker-large .card-speaker-job {
    color: #375668
}

.content-block.content-card-list-webzine .content-link .button.button-secondary+.button.button-secondary:hover {
    color: #fff
}

.card.card-webzine .link-overlay:hover+.card-wrapper .button.button-link {
    color: #188d6d
}

.card.card-webzine h3 strong {
    color: #28285f
}

.card.card-webzine .card-wrapper {
    border-bottom-color: #06b958
}

.prox-card {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .15)
}

.prox-card .prox-card-title {
    color: #28285f
}

.prox-card:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .25)
}

.prox-card .link-overlay:hover+.button {
    color: #188d6d
}

.product-wall .product-wall-title {
    color: #28285f
}

.prox-cardList .custom-scrollbar {
    background-color: #d5d6d2
}

@media only screen and (max-width:1024px) {
    .prox-cardList .custom-scrollbar:before {
        background-color: #168366
    }
}

.prox-cardList-wrapper .prox-cardList-title {
    color: #28285f
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .newslist-header .wrapper {
        background-size: 60%
    }
}

@media only screen and (min-width:1025px) {
    .newslist-header .wrapper {
        background-size: 75%
    }
}

.newslist-header .wrapper.color-primary .subtitle,
.newslist-header .wrapper.color-primary h1 span,
.newslist-header .wrapper.color-primary h1 strong {
    color: #28285f
}

.newslist-header .wrapper.color-primary:before {
    background-color: #28285f
}

.newslist-header .wrapper.color-tertiary .subtitle,
.newslist-header .wrapper.color-tertiary h1 span,
.newslist-header .wrapper.color-tertiary h1 strong {
    color: #188d6d
}

.newslist-header .wrapper.color-tertiary:before {
    background-color: #188d6d
}

.newslist-header .wrapper.color-secondary .subtitle,
.newslist-header .wrapper.color-secondary h1 span,
.newslist-header .wrapper.color-secondary h1 strong {
    color: #e30040
}

.newslist-header .wrapper.color-secondary:before {
    background-color: #e30040
}

.newslist-header .wrapper.aside-color-primary:before {
    background-color: #28285f
}

.newslist-header .wrapper.aside-color-tertiary:before {
    background-color: #188d6d
}

.newslist-header .wrapper.aside-color-secondary:before {
    background-color: #e30040
}

.newslist-header .content-form:before {
    background-color: #f1f1f1
}

.newslist-header aside {
    color: #fff
}

.newslist-header aside.color-primary:before {
    background-color: #28285f
}

@media only screen and (min-width:1440px) {
    .newslist-header aside.color-primary:before {
        background-color: initial
    }
}

.newslist-header aside.color-tertiary:before {
    background-color: #188d6d
}

@media only screen and (min-width:1440px) {
    .newslist-header aside.color-tertiary:before {
        background-color: initial
    }
}

.newslist-header aside.color-secondary:before {
    background-color: #e30040
}

@media only screen and (min-width:1440px) {
    .newslist-header aside.color-secondary:before {
        background-color: initial
    }
}

.newslist-header .content-form {
    background-color: #f1f1f1
}

.news.news-teaser .news-link {
    transition: color .2s ease
}

.news.news-teaser:hover:after {
    border-color: #188d6d
}

.news.news-teaser:hover .news-link {
    color: #188d6d
}

.news.news-teaser.news-teaser-large .button-link,
.news.news-teaser.news-teaser-large .news-title {
    color: #fff
}

.news.news-teaser.news-teaser-large .news-text {
    background-color: initial
}

.news.news-teaser.news-teaser-large .tag {
    background-color: #fff
}

.news.news-teaser.news-teaser-large:hover .button-link {
    color: hsla(0, 0%, 100%, .4)
}

.news.news-teaser-large {
    background-color: #28285f
}

.news.news-teaser-short .date {
    color: #375668
}

.news.news-teaser-short .tag {
    background-color: #fff
}

.news-content-title {
    color: #28285f
}

.content-search-result-title strong {
    color: #188d6d
}

.content-block .content-search-result-list ul a,
.content-search-result-header .content-search-result-quantity,
.content-search-result-label {
    color: #28285f
}

.content-search-result-list li {
    color: #188d6d
}

.content-search-result-list li span {
    color: #375668
}

.content-search-result-list li a {
    color: #28285f
}

.background-color-black {
    background-color: #000
}

.background-color-primary {
    background-color: #28285f
}

.background-color-fourthy {
    background-color: #3c73b9
}

.background-color-tertiary {
    background-color: #188d6d
}

.background-color-fifty {
    background-color: #06b958
}

.background-color-grey-background {
    background-color: #f1f1f1
}

.background-color-grey-light {
    background-color: #d5d6d2
}

.background-color-grey-white {
    background-color: #fafafa
}

.background-color-grey-medium {
    background-color: #8b8d8e
}

.background-color-color-text {
    background-color: #375668
}

.background-color-color-title {
    background-color: #28285f
}

.background-color-secondary {
    background-color: #e30040
}

.background-color-white {
    background-color: #fff
}

.background-color-secondary-green {
    background-color: #17a345
}

.background-color-secondary-purple {
    background-color: #a40084
}

.background-color-secondary-crimson {
    background-color: #3e2782
}

.background-color-secondary-yellow {
    background-color: #f39900
}

.box-shadow {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.box-shadow-hover {
    box-shadow: 0 2px 100px 0 rgba(0, 0, 0, .25)
}

.content-gallery.content-color-transparent .content-gallery-caption:before {
    background: transparent
}

.content-gallery.content-color-transparent .content-gallery-legend p {
    color: #375668
}

.content-gallery.content-color-gradient .content-gallery-caption:before,
.content-gallery .content-gallery-caption:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.content-block.content-gallery.content-color-gradient .content-gallery-legend,
.content-block.content-gallery.content-color-gradient .content-gallery-legend a,
.content-block.content-gallery.content-color-gradient .content-gallery-legend p,
.content-gallery.content-color-gradient strong,
.content-gallery strong {
    color: #fff
}

.content-block.content-gallery .content-gallery-legend a:active,
.content-block.content-gallery .content-gallery-legend a:focus,
.content-block.content-gallery .content-gallery-legend a:hover {
    color: hsla(0, 0%, 100%, .8)
}

.content-gallery.content-gallery-text .content-gallery-slider:before {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.webzine .webzine-aside ul li.colored a {
    color: #2d4691
}

.webzine .webzine-aside ul li a {
    color: #375668
}

.webzine .webzine-aside.fixed {
    top: 80px
}

.webzine-content {
    background-color: #fff
}

.banner-webzine .banner-title {
    color: #28285f
}

.banner-webzine .banner-webzine-field-name span {
    color: #188d6d
}

.banner-webzine .banner-webzine-field-clear {
    color: #28285f
}

.banner-webzine.content-color-gradient {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.banner-webzine.content-color-gradient .banner-webzine-field-clear,
.banner-webzine.content-color-gradient .banner-webzine-field-name,
.banner-webzine.content-color-gradient .banner-webzine-field-name span,
.banner-webzine.content-color-gradient .banner-webzine-title,
.banner-webzine.content-color-gradient .banner-webzine-title strong {
    color: #fff
}

.banner-type {
    background-color: #2d4691
}

.banner-topic {
    background-color: #188d6d
}

.banner-topic .banner-description,
.banner-topic .banner-description strong,
.banner-topic .banner-link a,
.banner-topic .banner-title,
.banner-type .banner-description,
.banner-type .banner-description strong,
.banner-type .banner-link a,
.banner-type .banner-title {
    color: #fff
}

.banner-topic a.tag,
.banner-topic span.tag,
.banner-type a.tag,
.banner-type span.tag {
    background-color: #fff
}

.banner-topic a.tag,
.banner-type a.tag {
    color: #375668
}

#share-price-header {
    background-color: #f1f1f1
}

#share-price-header dd {
    color: #28285f
}

#share-price-header .share-price-updated dd,
#share-price-header .share-price-updated dt {
    display: inline-block;
    font-weight: 400;
    color: #375668
}

#share-price-header .share-price-informations:after {
    background-color: #375668
}

#content-chart-error {
    color: #e30040
}

.location .location-icon {
    background-color: #28285f
}

.location .location-icon svg {
    fill: #fff
}

.location.hovered {
    background-color: #3c73b9
}

.location.hovered .button-link,
.location.hovered .location-address,
.location.hovered h3,
.location>button:hover+.location-wrapper .button-link,
.location>button:hover+.location-wrapper .location-address,
.location>button:hover+.location-wrapper h3 {
    color: #fff
}

.location>button:hover+.location-wrapper .location-background {
    background-color: #3c73b9
}

.country {
    background-color: #2d4691
}

.country .country-phone,
.country .country-quantity,
.country h3 {
    color: #fff
}

.country .country-wrapper a:hover {
    color: #06b958
}

.country .country-wrapper .button:hover {
    border-color: #06b958
}

.location-popup {
    color: #3c73b9
}

#map-overlay {
    background-color: rgba(55, 86, 104, .4)
}

#map-overlay p {
    color: #fff
}

.map-sidebar header .map-centered-action {
    background-color: #28285f
}

.map-sidebar header .map-centered-action svg {
    fill: #fff
}

#map-sidebar-list section {
    background-color: #fafafa
}

#map-sidebar-filter section .location:before {
    background-color: #f1f1f1
}

#map-sidebar-filter {
    background-color: #fff
}

#map-sidebar-filter .map-filter-clear {
    color: #28285f;
    background-color: initial
}

#map-sidebar-filter .input-checkbox label span {
    background-color: #fff;
    border-color: #d5d6d2;
    transition: background-color .2s ease, border-color .2s ease
}

#map-sidebar-filter .input-checkbox label span svg {
    fill: #375668;
    transition: fill .2s ease
}

#map-sidebar-filter .input-checkbox input:checked+label span {
    background-color: #28285f;
    border-color: #28285f
}

#map-sidebar-filter .input-checkbox input:checked+label span svg {
    fill: #fff
}

#map-sidebar-filter .fieldset-menu .select-fake {
    background-color: initial
}

#map-sidebar-filter .fieldset-menu .select-fake:after {
    border-color: #28285f transparent transparent
}

#map-sidebar-filter .input-radio label {
    color: #28285f
}

#map-sidebar-filter .input-radio input+label:before {
    background-color: #fff;
    border-color: #d5d6d2
}

#map-sidebar-filter .input-radio input:checked+label:before {
    border-color: #28285f
}

#map-sidebar-filter .input-radio input:checked+label:after {
    background-color: #28285f
}

.map-sidebar .map-sidebar-close {
    background-color: initial
}

.map-sidebar .map-sidebar-close svg {
    fill: #28285f
}

.map-sidebar .map-sidebar-error {
    color: #e30040
}

#map-sidebar-information {
    background-color: #fafafa
}

#map-sidebar-information .map-sidebar-address button {
    background-color: initial;
    color: #375668
}

#map-sidebar-information .map-sidebar-address button:hover {
    background-color: initial;
    color: #188d6d
}

#login .login-login {
    background-color: #f1f1f1
}

#login .login-title strong {
    color: #28285f
}

#login .login-login .login-title-small,
#login .login-register .login-title-small {
    position: relative;
    text-align: center
}

#login .login-login .login-title-small:before,
#login .login-register .login-title-small:before {
    background-color: #28285f
}

#login .form-link a {
    color: #28285f
}

#login .form-link a:hover {
    color: #188d6d
}

#login .field-password .icon-hidePassword,
#login .field-password .icon-showPassword,
#modal-connection .field-password .icon-hidePassword,
#modal-connection .field-password .icon-showPassword,
.popin.popin-login .field-password .icon-hidePassword,
.popin.popin-login .field-password .icon-showPassword {
    color: #6d6d6d
}

#modal-connection.modal .modal-login {
    background-color: #f1f1f1
}

#modal-connection.modal .modal-title strong {
    color: #28285f
}

#modal-connection.modal .modal-login .login-title-small,
#modal-connection.modal .modal-register .login-title-small {
    position: relative;
    text-align: center
}

#modal-connection.modal .modal-login .login-title-small:before,
#modal-connection.modal .modal-register .login-title-small:before {
    background-color: #28285f
}

#modal-connection.modal .form-link a {
    color: #28285f
}

#modal-connection.modal .form-link a:hover {
    color: #188d6d
}

.modal.modal-product .product-name {
    color: #28285f
}

#header-modal-profil.modal .modal-link {
    background-color: #002063
}

.modal.modal-alternative .modal-separation {
    background-color: #d5d6d2
}

.modal.modal-alternative .modal-name {
    color: #000035
}

.modal.modal-alternative .modal-link .link:visited {
    color: #28285f
}

.modal.modal-alternative .modal-link .link:visited:hover {
    color: #188d6d
}

.modal.modal-picture .modal-background {
    background-color: rgba(55, 86, 104, .4)
}

.popin {
    background-color: #fff;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.popin-title,
.popin-title span {
    color: #28285f
}

.popin-title:before {
    background-color: #28285f
}

.popin .form-link a {
    color: #28285f
}

.popin-cursor {
    border-color: transparent transparent #fff
}

#header-popin-login .popin-link {
    background-color: #002063
}

.loader-background {
    background-color: #000;
    opacity: .4
}

.popin-menu {
    background-color: #fff
}

.popin-menu[data-popin-orientation=top] .popin-menu-cursor {
    border-color: #fff transparent transparent
}

.popin-menu {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.popin-menu li {
    border-bottom-color: #f1f1f1
}

.sample {
    background-color: #f1f1f1
}

.sample .sample-description .sample-label,
.sample .sample-name .sample-label {
    color: #28285f
}

.sample .sample-remove {
    color: #8b8d8e
}

.select-app .select-app__control {
    border-color: #d5d6d2
}

.select-app .select-app__option {
    color: #28285f
}

.select-app .select-app__option--is-focused,
.select-app .select-app__option--is-selected {
    position: relative;
    color: #188d6d
}

.select-app .select-app__option--is-focused:after,
.select-app .select-app__option--is-focused:before,
.select-app .select-app__option--is-selected:after,
.select-app .select-app__option--is-selected:before {
    background-color: #188d6d
}

.select-app .select-app__option--is-selected.select-app__option--is-focused {
    color: rgba(24, 141, 109, .6)
}

.select-app .select-app__option--is-selected.select-app__option--is-focused:after,
.select-app .select-app__option--is-selected.select-app__option--is-focused:before {
    background-color: rgba(24, 141, 109, .6)
}

.select-app .select-app__option--is-disabled {
    cursor: default;
    color: hsla(0, 0%, 80%, .6)
}

.select-comparison .select-comparison__control {
    border-bottom-color: #28285f
}

.select-comparison .select-comparison__single-value {
    color: #28285f
}

.select-comparison .select-app__dropdown:before {
    border-color: #28285f transparent transparent
}

.select-comparison .select-comparison__option {
    color: #375668
}

.select-comparison .select-comparison__option--is-focused {
    color: #28285f
}

#product-comparator .banner {
    color: #fff
}

#product-comparator .banner .banner-description {
    color: #375668
}

#product-comparator .banner .banner-aside-content-right {
    border-bottom-color: #fff
}

#product-comparator .banner .banner-aside-content-right:after {
    background-color: #fff
}

#product-comparator .banner .banner-aside-bottom.bordered {
    border-color: #fff
}

.form-range-thumb {
    border: 2px solid #28285f
}

.form-range-label {
    color: #28285f
}

.form-range-thumb-content {
    background-color: #28285f
}

.form-range-legend {
    color: #28285f
}

.form-range-free .form-range-free-wrapper .form-range-free-input span {
    color: #8b8d8e
}

.form-range-free .form-range-free-wrapper .form-range-free-input.error-showed input {
    border-color: #e30040
}

.form-range-free .form-range-free-wrapper .form-range-free-border {
    background-color: #fff;
    border-color: #d5d6d2
}

.form-range-free .form-range-free-wrapper .form-range-free-input.selected .form-range-free-border {
    border-color: #28285f;
    box-shadow: 0 0 2px 1px #28285f
}

.form-range-free .form-range-free-wrapper .form-range-free-input.selected input:focus {
    border: 0;
    box-shadow: 0 0 0 0 transparent, inset 0 0 0 0 transparent
}

.form-range-free .form-range-free-wrapper .form-range-free-input.error-showed .form-range-free-border {
    border-color: #e30040
}

.form-range-free .form-range-free-wrapper .form-range-free-input.selected.error-showed .form-range-free-border {
    border-color: #e30040;
    box-shadow: 0 0 2px 1px #e30040
}

.comparison-table.scrolled:before {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.comparison-table tr:nth-of-type(odd) {
    background-color: #f1f1f1
}

.comparison-table th.table-cell-section {
    color: #188d6d
}

.comparison-table th.table-cell-product {
    color: #28285f
}

.comparison-table th.table-cell-product .table-cell-product-thumb-content {
    background-color: #28285f
}

.comparison-table th.table-cell-product .list-link button.color-secondary,
.comparison-table th.table-cell-product .list-link button.color-secondary span {
    color: #28285f
}

.table-horizontal-bar {
    background-color: rgba(40, 40, 95, .15)
}

.table-horizontal-bar .table-horizontal-bar-cursor {
    background-color: #28285f !important
}

.comparator {
    background-color: #f1f1f1
}

.comparator .comparator-label {
    color: #28285f
}

.comparator .comparator-remove {
    color: #8b8d8e
}

.comparator-button a:hover {
    color: #188d6d
}

.comparator-button a:visited {
    color: #28285f
}

.comparator-button a.button {
    color: #fff
}

.js-comparator-list.separator:before {
    border-bottom: 1px solid #8b8d8e
}

.search-filter-section:after {
    border-bottom: 1px solid #d5d6d2
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .comparator-result-list nav .button.button-download,
    .content-block.comparison-view-header nav .button.button-download {
        background-color: #f1f1f1
    }
}

.comparator-result-list .comparison-product-quantity,
.content-block.comparison-view-header .comparison-product-quantity {
    color: #28285f
}

.comparator-result-list.content-list-result-header .tag,
.content-block.comparison-view-header.content-list-result-header .tag {
    background-color: #28285f
}

.card-comparator-list .card-wrapper .card-link .comparator-list-remove {
    color: #e30040
}

.table-scroll-patch,
.table-scroll-patch-2 {
    background-color: #fff
}

.pcv3-searchView-buttonAction_cardStyle {
    color: #fff;
    transition: background .2s ease
}

.pcv3-searchView-buttonAction_cardStyle:hover {
    background-color: hsla(0, 0%, 100%, .5)
}

.pcv3-searchView-buttonAction_cardStyle:hover svg {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.pcv3-searchView-buttonAction_cardStyle.selected {
    background-color: #fff
}

.pcv3-searchView-buttonAction_cardStyle.selected svg {
    color: #168366
}

.pcv3-searchView-buttonAction_cardStyle.selected:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

.pcv3-searchView-card-informations {
    border-color: #d5d6d2
}

.pcv3-searchView-card {
    color: #28285f;
    background-color: #fff
}

.pcv3-searchView-card a,
.pcv3-searchView-card a span {
    color: #002063
}

.pcv3-searchView-card a:active,
.pcv3-searchView-card a:active span,
.pcv3-searchView-card a:focus,
.pcv3-searchView-card a:focus span,
.pcv3-searchView-card a:hover,
.pcv3-searchView-card a:hover span {
    color: #188d6d
}

.pcv3-searchView-card-saved-favorite .icon-heart-bordered {
    stroke: #28285f;
    fill: transparent
}

.pcv3-searchView-card-link_list .button-submenu svg {
    background-color: #f1f1f1
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label {
    cursor: pointer
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label:after,
.pcv3-searchView-card-informations-comparator input[type=checkbox]+label:before {
    border-color: #d5d6d2
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]+label.input-choice {
    color: #28285f
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:checked+label:before {
    border-color: #28285f;
    background-color: #28285f
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+label {
    color: #6d6d6d
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.pcv3-searchView-card-informations-comparator input[type=checkbox]:disabled+.input-choice {
    color: #8b8d8e
}

.pcv3-searchView-cardList {
    background-color: #f1f1f1
}

.pcv3-searchView-cardList .pcv3-search-quantity {
    color: #2d4691
}

.pcv3-searchView-comparisonBar-productList-item {
    background-color: #fff
}

.pcv3-searchView-comparisonBar-close {
    color: #375668
}

.pcv3-searchView-comparisonBar-productList-item-name {
    color: #28285f
}

.pcv3-searchView-sidebarNav {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
}

.pcv3-searchView-mainFilters-moreFilters {
    border-color: #fff;
    color: #fff
}

.pcv3-searchView-mainFilters .select-filter .select-filter-dropdown {
    border-color: #d5d6d2
}

.pcv3-searchView-mainFilters .select-filter .select-filter-choice>label {
    color: #002063
}

.pcv3-searchView-page .pagination {
    background-color: #f1f1f1
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label {
    cursor: pointer
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:after,
.pcv3-searchView-page .fieldset-list-option .radio-custom+label:before {
    border-color: #d5d6d2
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label.input-choice {
    color: #28285f
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:before {
    background-color: #28285f;
    border-color: #28285f
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:after {
    background-color: #28285f
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+label {
    color: #6d6d6d
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:disabled+.input-choice {
    color: #8b8d8e
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label {
    color: #002063
}

.pcv3-searchView-page .fieldset-list-option .radio-custom+label:before {
    border-color: #d5d6d2
}

.pcv3-searchView-page .fieldset-list-option .radio-custom:checked+label:before,
.pcv3-searchView-panelFilters {
    background-color: #fff
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header {
    background-color: #375668
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer {
    background-color: #f1f1f1
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-footer {
        background-color: #fff;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15)
    }
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header .button-close svg,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-header h2 {
    color: #fff
}

.pcv3-searchView-panelFilters-fieldset-group .fieldset-label,
.pcv3-searchView-panelFilters-fieldset-group label,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-name,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-form-header-clear-label {
    color: #28285f
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-name .fieldset-counter {
    color: #168366
}

.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset:before {
    background-color: #d5d6d2
}

.pcv3-searchView-panelFiltersBackground {
    background-color: #375668
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom+label,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom+label {
    cursor: pointer
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom+label:after,
.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom+label:before,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom+label:after,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom+label:before {
    border-color: #d5d6d2
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom+label.input-choice,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom+label.input-choice {
    color: #28285f
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom:checked+label:before,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom:checked+label:before {
    border-color: #28285f;
    background-color: #28285f
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom:disabled+label,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom:disabled+label {
    color: #6d6d6d
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom:disabled+label:before,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom:disabled+label:before {
    border-color: #d5d6d2;
    background-color: #d5d6d2
}

.pcv3-searchView-panelFilters .form-range-checkbox .checkbox-custom:disabled+.input-choice,
.pcv3-searchView-panelFilters .pcv3-searchView-panelFilters-fieldset-checkbox .checkbox-custom:disabled+.input-choice {
    color: #8b8d8e
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header {
        background-color: #fff
    }
    .pcv3-searchView-panelFilters form .pcv3-searchView-panelFilters-form-header>.pcv3-searchView-panelFilters-form-header-autocomplete input {
        background-color: #f1f1f1
    }
}

.pcv3-searchView-searchBanner {
    background: linear-gradient(90deg, #28285f, #188d6d)
}

.pcv3-searchView-searchBanner.stuck {
    background: #168366
}

.pcv3-searchView-searchBanner .form-simple #search-input {
    background-color: #fff
}

.pcv3-searchView-searchBanner .form-simple button[type=submit] {
    background-color: #002063
}

.pcv3-searchView-searchBanner aside .pcv3-searchView-searchBanner-aside-compareOption-label {
    color: #fff
}

.pcv3-searchView-bottomBar {
    border-top: 1px solid #d5d6d2;
    background-color: #f1f1f1
}

.search-result-v2-container .tab-nb-result {
    color: #168366
}

.search-result-v2-header .search-result-v2-header-result-count,
.search-result-v2-header .search-result-v2-header-search-term {
    color: #002063
}

.result-number {
    color: #28285f
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .tooltip-box {
        background-color: #fff;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
        color: #375668
    }
}

@media only screen and (min-width:1025px) {
    .tooltip-box {
        background-color: #fff;
        box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .15);
        color: #375668
    }
}

.contact-form-choice-item input[type=radio]+label {
    background-color: #fff;
    border-color: #d5d6d2;
    transition: background-color .2s ease, border-color .2s ease
}

.contact-form-choice-item input[type=radio]+label:hover,
.contact-form-choice-item input[type=radio]:checked+label,
.contact-form-choice-item input[type=radio]:focus+label {
    background-color: #06b958;
    border-color: #188d6d;
    color: #fff
}

.contact-form-choice-item input[type=radio]+label:hover p,
.contact-form-choice-item input[type=radio]:checked+label p,
.contact-form-choice-item input[type=radio]:focus+label p {
    color: #fff
}

.contact-form-choice-item input[type=radio] svg {
    color: #28285f
}

.contact-form-choice-item input[type=radio]:checked svg {
    color: #fff
}

.contact-form-step {
    background-color: #f1f1f1
}

.contact-form-header .contact-form-header-step,
.contact-form-step legend {
    color: #28285f
}

.contact-form-header .contact-form-header-progress-bar {
    background-color: #d5d6d2
}

.contact-form-header .contact-form-header-progress-bar-color {
    background-color: #06b958
}

.event-program-item .event-program-date,
.event-program-item .event-program-title {
    color: #28285f
}

.event-program-item .event-program-location svg,
.event-program-item .event-program-price svg {
    color: #000035
}

.event-program-item .event-program-informations {
    background-color: #f1f1f1
}

.event-program-item .event-program-content {
    background-color: #fafafa
}

.event-program-item .button-expand {
    color: #002063
}

.event-program-item .button-expand:before {
    background-color: #002063
}

.event-program-item .button-expand:hover {
    color: #188d6d
}

.event-program-item .event-program-organizer-list {
    border-top-color: #d5d6d2
}

.event-program-item .event-program-organizer-title {
    color: #002063
}

.form-validation.status-successed svg {
    fill: #17a345 !important;
    stroke: #17a345 !important
}

.form-validation.status-successed .form-validation-title {
    color: #17a345
}

.form-validation.status-information svg {
    fill: #2d4691 !important;
    stroke: #2d4691 !important
}

.form-validation.status-information .form-validation-title {
    color: #2d4691
}

.form-validation.status-failed svg {
    fill: #e30040 !important;
    stroke: #e30040 !important
}

.form-validation.status-failed .form-validation-title {
    color: #e30040
}

.content-brands-location .wrapper {
    background-image: linear-gradient(90deg, #28285f, #188d6d)
}

.content-brands-location h2 {
    color: #fff
}

.support-decision-tool-option input+label {
    background-color: #f1f1f1;
    color: #3d3d3d
}

.support-decision-tool-option input+label:hover,
.support-decision-tool-option input:hover+label {
    box-shadow: 0 0 0 1px #28285f;
    color: #28285f
}

.support-decision-tool-product {
    border: 1px solid #d5d6d2;
    background-color: #f1f1f1
}

.support-decision-tool-product-name {
    color: #3d3d3d
}

.support-decision-tool-product:hover .support-decision-tool-product-name {
    color: #28285f
}

.support-decision-tool-product-content {
    background-color: #fff
}

.support-decision-tool-section h3,
.support-decision-tool-section h3 span {
    color: #3d3d3d
}

.support-decision-tool-section .support-decision-tool-description {
    color: #6d6d6d
}

.support-decision-tool-section hr {
    border: 0;
    border-top: 1px solid #28285f
}

.support-decision-tool-summary-container {
    background-color: #f1f1f1
}

.support-decision-tool-summary {
    background: #fafafa
}

.support-decision-tool-summary h4 {
    color: #002063
}

.support-decision-tool-summary h4:before {
    background-color: #28285f
}

.support-decision-tool-summary-step-remove {
    color: #002063
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .support-decision-tool-summary-footer {
        background-color: #fafafa
    }
}

.support-decision-tool-summary-step-name {
    color: #3d3d3d
}

.countries-block-list .countries-block-column+.countries-block-column {
    border-left-color: #d5d6d2
}

.countries-block-column-name {
    color: #002063
}

.countries-block-country-name {
    color: #375668
}

.countries-block-country-link {
    color: #28285f
}

.countries-block-country-link:before {
    background-color: #d5d6d2
}

.brands-block .brands-block-filter-item:before {
    background-color: #188d6d
}

.brands-block .brands-block-filter-item button {
    background-color: initial;
    border-color: #fff #fff #188d6d;
    color: #375668
}

.brands-block .brands-block-filter-item button:after,
.brands-block .brands-block-filter-item button:before {
    background-color: #188d6d
}

.brands-block .brands-block-filter-item button:hover {
    color: #28285f
}

.brands-block .brands-block-filter-item button.selected {
    border-color: #188d6d #188d6d #fff;
    color: #28285f
}

.brands-block .brands-block-filter-item button.disabled,
.brands-block .brands-block-filter-item button.disabled:hover,
.brands-block .brands-block-filter-item button.disabled:hover:not(.selected),
.brands-block .brands-block-filter-item button:disabled,
.brands-block .brands-block-filter-item button:hover:disabled,
.brands-block .brands-block-filter-item button:hover:not(.selected):disabled {
    border-color: #fff #fff #188d6d;
    color: #d5d6d2
}

.brands-block .brands-block-filter-item button:hover:not(.selected) {
    color: #28285f
}

.brands-block-item {
    background-color: #f1f1f1
}

.brands-block-item-name {
    color: #188d6d
}

.brands-block-item-links {
    background-color: #fafafa
}

.brands-block-item-links a+a:before {
    background-color: #d5d6d2
}

.mysolution-mysaves .mysolution-mysaves-table {
    width: 100%
}

.mysolution-mysaves .mysolution-mysaves-row {
    border-color: #d5d6d2
}

.mysolution-mysaves .mysolution-mysaves-table-name a,
.mysolution-mysaves .mysolution-mysaves-table-name p {
    color: #28285f
}

.mysolution-mysaves .mysolution-mysaves-table-name span {
    width: 66.66667%;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.1;
    font-style: italic
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-row {
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-mysaves .mysolution-mysaves-table-redirect svg {
        color: #28285f
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        background-color: #f1f1f1
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        border-color: #d5d6d2
    }
}

@media only screen and (min-width:1025px) {
    .mysolution-comparison .mysolution-comparison-table tr {
        border-color: #d5d6d2
    }
}

.mysolution-comparison .mysolution-comparison-name {
    color: #28285f
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .mysolution-comparison .mysolution-comparison-table-redirect .mysolution-comparison-redirect svg {
        color: #28285f
    }
}