.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    transition: all 0s
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: '';
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -webkit-transition: opacity 0s, -webkit-transform 0s;
    transition: opacity 0s, -webkit-transform 0s;
    transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s, -webkit-transform 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto !important
}

.tns-gallery>.tns-moving {
    -webkit-transition: all 0.25s;
    transition: all 0.25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0.6
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}

.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    margin: 0 auto;
    width: 310px;
    position: relative;
    height: 10px;
    overflow: hidden
}

.tns-t-ct {
    width: 2333.33333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0
}

.tns-t-ct:after {
    content: '';
    display: table;
    clear: both
}

.tns-t-ct>div {
    width: 1.42857%;
    width: calc(100% / 70);
    height: 10px;
    float: left
}

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

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

sup,
sub {
    vertical-align: baseline;
    position: relative;
    font-size: 0.7em;
    top: 0.25em
}

sup {
    top: -0.5em
}

button {
    padding: 0;
    background: none;
    border: 0
}

html {
    height: 100%
}

body {
    position: relative;
    min-height: 100%;
    line-height: 1
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.loading__base {
    position: relative;
    height: 1px;
    margin: 0 0 20px
}

.searchresults__base .loading__base {
    width: 100%;
    position: absolute;
    left: 0;
    top: 206px
}

.loading__bar,
.loading__separator {
    position: absolute;
    top: 0;
    border: 0 solid;
    margin: 0
}

.loading__separator {
    border-bottom-width: 1px;
    border-color: #000;
    z-index: 1;
    width: 100%
}

.loading__bar {
    border-bottom-width: 1px;
    border-color: #e20f0f;
    z-index: 2;
    width: 0
}

.loading__bar-isLoading {
    width: 75%;
    -webkit-transition: width 5s;
    transition: width 5s
}

.loading__bar-isComplete {
    width: 100%;
    -webkit-transition: width 0.2s;
    transition: width 0.2s
}

.loading__bar-isHidden {
    display: none
}

.skeleton__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

.skeleton__container.skeleton__screenset {
    max-width: 600px
}

.skeleton__base {
    display: none
}

.skeleton__base--show {
    -webkit-animation: pulse 1.5s ease-in-out 0.5s infinite;
    animation: pulse 1.5s ease-in-out 0.5s infinite;
    display: block
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .skeleton__base--show {
        -webkit-animation: none;
        animation: none
    }
}

.skeleton__animate {
    -webkit-animation: fadeInUp 0.5s ease-in both;
    animation: fadeInUp 0.5s ease-in both;
    opacity: 0
}

.skeleton__animate:nth-child(1n) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.skeleton__animate:nth-child(2n) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.skeleton__animate:nth-child(3n) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.skeleton__animate:nth-child(4n) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.skeleton__animate:nth-child(5n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.skeleton__animate:nth-child(6n) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.skeleton__animate:nth-child(7n) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.skeleton__animate:nth-child(8n) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.skeleton__animate:nth-child(9n) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.skeleton__animate:nth-child(10n) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.skeleton__row {
    zoom: 1;
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.skeleton__row::before,
.skeleton__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.skeleton__row::after {
    clear: both
}

.skeleton__row::before,
.skeleton__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.skeleton__row::after {
    clear: both
}

@media (min-width: 768px) {
    .skeleton__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.skeleton__column--size1 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size1 {
        width: 8.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size2 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size2 {
        width: 16.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size3 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size3 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size4 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size4 {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size5 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size5 {
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size6 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size6 {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size7 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size7 {
        width: 58.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size8 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size8 {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size9 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size9 {
        width: 75%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size10 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size10 {
        width: 83.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size11 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size11 {
        width: 91.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--size12 {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 768px) {
    .skeleton__column--size12 {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.skeleton__column--centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.skeleton__element {
    background-color: #e6e7e7;
    margin-bottom: 10px
}

.skeleton__card {
    border: 1px solid #e6e7e7;
    -webkit-box-shadow: 0 2px 15px 0 rgba(230, 231, 231, 0.52);
    box-shadow: 0 2px 15px 0 rgba(230, 231, 231, 0.52);
    margin-bottom: 15px;
    padding: 10px 10px 0
}

.skeleton__spacing {
    padding-top: 15px;
    width: 100%
}

.skeleton__image {
    padding-top: 56.25%
}

.skeleton__card .skeleton__image {
    padding-top: 75%
}

.skeleton__video {
    padding-top: 56.25%;
    position: relative
}

.skeleton__video--movingImage,
.skeleton__video--youtube {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.skeleton__video-icon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: 80px;
    left: calc(50% - 40px);
    opacity: 0.5;
    position: absolute;
    top: calc(50% - 40px);
    width: 80px
}

.skeleton__avatar {
    border-radius: 100%;
    height: 90px;
    width: 90px
}

.skeleton__text-short,
.skeleton__title-short {
    width: 30%
}

.skeleton__text-medium,
.skeleton__title-medium {
    width: 70%
}

.skeleton__title {
    height: 40px
}

.skeleton__text {
    height: 20px
}

.skeleton__cta {
    height: 45px;
    min-width: 150px;
    width: 20%
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.6
    }

    100% {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.6
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate(0, 50px);
        transform: translate(0, 50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    width: 100%
}

@media (min-width: 1024px) {
    .container {
        max-width: 944px;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px
    }
}

.container .container {
    padding: 0
}

.columncontrol .container,
.layoutpanel .container,
.product .container {
    padding: 0
}

@media (min-width: 640px) {

    .columncontrol .container,
    .layoutpanel .container,
    .product .container {
        padding: 0 20px
    }
}

@media (min-width: 1024px) {

    .columncontrol .container,
    .layoutpanel .container,
    .product .container {
        padding: 0
    }
}

.columncontrol .container .container,
.layoutpanel .container .container,
.product .container .container {
    padding: 0
}

.carousel .image .container {
    max-width: none;
    padding: 0
}

.header__base,
.footer,
.cookienote__base {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.main {
    outline: none
}

.main>div>.experiencefragment,
.main>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1680px
}

.main>div>.experiencefragment>.title>.container>.title__base,
.main>div>.experiencefragment>.calltoaction>.container>.calltoaction__base,
.main>div>.experiencefragment>.text>.container>.text__base,
.main>div>.experiencefragment>.text>.container>.textimage__base,
.main>div>.experiencefragment>.title>.container>.title__base,
.main>div>.experiencefragment>.image>.container>.image__base,
.main>div>.experiencefragment>.accordion>.container>.accordion__base,
.main>div>.experiencefragment>.tags>.tags__base,
.main>div>.experiencefragment>.link>.container>.link__base,
.main>div>.experiencefragment>.linklist>.container>.linklist__base,
.main>div>.experiencefragment>.contactform>.contactform__base,
.main>div>.experiencefragment>.video>.container>.video__base,
.main>div>.experiencefragment>.stage__base>.stage__main>.stage__title,
.main>div>.experiencefragment>.stage__simple>.stage__description>.stage__subtitle,
.main>div>.experiencefragment>.stage__regular>.stage__description>.stage__subtitle,
.main>div>.experiencefragment>.teaser>.container>.teaser__wrapper,
.main>div>.experiencefragment>.distributorlocator .distributorlocator__header,
.main>div>.experiencefragment>.cookieswitch>.container>.cookieswitch__base,
.main>div>.experiencefragment>.contentreference>.container>.contentreference__base,
.main>div>.experiencefragment>.authorbox>.container>.authorbox__base,
.main>div>.experiencefragment .teaserlist>.teaserlist__base>.teaserlist__text-wrapper,
.main>div>.title>.container>.title__base,
.main>div>.calltoaction>.container>.calltoaction__base,
.main>div>.text>.container>.text__base,
.main>div>.text>.container>.textimage__base,
.main>div>.title>.container>.title__base,
.main>div>.image>.container>.image__base,
.main>div>.accordion>.container>.accordion__base,
.main>div>.tags>.tags__base,
.main>div>.link>.container>.link__base,
.main>div>.linklist>.container>.linklist__base,
.main>div>.contactform>.contactform__base,
.main>div>.video>.container>.video__base,
.main>div>.stage__base>.stage__main>.stage__title,
.main>div>.stage__simple>.stage__description>.stage__subtitle,
.main>div>.stage__regular>.stage__description>.stage__subtitle,
.main>div>.teaser>.container>.teaser__wrapper,
.main>div>.distributorlocator .distributorlocator__header,
.main>div>.cookieswitch>.container>.cookieswitch__base,
.main>div>.contentreference>.container>.contentreference__base,
.main>div>.authorbox>.container>.authorbox__base,
.main>div .teaserlist>.teaserlist__base>.teaserlist__text-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

@media (min-width: 1024px) {

    .main>div>.experiencefragment>.title>.container>.title__base,
    .main>div>.experiencefragment>.calltoaction>.container>.calltoaction__base,
    .main>div>.experiencefragment>.text>.container>.text__base,
    .main>div>.experiencefragment>.text>.container>.textimage__base,
    .main>div>.experiencefragment>.title>.container>.title__base,
    .main>div>.experiencefragment>.image>.container>.image__base,
    .main>div>.experiencefragment>.accordion>.container>.accordion__base,
    .main>div>.experiencefragment>.tags>.tags__base,
    .main>div>.experiencefragment>.link>.container>.link__base,
    .main>div>.experiencefragment>.linklist>.container>.linklist__base,
    .main>div>.experiencefragment>.contactform>.contactform__base,
    .main>div>.experiencefragment>.video>.container>.video__base,
    .main>div>.experiencefragment>.stage__base>.stage__main>.stage__title,
    .main>div>.experiencefragment>.stage__simple>.stage__description>.stage__subtitle,
    .main>div>.experiencefragment>.stage__regular>.stage__description>.stage__subtitle,
    .main>div>.experiencefragment>.teaser>.container>.teaser__wrapper,
    .main>div>.experiencefragment>.distributorlocator .distributorlocator__header,
    .main>div>.experiencefragment>.cookieswitch>.container>.cookieswitch__base,
    .main>div>.experiencefragment>.contentreference>.container>.contentreference__base,
    .main>div>.experiencefragment>.authorbox>.container>.authorbox__base,
    .main>div>.experiencefragment .teaserlist>.teaserlist__base>.teaserlist__text-wrapper,
    .main>div>.title>.container>.title__base,
    .main>div>.calltoaction>.container>.calltoaction__base,
    .main>div>.text>.container>.text__base,
    .main>div>.text>.container>.textimage__base,
    .main>div>.title>.container>.title__base,
    .main>div>.image>.container>.image__base,
    .main>div>.accordion>.container>.accordion__base,
    .main>div>.tags>.tags__base,
    .main>div>.link>.container>.link__base,
    .main>div>.linklist>.container>.linklist__base,
    .main>div>.contactform>.contactform__base,
    .main>div>.video>.container>.video__base,
    .main>div>.stage__base>.stage__main>.stage__title,
    .main>div>.stage__simple>.stage__description>.stage__subtitle,
    .main>div>.stage__regular>.stage__description>.stage__subtitle,
    .main>div>.teaser>.container>.teaser__wrapper,
    .main>div>.distributorlocator .distributorlocator__header,
    .main>div>.cookieswitch>.container>.cookieswitch__base,
    .main>div>.contentreference>.container>.contentreference__base,
    .main>div>.authorbox>.container>.authorbox__base,
    .main>div .teaserlist>.teaserlist__base>.teaserlist__text-wrapper {
        margin-left: auto
    }
}

@media (min-width: 1280px) {

    .main>div>.experiencefragment>.title>.container>.title__base,
    .main>div>.experiencefragment>.calltoaction>.container>.calltoaction__base,
    .main>div>.experiencefragment>.text>.container>.text__base,
    .main>div>.experiencefragment>.text>.container>.textimage__base,
    .main>div>.experiencefragment>.title>.container>.title__base,
    .main>div>.experiencefragment>.image>.container>.image__base,
    .main>div>.experiencefragment>.accordion>.container>.accordion__base,
    .main>div>.experiencefragment>.tags>.tags__base,
    .main>div>.experiencefragment>.link>.container>.link__base,
    .main>div>.experiencefragment>.linklist>.container>.linklist__base,
    .main>div>.experiencefragment>.contactform>.contactform__base,
    .main>div>.experiencefragment>.video>.container>.video__base,
    .main>div>.experiencefragment>.stage__base>.stage__main>.stage__title,
    .main>div>.experiencefragment>.stage__simple>.stage__description>.stage__subtitle,
    .main>div>.experiencefragment>.stage__regular>.stage__description>.stage__subtitle,
    .main>div>.experiencefragment>.teaser>.container>.teaser__wrapper,
    .main>div>.experiencefragment>.distributorlocator .distributorlocator__header,
    .main>div>.experiencefragment>.cookieswitch>.container>.cookieswitch__base,
    .main>div>.experiencefragment>.contentreference>.container>.contentreference__base,
    .main>div>.experiencefragment>.authorbox>.container>.authorbox__base,
    .main>div>.experiencefragment .teaserlist>.teaserlist__base>.teaserlist__text-wrapper,
    .main>div>.title>.container>.title__base,
    .main>div>.calltoaction>.container>.calltoaction__base,
    .main>div>.text>.container>.text__base,
    .main>div>.text>.container>.textimage__base,
    .main>div>.title>.container>.title__base,
    .main>div>.image>.container>.image__base,
    .main>div>.accordion>.container>.accordion__base,
    .main>div>.tags>.tags__base,
    .main>div>.link>.container>.link__base,
    .main>div>.linklist>.container>.linklist__base,
    .main>div>.contactform>.contactform__base,
    .main>div>.video>.container>.video__base,
    .main>div>.stage__base>.stage__main>.stage__title,
    .main>div>.stage__simple>.stage__description>.stage__subtitle,
    .main>div>.stage__regular>.stage__description>.stage__subtitle,
    .main>div>.teaser>.container>.teaser__wrapper,
    .main>div>.distributorlocator .distributorlocator__header,
    .main>div>.cookieswitch>.container>.cookieswitch__base,
    .main>div>.contentreference>.container>.contentreference__base,
    .main>div>.authorbox>.container>.authorbox__base,
    .main>div .teaserlist>.teaserlist__base>.teaserlist__text-wrapper {
        margin-left: auto
    }
}

.main>div>.experiencefragment>.layoutpanel .textimage__base,
.main>div>.experiencefragment>.layoutpanel .text__base,
.main>div>.experiencefragment>.layoutpanel .image__base,
.main>div>.experiencefragment>.layoutpanel .video__base,
.main>div>.experiencefragment>.layoutpanel .teaserlist,
.main>div>.experiencefragment>.layoutpanel .contentbox__base,
.main>div>.layoutpanel .textimage__base,
.main>div>.layoutpanel .text__base,
.main>div>.layoutpanel .image__base,
.main>div>.layoutpanel .video__base,
.main>div>.layoutpanel .teaserlist,
.main>div>.layoutpanel .contentbox__base {
    margin-bottom: 0
}

.main>div>.experiencefragment>.layoutpanel .contentbox .text__base,
.main>div>.layoutpanel .contentbox .text__base {
    margin: 0
}

.main>div>.experiencefragment>.layoutpanel .textimage__image-isLeft .image__base,
.main>div>.experiencefragment>.layoutpanel .textimage__image-isRight .image__base,
.main>div>.layoutpanel .textimage__image-isLeft .image__base,
.main>div>.layoutpanel .textimage__image-isRight .image__base {
    padding: 0
}

.main>div>.experiencefragment .video>.video__fullWidth,
.main>div .video>.video__fullWidth {
    margin: 0;
    padding: 0;
    width: 100%
}

@media (min-width: 1024px) {

    .main>div>.experiencefragment .video>.video__fullWidth,
    .main>div .video>.video__fullWidth {
        max-width: none
    }
}

@media (min-width: 1280px) {

    .main>div>.experiencefragment .video>.video__fullWidth,
    .main>div .video>.video__fullWidth {
        max-width: none
    }
}

.main>div>.experiencefragment .video>.video__fullWidth .video__base,
.main>div .video>.video__fullWidth .video__base {
    max-width: none
}

@media (min-width: 1024px) {

    .main>div>.experiencefragment .video>.video__fullWidth .video__base,
    .main>div .video>.video__fullWidth .video__base {
        margin-left: 0
    }
}

@media (min-width: 1280px) {

    .main>div>.experiencefragment .video>.video__fullWidth .video__base,
    .main>div .video>.video__fullWidth .video__base {
        margin-left: 0
    }
}

.main>div>.experiencefragment>.calltoaction>.container>.calltoaction__contentWidth,
.main>div>.experiencefragment>.video>.video__contentWidth .video__base,
.main>div>.experiencefragment>.distributorlocator .distributorlocator__wrapper,
.main>div>.experiencefragment>.image>.image__contentWidth .image__base,
.main>div>.experiencefragment>.title>.container>.title__contentWidth,
.main>div>.experiencefragment>.teaser>.container>.teaser__contentWidth,
.main>div>.calltoaction>.container>.calltoaction__contentWidth,
.main>div>.video>.video__contentWidth .video__base,
.main>div>.distributorlocator .distributorlocator__wrapper,
.main>div>.image>.image__contentWidth .image__base,
.main>div>.title>.container>.title__contentWidth,
.main>div>.teaser>.container>.teaser__contentWidth {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%
}

.main.globalPage__base>div>.experiencefragment>.stage__base .stage__main>.stage__title,
.main.globalPage__base>div>.experiencefragment>.stage__regular>.stage__description>.stage__subtitle,
.main.globalPage__base>div>.stage__base .stage__main>.stage__title,
.main.globalPage__base>div>.stage__regular>.stage__description>.stage__subtitle {
    margin-left: 0
}

.heli__svg-icons {
    display: block
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.contactform .button {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contactform .button .btn {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e20f0f;
    border: 3px solid #e20f0f;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0 8px 14px;
    -webkit-transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in
}

body.fontsReady .contactform .button .btn {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contactform .button .btn:hover {
    background-color: #fff;
    border-color: #e20f0f;
    color: #e20f0f
}

.contactform .button__icon.heli__svg-icons {
    padding-top: 2px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.checkbox__base--regular {
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    overflow: hidden
}

.checkbox__label--regular,
.checkbox__icon--regular {
    display: block;
    float: left
}

.checkbox__label--regular {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #000;
    padding-left: 10px;
    width: calc(100% - 24px)
}

body.fontsReady .checkbox__label--regular {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.checkbox__icon--regular {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #000;
    color: rgba(0, 0, 0, 0);
    height: 20px;
    margin-top: 1px;
    padding: 2px;
    width: 20px
}

.checkbox__input:checked+.checkbox__icon--regular {
    background-color: #fff;
    border-color: #000;
    color: #e20f0f
}

.checkbox__input:disabled+.checkbox__icon--regular {
    background-color: rgba(131, 131, 131, 0.2);
    border-color: #838383;
    color: rgba(0, 0, 0, 0)
}

.checkbox__input:hover:not(:checked):not(:disabled)+.checkbox__icon--regular {
    background-color: #fff;
    border-color: #000;
    color: #e20f0f
}

.checkbox__input:focus+.checkbox__icon--regular {
    background-color: #fff;
    border-color: #000;
    color: #e20f0f
}

.checkbox__icon--regular .heli__svg-icon {
    display: block
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.dropdown.options {
    max-width: 100%
}

.dropdown__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    position: relative;
    color: #000;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

body.fontsReady .dropdown__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.dropdown__base.hasError .dropdown__input {
    margin-bottom: 12px;
    border-color: #e1000f
}

.dropdown__base.hasError+.error__message {
    margin-bottom: 28px
}

.dropdown__input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #afb4b9;
    display: block;
    width: 100%;
    height: 40px;
    color: #000;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.dropdown__input.input__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    cursor: pointer;
    padding: 0 40px 0 10px
}

body.fontsReady .dropdown__input.input__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.dropdown__icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    height: 22px;
    pointer-events: none
}

.dropdown__list,
.dropdown__noItems {
    position: absolute;
    left: 0;
    z-index: 18;
    width: 100%;
    display: none;
    border: 1px solid #afb4b9;
    border-radius: 0;
    border-top: 0;
    background: #fff;
    overflow: auto;
    max-height: 229px;
    top: 100%;
    margin-top: -58px
}

.hasError .dropdown__list,
.hasError .dropdown__noItems {
    margin-top: -12px
}

.dropdown__list-isOpen,
.dropdown__noItems-isOpen {
    display: block
}

.dropdown__list {
    cursor: pointer
}

.dropdown__item {
    padding: 10px 16px;
    border-top: 1px solid #e6e7e7;
    margin: 0 2px
}

.dropdown__item:first-child {
    border-top: 0;
    margin-top: 2px
}

.dropdown__item:last-child {
    margin-bottom: 2px
}

.dropdown__item:hover {
    background-color: #e6e7e7
}

.dropdown__item-isHidden {
    display: none
}

.dropdown__itemText {
    display: block;
    border-top: 1px solid #e6e7e7
}

.dropdown__collapseIcon,
.dropdown__locationIcon,
.dropdown__clearBtn,
.dropdown__pencilIcon {
    display: none;
    position: absolute;
    top: 50%;
    right: 5px;
    padding: 3px 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    color: #afb4b9
}

.dropdown__collapseIcon:hover,
.dropdown__locationIcon:hover,
.dropdown__clearBtn:hover,
.dropdown__pencilIcon:hover {
    color: #e1000f
}

.dropdown__collapseIcon-isVisible,
.dropdown__locationIcon-isVisible,
.dropdown__clearBtn-isVisible,
.dropdown__pencilIcon-isVisible {
    display: inline
}

.dropdown__clearBtn {
    border: 0;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown__clearIcon {
    width: 100%;
    height: 100%
}

.dropdown__clearIcon {
    cursor: pointer
}

.dropdown__results {
    position: relative
}

.dropdown__noItems {
    padding: 10px
}

.dropdown__icon {
    color: #000
}

.dropdown__list {
    max-height: 180px;
    margin-top: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.input {
    position: relative;
    max-width: 100%
}

@media (min-width: 640px) {
    .input {
        max-width: 83.33333%
    }
}

@media (min-width: 768px) {
    .input {
        max-width: 66.66667%
    }
}

@media (min-width: 1024px) {
    .input {
        max-width: 50%
    }
}

@media (min-width: 1280px) {
    .input {
        max-width: 50%
    }
}

.input__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    height: 40px;
    border: 1px solid #afb4b9;
    width: 100%;
    background-color: #fff;
    -webkit-transition: .3s all;
    transition: .3s all;
    color: #000;
    padding: 0 10px;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-bottom: 58px
}

body.fontsReady .input__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .input__base {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .input__base {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.input__base:focus {
    background-color: #f6f7fa
}

.input__base::-webkit-input-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #838383
}

.input__base::-moz-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #838383
}

.input__base::-ms-input-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #838383
}

.input__base::placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #838383
}

body.fontsReady .input__base::-webkit-input-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .input__base::-moz-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .input__base::-ms-input-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .input__base::placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .input__base::-webkit-input-placeholder {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    .input__base::-moz-placeholder {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    .input__base::-ms-input-placeholder {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    .input__base::placeholder {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .input__base::-webkit-input-placeholder {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }

    body.fontsReady .input__base::-moz-placeholder {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }

    body.fontsReady .input__base::-ms-input-placeholder {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }

    body.fontsReady .input__base::placeholder {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.input__base-isFixed {
    padding: 0;
    border: 0;
    -webkit-transition: .3s all;
    transition: .3s all
}

.input__base.hasError,
.input__base.isInvalid {
    border-color: #e1000f;
    margin-bottom: 12px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.radiobutton__base {
    margin-bottom: 50px
}

.hasError .radiobutton__base {
    margin-bottom: 2px
}

.radiobutton__base .label__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #000;
    text-transform: none
}

body.fontsReady .radiobutton__base .label__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.radiobutton__contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.radiobutton__element {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 150px;
    line-height: 18px;
    padding: 10px 30px 10px 0
}

body.fontsReady .radiobutton__element {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .radiobutton__element {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .radiobutton__element {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .radiobutton__element {
        max-width: 200px
    }
}

.radiobutton__label {
    cursor: pointer;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000
}

.radiobutton__label::before {
    content: '';
    display: inline-block;
    border: 4px #fff solid;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px
}

.radiobutton__element-isDisabled .radiobutton__label::before {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #838383;
    box-shadow: 0 0 0 1px #838383;
    color: #838383
}

.radiobutton__input:checked+.radiobutton__label {
    color: #000
}

.radiobutton__input:checked+.radiobutton__label::before {
    background-color: #000;
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    color: #000
}

.radiobutton__input:disabled+.radiobutton__label {
    color: #838383;
    cursor: default
}

.radiobutton__input:disabled+.radiobutton__label::before {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #838383;
    box-shadow: 0 0 0 1px #838383;
    color: #838383
}

.radiobutton__input:hover:not(:checked):not(:disabled)+.radiobutton__label {
    color: #000
}

.radiobutton__input:hover:not(:checked):not(:disabled)+.radiobutton__label::before {
    background-color: #000;
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    color: #000
}

.radiobutton__input:focus+.radiobutton__label {
    color: #000
}

.radiobutton__input:focus+.radiobutton__label::before {
    background-color: #000;
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    color: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.textarea__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    resize: none;
    border: 1px solid #afb4b9;
    border-radius: 0;
    width: 100%;
    color: #000;
    margin-bottom: 15px;
    padding: 8px;
    max-width: 100%
}

body.fontsReady .textarea__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .textarea__base {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .textarea__base {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 640px) {
    .textarea__base {
        max-width: 83.33333%
    }
}

@media (min-width: 768px) {
    .textarea__base {
        max-width: 66.66667%
    }
}

@media (min-width: 1024px) {
    .textarea__base {
        max-width: 50%
    }
}

@media (min-width: 1280px) {
    .textarea__base {
        max-width: 50%
    }
}

.textarea__base.hasError {
    border-color: #e1000f
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.relatedfields__base {
    border: solid #e6e7e7;
    border-width: 1px 0 0;
    margin-top: 20px;
    padding-top: 20px
}

.contactform--grayBackground .relatedfields__base {
    border-color: #fff
}

.relatedfields__base--hasBorderBottom {
    border-width: 1px 0;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.relatedfields__legend {
    position: absolute;
    left: -5000px
}

.relatedfields__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    margin-bottom: 20px
}

body.fontsReady .relatedfields__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.relatedfields__description {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px
}

body.fontsReady .relatedfields__description {
    font-family: "MiloWebPro", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.noUi-target,
.noUi-target * {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr;
    background: #afb4b9;
    padding: 0 12px
}

.noUi-connect {
    background: #e1000f
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-connects {
    overflow: hidden
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.noUi-state-drag * {
    cursor: inherit
}

.noUi-horizontal {
    height: 5px
}

.noUi-vertical {
    width: 5px
}

.noUi [disabled] .noUi-connect {
    background: #b8b8b8
}

.noUi [disabled].noUi-target,
.noUi [disabled].noUi-handle,
.noUi [disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #cac9c9;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #cacaca
}

.noUi-marker-sub {
    background: #a7a6a6
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-handle {
    width: 24px;
    height: 24px;
    border: 1px solid #e1000f;
    border-radius: 50%;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: 0 2px 4px #afb4b9;
    box-shadow: 0 2px 4px #afb4b9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-horizontal .noUi-handle {
    top: -9.5px;
    right: -12px
}

.noUi-vertical .noUi-handle {
    left: -9.5px;
    top: -12px
}

.noUi-handle.noUi-active {
    -webkit-box-shadow: inset 0 0 2px #afb4b9;
    box-shadow: inset 0 0 2px #afb4b9
}

.noUi-tooltip {
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 15px;
    display: none;
    position: absolute;
    background: #e1000f;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap
}

body.fontsReady .noUi-tooltip {
    font-family: "MiloWebPro", Arial, sans-serif
}

.noUi-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 3px);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #e1000f
}

.noUi-active .noUi-tooltip {
    display: block
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.rangeslider {
    margin-bottom: 20px;
    padding: 0 10px
}

@media (min-width: 1024px) {
    .rangeslider {
        padding: 0
    }
}

.faceted__base .rangeslider {
    padding: 5px 3px 0
}

.rangeslider__label {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px;
    color: #e1000f;
    margin-bottom: 20px
}

body.fontsReady .rangeslider__label {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .rangeslider__label {
        font-size: 18px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 24px
    }

    body.fontsReady .rangeslider__label {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.rangeslider__slider {
    margin: 25px 0
}

.rangeslider__inputsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.rangeslider__input {
    width: 125px;
    position: relative
}

@media (min-width: 1024px) {
    .rangeslider__input {
        width: 40%
    }
}

@media (min-width: 1024px) {
    .faceted__base .rangeslider__input {
        width: 48%
    }
}

@media (min-width: 1280px) {
    .faceted__base .rangeslider__input {
        width: 40%
    }
}

.rangeslider__inputNumber {
    margin-bottom: 0;
    width: 100%
}

.rangeslider__inputLabel {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 30px;
    text-align: center;
    line-height: 36px;
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
    background-color: #fff;
    color: #000
}

.rangeslider__inputNumber:focus+.rangeslider__inputLabel {
    background-color: #f6f7fa
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.documentupload {
    margin-bottom: 15px
}

.documentupload__wrapper {
    position: relative;
    width: 100%;
    background-color: #f6f7fa;
    padding: 15px
}

.documentupload__drag-layer {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #f6f7fa;
    padding: 15px;
    border: 1px dashed #5f6973;
    pointer-events: none;
    color: #5f6973;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.documentupload__drag-layer--dragging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.documentupload__drag-layer .heli__svg-icons {
    width: 25px;
    height: 25px;
    margin-right: 15px
}

.documentupload__labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.documentupload__input {
    display: none
}

.documentupload__button {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 22px;
    background-color: #fff;
    color: #5f6973;
    padding: 8px 16px;
    border: 1px solid #5f6973;
    cursor: pointer;
    margin-right: 15px
}

body.fontsReady .documentupload__button {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .documentupload__button {
        font-size: 18px;
        font-family: Arial, sans-serif;
        font-weight: 700;
        line-height: 24px
    }

    body.fontsReady .documentupload__button {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.documentupload__button .heli__svg-icons {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    vertical-align: -1px
}

.documentupload__info-drag {
    display: none;
    color: #5f6973
}

@media (min-width: 768px) {
    .documentupload__info-drag {
        display: block
    }
}

.documentupload__info-condition {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #5f6973
}

body.fontsReady .documentupload__info-condition {
    font-family: "MiloWebPro", Arial, sans-serif
}

.documentupload__list {
    width: 100%
}

.documentupload__file {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    color: #5f6973
}

body.fontsReady .documentupload__file {
    font-family: "MiloWebPro", Arial, sans-serif
}

.documentupload__file>span {
    word-wrap: break-word;
    max-width: 90%
}

.documentupload__file>span b {
    color: #e1000f
}

.documentupload__remove {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.documentupload__remove .heli__svg-icons {
    width: 100%;
    height: 100%
}

.documentupload__error {
    margin-top: 15px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.faceted__base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 27;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.faceted__base-isOpen {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width: 1024px) {
    .faceted__base {
        -ms-grid-column: 1;
        grid-column: 1;
        position: relative;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: auto
    }
}

.faceted__wrap {
    padding: 0 10px;
    width: 100%
}

@media (min-width: 1024px) {
    .faceted__wrap {
        padding: 0;
        color: #e1000f
    }
}

.faceted__title {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
    max-width: 90%;
    color: #313a3d
}

body.fontsReady .faceted__title {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .faceted__title {
        font-size: 18px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 24px
    }

    body.fontsReady .faceted__title {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .faceted__title {
        color: #e1000f
    }
}

@media (min-width: 1024px) {
    .faceted__facetsTitle {
        margin-bottom: 20px
    }
}

.faceted__titleIcon {
    width: 20px;
    height: 20px
}

.faceted__titleWrap {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #e6e7e7;
    cursor: pointer;
    pointer-events: none
}

@media (min-width: 1024px) {
    .faceted__titleWrap {
        padding: 5px 0 6px;
        border: 0
    }
}

.faceted__facetItem {
    margin-bottom: 20px
}

.faceted__facetItem:last-child {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .faceted__facetItem {
        margin-bottom: 10px
    }
}

.faceted__facetItem .checkbox__base {
    margin-bottom: 0
}

.faceted__facetsWrap {
    padding: 0 10px;
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    transition: height 0.5s
}

@media (min-width: 1024px) {
    .faceted__facetsWrap {
        margin-top: 0;
        padding: 0;
        height: auto
    }
}

.faceted__item-isOpenCropped .faceted__title,
.faceted__item-isOpen .faceted__title {
    color: #e1000f
}

.faceted__item-isOpenCropped .faceted__titleWrap,
.faceted__item-isOpen .faceted__titleWrap {
    border-bottom: 1px solid #e6e7e7;
    color: #e1000f
}

@media (min-width: 1024px) {

    .faceted__item-isOpenCropped .faceted__titleWrap,
    .faceted__item-isOpen .faceted__titleWrap {
        border: 0
    }
}

.faceted__item-isOpenCropped .faceted__facetsWrap,
.faceted__item-isOpen .faceted__facetsWrap {
    margin-top: 10px
}

@media (min-width: 1024px) {

    .faceted__item-isOpenCropped .faceted__facetsWrap,
    .faceted__item-isOpen .faceted__facetsWrap {
        margin-top: 0
    }
}

.faceted__item-isOpenCropped .faceted__titleIcon,
.faceted__item-isOpen .faceted__titleIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faceted__item-isOpenCropped .faceted__showMoreBtn,
.faceted__item-isOpen .faceted__showMoreBtn {
    display: none
}

.faceted__item-isOpenCropped .faceted__showLessBtn,
.faceted__item-isOpen .faceted__showLessBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faceted__item-isOpenCropped .faceted__showMoreBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faceted__item-isOpenCropped .faceted__showLessBtn {
    display: none
}

.faceted__header {
    position: relative;
    background-color: #f6f7fa;
    text-align: center;
    padding: 16px 0
}

@media (min-width: 1024px) {
    .faceted__header {
        display: none
    }
}

.faceted__backBtn {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #e1000f;
    cursor: pointer
}

.faceted__description {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    padding: 0 10px;
    margin-bottom: 20px
}

body.fontsReady .faceted__description {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
    .faceted__description {
        display: none
    }
}

.faceted__clearAllBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 7px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    display: none;
    cursor: pointer;
    color: #e1000f
}

body.fontsReady .faceted__clearAllBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .faceted__clearAllBtn {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .faceted__clearAllBtn {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.faceted__clearAllBtn-isOpen {
    display: block
}

.faceted__showResultsBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    position: absolute;
    margin: 0;
    padding: 16px 10px;
    bottom: 0;
    cursor: pointer;
    width: 100%;
    border: 0;
    background-color: #e1000f;
    color: #fff
}

body.fontsReady .faceted__showResultsBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .faceted__showResultsBtn {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .faceted__showResultsBtn {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .faceted__showResultsBtn {
        display: none
    }
}

.faceted__searchedTerm {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #000
}

body.fontsReady .faceted__searchedTerm {
    font-family: "MiloWebPro", Arial, sans-serif
}

.faceted__body {
    height: calc(100vh - 120px);
    position: relative;
    overflow: auto;
    padding: 20px 0 145px
}

@media (min-width: 1024px) {
    .faceted__body {
        padding-top: 0;
        height: auto;
        overflow: visible
    }
}

.faceted__selectedFacetWrap {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000
}

body.fontsReady .faceted__selectedFacetWrap {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .faceted__selectedFacetWrap {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .faceted__selectedFacetWrap {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .faceted__selectedFacetWrap {
        display: none
    }
}

.faceted__showLessBtn,
.faceted__showMoreBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    display: none;
    padding: 0 0 25px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #5f6973
}

body.fontsReady .faceted__showLessBtn,
body.fontsReady .faceted__showMoreBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {

    .faceted__showLessBtn,
    .faceted__showMoreBtn {
        padding: 0
    }
}

.faceted__showLessBtn:hover,
.faceted__showMoreBtn:hover {
    text-decoration: underline
}

.faceted__showMoreIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    pointer-events: none
}

.faceted__error {
    margin-top: 10px
}

.backgroundvideo__base {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    width: 100%
}

.backgroundvideo__base--is-hidden {
    opacity: 0
}

.backgroundvideo__base video {
    height: 100%;
    left: 0 !important;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0 !important;
    width: 100% !important
}

.backgroundvideo__base .s7controlbar {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.facetedfilter {
    position: relative
}

.facetedfilter,
.facetedfilter__error {
    margin: 0 10px 20px
}

@media (min-width: 1024px) {

    .facetedfilter,
    .facetedfilter__error {
        margin: 0 0 20px
    }
}

.facetedfilter__input {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px;
    color: #5f6973;
    padding-right: 65px
}

body.fontsReady .facetedfilter__input {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .facetedfilter__input {
        font-size: 18px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 24px
    }

    body.fontsReady .facetedfilter__input {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.facetedfilter__close,
.facetedfilter__magnifier {
    position: absolute;
    top: 0;
    right: 5px;
    width: 30px;
    height: 40px;
    color: #afb4b9
}

.facetedfilter__close {
    right: 35px;
    cursor: pointer
}

.facetedfilter__close:hover {
    color: #e1000f
}

.facetedfilter__close .heli__svg-icons {
    width: 100%;
    height: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.facetedtags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.facetedtags__item {
    float: none
}

.facetedtags__item .facetedtags__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.facetedtags__clearBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    background-color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    color: #e1000f
}

body.fontsReady .facetedtags__clearBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .facetedtags__clearBtn {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .facetedtags__clearBtn {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.facetedtags__removeBtn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.main--sidebarnav .stage__base {
    margin-bottom: 30px
}

.stickynav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1024px) {
    .stickynav__container {
        margin: auto;
        overflow: hidden;
        max-width: 944px
    }
}

@media (min-width: 1280px) {
    .stickynav__container {
        max-width: 1200px
    }
}

.stickynav__base {
    background: #f2f2f2;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 24
}

@media (min-width: 1024px) {
    .stickynav__base {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .stickynav__base {
        max-width: 1680px
    }
}

@media print {
    .stickynav__base {
        display: none
    }
}

.stickynav__base-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.stickynav__base-isSticky {
    -webkit-box-shadow: #bdbdbd 0 8px 8px -5px;
    box-shadow: #bdbdbd 0 8px 8px -5px;
    left: 0;
    position: fixed;
    right: 0
}

.stickynav__base .stickynav__container::before,
.stickynav__base .stickynav__linkList::after {
    bottom: 0;
    content: '';
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    width: 150px;
    z-index: 2
}

.stickynav__base .stickynav__container::before {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(242, 242, 242, 0.35)), color-stop(98%, #f2f2f2));
    background-image: linear-gradient(to left, rgba(242, 242, 242, 0.35), #f2f2f2 98%)
}

.stickynav__base .stickynav__linkList::after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0.35)), color-stop(98%, #f2f2f2));
    background-image: linear-gradient(to right, rgba(242, 242, 242, 0.35), #f2f2f2 98%);
    right: 0
}

.stickynav__base.left-shadow .stickynav__container::before,
.stickynav__base.right-shadow .stickynav__linkList::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
}

.stickynav__linkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

@media (min-width: 1280px) {
    .stickynav__linkList {
        pointer-events: auto
    }
}

.stickynav__linkList-isExpand .sidebarnav__item {
    display: block
}

.stickynav__item {
    display: block;
    padding-left: 50px;
    text-align: left
}

@media (min-width: 1280px) {
    .stickynav__item {
        padding-left: 60px
    }
}

.stickynav__item:last-child {
    padding-right: 20px
}

@media (min-width: 1024px) {
    .stickynav__item:last-child {
        padding-right: 0
    }
}

.stickynav__item:first-child {
    padding-left: 0
}

@media (min-width: 1024px) {
    .stickynav__item:first-child {
        padding-left: 0
    }
}

.stickynav__link {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .94092em;
    padding-bottom: .76145em;
    margin-top: .52632em;
    margin-bottom: .52632em;
    color: #000;
    display: inline-block;
    -webkit-transition: background-color 0.235s ease-in, color 0.235s ease-in;
    transition: background-color 0.235s ease-in, color 0.235s ease-in
}

body.fontsReady .stickynav__link {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .stickynav__link {
        padding-top: .94092em;
        padding-bottom: .76145em;
        margin-top: 1.05263em;
        margin-bottom: 1.05263em
    }
}

.stickynav__item-isSelected .stickynav__link,
.stickynav__link:hover {
    color: #e20f0f
}

.stickynav__item-isSelected .stickynav__link {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.stickynav__title,
.stickynav__arrowIcon,
.stickynav__arrowIconWrap {
    display: none
}

@media (min-width: 1024px) {
    .stickynav__wrapper {
        position: relative
    }
}

@media (min-width: 1024px) {
    .stickynav__base {
        max-width: none
    }
}

.stickynav__container {
    padding: 0 20px
}

@media (min-width: 1024px) {
    .stickynav__container {
        padding: 0
    }
}

.stickynav__container::before {
    margin-left: -20px
}

.stickynav__container::after {
    margin-right: -20px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.lightbox__overlay {
    background-color: #5f6973;
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0.6;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 29
}

.lightbox__wrapper {
    background: #fff;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
    left: 50%;
    max-width: 90%;
    min-width: 350px;
    padding: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30
}

@media (min-width: 768px) {
    .lightbox__wrapper {
        max-width: 480px
    }
}

@media (min-width: 1024px) {
    .lightbox__wrapper {
        max-width: 500px
    }
}

.lightbox__text {
    margin: 10px 0 15px
}

.lightbox__button.button__primary {
    display: block;
    margin: 0 auto
}

.lightbox__close--topRight {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5f6973;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 7px;
    position: absolute;
    right: 0;
    top: 0
}

body.fontsReady .lightbox__close--topRight {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.lightbox__close--topRight:hover {
    color: #e1000f
}

.lightbox__closeIcon {
    height: 20px;
    width: 20px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.countryredirect__box {
    width: 100%;
    padding: 5px
}

.countryredirect__text {
    width: 100%;
    margin-bottom: 15px
}

.countryredirect__buttons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .countryredirect__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.countryredirect__buttons>.button {
    max-width: none
}

@media (min-width: 1024px) {
    .countryredirect__buttons>.button {
        max-width: 300px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.main--sidebarnav .stage__base {
    margin-bottom: 30px
}

.sidebarnav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f2f2f2;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .sidebarnav__container {
        margin: auto;
        overflow: hidden;
        max-width: 944px
    }
}

@media (min-width: 1280px) {
    .sidebarnav__container {
        max-width: 1200px
    }
}

.sidebarnav__base {
    background: #f2f2f2;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 24
}

@media (min-width: 1024px) {
    .sidebarnav__base {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .sidebarnav__base {
        max-width: 1680px
    }
}

@media print {
    .sidebarnav__base {
        display: none
    }
}

.sidebarnav__base-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.sidebarnav__base-isSticky {
    -webkit-box-shadow: #bdbdbd 0 8px 8px -5px;
    box-shadow: #bdbdbd 0 8px 8px -5px;
    left: 0;
    position: fixed;
    right: 0
}

.sidebarnav__base .sidebarnav__container::before,
.sidebarnav__base .sidebarnav__linkList::after {
    bottom: 0;
    content: '';
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    width: 150px;
    z-index: 2
}

.sidebarnav__base .sidebarnav__container::before {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(242, 242, 242, 0.35)), color-stop(98%, #f2f2f2));
    background-image: linear-gradient(to left, rgba(242, 242, 242, 0.35), #f2f2f2 98%)
}

.sidebarnav__base .sidebarnav__linkList::after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0.35)), color-stop(98%, #f2f2f2));
    background-image: linear-gradient(to right, rgba(242, 242, 242, 0.35), #f2f2f2 98%);
    right: 0
}

.sidebarnav__base.left-shadow .sidebarnav__container::before,
.sidebarnav__base.right-shadow .sidebarnav__linkList::after {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out
}

.sidebarnav__linkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

@media (min-width: 1280px) {
    .sidebarnav__linkList {
        pointer-events: auto
    }
}

.sidebarnav__linkList-isExpand .sidebarnav__item {
    display: block
}

.sidebarnav__item {
    display: block;
    padding-left: 50px;
    text-align: left
}

@media (min-width: 1280px) {
    .sidebarnav__item {
        padding-left: 60px
    }
}

.sidebarnav__item:last-child {
    padding-right: 20px
}

@media (min-width: 1024px) {
    .sidebarnav__item:last-child {
        padding-right: 0
    }
}

.sidebarnav__item:first-child {
    padding-left: 0
}

@media (min-width: 1024px) {
    .sidebarnav__item:first-child {
        padding-left: 0
    }
}

.sidebarnav__link {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .94092em;
    padding-bottom: .76145em;
    margin-top: .52632em;
    margin-bottom: .52632em;
    color: #000;
    display: inline-block;
    -webkit-transition: background-color 0.235s ease-in, color 0.235s ease-in;
    transition: background-color 0.235s ease-in, color 0.235s ease-in
}

body.fontsReady .sidebarnav__link {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .sidebarnav__link {
        padding-top: .94092em;
        padding-bottom: .76145em;
        margin-top: 1.05263em;
        margin-bottom: 1.05263em
    }
}

.sidebarnav__item-isSelected .sidebarnav__link,
.sidebarnav__link:hover {
    color: #e20f0f
}

.sidebarnav__item-isSelected .sidebarnav__link {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.sidebarnav__title,
.sidebarnav__arrowIcon,
.sidebarnav__arrowIconWrap {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.suggester__wrapper {
    background: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.52);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.52);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 25px 20px;
    position: absolute;
    z-index: 2;
    width: 100%
}

.searchresults__input .suggester__wrapper {
    width: calc(100% - 2 * 8px)
}

@media (min-width: 768px) {
    .searchresults__input .suggester__wrapper {
        width: 100%
    }
}

.suggester__wrapper:not(.suggester__wrapper--open) {
    display: none
}

.suggester__listWrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%
}

@media (min-width: 640px) {
    .suggester__listWrapper {
        width: 50%
    }
}

@media (min-width: 768px) {
    .suggester__listWrapper {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .suggester__listWrapper {
        width: 40%
    }
}

@media (min-width: 1280px) {
    .suggester__listWrapper {
        width: 37.5%
    }
}

@media (min-width: 1024px) {
    .header__searchfield .suggester__listWrapper {
        width: 44.44444%
    }
}

@media (min-width: 1280px) {
    .header__searchfield .suggester__listWrapper {
        width: 42.85714%
    }
}

.suggester__productListWrapper {
    border-left: 1px solid #000;
    display: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    overflow: hidden;
    padding-left: 30px;
    width: 50%
}

@media (min-width: 640px) {
    .suggester__productListWrapper {
        display: block
    }
}

@media (min-width: 768px) {
    .suggester__productListWrapper {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .suggester__productListWrapper {
        padding-left: 20px;
        width: 55.55556%
    }
}

@media (min-width: 1280px) {
    .suggester__productListWrapper {
        width: 57.14286%
    }
}

.suggester__info,
.suggester__recommendedProducts {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    color: #000
}

body.fontsReady .suggester__info,
body.fontsReady .suggester__recommendedProducts {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.suggester__selectedCategoryWrapper .suggester__info {
    display: none
}

.suggester__selectedCategoryWrapper--recommended-for .suggester__info {
    display: block
}

.suggester__listSuggestions .suggester__item {
    padding: 10px 0 10px 10px
}

@media (min-width: 640px) {
    .suggester__listSuggestions .suggester__item {
        padding: 10px 15px
    }
}

.suggester__listProducts .suggester__item {
    padding: 10px 0
}

.suggester__link {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    display: inline;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

body.fontsReady .suggester__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .suggester__link {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .suggester__link {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.suggester__link strong {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px
}

body.fontsReady .suggester__link strong {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .suggester__link strong {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .suggester__link strong {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.suggester__link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.suggester__selectedCategory {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #000;
    padding-bottom: 5px
}

body.fontsReady .suggester__selectedCategory {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.suggester__viewAll {
    display: none
}

.suggester__productLink {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

.suggester__productLink strong {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px
}

body.fontsReady .suggester__productLink strong {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .suggester__productLink strong {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .suggester__productLink strong {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.suggester__productLink .suggester__productLabel span {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .235s ease-in;
    transition: background-color .235s ease-in
}

.suggester__productLink:hover {
    color: #e20f0f
}

.suggester__productLink:hover .suggester__productLabel span {
    background-color: rgba(0, 0, 0, 0)
}

.suggester__productImage {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 82px;
    min-width: 82px
}

.suggester__productImage img {
    max-height: 82px;
    max-width: 82px
}

.suggester__productLabel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    pointer-events: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.comparebutton__label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comparebutton__checkbox:checked+.comparebutton__icon {
    background-color: #e1000f
}

.comparebutton__checkbox:focus+.comparebutton__icon {
    outline: 2px solid #4d90fe
}

.comparebutton__icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: 2px solid #e1000f;
    color: #fff;
    margin-right: 5px
}

.comparebutton__text {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #e1000f;
    vertical-align: middle
}

body.fontsReady .comparebutton__text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.comparesuggester {
    height: 100;
    width: 100%;
    position: relative
}

.comparesuggester__input {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 40px 0 10px;
    background-color: rgba(0, 0, 0, 0)
}

body.fontsReady .comparesuggester__input {
    font-family: "MiloWebPro", Arial, sans-serif
}

.comparesuggester__close {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #e1000f;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.comparebar__productContainer--isFocused .comparesuggester__close {
    display: block
}

.comparesuggester__close .heli__svg-icons {
    pointer-events: none;
    width: 100%;
    height: 100%
}

.comparesuggester__close .heli__svg-icon {
    width: 20px
}

.comparesuggester__wrapper {
    display: none;
    position: absolute;
    width: calc(100% + 2px);
    bottom: 100%;
    left: -1px;
    overflow: hidden
}

.comparebar__productContainer--isFocused .comparesuggester__wrapper--isOpen {
    display: block
}

.comparesuggester__container {
    border: 1px solid;
    padding: 15px 0;
    text-align: left;
    background-color: #fff
}

.comparesuggester__title {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    padding-left: 15px;
    color: #5f6973;
    margin-bottom: 5px
}

body.fontsReady .comparesuggester__title {
    font-family: "MiloWebPro", Arial, sans-serif
}

.comparesuggester__item {
    padding: 5px 5px 5px 25px;
    white-space: pre-wrap;
    cursor: pointer
}

.comparesuggester__item:hover {
    background-color: #e6e7e7
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.loadmore__base {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loadmore__base--disabled {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    opacity: 0;
    pointer-events: none
}

.loadmore__slash {
    height: 1px;
    background-color: #5f6973;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.loadmore__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.loadmore__btnmore {
    margin: 0 15px
}

.loadmore__btnall {
    margin: 0 15px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.markerTooltip__text {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px
}

body.fontsReady .markerTooltip__text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.gm-style .gm-style-iw {
    border: 1px solid #e6e7e7;
    border-radius: 0
}

.gm-style .gm-style-iw>.gm-ui-hover-effect {
    display: none !important
}

.gm-style .gm-style-iw-t::after {
    background: #fff;
    border: 1px solid;
    border-color: transparent transparent #e6e7e7 #e6e7e7
}

.markerTooltip__text {
    color: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.sessionmanager__buttonWrapper {
    margin: 30px 0;
    padding: 10px 71px 0 45px;
    color: #000
}

@media (min-width: 1024px) {
    .sessionmanager__buttonWrapper {
        margin: 0;
        padding: 7px 0 6px 27px
    }
}

@media (min-width: 1024px) {
    .sessionmanager__buttonWrapper {
        color: #bdbdbd
    }
}

.sessionmanager__buttonWrapper:hover {
    color: #e20f0f
}

@media (min-width: 1024px) {
    .sessionmanager__buttonWrapper:hover {
        color: #fff
    }
}

.sessionmanager__buttonWrapper::after {
    margin-top: 35px;
    height: 2px;
    background: #000;
    content: '';
    display: block
}

@media (min-width: 1024px) {
    .sessionmanager__buttonWrapper::after {
        display: none
    }
}

@media (min-width: 1024px) {
    .sessionmanager__sviewport {
        display: none
    }
}

.sessionmanager__mviewport {
    display: none
}

@media (min-width: 1024px) {
    .sessionmanager__mviewport {
        display: block
    }
}

.sessionmanager__button {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

body.fontsReady .sessionmanager__button {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .sessionmanager__button {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .sessionmanager__button {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .sessionmanager__button {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .sessionmanager__button {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .sessionmanager__button {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 23px;
        text-transform: none
    }

    body.fontsReady .sessionmanager__button {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .sessionmanager__button {
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 17px
    }

    body.fontsReady .sessionmanager__button {
        font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
    }
}

.sessionmanager__button-txt {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sessionmanager__ic-user {
    margin-right: 10px;
    width: 17px;
    height: 17px
}

.sessionmanager__ic-arrowRight {
    height: 18px;
    right: -53px;
    top: 0;
    width: 18px;
    position: absolute
}

@media (min-width: 1024px) {
    .sessionmanager__ic-arrowRight {
        display: none
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.globalPage__base--background {
    background-position: top;
    background-repeat: no-repeat;
    background-image: url("../../../etc.clientlibs/henkel2/publish/clientlibrary/resources/img/location_global.jpg")
}

.globalPage__base .locationselector__base {
    background-color: transparent;
    border: none
}

.globalPage__base .locationselector__wrapper {
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .globalPage__base .locationselector__wrapper {
        margin-bottom: 30px
    }
}

.globalPage__base .locationselector__header {
    display: none
}

.globalPage__base .locationselector__collapseIcon {
    display: none
}

.globalPage__base .locationselector__input {
    padding-left: 10px
}

.globalPage__base .locationselector__content {
    margin-bottom: 30px;
    max-width: 380px;
    padding: 0
}

.globalPage__base .locationselector__countryBtn {
    margin-bottom: 30px;
    max-width: 380px
}

.globalPage__base .locationselector__countryBtn--isVisible {
    display: block
}

@media (min-width: 768px) {
    .globalPage__base .locationselector__countryBtn {
        margin-bottom: 60px
    }
}

.globalPage__base .locationselector__countryWrapper {
    display: block
}

.globalPage__base .locationselector__separator {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5f6973;
    margin: 25px 0;
    max-width: 380px;
    text-align: center;
    width: 100%
}

body.fontsReady .globalPage__base .locationselector__separator {
    font-family: "MiloWebPro", Arial, sans-serif
}

.globalPage__base .locationselector__separator::before,
.globalPage__base .locationselector__separator::after {
    content: '';
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    border-bottom: 1px solid #e6e7e7
}

.globalPage__base .locationselector__separatorText {
    padding: 0 10px
}

.globalPage__base .locationselector__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.globalPage__base .locationselector__item {
    padding-right: 5px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .globalPage__base .locationselector__item {
        width: 33.33%;
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .globalPage__base .locationselector__item {
        width: 25%
    }
}

.globalPage__base .locationselector__title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .globalPage__base .locationselector__title {
        margin-bottom: 30px
    }
}

.globalPage__base .locationselector__listLocations {
    display: block;
    max-height: none;
    height: auto;
    padding: 0
}

.globalPage__base .locationselector__results .dropdown__list {
    max-height: 500px;
    height: auto
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.home-page__base .searchfield {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .home-page__base .searchfield {
        max-width: 600px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.accordion__base {
    padding-top: 35px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .accordion__base {
        padding-top: 45px
    }
}

.text+.text .accordion__base:not(.image__base),
.buttonbox+.text .accordion__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .accordion__base:not(.image__base),
    .buttonbox+.text .accordion__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
.layoutpanel__container>.accordion:first-child .accordion__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
    .layoutpanel__container>.accordion:first-child .accordion__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
.layoutpanel__container>.accordion:last-child .accordion__base,
.layoutpanel__container>.text:last-child .accordion__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
    .layoutpanel__container>.accordion:last-child .accordion__base,
    .layoutpanel__container>.text:last-child .accordion__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.accordion:not(.text):not(.calltoaction) .accordion__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.accordion:not(.text):first-child .accordion__base {
    padding-top: 0
}

.columncontrol__column>.accordion:last-child .accordion__base {
    padding-bottom: 0
}

.image+.accordion .accordion__base,
.contentbox+.accordion .accordion__base,
.cmp-list+.accordion .accordion__base,
.video+.accordion .accordion__base,
.teaser+.accordion .accordion__base,
.columncontrol+.accordion .accordion__base,
.calltoaction+.accordion .accordion__base,
.download+.accordion .accordion__base,
.layoutpanel+.accordion .accordion__base,
.accordion+.accordion .accordion__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.accordion .accordion__base,
    .contentbox+.accordion .accordion__base,
    .cmp-list+.accordion .accordion__base,
    .video+.accordion .accordion__base,
    .teaser+.accordion .accordion__base,
    .columncontrol+.accordion .accordion__base,
    .calltoaction+.accordion .accordion__base,
    .download+.accordion .accordion__base,
    .layoutpanel+.accordion .accordion__base,
    .accordion+.accordion .accordion__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
.accordion__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.accordion:first-child .accordion__base,
.layoutpanel__container>.columncontrol__base--control-white .accordion:first-child .accordion__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.accordion:first-child .accordion__base,
    .accordion__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.accordion:first-child .accordion__base,
    .layoutpanel__container>.columncontrol__base--control-white .accordion:first-child .accordion__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
.accordion__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.accordion__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.accordion:last-child .accordion__base,
    .accordion__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .accordion__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.accordion:last-child .accordion__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.accordion:last-child .accordion__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.accordion:last-child .accordion__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.accordion:not(.text):not(.calltoaction) .accordion__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.accordion:not(.text):first-child .accordion__base {
    padding-top: 0
}

.columncontrol__column>.accordion:last-child .accordion__base {
    padding-bottom: 0
}

.accordion__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.accordion__row::before,
.accordion__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.accordion__row::after {
    clear: both
}

@media (min-width: 768px) {
    .accordion__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.accordion__content {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    .accordion__content {
        width: 83.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.accordionpanel__base {
    margin-bottom: 1px;
    outline: none;
    width: 100%
}



@media (max-width: 639px) {
    .layoutpanel__base .accordionpanel__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .accordionpanel__base {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {
    .accordionpanel__base {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .accordionpanel__base {
        margin-left: 0;
        width: 100%
    }
}

.accordionpanel__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 56px;
    outline-offset: -3px;
    padding: 15px 20px;
    position: relative;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.accordionpanel__header:hover,
.accordionpanel__base--is-open .accordionpanel__header {
    background-color: #fff;
    color: #000;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

.accordionpanel__header:hover .accordion__deeplink,
.accordionpanel__base--is-open .accordionpanel__header .accordion__deeplink {
    color: #000
}

.accordionpanel__header .accordion__deeplink {
    color: #fff
}

.accordionpanel__header .accordionpanel__meta {
    display: none
}

.accordionpanel__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-right: 20px
}

body.fontsReady .accordionpanel__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.accordionpanel__icon {
    display: block;
    height: 25px;
    right: 20px;
    width: 25px
}

.accordionpanel__icon .ic-arrow-up,
.accordionpanel__icon .ic-arrow-down {
    height: 100%;
    width: 100%
}

.accordionpanel__base--is-open .accordionpanel__header .accordionpanel__icon {
    display: none
}

.accordionpanel__icon--is-open {
    display: none
}

.accordionpanel__base--is-open .accordionpanel__header .accordionpanel__icon--is-open {
    display: block
}

.accordionpanel__content {
    display: none;
    height: 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: min-height 500ms ease-out;
    transition: min-height 500ms ease-out
}

.accordionpanel__content-inner {
    border-top: 2px solid #f2f2f2
}

.accordionpanel__content--is-open {
    overflow: visible
}

.accordionpanel__footer {
    padding-bottom: 15px
}

@media (min-width: 1024px) {
    .columncontrol__column--lt1 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 83.33333%
    }

    .columncontrol__column--lt1:first-child .accordionpanel__footer .layoutpanel__base {
        margin-left: 16.66667%
    }

    .columncontrol__column--lt2 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 87.5%
    }

    .columncontrol__column--lt2:first-child .accordionpanel__footer .layoutpanel__base {
        margin-left: 25%;
        width: 75%
    }

    .columncontrol__column--lt3 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 75%
    }

    .columncontrol__column--lt3:first-child .accordionpanel__footer .layoutpanel__base {
        margin-left: 12.5%;
        width: 87.5%
    }

    .columncontrol__column--lt4 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5 .accordionpanel__footer .layoutpanel__base,
    .columncontrol__column--lt6 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5:last-child .accordionpanel__footer .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt6:first-child .accordionpanel__footer .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt7 .accordionpanel__footer .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }
}

@media (min-width: 640px) {
    .accordionpanel .accordionpanel__footer {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        float: none;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    .accordionpanel .accordionpanel__footer {
        margin-left: 10%;
        padding-left: 2px;
        padding-right: 2px;
        width: 80%
    }
}

@media (max-width: 639px) {
    .layoutpanel__base .accordionpanel__footer {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .accordionpanel__footer {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {
    .accordionpanel__footer {
        padding-bottom: 10px
    }
}

.accordionpanel__footer-link {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    letter-spacing: .09px;
    color: #565555;
    text-decoration: underline
}

body.fontsReady .accordionpanel__footer-link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.authorbox__base {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 50px;
    color: #000
}

body.fontsReady .authorbox__base {
    font-family: "MiloWebPro", Arial, sans-serif
}

.authorbox__name {
    font-weight: bold
}

.authorbox__image {
    padding-right: 20px;
    padding-top: 5px
}

.authorbox__image img {
    width: 70px;
    height: 70px;
    border-radius: 35px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.backtotop__base {
    bottom: 100px;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    -webkit-transition: 0.5s opacity, 0.5s visibility;
    transition: 0.5s opacity, 0.5s visibility;
    visibility: visible;
    width: 100%;
    z-index: 22
}

.backtotop__base-isHidden {
    opacity: 0;
    visibility: hidden
}

.backtotop__base .button__secondary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 4px solid #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    height: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 15px;
    pointer-events: auto;
    position: relative;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in, border-color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in, border-color .235s ease-in;
    width: 75px
}

.backtotop__base .button__secondary:hover {
    background-color: #fff;
    border: 4px solid #e20f0f
}

.backtotop__base .button__secondary:hover .backtotop__arrowIcon {
    color: #e20f0f
}

.backtotop__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.backtotop__arrowIcon {
    border-top: 5px solid;
    color: #000;
    height: 35px;
    padding-top: 5px;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in;
    width: 42px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.brandclaim__base {
    position: relative;
    margin-bottom: 60px;
    z-index: 8
}

.brandclaim__images {
    background-color: #e6e7e7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: background-image 2s linear, background-position 2s linear;
    transition: background-image 2s linear, background-position 2s linear;
    position: relative;
    width: 100%;
    height: 350px
}

@media (min-width: 768px) {
    .brandclaim__images {
        height: 450px
    }
}

@media (min-width: 1280px) {
    .brandclaim__images {
        height: 600px
    }
}

.brandclaim__multiply,
.brandclaim__color {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e1000f;
    opacity: 0.7
}

.brandclaim__multiply {
    mix-blend-mode: multiply
}

.brandclaim__title {
    font-size: 32px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 37px;
    position: relative;
    color: #fff
}

body.fontsReady .brandclaim__title {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
    .brandclaim__title {
        font-size: 40px;
        font-family: Arial, sans-serif;
        font-weight: 700;
        line-height: 46px
    }

    body.fontsReady .brandclaim__title {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.brandclaim__logo {
    position: relative;
    max-width: 100%;
    height: auto;
    max-height: 75px
}

.brandclaim__box {
    padding: 20px 10px 30px;
    position: relative;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .brandclaim__box {
        padding: 20px 40px 30px;
        max-width: 700px;
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

.brandclaim__wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: -30px
}

.brandclaim__wrapper.container {
    padding: 0
}

.brandclaim__text {
    font-size: 22px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 26px;
    padding: 20px 0;
    position: relative;
    color: #fff
}

body.fontsReady .brandclaim__text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.brandclaim__searchfield {
    width: 100%
}

.brandclaim__logo {
    position: relative;
    max-width: 100%;
    height: auto;
    max-height: 75px
}

.brandclaim__base .brandclaim__logo {
    width: auto
}

.brandclaim__box {
    padding: 20px 20px 30px
}

@media (min-width: 1024px) {
    .brandclaim__box {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }
}

@media (min-width: 1280px) {
    .brandclaim__box {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
}

.brandclaim__box .hasFocus {
    outline: 3px solid #13739f
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.breadcrumb__base {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 27px
}

.breadcrumb__item {
    display: none;
    padding: 15px 0
}

.breadcrumb__item:nth-last-child(2) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1024px) {
    .breadcrumb__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .breadcrumb__item:last-child .breadcrumb__link-text {
        font-size: 17px;
        font-family: Arial, sans-serif;
        line-height: 25px;
        letter-spacing: .1px;
        text-transform: uppercase;
        color: #000;
        pointer-events: none
    }

    body.fontsReady .breadcrumb__item:last-child .breadcrumb__link-text {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }

    .breadcrumb__item:last-child .breadcrumb__icon-wrapper--right {
        display: none
    }
}

.breadcrumb__link {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.fontsReady .breadcrumb__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.breadcrumb__link-text {
    display: block;
    max-width: 1024px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: background .235s ease-in, color .235s ease-in;
    transition: background .235s ease-in, color .235s ease-in;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .breadcrumb__link-text:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #e20f0f
    }
}

.breadcrumb__icon-wrapper {
    margin: 0 12px 2px
}

.breadcrumb__icon-wrapper--right {
    display: none
}

@media (min-width: 1024px) {
    .breadcrumb__icon-wrapper--right {
        display: block
    }
}

@media (min-width: 1024px) {
    .breadcrumb__icon-wrapper--left {
        display: none
    }
}

.breadcrumb__icon svg {
    height: 9px;
    width: 5px;
    fill: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.calltoaction__base {
    padding-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1024px) {
    .calltoaction__base {
        padding-top: 45px
    }
}

.text+.text .calltoaction__base:not(.image__base),
.buttonbox+.text .calltoaction__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .calltoaction__base:not(.image__base),
    .buttonbox+.text .calltoaction__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
.layoutpanel__container>.calltoaction:first-child .calltoaction__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
    .layoutpanel__container>.calltoaction:first-child .calltoaction__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
.layoutpanel__container>.calltoaction:last-child .calltoaction__base,
.layoutpanel__container>.text:last-child .calltoaction__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
    .layoutpanel__container>.calltoaction:last-child .calltoaction__base,
    .layoutpanel__container>.text:last-child .calltoaction__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.calltoaction:not(.text):not(.calltoaction) .calltoaction__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.calltoaction:not(.text):first-child .calltoaction__base {
    padding-top: 0
}

.columncontrol__column>.calltoaction:last-child .calltoaction__base {
    padding-bottom: 0
}

.image+.calltoaction .calltoaction__base,
.contentbox+.calltoaction .calltoaction__base,
.cmp-list+.calltoaction .calltoaction__base,
.video+.calltoaction .calltoaction__base,
.teaser+.calltoaction .calltoaction__base,
.columncontrol+.calltoaction .calltoaction__base,
.calltoaction+.calltoaction .calltoaction__base,
.download+.calltoaction .calltoaction__base,
.layoutpanel+.calltoaction .calltoaction__base,
.accordion+.calltoaction .calltoaction__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.calltoaction .calltoaction__base,
    .contentbox+.calltoaction .calltoaction__base,
    .cmp-list+.calltoaction .calltoaction__base,
    .video+.calltoaction .calltoaction__base,
    .teaser+.calltoaction .calltoaction__base,
    .columncontrol+.calltoaction .calltoaction__base,
    .calltoaction+.calltoaction .calltoaction__base,
    .download+.calltoaction .calltoaction__base,
    .layoutpanel+.calltoaction .calltoaction__base,
    .accordion+.calltoaction .calltoaction__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
.calltoaction__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.calltoaction:first-child .calltoaction__base,
.layoutpanel__container>.columncontrol__base--control-white .calltoaction:first-child .calltoaction__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.calltoaction:first-child .calltoaction__base,
    .calltoaction__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.calltoaction:first-child .calltoaction__base,
    .layoutpanel__container>.columncontrol__base--control-white .calltoaction:first-child .calltoaction__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
.calltoaction__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.calltoaction__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.calltoaction:last-child .calltoaction__base,
    .calltoaction__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .calltoaction__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.calltoaction:last-child .calltoaction__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.calltoaction:last-child .calltoaction__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.calltoaction:last-child .calltoaction__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.calltoaction:not(.text):not(.calltoaction) .calltoaction__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.calltoaction:not(.text):first-child .calltoaction__base {
    padding-top: 0
}

.columncontrol__column>.calltoaction:last-child .calltoaction__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .calltoaction__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .calltoaction__base {
        padding-left: 0;
        padding-right: 0
    }
}

.button {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .47539em;
    padding-bottom: .27961em;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 15px;
    position: relative;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in
}

body.fontsReady .button {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.button__primary {
    background-color: #e20f0f;
    border: 3px solid #e20f0f;
    color: #fff
}

.button__primary:hover {
    background-color: #fff;
    border-color: #e20f0f;
    color: #e20f0f
}

.button__secondary {
    background-color: #000;
    border: 3px solid #000;
    color: #fff
}

.button__secondary:hover {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.button.button--inactive.button__primary {
    background: #ff9898;
    border: 3px solid #ff9898;
    color: #fff;
    pointer-events: none
}

.button.button--inactive.button__secondary {
    background: #838383;
    border: 3px solid #838383;
    color: #fff;
    pointer-events: none
}

.button.button--hasIcon {
    padding-left: 12px;
    padding-right: 0
}

.button .heli__svg-icons {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 17px 2px 20px;
    position: relative
}

.button .heli__svg-icons .ic-arrow-right,
.button .heli__svg-icons .ic-arrow-left {
    height: 18px;
    width: 10px
}

.button .heli__svg-icons .ic-arrow-up,
.button .heli__svg-icons .ic-arrow-down {
    height: 16px;
    width: 17px
}

.button .heli__svg-icons .ic-download {
    height: 30px;
    width: 30px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.carousel__base {
    padding-bottom: 45px
}

.carousel__container {
    position: relative
}

.carousel__controls {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    z-index: 1
}

@media (min-width: 640px) {
    .carousel__controls {
        padding: 0 20px
    }
}

@media (min-width: 1024px) {
    .carousel__controls {
        padding: 0 35px
    }
}

.carousel__arrow {
    height: 35px;
    width: 35px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

@media (min-width: 1024px) {
    .carousel__arrow {
        height: 45px;
        width: 45px
    }
}

.carousel__arrow:hover {
    background: #000;
    color: #fff
}

.carousel__arrow .heli__svg-icons {
    height: 19px;
    width: 100%
}

@media (min-width: 1024px) {
    .carousel__arrow .heli__svg-icons {
        height: 24px
    }
}

.carousel *[data-action] {
    display: none
}

.carousel .image__base {
    margin: 0
}

.carousel .tns-nav {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -45px
}

.carousel .tns-nav button {
    background: #b6b6b6;
    border-radius: 50%;
    border: 0;
    height: 17px;
    margin: 25px 7px 0;
    padding: 0;
    width: 17px
}

.carousel .tns-nav button:hover,
.carousel .tns-nav .tns-nav-active {
    background: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.claim__base {
    position: relative;
    margin-bottom: 60px;
    z-index: 8
}

.claim__images {
    background-color: #e6e7e7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: background-image 2s linear, background-position 2s linear;
    transition: background-image 2s linear, background-position 2s linear;
    position: relative;
    width: 100%;
    height: 350px
}

@media (min-width: 768px) {
    .claim__images {
        height: 450px
    }
}

@media (min-width: 1280px) {
    .claim__images {
        height: 600px
    }
}

.claim__multiply,
.claim__color {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e1000f;
    opacity: 0.7
}

.claim__multiply {
    mix-blend-mode: multiply
}

.claim__title {
    font-size: 32px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 37px;
    position: relative;
    color: #fff
}

body.fontsReady .claim__title {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1024px) {
    .claim__title {
        font-size: 40px;
        font-family: Arial, sans-serif;
        font-weight: 700;
        line-height: 46px
    }

    body.fontsReady .claim__title {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.claim__logo {
    position: relative;
    max-width: 100%;
    height: auto;
    max-height: 75px
}

.claim__box {
    padding: 20px 10px 30px;
    position: relative;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .claim__box {
        padding: 20px 40px 30px;
        max-width: 700px;
        -webkit-transform: translate(-100px, 0);
        transform: translate(-100px, 0)
    }
}

.claim__wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: -30px
}

.claim__wrapper.container {
    padding: 0
}

.claim__text {
    font-size: 22px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 26px;
    padding: 20px 0;
    position: relative;
    color: #fff
}

body.fontsReady .claim__text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.claim__searchfield {
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.contactform__base {
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .contactform__base {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px
    }

    .contactform__base::before,
    .contactform__base::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .contactform__base::after {
        clear: both
    }
}

@media (min-width: 640px) and (min-width: 768px) {
    .contactform__base {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width: 640px) {
    .contactform__text {
        margin: 0 10px
    }
}

.contactform__text>.text {
    padding: 0
}

.contactform__text .text__container {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    overflow: hidden
}

.contactform__text .text__container::before,
.contactform__text .text__container::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.contactform__text .text__container::after {
    clear: both
}

@media (min-width: 768px) {
    .contactform__text .text__container {
        margin-left: -10px;
        margin-right: -10px
    }
}

.contactform__text .text h3 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 50px;
    color: #000
}

body.fontsReady .contactform__text .text h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contactform__text .text h3 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .contactform__text .text h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .contactform__text .text h3 {
        margin-bottom: 70px
    }
}

.contactform__text .text h3::after {
    content: none
}

.contactform__text .text p {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    margin-bottom: 60px
}

body.fontsReady .contactform__text .text p {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contactform__text .text p {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .contactform__text .text p {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .contactform__text .text p {
        margin-bottom: 50px
    }
}

@media (min-width: 640px) {
    .contactform__form {
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .contactform__form {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .contactform__form {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .contactform__form {
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.contactform__form .contactform__field,
.contactform__form .cmp-form-field,
.contactform__form .cmp-options,
.contactform__form>div>.dropdown,
.contactform__form>div>.radiobutton {
    margin-bottom: 50px;
    position: relative
}

.contactform__form .input,
.contactform__form .dropdown:not(.options),
.contactform__form .checkbox__base,
.contactform__form .textarea__base {
    max-width: 100%
}

.contactform__form .cq-Editable-dom--container {
    padding: 0
}

.contactform__form .input__base,
.contactform__form .dropdown__base,
.contactform__form .textarea__base,
.contactform__form .radiobutton__element,
.contactform__form .checkbox__label {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    margin-bottom: 0
}

body.fontsReady .contactform__form .input__base,
body.fontsReady .contactform__form .dropdown__base,
body.fontsReady .contactform__form .textarea__base,
body.fontsReady .contactform__form .radiobutton__element,
body.fontsReady .contactform__form .checkbox__label {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.contactform__form .input__base.isInvalid,
.contactform__form .input__base.hasError,
.contactform__form .input__base.hasError .dropdown__input,
.contactform__form .dropdown__base.isInvalid,
.contactform__form .dropdown__base.hasError,
.contactform__form .dropdown__base.hasError .dropdown__input,
.contactform__form .textarea__base.isInvalid,
.contactform__form .textarea__base.hasError,
.contactform__form .textarea__base.hasError .dropdown__input,
.contactform__form .radiobutton__element.isInvalid,
.contactform__form .radiobutton__element.hasError,
.contactform__form .radiobutton__element.hasError .dropdown__input,
.contactform__form .checkbox__label.isInvalid,
.contactform__form .checkbox__label.hasError,
.contactform__form .checkbox__label.hasError .dropdown__input {
    border-color: #e1000f
}

.contactform__form .input__base::-webkit-input-placeholder,
.contactform__form .dropdown__base::-webkit-input-placeholder,
.contactform__form .textarea__base::-webkit-input-placeholder,
.contactform__form .radiobutton__element::-webkit-input-placeholder,
.contactform__form .checkbox__label::-webkit-input-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #838383
}

.contactform__form .input__base::-moz-placeholder,
.contactform__form .dropdown__base::-moz-placeholder,
.contactform__form .textarea__base::-moz-placeholder,
.contactform__form .radiobutton__element::-moz-placeholder,
.contactform__form .checkbox__label::-moz-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #838383
}

.contactform__form .input__base::-ms-input-placeholder,
.contactform__form .dropdown__base::-ms-input-placeholder,
.contactform__form .textarea__base::-ms-input-placeholder,
.contactform__form .radiobutton__element::-ms-input-placeholder,
.contactform__form .checkbox__label::-ms-input-placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #838383
}

.contactform__form .input__base::placeholder,
.contactform__form .dropdown__base::placeholder,
.contactform__form .textarea__base::placeholder,
.contactform__form .radiobutton__element::placeholder,
.contactform__form .checkbox__label::placeholder {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #838383
}

body.fontsReady .contactform__form .input__base::-webkit-input-placeholder,
body.fontsReady .contactform__form .dropdown__base::-webkit-input-placeholder,
body.fontsReady .contactform__form .textarea__base::-webkit-input-placeholder,
body.fontsReady .contactform__form .radiobutton__element::-webkit-input-placeholder,
body.fontsReady .contactform__form .checkbox__label::-webkit-input-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .contactform__form .input__base::-moz-placeholder,
body.fontsReady .contactform__form .dropdown__base::-moz-placeholder,
body.fontsReady .contactform__form .textarea__base::-moz-placeholder,
body.fontsReady .contactform__form .radiobutton__element::-moz-placeholder,
body.fontsReady .contactform__form .checkbox__label::-moz-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .contactform__form .input__base::-ms-input-placeholder,
body.fontsReady .contactform__form .dropdown__base::-ms-input-placeholder,
body.fontsReady .contactform__form .textarea__base::-ms-input-placeholder,
body.fontsReady .contactform__form .radiobutton__element::-ms-input-placeholder,
body.fontsReady .contactform__form .checkbox__label::-ms-input-placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.fontsReady .contactform__form .input__base::placeholder,
body.fontsReady .contactform__form .dropdown__base::placeholder,
body.fontsReady .contactform__form .textarea__base::placeholder,
body.fontsReady .contactform__form .radiobutton__element::placeholder,
body.fontsReady .contactform__form .checkbox__label::placeholder {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.contactform__form .checkbox__label {
    text-transform: none;
    color: #000
}

.contactform__form a {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    text-decoration: none
}

body.fontsReady .contactform__form a {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contactform__form a {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .contactform__form a {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contactform__form a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.contactform__form a:visited {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.contactform .hasError .error__message,
.contactform .hasError~.error__message,
.contactform .isInvalid .error__invalid,
.contactform .isInvalid~.error__invalid {
    display: block
}

.contactform__successMessage {
    margin-top: 40px
}

@media (min-width: 768px) {
    .contactform__successMessage {
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .contactform__successMessage {
        margin-bottom: 100px
    }
}

.error__message,
.error__invalid {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .08px;
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    margin: 13px 0;
    outline: none;
    padding: 7px
}

body.fontsReady .error__message,
body.fontsReady .error__invalid {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.error__message .error__icon,
.error__invalid .error__icon {
    color: #e1000f;
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.error__message .error__icon .heli__svg-icon,
.error__invalid .error__icon .heli__svg-icon {
    bottom: 2px;
    position: absolute
}

.error__message--inverted,
.error__invalid--inverted {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .08px;
    background-color: #e1000f;
    color: #fff;
    margin-bottom: 20px;
    padding: 7px
}

body.fontsReady .error__message--inverted,
body.fontsReady .error__invalid--inverted {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.error__message--inverted .error__icon,
.error__invalid--inverted .error__icon {
    color: #fff
}

.validationcheck__base {
    background-color: #46a569;
    border-radius: 50%;
    bottom: 8px;
    color: #fff;
    height: 23px;
    position: absolute;
    right: 15px;
    width: 23px
}

.validationcheck__icon {
    height: 100%;
    padding: 2px;
    width: 100%
}

.checkbox__label--regular {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    color: #000
}

body.fontsReady .checkbox__label--regular {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.label__base {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin-bottom: 11px
}

body.fontsReady .label__base {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.label__optional {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    color: #838383;
    text-transform: none
}

body.fontsReady .label__optional {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.input__base {
    color: #000;
    border-color: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.step__base {
    display: none;
    margin-bottom: 30px
}

.step__base--current,
.step__base--previous {
    display: block
}

.step__base--previous {
    opacity: 0.5
}

.step__base--previous .step__nextButton {
    display: none
}

.step__legend {
    position: absolute;
    left: -5000px
}

.step__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    margin-bottom: 20px
}

body.fontsReady .step__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.download__wrapper {
    padding-top: 35px;
    background: #fff;
    overflow: hidden
}

@media (min-width: 1024px) {
    .download__wrapper {
        padding-top: 45px
    }
}

.text+.text .download__wrapper:not(.image__base),
.buttonbox+.text .download__wrapper {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .download__wrapper:not(.image__base),
    .buttonbox+.text .download__wrapper {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.download:first-child .download__wrapper,
.layoutpanel__container>.download:first-child .download__wrapper {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.download:first-child .download__wrapper,
    .layoutpanel__container>.download:first-child .download__wrapper {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.download:last-child .download__wrapper,
.layoutpanel__container>.download:last-child .download__wrapper,
.layoutpanel__container>.text:last-child .download__wrapper {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.download:last-child .download__wrapper,
    .layoutpanel__container>.download:last-child .download__wrapper,
    .layoutpanel__container>.text:last-child .download__wrapper {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.download:not(.text):not(.calltoaction) .download__wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.download:not(.text):first-child .download__wrapper {
    padding-top: 0
}

.columncontrol__column>.download:last-child .download__wrapper {
    padding-bottom: 0
}

.image+.download .download__wrapper,
.contentbox+.download .download__wrapper,
.cmp-list+.download .download__wrapper,
.video+.download .download__wrapper,
.teaser+.download .download__wrapper,
.columncontrol+.download .download__wrapper,
.calltoaction+.download .download__wrapper,
.download+.download .download__wrapper,
.layoutpanel+.download .download__wrapper,
.accordion+.download .download__wrapper {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.download .download__wrapper,
    .contentbox+.download .download__wrapper,
    .cmp-list+.download .download__wrapper,
    .video+.download .download__wrapper,
    .teaser+.download .download__wrapper,
    .columncontrol+.download .download__wrapper,
    .calltoaction+.download .download__wrapper,
    .download+.download .download__wrapper,
    .layoutpanel+.download .download__wrapper,
    .accordion+.download .download__wrapper {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.download:first-child .download__wrapper,
.download__wrapper .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.download:first-child .download__wrapper,
.layoutpanel__container>.columncontrol__base--control-white .download:first-child .download__wrapper {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.download:first-child .download__wrapper,
    .download__wrapper .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.download:first-child .download__wrapper,
    .layoutpanel__container>.columncontrol__base--control-white .download:first-child .download__wrapper {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.download:last-child .download__wrapper,
.download__wrapper .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.download__wrapper .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.download:last-child .download__wrapper,
    .download__wrapper .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .download__wrapper .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.download:last-child .download__wrapper {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.download:last-child .download__wrapper {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.download:last-child .download__wrapper {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.download:not(.text):not(.calltoaction) .download__wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.download:not(.text):first-child .download__wrapper {
    padding-top: 0
}

.columncontrol__column>.download:last-child .download__wrapper {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .download__wrapper:not(.download__contentWidth) {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

.layoutpanel__base .download__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    background: #fff
}

@media (min-width: 768px) {
    .layoutpanel__base .download__wrapper:not(.download__contentWidth) {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

@media (min-width: 640px) {
    .accordionpanel .download__wrapper {
        width: 83.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 8px;
        padding-right: 8px;
        float: none
    }
}

@media (min-width: 768px) {
    .accordionpanel .download__wrapper {
        padding-left: 10%;
        padding-right: 10%;
        margin: 0;
        width: 100%
    }
}

.download__collection {
    zoom: 1;
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.download__collection::before,
.download__collection::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.download__collection::after {
    clear: both
}

.download__collection::before,
.download__collection::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.download__collection::after {
    clear: both
}

@media (min-width: 768px) {
    .download__collection {
        margin-left: -10px;
        margin-right: -10px
    }
}

.download__link {
    zoom: 1;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    -webkit-transition: color .15s ease-in;
    transition: color .15s ease-in
}

.download__link::before,
.download__link::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.download__link::after {
    clear: both
}

@media (min-width: 640px) {
    .download__link {
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .download__link {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .download__link {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .download__contentWidth .download__link {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .download__contentWidth .download__link {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .accordionpanel .download__link {
        padding-left: 12px;
        padding-right: 12px;
        width: 254px
    }
}

@media (min-width: 768px) {
    .accordionpanel .download__link {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 12px;
        padding-right: 12px
    }
}

.download__link:hover {
    color: #000
}

.download__base {
    min-height: 125px;
    padding: 9px 13px 7px;
    width: 100%;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset;
    background-color: #000;
    border: 2px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: wrap column;
    flex-flow: wrap column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    -webkit-transition: background-color .235s ease-in, border-color .15s ease-in;
    transition: background-color .235s ease-in, border-color .15s ease-in
}

@media (min-width: 640px) {
    .download__base {
        min-height: 171px;
        padding: 23px 21px 21px
    }
}

@media (min-width: 768px) {
    .download__base {
        min-height: 202px;
        padding: 23px 27px 21px
    }
}

@media (min-width: 1024px) {
    .download__base {
        min-height: 200px;
        padding: 23px 23px 21px
    }
}

@media (min-width: 1280px) {
    .download__base {
        padding: 23px 30px 21px
    }
}

@media (min-width: 640px) {
    .download__base {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.download__base:hover {
    background-color: #fff;
    border-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.download__img {
    display: none
}

.download__description {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    pointer-events: none;
    position: relative;
    width: 100%;
    word-break: break-word
}

body.fontsReady .download__description {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .download__description {
        text-align: center
    }
}

.download__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

@media (min-width: 640px) {
    .download__button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.download__buttonText {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    padding-bottom: 0
}

body.fontsReady .download__buttonText {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 640px) {
    .download__buttonText {
        margin-bottom: 8px
    }
}

.download__icon {
    height: 22px;
    width: 26px;
    stroke: #fff;
    stroke-width: 1px;
    -webkit-transition: stroke .15s ease-in;
    transition: stroke .15s ease-in
}

.download__base:hover .download__icon {
    stroke: #000
}

@media (min-width: 1024px) {
    .download__icon {
        height: 31px;
        width: 38px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.distributorlocator__base {
    padding-top: 35px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .distributorlocator__base {
        padding-top: 45px
    }
}

.text+.text .distributorlocator__base:not(.image__base),
.buttonbox+.text .distributorlocator__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .distributorlocator__base:not(.image__base),
    .buttonbox+.text .distributorlocator__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.distributorlocator:first-child .distributorlocator__base,
.layoutpanel__container>.distributorlocator:first-child .distributorlocator__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.distributorlocator:first-child .distributorlocator__base,
    .layoutpanel__container>.distributorlocator:first-child .distributorlocator__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.distributorlocator:last-child .distributorlocator__base,
.layoutpanel__container>.distributorlocator:last-child .distributorlocator__base,
.layoutpanel__container>.text:last-child .distributorlocator__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.distributorlocator:last-child .distributorlocator__base,
    .layoutpanel__container>.distributorlocator:last-child .distributorlocator__base,
    .layoutpanel__container>.text:last-child .distributorlocator__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.distributorlocator:not(.text):not(.calltoaction) .distributorlocator__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.distributorlocator:not(.text):first-child .distributorlocator__base {
    padding-top: 0
}

.columncontrol__column>.distributorlocator:last-child .distributorlocator__base {
    padding-bottom: 0
}

.image+.distributorlocator .distributorlocator__base,
.contentbox+.distributorlocator .distributorlocator__base,
.cmp-list+.distributorlocator .distributorlocator__base,
.video+.distributorlocator .distributorlocator__base,
.teaser+.distributorlocator .distributorlocator__base,
.columncontrol+.distributorlocator .distributorlocator__base,
.calltoaction+.distributorlocator .distributorlocator__base,
.download+.distributorlocator .distributorlocator__base,
.layoutpanel+.distributorlocator .distributorlocator__base,
.accordion+.distributorlocator .distributorlocator__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.distributorlocator .distributorlocator__base,
    .contentbox+.distributorlocator .distributorlocator__base,
    .cmp-list+.distributorlocator .distributorlocator__base,
    .video+.distributorlocator .distributorlocator__base,
    .teaser+.distributorlocator .distributorlocator__base,
    .columncontrol+.distributorlocator .distributorlocator__base,
    .calltoaction+.distributorlocator .distributorlocator__base,
    .download+.distributorlocator .distributorlocator__base,
    .layoutpanel+.distributorlocator .distributorlocator__base,
    .accordion+.distributorlocator .distributorlocator__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.distributorlocator:first-child .distributorlocator__base,
.distributorlocator__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.distributorlocator:first-child .distributorlocator__base,
.layoutpanel__container>.columncontrol__base--control-white .distributorlocator:first-child .distributorlocator__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.distributorlocator:first-child .distributorlocator__base,
    .distributorlocator__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.distributorlocator:first-child .distributorlocator__base,
    .layoutpanel__container>.columncontrol__base--control-white .distributorlocator:first-child .distributorlocator__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.distributorlocator:last-child .distributorlocator__base,
.distributorlocator__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.distributorlocator__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.distributorlocator:last-child .distributorlocator__base,
    .distributorlocator__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .distributorlocator__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.distributorlocator:last-child .distributorlocator__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.distributorlocator:last-child .distributorlocator__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.distributorlocator:last-child .distributorlocator__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.distributorlocator:not(.text):not(.calltoaction) .distributorlocator__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.distributorlocator:not(.text):first-child .distributorlocator__base {
    padding-top: 0
}

.columncontrol__column>.distributorlocator:last-child .distributorlocator__base {
    padding-bottom: 0
}

.distributorlocator__headerForm,
.distributorlocator__results,
.distributorlocator__totalWrapper {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    padding: 0
}

.distributorlocator__headerForm::before,
.distributorlocator__headerForm::after,
.distributorlocator__results::before,
.distributorlocator__results::after,
.distributorlocator__totalWrapper::before,
.distributorlocator__totalWrapper::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.distributorlocator__headerForm::after,
.distributorlocator__results::after,
.distributorlocator__totalWrapper::after {
    clear: both
}

@media (min-width: 768px) {

    .distributorlocator__headerForm,
    .distributorlocator__results,
    .distributorlocator__totalWrapper {
        margin-left: -10px;
        margin-right: -10px
    }
}

.layoutpanel .distributorlocator__headerForm,
.layoutpanel .distributorlocator__results,
.layoutpanel .distributorlocator__totalWrapper {
    padding: 0 20px
}

@media (min-width: 640px) {

    .layoutpanel .distributorlocator__headerForm,
    .layoutpanel .distributorlocator__results,
    .layoutpanel .distributorlocator__totalWrapper {
        padding: 0 8.33333%
    }
}

@media (min-width: 768px) {

    .layoutpanel .distributorlocator__headerForm,
    .layoutpanel .distributorlocator__results,
    .layoutpanel .distributorlocator__totalWrapper {
        padding: 0 8.33333%
    }
}

.distributorlocator__headerForm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.distributorlocator__headerForm .distributorlocator__productline,
.distributorlocator__headerForm .distributorlocator__location,
.distributorlocator__headerForm .distributorlocator__button-wrapper {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 640px) {

    .distributorlocator__headerForm .distributorlocator__productline,
    .distributorlocator__headerForm .distributorlocator__location,
    .distributorlocator__headerForm .distributorlocator__button-wrapper {
        width: 100%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {

    .distributorlocator__headerForm .distributorlocator__productline,
    .distributorlocator__headerForm .distributorlocator__location,
    .distributorlocator__headerForm .distributorlocator__button-wrapper {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {

    .distributorlocator__headerForm .distributorlocator__productline,
    .distributorlocator__headerForm .distributorlocator__location,
    .distributorlocator__headerForm .distributorlocator__button-wrapper {
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {

    .layoutpanel .distributorlocator__headerForm .distributorlocator__productline,
    .layoutpanel .distributorlocator__headerForm .distributorlocator__location,
    .layoutpanel .distributorlocator__headerForm .distributorlocator__button-wrapper {
        width: 80%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {

    .layoutpanel .distributorlocator__headerForm .distributorlocator__productline,
    .layoutpanel .distributorlocator__headerForm .distributorlocator__location,
    .layoutpanel .distributorlocator__headerForm .distributorlocator__button-wrapper {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.distributorlocator__headerForm .distributorlocator__productline--tags {
    margin-bottom: 40px
}

@media (min-width: 1024px) {
    .distributorlocator__headerForm .distributorlocator__productline--tags {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .layoutpanel .distributorlocator__headerForm .distributorlocator__productline--tags {
        width: 80%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .distributorlocator__results {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.distributorlocator__wrapper,
.distributorlocator__totalWrapper,
.distributorlocator__results {
    margin-bottom: 10px;
    position: relative
}

.distributorlocator__loading {
    display: none
}

.distributorlocator__resultsContainer,
.distributorlocator__mapColumn {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 640px) {

    .distributorlocator__resultsContainer,
    .distributorlocator__mapColumn {
        width: 100%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {

    .distributorlocator__resultsContainer,
    .distributorlocator__mapColumn {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .distributorlocator__resultsContainer {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 41.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .layoutpanel .distributorlocator__resultsContainer {
        width: 40%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .distributorlocator__mapColumn {
        margin-top: 72px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 58.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .layoutpanel .distributorlocator__mapColumn {
        width: 60%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.distributorlocator__location--disabled {
    opacity: 0.3;
    pointer-events: none
}

.distributorlocator__map {
    position: relative
}

.distributorlocator__map--hideXS {
    position: fixed;
    visibility: hidden
}

@media (min-width: 1024px) {
    .distributorlocator__map--hideXS {
        position: relative;
        visibility: visible
    }
}

.distributorlocator__mapContainer {
    height: 0;
    margin: 0 auto;
    padding-bottom: 75%;
    position: relative
}

.distributorlocator__mapContainer .hasFocus {
    display: inline-block !important
}

.distributorlocator__button,
.distributorlocator__mapSearchButton {
    cursor: pointer
}

.distributorlocator__mapSearchButton.button {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    margin-top: 10px;
    min-height: 30px;
    padding: 4px 15px 2px;
    position: absolute;
    right: 10px;
    text-transform: none;
    top: 0
}

body.fontsReady .distributorlocator__mapSearchButton.button {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.distributorlocator__mapSearchButton.isHidden {
    display: none
}

.distributorlocator__total {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
    margin-top: 50px
}

body.fontsReady .distributorlocator__total {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.distributorlocator__item {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2), inset 0 -7px 0 -1px #000;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2), inset 0 -7px 0 -1px #000;
    color: #000;
    cursor: pointer;
    margin: 15px 0;
    padding: 20px 20px 14px;
    position: relative;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in, -webkit-box-shadow .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in, -webkit-box-shadow .235s ease-in;
    transition: box-shadow .235s ease-in, background-color .235s ease-in, color .235s ease-in;
    transition: box-shadow .235s ease-in, background-color .235s ease-in, color .235s ease-in, -webkit-box-shadow .235s ease-in
}

@media (min-width: 1024px) {
    .distributorlocator__item:first-child {
        margin-top: 0
    }
}

.distributorlocator__item:hover {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2), inset 0 -12px 0 -1px #000;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2), inset 0 -12px 0 -1px #000;
    color: #000
}

.distributorlocator__item .distributorlocator__backResultsText {
    display: none
}

.distributorlocator__item--isExpanded {
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    color: #000;
    cursor: auto
}

.distributorlocator__item--isExpanded:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    color: #000
}

.distributorlocator__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px
}

body.fontsReady .distributorlocator__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.distributorlocator__text {
    padding-right: 30px
}

.distributorlocator__text,
.distributorlocator__remarks {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em
}

body.fontsReady .distributorlocator__text,
body.fontsReady .distributorlocator__remarks {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.distributorlocator__title,
.distributorlocator__text,
.distributorlocator__descriptionMore {
    pointer-events: none
}

.distributorlocator__contactItem {
    display: block;
    margin-bottom: 7px;
    text-align: left
}

.distributorlocator__contactLabel {
    display: none
}

.distributorlocator__contactInfo {
    display: inline-block;
    margin-left: 5px;
    max-width: 85%;
    overflow: hidden;
    text-decoration: underline;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.distributorlocator__contactDirection {
    margin-left: 5px;
    text-decoration: underline
}

.distributorlocator__link {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .1px;
    color: #000;
    display: inline-block;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

body.fontsReady .distributorlocator__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.distributorlocator__link:hover .distributorlocator__icons,
.distributorlocator__link:hover {
    color: #e04e39
}

.distributorlocator__contactItem .distributorlocator__link {
    color: #000;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.distributorlocator__contactItem .distributorlocator__link:hover {
    color: #e04e39;
    background-color: rgba(0, 0, 0, 0)
}

.distributorlocator__icons {
    display: inline-block;
    height: 18px;
    margin: 0;
    padding: 3px;
    width: 18px
}

.distributorlocator__backResults,
.distributorlocator__descriptionMore {
    display: inline-block
}

.distributorlocator__backResultsIcon,
.distributorlocator__backResultsText,
.distributorlocator__descriptionMoreIcon,
.distributorlocator__descriptionMoreText {
    display: inline-block;
    vertical-align: middle
}

.distributorlocator__backResultsText,
.distributorlocator__descriptionMoreText {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    text-transform: uppercase
}

body.fontsReady .distributorlocator__backResultsText,
body.fontsReady .distributorlocator__descriptionMoreText {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .distributorlocator__backResultsText,
    .distributorlocator__descriptionMoreText {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 26px
    }

    body.fontsReady .distributorlocator__backResultsText,
    body.fontsReady .distributorlocator__descriptionMoreText {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.distributorlocator__backResults {
    margin: 20px 0 20px 0;
    color: #000;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.distributorlocator__backResultsText {
    height: 18px
}

.distributorlocator__backResultsIcon {
    margin-bottom: 0;
    height: 18px;
    width: 18px
}

.distributorlocator__backResults:hover {
    color: #e04e39;
    background-color: rgba(0, 0, 0, 0)
}

.distributorlocator__descriptionMore {
    color: #000;
    bottom: 24px;
    position: absolute;
    right: 14px;
    text-align: right;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

.distributorlocator__descriptionMoreIcon,
.distributorlocator__descriptionMoreText {
    height: 21px;
    line-height: 21px
}

.distributorlocator__descriptionMoreIcon {
    height: 21px;
    width: 21px
}

.distributorlocator__item:hover .distributorlocator__descriptionMore {
    color: #000
}

.distributorlocator__toggleMap {
    margin-bottom: 30px;
    text-align: right
}

@media (min-width: 1024px) {
    .distributorlocator__toggleMap {
        display: none
    }
}

.distributorlocator__toggleMap-link {
    color: #000
}

.distributorlocator__pagination {
    margin: 30px 0
}

@media (min-width: 640px) {
    .distributorlocator__pagination .pagination__text {
        display: none
    }
}

@media (min-width: 768px) {
    .distributorlocator__pagination .pagination__text {
        display: inline-block
    }
}

.distributorlocator__pagination .pagination__pageNumbers {
    margin: 0 20px
}

@media (min-width: 640px) {
    .distributorlocator__pagination .pagination__list .pagination__directLinks {
        margin-left: 0
    }
}

.distributorlocator__productline--tags .dropdown__input,
.distributorlocator__productline--tags .dropdown__icon {
    display: none
}

.distributorlocator__productline--tags .dropdown__list {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    margin: 0;
    position: relative
}

.distributorlocator__productline--tags .dropdown__item {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 7px 10px;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

body.fontsReady .distributorlocator__productline--tags .dropdown__item {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.distributorlocator__productline--tags .dropdown__item--selected,
.distributorlocator__productline--tags .dropdown__item:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #000;
    color: #fff
}

.distributorlocator__productline--tags .dropdown__item:focus {
    outline: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.usermenu__wrapper {
    padding: 0 11px 0 32px;
    position: relative
}

.usermenu__wrapper ::-webkit-scrollbar {
    width: 9px
}

.usermenu__wrapper ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.usermenu__wrapper ::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer
}

.usermenu__wrapper ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(189, 189, 189, 0.6)
}

.usermenu__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 12px 15px 10px;
    pointer-events: none
}

.usermenu__title .usermenu__linkTitle {
    pointer-events: auto
}

.usermenu__title:hover .usermenu__arrowIcon {
    color: #e20f0f
}

.usermenu__title:hover .usermenu__titleSpan {
    background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {
    .usermenu__title {
        display: none
    }
}

.usermenu__titleSpan {
    pointer-events: none
}

.usermenu__link {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    color: #000;
    display: block;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 11px 60px 10px 45px;
    text-transform: uppercase;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

body.fontsReady .usermenu__link {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .usermenu__link {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .usermenu__link {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .usermenu__link {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .usermenu__link {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .usermenu__link {
        color: #bdbdbd;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 0
    }
}

.usermenu__link:hover+.usermenu__arrowIcon {
    color: #e20f0f
}

.usermenu__link--secondLevel,
.usermenu__link--thirdLevel {
    color: #000;
    padding: 8px 60px 7px 32px;
    text-transform: none;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.usermenu__link--secondLevel.navigationmenu__link-isSelected .usermenu__linkSpan,
.usermenu__link--secondLevel:hover .usermenu__linkSpan,
.usermenu__link--thirdLevel.navigationmenu__link-isSelected .usermenu__linkSpan,
.usermenu__link--thirdLevel:hover .usermenu__linkSpan {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.usermenu__link--secondLevel:hover .heli__svg-icons,
.usermenu__link--thirdLevel:hover .heli__svg-icons {
    color: #e20f0f
}

.usermenu__link--firstLevel {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

body.fontsReady .usermenu__link--firstLevel {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .usermenu__link--firstLevel {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .usermenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .usermenu__link--firstLevel {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .usermenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.usermenu__link--firstLevel.navigationmenu__link-isSelected .usermenu__linkSpan,
.usermenu__link--firstLevel:hover .usermenu__linkSpan {
    background-color: rgba(0, 0, 0, 0)
}

.usermenu__link--firstLevel:not(.hasFocus) {
    outline: none
}

.usermenu__link--firstLevel.usermenu__link-isSelected,
.usermenu__link--firstLevel:hover {
    color: #e20f0f
}

.usermenu__link--firstLevel.usermenu__link-isSelected .usermenu__linkSpan,
.usermenu__link--firstLevel.usermenu__link-isSelected+.usermenu__arrowIcon {
    color: #e20f0f;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.usermenu__link--secondLevel {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px
}

body.fontsReady .usermenu__link--secondLevel {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .usermenu__link--secondLevel {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .usermenu__link--secondLevel {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.usermenu__linkWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.usermenu__linkSpan,
.usermenu__link .heli__svg-icons,
.usermenu__linkWrap .heli__svg-icons {
    pointer-events: none;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.usermenu__linkTitle.usermenu__link--firstLevel {
    padding: 0 52px
}

.usermenu__linkTitle.usermenu__link--secondLevel {
    padding: 4px 52px
}

.usermenu__arrowIcon {
    height: 30px;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    width: 30px
}

.usermenu__arrowIcon--left {
    left: 24px;
    top: 32px
}

.usermenu__base--rtl .usermenu__arrowIcon--left,
.navigationmenu__wrap--rtl .usermenu__arrowIcon--left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.usermenu__arrowIcon--right {
    right: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.usermenu__base--rtl .usermenu__arrowIcon--right,
.navigationmenu__wrap--rtl .usermenu__arrowIcon--right {
    left: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.usermenu__arrowIcon--down {
    display: none
}

@media (min-width: 1024px) {
    .usermenu__arrowIcon {
        display: none
    }
}

.usermenu__base {
    background-color: #fff;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .usermenu__base {
        position: absolute;
        padding: 15px 30px 30px;
        border: none;
        -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52)
    }

    .usermenu__base::before {
        border: solid transparent;
        border-color: transparent transparent #fff;
        border-width: 10px;
        bottom: 100%;
        content: ' ';
        height: 0;
        right: 50px;
        pointer-events: none;
        position: absolute;
        width: 0
    }
}

@media (min-width: 1024px) {
    .usermenu__wrapper {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .usermenu__title {
        display: block;
        padding: 0
    }
}

.usermenu__titleSpan {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 1024px) {
    .usermenu__linkTitle {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 18px;
        letter-spacing: .09px;
        pointer-events: none;
        overflow: hidden
    }

    body.fontsReady .usermenu__linkTitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .usermenu__linkTitle {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .usermenu__linkTitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.usermenu__linkTitle.usermenu__link--firstLevel {
    width: 100%
}

@media (min-width: 1024px) {
    .usermenu__linkTitle.usermenu__link--firstLevel {
        padding: 17px 0 0;
        text-transform: none;
        color: #000
    }
}

@media (min-width: 1024px) {
    .usermenu__arrowIcon {
        display: none
    }
}

.usermenu__list {
    margin: 0
}

.usermenu__item {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px
}

body.fontsReady .usermenu__item {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .usermenu__item {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .usermenu__item {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .usermenu__link {
        padding: 17px 0 0
    }
}

@media (min-width: 1024px) {
    .usermenu__link--secondLevel {
        font-size: 16px;
        font-family: Arial, sans-serif;
        line-height: 23px;
        letter-spacing: .2px
    }

    body.fontsReady .usermenu__link--secondLevel {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .usermenu__link--secondLevel {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .usermenu__link--secondLevel {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.usermenu__logout {
    cursor: pointer
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.userdata__base {
    background-color: #fff;
    padding: 55px 0 120px
}

.userdata__content {
    width: 100%
}

@media (max-width: 639px) {
    .layoutpanel__base .userdata__content {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .userdata__content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {
    .userdata__content {
        margin-left: 8.33333%;
        width: 75%
    }
}

@media (min-width: 768px) {
    .userdata__content {
        margin-left: 8.33333%;
        width: 66.66667%
    }
}

@media (min-width: 1024px) {
    .userdata__content {
        width: 41.66667%
    }
}

.userdata__hdl {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    padding-top: .56397em;
    padding-bottom: .30868em
}

body.fontsReady .userdata__hdl {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .userdata__hdl {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em
    }

    body.fontsReady .userdata__hdl {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.userdata__text,
.userdata__error {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px
}

body.fontsReady .userdata__text,
body.fontsReady .userdata__error {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.userdata__error {
    margin-top: 15px;
    color: #e20f0f
}

.userdata__report-btn {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    margin-top: 18px;
    cursor: pointer
}

body.fontsReady .userdata__report-btn {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.userdata__report-btn:hover {
    color: #e20f0f
}

.userdata__report-btn:hover>.userdata__dwn-icon {
    stroke: #e20f0f
}

.userdata__dwn-icon {
    width: 15px;
    height: 15px;
    stroke: #000;
    stroke-width: 4px;
    display: inline-block
}

.userdata__delete {
    margin-top: 53px
}

.userdata__delete-btn {
    margin-top: 23px;
    cursor: pointer
}

.userdata__notifier {
    padding: 50px
}

.userdata__notifierButtonWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

@media (min-width: 768px) {
    .userdata__notifierButtonWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: center
    }
}

.userdata__notifierButtonWrap .button {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 768px) {
    .userdata__notifierButtonWrap .button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.userdata__message {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px
}

body.fontsReady .userdata__message {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .userdata__message {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .userdata__message {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.userdata__acceptBtn {
    margin: 20px 0 0
}

@media (min-width: 768px) {
    .userdata__acceptBtn {
        margin: 0 20px 0 0
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.gigya-composite-control.gigya-composite-control-submit,
.gigya-composite-control.gigya-button-link {
    display: table-cell !important;
    padding-bottom: 0;
    position: relative
}

.gigya-composite-control.gigya-composite-control-submit input[type=submit],
.gigya-composite-control.gigya-composite-control-submit input[type=button],
.gigya-composite-control.gigya-button-link input[type=submit],
.gigya-composite-control.gigya-button-link input[type=button] {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .47539em;
    padding-bottom: .27961em;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    background-color: #e20f0f;
    border: 3px solid #e20f0f;
    color: #fff;
    cursor: pointer;
    height: auto;
    padding: 8px 40px 8px 12px;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: auto
}

body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=button],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=submit],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=button] {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.gigya-composite-control.gigya-composite-control-submit::after,
.gigya-composite-control.gigya-button-link::after {
    height: 18px;
    width: 28px;
    right: 8px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    pointer-events: none;
    position: absolute
}

.gigya-composite-control.gigya-composite-control-submit:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit:hover input[type=button],
.gigya-composite-control.gigya-button-link:hover input[type=submit],
.gigya-composite-control.gigya-button-link:hover input[type=button] {
    background-color: #fff;
    color: #e20f0f
}

.gigya-composite-control.gigya-composite-control-submit:hover::after,
.gigya-composite-control.gigya-button-link:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23e20f0f' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E")
}

#gigya-verification-sent-screen .gigya-composite-control-link,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile {
    display: table-cell !important;
    padding-bottom: 0;
    position: relative;
    content: none
}

#gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .47539em;
    padding-bottom: .27961em;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    background-color: #000;
    border: 3px solid #000;
    color: #fff;
    cursor: pointer;
    height: auto;
    padding: 8px 40px 8px 12px;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: auto
}

body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

#gigya-verification-sent-screen .gigya-composite-control-link::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile::after {
    height: 18px;
    width: 28px;
    right: 8px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    pointer-events: none;
    position: absolute
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=button] {
    background-color: #fff;
    color: #000
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.gigya-terms-error {
    border-radius: 0;
    border: 1px solid #e20f0f
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox] {
    display: none
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    position: relative
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label::before {
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #000;
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]+label .gigya-checkbox-text a {
    color: #e20f0f;
    font-size: inherit
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]:checked+label::before {
    background-color: #fff
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox input[type=checkbox]:checked+label::after {
    height: 15px;
    left: 3px;
    top: 9px;
    width: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='28' viewBox='0 0 36 28'%3E%3Cpath fill='%23e20f0f' fill-rule='nonzero' d='M32.036 0l3.535 3.536-19.997 19.996.004.004-3.536 3.535-.003-.004-.003.004L8.5 23.536l.003-.005L0 15.029l3.536-3.536 8.502 8.503L32.036 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    position: absolute
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise {
    display: inline-block !important;
    margin-bottom: 0;
    padding-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise:last-child {
    margin-bottom: 30px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label {
    margin: 0 15px 15px 0;
    padding-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label::after {
    display: none
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label .gigya-checkbox-text {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 3px 8px;
    -webkit-transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]+label .gigya-checkbox-text:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox.checkbox-area-expertise input[type=checkbox]:checked+label .gigya-checkbox-text {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #000
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-header {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
.screenset .gigya-screen select.gigya-country-code-select,
.screenset .gigya-screen input.gigya-input-password,
.screenset .gigya-screen input.gigya-input-text {
    font-size: 18px !important;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding: 8px 14px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #000;
    color: #000;
    width: 100%
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
body.fontsReady .screenset .gigya-screen select.gigya-country-code-select,
body.fontsReady .screenset .gigya-screen input.gigya-input-password,
body.fontsReady .screenset .gigya-screen input.gigya-input-text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select:focus,
.screenset .gigya-screen select.gigya-country-code-select:focus,
.screenset .gigya-screen input.gigya-input-password:focus,
.screenset .gigya-screen input.gigya-input-text:focus {
    padding: 8px 14px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select.gigya-error,
.screenset .gigya-screen select.gigya-country-code-select.gigya-error,
.screenset .gigya-screen input.gigya-input-password.gigya-error,
.screenset .gigya-screen input.gigya-input-text.gigya-error {
    border-radius: 0;
    border: 1px solid #e20f0f
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select.gigya-show-checkmark,
.screenset .gigya-screen select.gigya-country-code-select.gigya-show-checkmark,
.screenset .gigya-screen input.gigya-input-password.gigya-show-checkmark,
.screenset .gigya-screen input.gigya-input-text.gigya-show-checkmark {
    padding-right: 35px
}

.screenset .gigya-screen .gigya-input-text.gigya-subscriber-phone-number-input {
    width: calc(100% - 140px - 5px - 5px)
}

.screenset .gigya-screen .gigya-label,
.screenset .gigya-screen .gigya-legend {
    display: block
}

.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
.screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
    font-size: 19px !important;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 6px
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-label-text,
body.fontsReady .screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control-dropdown .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-textbox .gigya-required-display,
.screenset .gigya-screen .gigya-composite-control-password .gigya-required-display {
    float: left;
    padding-left: 0
}

.screenset .gigya-screen .forgot-password-cell a,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link) {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.fontsReady .screenset .gigya-screen .forgot-password-cell a,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-change-password-link,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link) {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset .gigya-screen .forgot-password-cell a::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link)::before {
    height: 11px;
    margin-right: 8px;
    width: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block
}

.screenset .gigya-screen .forgot-password-cell a:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link:hover,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link):hover {
    color: #e20f0f;
    text-decoration: none
}

.screenset .gigya-screen .forgot-password-cell a:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link):hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23e20f0f' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E")
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px
}

body.fontsReady .screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile,
body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile::before {
    height: 20px;
    margin-right: 5px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M8.42 3.697l6.899 2.858-7.963 19.221-6.9-2.857L8.42 3.697zM9.95 0l6.9 2.858-1.225 2.957-6.9-2.858L9.95 0zm-2.9 26.515L1.15 31l-1-7.343 6.9 2.858z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block
}

.screenset .gigya-screen .forgot-password-cell a.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-forgotPassword.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-change-password-link.gigya-composite-control-link-edit-profile:hover::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-link:not(.gigya-button-link).gigya-composite-control-link-edit-profile:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31'%3E%3Cpath fill='%23e1000f' fill-rule='nonzero' d='M8.42 3.697l6.899 2.858-7.963 19.221-6.9-2.857L8.42 3.697zM9.95 0l6.9 2.858-1.225 2.957-6.9-2.858L9.95 0zm-2.9 26.515L1.15 31l-1-7.343 6.9 2.858z'/%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-input-radio {
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
    pointer-events: none;
    position: absolute
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item {
    margin-bottom: 10px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item:last-child {
    margin-bottom: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 18px
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item label::before {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #000;
    box-shadow: 0 0 0 1px #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    width: 18px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:hover:not(:checked)+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:focus+label::before,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-multi-choice .gigya-multi-choice-item .gigya-input-radio:checked+label::before {
    background-color: #000
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select,
.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-phone-number-input .gigya-country-code-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.94 18'%3E%3Cpath fill='%23000' d='M-.002 2.918L14.97 18 29.942 2.918 27.003 0 14.97 12.122 2.936 0z'%3E%3C/path%3E%3C/svg%3E");
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 24px 22px
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-phone-number-input .gigya-country-code-select {
    margin-right: 5px;
    padding-right: 30px;
    width: 140px
}

.gigya-composite-control.gigya-composite-control-submit,
.gigya-composite-control.gigya-button-link {
    display: table-cell !important;
    padding-bottom: 0;
    position: relative
}

.gigya-composite-control.gigya-composite-control-submit input[type=submit],
.gigya-composite-control.gigya-composite-control-submit input[type=button],
.gigya-composite-control.gigya-button-link input[type=submit],
.gigya-composite-control.gigya-button-link input[type=button] {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .47539em;
    padding-bottom: .27961em;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    background-color: #e20f0f;
    border: 3px solid #e20f0f;
    color: #fff;
    cursor: pointer;
    height: auto;
    padding: 8px 40px 8px 12px;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: auto
}

body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit input[type=button],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=submit],
body.fontsReady .gigya-composite-control.gigya-button-link input[type=button] {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.gigya-composite-control.gigya-composite-control-submit::after,
.gigya-composite-control.gigya-button-link::after {
    height: 18px;
    width: 28px;
    right: 8px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    pointer-events: none;
    position: absolute
}

.gigya-composite-control.gigya-composite-control-submit:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit:hover input[type=button],
.gigya-composite-control.gigya-button-link:hover input[type=submit],
.gigya-composite-control.gigya-button-link:hover input[type=button] {
    background-color: #fff;
    color: #e20f0f
}

.gigya-composite-control.gigya-composite-control-submit:hover::after,
.gigya-composite-control.gigya-button-link:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23e20f0f' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E")
}

#gigya-verification-sent-screen .gigya-composite-control-link,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile {
    display: table-cell !important;
    padding-bottom: 0;
    position: relative;
    content: none
}

#gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .47539em;
    padding-bottom: .27961em;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    background-color: #000;
    border: 3px solid #000;
    color: #fff;
    cursor: pointer;
    height: auto;
    padding: 8px 40px 8px 12px;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: auto
}

body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=submit],
body.fontsReady #gigya-verification-sent-screen .gigya-composite-control-link input[type=button],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=submit],
body.fontsReady .gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile input[type=button] {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

#gigya-verification-sent-screen .gigya-composite-control-link::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile::after {
    height: 18px;
    width: 28px;
    right: 8px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    pointer-events: none;
    position: absolute
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=submit],
#gigya-verification-sent-screen .gigya-composite-control-link:hover input[type=button],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=submit],
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover input[type=button] {
    background-color: #fff;
    color: #000
}

#gigya-verification-sent-screen .gigya-composite-control-link:hover::after,
.gigya-composite-control.gigya-composite-control-submit.gigya-composite-control-link-cancel-edit-profile:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='25' viewBox='0 0 14 25'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M2.27 0L14 12 2.27 24 0 21.644 9.428 12 0 2.355z'/%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget {
    padding-right: 0
}

@media (min-width: 640px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget {
        padding-right: 16.66667%
    }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
    height: 150px !important;
    margin: 0 auto;
    width: 150px;
    border: none
}

@media (min-width: 640px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
        height: 230px !important;
        margin: 0;
        width: 230px
    }
}

@media (min-width: 768px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
        height: 280px !important;
        width: 280px
    }
}

@media (min-width: 1024px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
        height: 360px !important;
        width: 360px
    }
}

@media (min-width: 1280px) {
    .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper {
        height: 440px !important;
        width: 440px
    }
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper .gigya-myPhoto-status-icon {
    height: 20px;
    left: 15px;
    top: 15px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.488 69.604'%3E%3Cpath fill='%23fff' d='M0 8.744c0-1.2.228-2.328.686-3.386a8.87 8.87 0 0 1 1.886-2.786A8.933 8.933 0 0 1 5.358.686 8.437 8.437 0 0 1 8.743 0c1.2 0 2.329.229 3.387.686a8.983 8.983 0 0 1 2.787 1.886 8.919 8.919 0 0 1 1.885 2.786c.457 1.058.686 2.186.686 3.386s-.229 2.329-.686 3.386a8.913 8.913 0 0 1-1.885 2.786 8.904 8.904 0 0 1-2.787 1.886 8.433 8.433 0 0 1-3.387.686 8.42 8.42 0 0 1-3.385-.686 8.865 8.865 0 0 1-2.786-1.886A8.854 8.854 0 0 1 .686 12.13 8.428 8.428 0 0 1 0 8.744zM16.545 25.63v43.974H1.029V25.63h15.516z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: auto 80%;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper .gigya-myPhoto-form-wrapper {
    width: 100%;
    z-index: 0
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper:not(.gigya-myPhoto-status-uploaded) .gigya-myPhoto-profile-image {
    background-color: #bdbdbd !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' viewBox='0 0 20 30'%3E%3Ccircle fill='%23fff' cx='10' cy='7' r='7'/%3E%3Cpath fill='%23fff' d='M17.273 17H2.727L0 30h20z'/%3E%3C/svg%3E") !important;
    background-size: auto 70% !important
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-profile-box-wrapper.gigya-myPhoto-status-uploaded .gigya-myPhoto-profile-image {
    background-size: cover !important
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    padding: 10px 0
}

body.fontsReady .screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset .gigya-screen .gigya-composite-control.gigya-composite-control-my-photo-widget .gigya-myPhoto-upload-button::before {
    height: 20px;
    margin-right: 5px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M8.42 3.697l6.899 2.858-7.963 19.221-6.9-2.857L8.42 3.697zM9.95 0l6.9 2.858-1.225 2.957-6.9-2.858L9.95 0zm-2.9 26.515L1.15 31l-1-7.343 6.9 2.858z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block
}

.columncontrol__column .screenset .gigya-screen .gigya-login-form {
    padding-top: 57px
}

.screenset .gigya-screen .gigya-login-form .gigya-show-checkmark.gigya-valid {
    background-image: none
}

.screenset .gigya-screen.gigya-update-profile-screen {
    background-color: #fff;
    padding: 0 20px 20px !important
}

@media (min-width: 640px) {
    .screenset .gigya-screen.gigya-update-profile-screen {
        padding: 0 !important
    }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%
}

@media (min-width: 640px) {
    .screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {
    .screenset .gigya-screen.gigya-update-profile-screen .gigya-profile-form {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-row {
    text-align: left
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-cell {
    width: 100%
}

@media (min-width: 640px) {
    .screenset .gigya-screen.gigya-update-profile-screen .gigya-layout-cell {
        width: 50%
    }
}

.screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 12px;
    margin-bottom: 0
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen .gigya-composite-control-header {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise label {
    pointer-events: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise input[type=checkbox]:checked+label .gigya-checkbox-text {
    background-color: #fff;
    border-color: #000;
    color: #000
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .checkbox-area-expertise input[type=checkbox]:not(:checked)+label {
    display: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-status-icon,
.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-form-wrapper,
.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-myPhoto-upload-button-wrap {
    display: none
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-header {
    margin-top: 40px
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    margin: 30px 0 20px;
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

body.fontsReady .screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-view .gigya-composite-control-label.edit-profile-name {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-layout-cell {
    text-align: left
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-composite-control-submit {
    display: inline-block !important
}

.screenset .gigya-screen.gigya-update-profile-screen.gigya-update-profile-screen-edit .gigya-composite-control-link-cancel-edit-profile {
    margin-left: 15px
}

.screenset .gigya-screen#gigya-register-screen {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 639px) {
    .screenset .gigya-screen#gigya-register-screen .gigya-layout-cell {
        width: 100%;
        max-width: 100%;
        float: none
    }
}

@media (min-width: 640px) {
    .screenset .gigya-screen .gigya-register-form {
        width: 83.33333%
    }
}

@media (min-width: 768px) {
    .screenset .gigya-screen .gigya-register-form {
        width: 66.66667%
    }
}

@media (min-width: 1024px) {
    .screenset .gigya-screen .gigya-register-form {
        width: 50%
    }
}

@media (min-width: 1280px) {
    .screenset .gigya-screen .gigya-register-form {
        width: 33.33333%
    }
}

.screenset .gigya-screen .gigya-register-form .gigya-layout-cell>.gigya-composite-control-link {
    margin-top: 14px
}

.screenset .gigya-screen .gigya-register-form .gigya-layout-cell>.gigya-composite-control-link::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.screenset .gigya-screen .gigya-register-form .gigya-composite-control-submit {
    float: right
}

.screenset #Ceresit-Change-Password,
#Ceresit-Change-Password-Success {
    background-color: #fff
}

@media (min-width: 640px) {

    .screenset #Ceresit-Change-Password,
    #Ceresit-Change-Password-Success {
        padding: 0 !important
    }
}

.screenset #Ceresit-Change-Password .gigya-profile-form,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
#Ceresit-Change-Password-Success .gigya-profile-form,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
    padding-bottom: 30px;
    width: 100%
}

@media (min-width: 640px) {

    .screenset #Ceresit-Change-Password .gigya-profile-form,
    .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
    #Ceresit-Change-Password-Success .gigya-profile-form,
    #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .screenset #Ceresit-Change-Password .gigya-profile-form,
    .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
    #Ceresit-Change-Password-Success .gigya-profile-form,
    #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
        margin-left: 8.33333%;
        width: 66.66667%
    }
}

@media (min-width: 1024px) {

    .screenset #Ceresit-Change-Password .gigya-profile-form,
    .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form,
    #Ceresit-Change-Password-Success .gigya-profile-form,
    #Ceresit-Change-Password-Success .gigya-lite-account-progression-form {
        margin-left: 8.33333%;
        width: 41.66667%
    }
}

.screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
#Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    margin: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: left
}

body.fontsReady .screenset #Ceresit-Change-Password .gigya-profile-form .gigya-composite-control-header,
body.fontsReady .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .gigya-composite-control-header,
body.fontsReady #Ceresit-Change-Password-Success .gigya-profile-form .gigya-composite-control-header,
body.fontsReady #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .gigya-composite-control-header {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.screenset #Ceresit-Change-Password .gigya-profile-form .subscribe-thank-you p,
.screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .subscribe-thank-you p,
#Ceresit-Change-Password-Success .gigya-profile-form .subscribe-thank-you p,
#Ceresit-Change-Password-Success .gigya-lite-account-progression-form .subscribe-thank-you p {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    text-align: left
}

body.fontsReady .screenset #Ceresit-Change-Password .gigya-profile-form .subscribe-thank-you p,
body.fontsReady .screenset #Ceresit-Change-Password .gigya-lite-account-progression-form .subscribe-thank-you p,
body.fontsReady #Ceresit-Change-Password-Success .gigya-profile-form .subscribe-thank-you p,
body.fontsReady #Ceresit-Change-Password-Success .gigya-lite-account-progression-form .subscribe-thank-you p {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset {
    background-color: #fff
}

.screenset .gigya-show-checkmark.gigya-valid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle fill='%2300843d' cx='12' cy='12' r='11.5'/%3E%3Cpolygon fill='%23fff' fill-rule='evenodd' points='9.99 15.57 6.62 11.98 5.5 13.17 9.99 17.97 19.62 7.7 18.5 6.5 9.99 15.57'/%3E%3C/svg%3E")
}

.screenset .gigya-screen-content div.gigya-screen.landscape {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.screenset h1.gigya-screen-caption {
    display: none
}

.screenset .gigya-screen .gigya-composite-control {
    margin-bottom: 15px
}

.screenset .gigya-screen .gigya-required-display,
.screenset .gigya-screen .gigya-label-text,
.screenset .gigya-screen .gigya-legend-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-code-remember-label,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-label,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-subtext,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-code-phonenumber,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-number,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-example,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-register-type span,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-header-text,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-type span,
.screenset .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-resend-yourphone,
.screenset .gigya-screen * {
    color: #000
}

.screenset .gigya-screen.mobile,
.screenset .gigya-screen.portrait,
.screenset .gigya-screen.landscape {
    width: 100%;
    padding: 0
}

.screenset .gigya-screen .gigya-error-display.gigya-error-display-active .gigya-form-error-msg.gigya-error-msg-active {
    background-color: #e20f0f;
    border-radius: 0;
    color: #fff
}

.screenset .gigya-screen .gigya-error-display.gigya-error-display-active .gigya-form-error-msg.gigya-error-msg-active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' version='1.1' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff'%3E%3Cg transform='scale(2.66667)'%3E%3Cpath d='M0,38h44l-22,-38l-22,38Zm24,-6h-4v-4h4v4Zm0,-8h-4v-8h4v8Z' transform='translate(2, 4)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg,
.screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    letter-spacing: .09px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e20f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

body.fontsReady .screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg,
body.fontsReady .screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.screenset .gigya-screen .gigya-error-msg-active.gigya-form-error-msg::before,
.screenset .gigya-screen .gigya-error-msg.gigya-error-msg-active::before {
    height: 20px;
    margin-right: 5px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' version='1.1' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23e20f0f'%3E%3Cg transform='scale(2.66667)'%3E%3Cpath d='M0,38h44l-22,-38l-22,38Zm24,-6h-4v-4h4v4Zm0,-8h-4v-8h4v8Z' transform='translate(2, 4)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block
}

.screenset .gigya-screen .gigya-label-as-text {
    display: block !important;
    text-align: left !important;
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px
}

body.fontsReady .screenset .gigya-screen .gigya-label-as-text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.columncontrol__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .columncontrol__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .columncontrol__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.columncontrol__title .text-line {
    display: block
}

.layoutpanel .columncontrol__title {
    color: #000
}

.columncontrol__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .columncontrol__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel .columncontrol__subtitle {
    color: #000
}

.columncontrol__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000
}

body.fontsReady .columncontrol__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .columncontrol__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .columncontrol__text {
    color: #000
}

.columncontrol__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .columncontrol__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .columncontrol__customLink {
        padding: 0
    }
}

.columncontrol .columncontrol__customLink .button {
    margin-bottom: 20px
}

.layoutpanel__base .columncontrol:first-child .columncontrol__general {
    margin-top: 0
}

@media (max-width: 639px) {
    :not(.layoutpanel__container)>.columncontrol .columncontrol__general {
        padding-left: 20px;
        padding-right: 20px
    }
}

.columncontrol__text-wrapper {
    margin-bottom: 30px;
    margin-top: 60px
}

.columncontrol__buttonwrapper {
    margin-bottom: 60px;
    margin-top: 30px
}

.columncontrol__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .columncontrol__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .columncontrol__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.columncontrol__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.27778em
}

body.fontsReady .columncontrol__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.25em
    }

    body.fontsReady .columncontrol__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.columncontrol__text-wrapper,
.columncontrol__buttonwrapper {
    margin-left: 0;
    width: 100%
}

@media (max-width: 639px) {

    .layoutpanel__base .columncontrol__text-wrapper,
    .layoutpanel__base .columncontrol__buttonwrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .columncontrol__text-wrapper,
    .layoutpanel__base .columncontrol__base .columncontrol__buttonwrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.layoutpanel__base .columncontrol__text-wrapper,
.layoutpanel__base .columncontrol__buttonwrapper {
    width: 100%
}

.layoutpanel__base .columncontrol__base--content-width .columncontrol__text-wrapper,
.layoutpanel__base .columncontrol__base--content-width .columncontrol__buttonwrapper {
    margin: 0;
    width: 100%
}

.columncontrol__base--control-white {
    background-clip: content-box;
    background-color: #fff
}

.columncontrol__base--control-transparent {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    margin-top: 20px
}

@media (min-width: 768px) {
    .columncontrol__base--column-white {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .text__base {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px
}

@media (min-width: 640px) {

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:last-child div[class*='__base'],
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:last-child div[class*='__base'] {
        padding-bottom: 80px
    }

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:first-child div[class*='__base'],
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:first-child div[class*='__base'] {
        padding-top: 20px
    }
}

@media (min-width: 768px) {

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:last-child div[class*='__base'],
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:last-child div[class*='__base'] {
        padding-bottom: 0
    }

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:first-child div[class*='__base'],
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:first-child div[class*='__base'] {
        padding-top: 0
    }
}

.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image,
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video,
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser,
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .calltoaction {
    margin-left: 20px;
    margin-right: 20px
}

.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:last-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:last-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:last-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .calltoaction:last-child div[class*='__base'] {
    padding-bottom: 80px
}

.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .image:first-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .video:first-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:first-child div[class*='__base'],
.layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .calltoaction:first-child div[class*='__base'] {
    padding-top: 20px
}

.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction__base {
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width: 640px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction__base {
        margin-left: auto;
        margin-right: auto;
        width: 83.33333%
    }
}

.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser__base,
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction__base {
    margin: 20px
}

@media (min-width: 640px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction__base {
        margin-left: calc(8.33333% - 20px / 2);
        margin-right: calc(8.33333% - 20px / 2)
    }
}

@media (min-width: 768px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction__base {
        margin-left: auto;
        margin-right: auto;
        width: 66%
    }
}

.layoutpanel__base .columncontrol__base--control-transparent {
    padding-bottom: 0;
    padding-top: 0
}

.layoutpanel__base .columncontrol__base--control-transparent .columncontrol__column>.text .text__base,
.layoutpanel__base .columncontrol__base--control-transparent .video__base {
    padding: 20px
}

.columncontrol__base--column-white .columncontrol__column {
    background-clip: content-box;
    background-color: #fff;
    margin-top: 20px
}

@media (min-width: 768px) {
    .columncontrol__base--column-white .columncontrol__column {
        margin-top: 0
    }
}

.columncontrol__base--control-white .columncontrol__column+.columncontrol__column,
.columncontrol__base--control-transparent .columncontrol__column {
    margin-top: 20px
}

@media (min-width: 768px) {

    .columncontrol__base--control-white .columncontrol__column+.columncontrol__column,
    .columncontrol__base--control-transparent .columncontrol__column {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .columncontrol__wrapper {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px
    }

    .columncontrol__wrapper::before,
    .columncontrol__wrapper::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .columncontrol__wrapper::after {
        clear: both
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .columncontrol__wrapper {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width: 768px) {
    .layoutpanel__base .columncontrol__base--column-white .columncontrol__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.layoutpanel__base .columncontrol__base--control-white .columncontrol__wrapper {
    padding: 50px 20px;
    width: 100%
}

@media (min-width: 640px) {
    .layoutpanel__base .columncontrol__base--control-white .columncontrol__wrapper {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {
    .layoutpanel__base .columncontrol__base--control-white .columncontrol__wrapper {
        margin-left: calc(8.33333% - 10px);
        padding: 80px 0;
        width: calc(83.33333% + 20px)
    }
}

.layoutpanel__base .columncontrol__base--control-transparent.columncontrol__base--default-width .columncontrol__wrapper {
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width: 640px) {
    .layoutpanel__base .columncontrol__base--control-transparent.columncontrol__base--default-width .columncontrol__wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 85%
    }
}

.columncontrol__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 1em;
    color: #000
}

body.fontsReady .columncontrol__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em;
        margin-top: .64516em
    }

    body.fontsReady .columncontrol__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.columncontrol__title .text-line {
    display: block
}

.layoutpanel .columncontrol__title {
    color: #000
}

.columncontrol__subtitle {
    color: #000
}

.layoutpanel .columncontrol__subtitle {
    color: #000
}

.columncontrol__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.27778em;
    color: #000
}

body.fontsReady .columncontrol__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .columncontrol__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.25em
    }

    body.fontsReady .columncontrol__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .columncontrol__text {
    color: #000
}

.columncontrol__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .columncontrol__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .columncontrol__customLink {
        padding: 0
    }
}

.columncontrol .columncontrol__customLink .button {
    margin-bottom: 20px
}

.columncontrol__base {
    position: relative;
    z-index: 9
}

.layoutpanel+.columncontrol .columncontrol__base {
    margin-top: 40px
}

@media (min-width: 1024px) {
    .layoutpanel+.columncontrol .columncontrol__base {
        margin-top: 60px
    }
}

.columncontrol__base .teaserlist {
    margin-top: 0
}

.columncontrol__base--control-transparent {
    background-color: rgba(0, 0, 0, 0)
}

@media (max-width: 639px) {

    :not(.layoutpanel__container)>.columncontrol .columncontrol__base--column-white.columncontrol__base--content-width,
    :not(.layoutpanel__container)>.columncontrol .columncontrol__base--control-white,
    :not(.layoutpanel__container)>.columncontrol .columncontrol__base--control-transparent {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 640px) {
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:last-child div[class*='__base'] {
        padding-bottom: 80px
    }

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:first-child div[class*='__base'] {
        padding-top: 20px
    }
}

@media (min-width: 768px) {
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:last-child div[class*='__base'] {
        padding-bottom: 0
    }

    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser:first-child div[class*='__base'] {
        padding-top: 0
    }
}

@media (max-width: 639px) {
    .layoutpanel .columncontrol__base--column-white.columncontrol__base--content-width .teaser__base {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video__base,
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser__base {
        padding: 0
    }
}

.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:last-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:last-child div[class*='__base'] {
    padding-bottom: 20px
}

@media (min-width: 640px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:last-child div[class*='__base'] {
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:last-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:last-child div[class*='__base'] {
        margin-bottom: 80px;
        padding-bottom: 0
    }
}

.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:first-child div[class*='__base'],
.columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:first-child div[class*='__base'] {
    padding-top: 20px
}

@media (min-width: 640px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:first-child div[class*='__base'] {
        padding-top: 50px
    }
}

@media (min-width: 768px) {

    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .text:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .image:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .video:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .teaser:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt0 .calltoaction:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .text:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .image:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .video:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .teaser:first-child div[class*='__base'],
    .columncontrol__base--column-white.columncontrol__base--default-width .columncontrol__column--lt1 .calltoaction:first-child div[class*='__base'] {
        margin-top: 80px;
        padding-top: 0
    }
}

.layoutpanel__base .columncontrol__base--control-transparent .teaser__base {
    background: rgba(0, 0, 0, 0)
}

.layoutpanel__base .columncontrol__base--control-transparent .columncontrol__column>.text .text__base {
    padding: 5px 20px 20px
}

.layoutpanel__base .columncontrol__base--control-transparent .video__headlines-wrapper {
    padding: 0 20px
}

.layoutpanel__base .columncontrol__base--control-transparent .video__base {
    padding: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .columncontrol__base--control-transparent.columncontrol__base--content-width {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt0 {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt0 {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt1 {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt1 {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt2:first-child {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .columncontrol__column--lt2:last-child {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt2:first-child {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .stage__dropzone .columncontrol__column--lt2:last-child {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt3:first-child {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .columncontrol__column--lt3:last-child {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt3:first-child {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .stage__dropzone .columncontrol__column--lt3:last-child {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt4 {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt4 {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt5 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .columncontrol__column--lt5:last-child {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt5 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .stage__dropzone .columncontrol__column--lt5:last-child {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt6 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .columncontrol__column--lt6:first-child {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt6 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .stage__dropzone .columncontrol__column--lt6:first-child {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .columncontrol__column--lt7 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .stage__dropzone .columncontrol__column--lt7 {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.comparebar__base {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f6f7fa;
    z-index: 14
}

.comparebar__wrap {
    text-align: center
}

.comparebar__wrapper {
    overflow: auto;
    padding: 20px 0
}

@media (min-width: 768px) {
    .comparebar__wrapper {
        overflow: visible
    }
}

.comparebar__wrapper--suggest {
    overflow: visible
}

.comparebar__productWrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 768px) {
    .comparebar__productWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.comparebar__wrapper--suggest .comparebar__productWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comparebar__productContainer {
    height: 40px;
    width: 240px;
    padding: 0 7px;
    opacity: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

@media (min-width: 768px) {
    .comparebar__productContainer {
        width: 25%
    }
}

.comparebar__productContainer--isFocused {
    width: 100%
}

@media (min-width: 768px) {
    .comparebar__productContainer--isFocused {
        width: 50%
    }
}

.comparebar__productContainer--isHidden {
    width: 0;
    opacity: 0;
    padding: 0
}

.comparebar__productItem {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff;
    border: 1px solid #313a3d
}

.comparebar__productName {
    padding: 0 10px;
    max-width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.comparebar__productClose {
    margin-left: -10px;
    float: right;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #e1000f;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer
}

.comparebar__productClose .heli__svg-icons {
    pointer-events: none;
    width: 100%;
    height: 100%
}

.comparebar__productClose .heli__svg-icon {
    width: 20px
}

.comparebar__productClose.hasFocus {
    margin-right: 5px;
    padding: 0;
    width: 30px;
    height: 30px
}

.comparebar__compareBtn {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 40px;
    display: inline-block;
    margin: 0 auto 10px;
    text-decoration: none;
    background-color: #e1000f;
    border: 1px solid #ff959c;
    color: #fff
}

body.fontsReady .comparebar__compareBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .comparebar__compareBtn {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .comparebar__compareBtn {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.comparebar__compareBtn:hover {
    background-color: #84010a
}

.comparebar__compareBtn--isDisabled:hover,
.comparebar__compareBtn--isDisabled {
    background-color: #ff7b84;
    pointer-events: none
}

.comparebar__clearAll {
    padding: 10px 40px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.comparecontrol__base {
    position: relative;
    overflow: auto;
    padding: 0
}

@media (min-width: 768px) {
    .comparecontrol__base {
        overflow: visible
    }
}

.comparecontrol__backBtn {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    margin-top: 5px;
    color: #5f6973
}

body.fontsReady .comparecontrol__backBtn {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .comparecontrol__backBtn {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .comparecontrol__backBtn {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media print {
    .comparecontrol__backBtn {
        display: none
    }
}

@media (min-width: 1024px) {
    .comparecontrol__backBtn {
        margin-left: 0
    }
}

.comparecontrol__caption {
    display: table-caption
}

.comparecontrol__backArrow {
    width: 15px;
    height: 15px;
    display: inline-block;
    color: #5f6973
}

.comparecontrol__backArrow .heli__svg-icon {
    margin-left: -8px
}

.comparecontrol__titleWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .comparecontrol__titleWrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.comparecontrol__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding: 10px 10px 20px;
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body.fontsReady .comparecontrol__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .comparecontrol__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .comparecontrol__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.comparecontrol__download {
    margin-left: 10px;
    margin-right: 10px
}

@media print {
    .comparecontrol__download {
        display: none
    }
}

@media (min-width: 1024px) {
    .comparecontrol__download {
        margin-right: 0
    }
}

.comparecontrol__disclaimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff5dc;
    margin-bottom: 20px;
    padding: 15px;
    width: 100%;
    max-width: 690px
}

.comparecontrol__disclaimer--icon {
    width: 20px;
    height: 30px;
    margin-right: 10px
}

.comparecontrol__disclaimer--icon .heli__svg-icons {
    height: 100%
}

.comparecontrol__disclaimer--text {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body.fontsReady .comparecontrol__disclaimer--text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.comparecontrol__headerWrap {
    position: relative
}

.comparecontrol__header,
.comparecontrol__rowBody {
    zoom: 1;
    width: 100%;
    margin-bottom: 15px
}

.comparecontrol__header::before,
.comparecontrol__header::after,
.comparecontrol__rowBody::before,
.comparecontrol__rowBody::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.comparecontrol__header::after,
.comparecontrol__rowBody::after {
    clear: both
}

.comparecontrol__header--3,
.comparecontrol__header--4,
.comparecontrol__rowBody--3,
.comparecontrol__rowBody--4 {
    min-width: 1200px
}

.comparecontrol__rowBody {
    padding: 5px 0
}

.comparecontrol__header {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-bottom: 20px
}

.comparecontrol__headerTitleWrap {
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 25px;
    z-index: 1
}

@media print {
    .comparecontrol__headerTitleWrap {
        position: static
    }
}

.comparecontrol__headerImgWrap,
.comparecontrol__headerItem {
    text-align: center
}

@media (min-width: 0) {

    .comparecontrol__headerImgWrap,
    .comparecontrol__headerItem,
    .comparecontrol__rowInfo {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 0) {

    .comparecontrol__header--2 .comparecontrol__headerImgWrap,
    .comparecontrol__rowBody--2 .comparecontrol__headerImgWrap,
    .comparecontrol__header--2 .comparecontrol__headerItem,
    .comparecontrol__rowBody--2 .comparecontrol__headerItem,
    .comparecontrol__header--2 .comparecontrol__rowInfo,
    .comparecontrol__rowBody--2 .comparecontrol__rowInfo {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 0) {

    .comparecontrol__header--3 .comparecontrol__headerImgWrap,
    .comparecontrol__rowBody--3 .comparecontrol__headerImgWrap,
    .comparecontrol__header--3 .comparecontrol__headerItem,
    .comparecontrol__rowBody--3 .comparecontrol__headerItem,
    .comparecontrol__header--3 .comparecontrol__rowInfo,
    .comparecontrol__rowBody--3 .comparecontrol__rowInfo {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 0) {

    .comparecontrol__header--4 .comparecontrol__headerImgWrap,
    .comparecontrol__rowBody--4 .comparecontrol__headerImgWrap,
    .comparecontrol__header--4 .comparecontrol__headerItem,
    .comparecontrol__rowBody--4 .comparecontrol__headerItem,
    .comparecontrol__header--4 .comparecontrol__rowInfo,
    .comparecontrol__rowBody--4 .comparecontrol__rowInfo {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.comparecontrol__headerImg {
    max-width: 130px;
    max-height: 130px;
    height: auto
}

@media (min-width: 1024px) {
    .comparecontrol__headerImg {
        max-width: 200px;
        max-height: 200px
    }
}

.comparecontrol__headerTitle {
    padding: 10px 0;
    text-align: center;
    max-height: 36px
}

.comparecontrol__headerItem {
    padding: 0 10px;
    background-color: #f6f7fa
}

.comparecontrol__rowInfo {
    padding: 0 10px
}

.comparecontrol__rowHeader {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    border-bottom: 1px solid #afb4b9;
    color: #000;
    padding: 5px 10px
}

body.fontsReady .comparecontrol__rowHeader {
    font-family: "MiloWebPro", Arial, sans-serif
}

.comparecontrol__sectionTitle {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    padding: 10px 10px 12px
}

body.fontsReady .comparecontrol__sectionTitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .comparecontrol__sectionTitle {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .comparecontrol__sectionTitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .comparecontrol__sectionTitle {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .comparecontrol__sectionTitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.comparecontrol__headerLink {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

@media (min-width: 1024px) {
    .comparecontrol__headerLink:hover {
        text-decoration: underline
    }
}

.comparecontrol__noData {
    margin-bottom: 50px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.contentreference__base {
    margin-bottom: 30px
}

.contentreference__base h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .contentreference__base h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .contentreference__base h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em
}

body.fontsReady .contentreference__base h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em
    }

    body.fontsReady .contentreference__base h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .contentreference__base h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em
    }

    body.fontsReady .contentreference__base h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .contentreference__base h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contentreference__base h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em
}

body.fontsReady .contentreference__base h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em
    }

    body.fontsReady .contentreference__base h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base h6 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .67776em;
    padding-bottom: .49829em
}

body.fontsReady .contentreference__base h6 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contentreference__base p {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000
}

body.fontsReady .contentreference__base p {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base p {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .contentreference__base p {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contentreference__base *+h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: .4em
}

body.fontsReady .contentreference__base *+h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base *+h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em;
        margin-top: .64516em
    }

    body.fontsReady .contentreference__base *+h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base *+h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em;
    margin-top: 0em
}

body.fontsReady .contentreference__base *+h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base *+h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em;
        margin-top: 0em
    }

    body.fontsReady .contentreference__base *+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .contentreference__base *+h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em;
        margin-top: 0em
    }

    body.fontsReady .contentreference__base *+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base *+h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 0em
}

body.fontsReady .contentreference__base *+h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contentreference__base *+h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em;
    margin-top: 0em
}

body.fontsReady .contentreference__base *+h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__base *+h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em;
        margin-top: 0em
    }

    body.fontsReady .contentreference__base *+h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base *+h6 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .67776em;
    padding-bottom: .49829em;
    margin-top: 0em
}

body.fontsReady .contentreference__base *+h6 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contentreference__base p+h2,
.contentreference__base ol+h2,
.contentreference__base ul+h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 2em
}

body.fontsReady .contentreference__base p+h2,
body.fontsReady .contentreference__base ol+h2,
body.fontsReady .contentreference__base ul+h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base p+h2,
    .contentreference__base ol+h2,
    .contentreference__base ul+h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em;
        margin-top: 2.25806em
    }

    body.fontsReady .contentreference__base p+h2,
    body.fontsReady .contentreference__base ol+h2,
    body.fontsReady .contentreference__base ul+h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base p+h3,
.contentreference__base ol+h3,
.contentreference__base ul+h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em;
    margin-top: 1.05263em
}

body.fontsReady .contentreference__base p+h3,
body.fontsReady .contentreference__base ol+h3,
body.fontsReady .contentreference__base ul+h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base p+h3,
    .contentreference__base ol+h3,
    .contentreference__base ul+h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em;
        margin-top: 1.2em
    }

    body.fontsReady .contentreference__base p+h3,
    body.fontsReady .contentreference__base ol+h3,
    body.fontsReady .contentreference__base ul+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {

    .contentreference__base p+h3,
    .contentreference__base ol+h3,
    .contentreference__base ul+h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em;
        margin-top: 1.03448em
    }

    body.fontsReady .contentreference__base p+h3,
    body.fontsReady .contentreference__base ol+h3,
    body.fontsReady .contentreference__base ul+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base p+h4,
.contentreference__base ol+h4,
.contentreference__base ul+h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 1.2em
}

body.fontsReady .contentreference__base p+h4,
body.fontsReady .contentreference__base ol+h4,
body.fontsReady .contentreference__base ul+h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.contentreference__base p+h5,
.contentreference__base ol+h5,
.contentreference__base ul+h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em;
    margin-top: 1.76471em
}

body.fontsReady .contentreference__base p+h5,
body.fontsReady .contentreference__base ol+h5,
body.fontsReady .contentreference__base ul+h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base p+h5,
    .contentreference__base ol+h5,
    .contentreference__base ul+h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em;
        margin-top: 1.42857em
    }

    body.fontsReady .contentreference__base p+h5,
    body.fontsReady .contentreference__base ol+h5,
    body.fontsReady .contentreference__base ul+h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.contentreference__base p+p,
.contentreference__base p+ol,
.contentreference__base p+ul,
.contentreference__base ol+p,
.contentreference__base ol+ol,
.contentreference__base ol+ul,
.contentreference__base ul+p,
.contentreference__base ul+ol,
.contentreference__base ul+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: 0em
}

body.fontsReady .contentreference__base p+p,
body.fontsReady .contentreference__base p+ol,
body.fontsReady .contentreference__base p+ul,
body.fontsReady .contentreference__base ol+p,
body.fontsReady .contentreference__base ol+ol,
body.fontsReady .contentreference__base ol+ul,
body.fontsReady .contentreference__base ul+p,
body.fontsReady .contentreference__base ul+ol,
body.fontsReady .contentreference__base ul+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base p+p,
    .contentreference__base p+ol,
    .contentreference__base p+ul,
    .contentreference__base ol+p,
    .contentreference__base ol+ol,
    .contentreference__base ol+ul,
    .contentreference__base ul+p,
    .contentreference__base ul+ol,
    .contentreference__base ul+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 0em
    }

    body.fontsReady .contentreference__base p+p,
    body.fontsReady .contentreference__base p+ol,
    body.fontsReady .contentreference__base p+ul,
    body.fontsReady .contentreference__base ol+p,
    body.fontsReady .contentreference__base ol+ol,
    body.fontsReady .contentreference__base ol+ul,
    body.fontsReady .contentreference__base ul+p,
    body.fontsReady .contentreference__base ul+ol,
    body.fontsReady .contentreference__base ul+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contentreference__base h2+p,
.contentreference__base h2+ol,
.contentreference__base h2+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: .55556em
}

body.fontsReady .contentreference__base h2+p,
body.fontsReady .contentreference__base h2+ol,
body.fontsReady .contentreference__base h2+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base h2+p,
    .contentreference__base h2+ol,
    .contentreference__base h2+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 1em
    }

    body.fontsReady .contentreference__base h2+p,
    body.fontsReady .contentreference__base h2+ol,
    body.fontsReady .contentreference__base h2+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contentreference__base h3+p,
.contentreference__base h3+ol,
.contentreference__base h3+ul,
.contentreference__base h4+p,
.contentreference__base h4+ol,
.contentreference__base h4+ul,
.contentreference__base h5+p,
.contentreference__base h5+ol,
.contentreference__base h5+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: 0em
}

body.fontsReady .contentreference__base h3+p,
body.fontsReady .contentreference__base h3+ol,
body.fontsReady .contentreference__base h3+ul,
body.fontsReady .contentreference__base h4+p,
body.fontsReady .contentreference__base h4+ol,
body.fontsReady .contentreference__base h4+ul,
body.fontsReady .contentreference__base h5+p,
body.fontsReady .contentreference__base h5+ol,
body.fontsReady .contentreference__base h5+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base h3+p,
    .contentreference__base h3+ol,
    .contentreference__base h3+ul,
    .contentreference__base h4+p,
    .contentreference__base h4+ol,
    .contentreference__base h4+ul,
    .contentreference__base h5+p,
    .contentreference__base h5+ol,
    .contentreference__base h5+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 0em
    }

    body.fontsReady .contentreference__base h3+p,
    body.fontsReady .contentreference__base h3+ol,
    body.fontsReady .contentreference__base h3+ul,
    body.fontsReady .contentreference__base h4+p,
    body.fontsReady .contentreference__base h4+ol,
    body.fontsReady .contentreference__base h4+ul,
    body.fontsReady .contentreference__base h5+p,
    body.fontsReady .contentreference__base h5+ol,
    body.fontsReady .contentreference__base h5+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contentreference__base h6+p,
.contentreference__base h6+ol,
.contentreference__base h6+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.83333em
}

body.fontsReady .contentreference__base h6+p,
body.fontsReady .contentreference__base h6+ol,
body.fontsReady .contentreference__base h6+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .contentreference__base h6+p,
    .contentreference__base h6+ol,
    .contentreference__base h6+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.75em
    }

    body.fontsReady .contentreference__base h6+p,
    body.fontsReady .contentreference__base h6+ol,
    body.fontsReady .contentreference__base h6+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.contentreference__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #000
}

body.fontsReady .contentreference__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .contentreference__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .contentreference__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.cookienote__box,
.onetrustcookienote__box {
    height: 0;
    -webkit-transition: height 0.3s linear;
    transition: height 0.3s linear;
    position: fixed;
    z-index: 28;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.cookienote__content,
.onetrustcookienote__content {
    padding: 15px 20px 20px;
    border: 1px solid #5f6973;
    background-color: rgba(255, 255, 255, 0.95);
    color: #000
}

.cookienote__container,
.onetrustcookienote__container {
    padding-top: 25px;
    position: relative
}

@media (min-width: 640px) {

    .cookienote__container,
    .onetrustcookienote__container {
        padding: 0
    }
}

.cookienote__title,
.onetrustcookienote__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 17px
}

body.fontsReady .cookienote__title,
body.fontsReady .onetrustcookienote__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .cookienote__title,
    .onetrustcookienote__title {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px
    }

    body.fontsReady .cookienote__title,
    body.fontsReady .onetrustcookienote__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.cookienote__text,
.onetrustcookienote__text {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    margin-bottom: 17px
}

body.fontsReady .cookienote__text,
body.fontsReady .onetrustcookienote__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.cookienote__details,
.onetrustcookienote__details {
    margin-bottom: 17px
}

.cookienote__link,
.onetrustcookienote__link {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    letter-spacing: .09px
}

body.fontsReady .cookienote__link,
body.fontsReady .onetrustcookienote__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.cookienote__link:focus,
.onetrustcookienote__link:focus {
    text-decoration: underline
}

.cookienote__button+.cookienote__button,
.onetrustcookienote__button+.cookienote__button,
.cookienote__button+.onetrustcookienote__button,
.onetrustcookienote__button+.onetrustcookienote__button {
    margin-left: 20px
}

.cookienote__button.button,
.onetrustcookienote__button.button {
    margin-bottom: 10px
}

@media (min-width: 640px) {

    .cookienote__button.button,
    .onetrustcookienote__button.button {
        margin-bottom: 0
    }
}

.cookienote__buttons,
.onetrustcookienote__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 20px;
    text-align: center
}

@media (min-width: 640px) {

    .cookienote__buttons,
    .onetrustcookienote__buttons {
        text-align: left
    }
}

.cookienote__button,
.onetrustcookienote__button {
    cursor: pointer
}

.cookienote__placeholderWrapper,
.onetrustcookienote__placeholderWrapper {
    display: none
}

.cookienote__placeholder,
.onetrustcookienote__placeholder {
    margin: 30px 0;
    text-align: center
}

.cookienote__placeholderImage,
.onetrustcookienote__placeholderImage {
    display: block;
    margin: 0 auto 30px;
    max-width: 200px
}

.cookienote__closeButton.button,
.onetrustcookienote__closeButton.button {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 30px
}

body.fontsReady .cookienote__closeButton.button,
body.fontsReady .onetrustcookienote__closeButton.button {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.cookienote__closeButton.button:hover,
.onetrustcookienote__closeButton.button:hover {
    color: #e20f0f
}

.cookienote__closeButton.button .heli__svg-icons,
.onetrustcookienote__closeButton.button .heli__svg-icons {
    padding: 2px 15px 0 5px
}

.cookienote__closeButton.button .heli__svg-icon,
.onetrustcookienote__closeButton.button .heli__svg-icon {
    height: 16px;
    width: 16px
}

.cookienote__closeIcon,
.onetrustcookienote__closeIcon {
    padding-left: 10px
}

.cookienote__closeIcon .heli__svg-icon,
.onetrustcookienote__closeIcon .heli__svg-icon {
    display: block
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.cookieswitch__base {
    margin-bottom: 50px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.documentlink__base {
    padding: 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity
}

.documentlink__base,
.documentlink__base:visited {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #2c3487
}

body.fontsReady .documentlink__base,
body.fontsReady .documentlink__base:visited {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {

    .documentlink__base,
    .documentlink__base:visited {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .documentlink__base,
    body.fontsReady .documentlink__base:visited {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.documentlink__icon {
    margin-right: 15px;
    width: 30px;
    height: 30px
}

@media print {
    .documentlink__icon {
        display: none
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.externalcontent__iframe {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.externalcontent__iframe--scrollingEnabled {
    overflow: scroll
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.footer {
    background-color: #000;
    margin-top: 60px;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width: 768px) {
    .footer {
        padding-top: 30px
    }
}

@media (min-width: 1024px) {
    .footer {
        padding-bottom: 0
    }
}

@media print {
    .footer {
        display: none
    }
}

.footer__base .footer__legalWrap {
    border-top: 1px solid #979797;
    padding: 15px 0 0
}

.footer .linklist__base {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .footer .linklist__base {
        margin-bottom: 30px
    }
}

.footer .linklist__collapsable-isOpen .linklist__item {
    opacity: 1
}

@media (min-width: 768px) {
    .footer__linksWrap {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: 10px
    }

    .footer__linksWrap::before,
    .footer__linksWrap::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .footer__linksWrap::after {
        clear: both
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .footer__linksWrap {
        margin-left: -10px;
        margin-right: -10px
    }
}

.footer__socialWrap {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .footer__socialWrap {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 5px
    }
}

@media (min-width: 1280px) {
    .footer__socialWrap {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.footer__socialWrap .link__icon {
    color: #fff;
    height: 45px;
    margin-right: 0;
    width: 45px;
    -webkit-transition: color .235s ease-in, background-color .235s ease-in;
    transition: color .235s ease-in, background-color .235s ease-in
}

.footer__socialWrap .link__icon:hover {
    color: #fff;
    cursor: pointer
}

.footer__socialWrap .link__icon .heli__svg-icon {
    pointer-events: none
}

.footer__socialWrap .linklist__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 100%
}

.footer__socialWrap .linklist__item {
    margin-right: 15px
}

@media (min-width: 768px) {
    .footer__socialWrap .linklist__item {
        margin-right: 20px
    }
}

.footer__socialWrap .linklist__item:last-child {
    margin-right: 0
}

.footer__socialWrap .linklist__titleWrap {
    margin: 15px 0;
    width: 100%
}

.footer__socialWrap .linklist__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}

body.fontsReady .footer__socialWrap .linklist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .footer__socialWrap .linklist__title {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 24px
    }

    body.fontsReady .footer__socialWrap .linklist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .footer__socialWrap .linklist__title {
        margin: 0
    }
}

.footer__socialWrap .link__title {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

.footer__socialWrap .link__anchor {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #fff
}

body.fontsReady .footer__socialWrap .link__anchor {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.footer__legalWrap {
    border-top: 1px solid #979797;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

@media (min-width: 768px) {
    .footer__legalWrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__legalWrap-noBorder {
    border-top: 0
}

@media (min-width: 768px) {
    .footer__linkSection {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .footer__linkSection {
        width: 16.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .footer__linkSection .linklist__base {
        margin-bottom: 50px
    }
}

.footer__linkSection .linklist__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    margin: 25px 0
}

body.fontsReady .footer__linkSection .linklist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .footer__linkSection .linklist__title {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 24px
    }

    body.fontsReady .footer__linkSection .linklist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .footer__linkSection .linklist__title {
        margin: 0 0 20px
    }
}

.footer__linkSection .linklist__item {
    margin: 0 0 10px
}

.footer__linkSection .linklist__item.linklist__collapsable {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.footer__linkSection .link__anchor {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

body.fontsReady .footer__linkSection .link__anchor {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.footer__linkSection .link__anchor:visited {
    color: #fff
}

.footer__linkSection .link__anchor:hover {
    color: #e20f0f
}

.footer__linkSection .linklist__collapsable {
    border-bottom: 1px solid #979797
}

.footer__legal {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .footer__legal {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width: 1024px) {
    .footer__legal {
        margin-bottom: 0
    }
}

.footer__legal .linklist__item {
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 100%
}

@media (min-width: 768px) {
    .footer__legal .linklist__item {
        border-right: 1px solid #979797;
        padding: 0 20px;
        width: auto
    }

    .footer__legal .linklist__item:first-child {
        padding-left: 0
    }

    .footer__legal .linklist__item:last-child {
        border: 0
    }
}

.footer__legal .link__anchor {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    color: #fff;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

body.fontsReady .footer__legal .link__anchor {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.footer__legal .link__anchor:visited {
    color: #fff
}

.footer__legal .link__anchor:hover {
    color: #e20f0f
}

.footer__disclaimer {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    border-top: 1px solid #979797;
    color: #fff;
    padding-top: 20px
}

body.fontsReady .footer__disclaimer {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .footer__disclaimer {
        border-top: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 0;
        text-align: right
    }
}

@media (min-width: 1024px) {
    .footer__disclaimer {
        font-size: 16px;
        font-family: Arial, sans-serif;
        line-height: 18px;
        padding-left: 0
    }

    body.fontsReady .footer__disclaimer {
        font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
    }
}

.footer__disclaimerYear::before {
    content: '\00a9';
    margin-right: 5px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.header {
    height: 75px;
    position: relative;
    width: 100%;
    z-index: 25
}

@media (min-width: 1024px) {
    .header {
        height: 109px
    }
}

.header__base {
    height: 75px;
    background: #000;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 100%
}

@media (min-width: 1024px) {
    .header__base {
        height: 109px
    }
}

.header__base--isSticky {
    position: fixed;
    z-index: 25
}

@media print {
    .header__base--isSticky {
        position: static
    }
}

.header__base--isSticky.header__base--isUp {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

@media print {
    .header__base--isSticky.header__base--isUp {
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1024px) {

    .header--globalPage,
    .header--globalPage .header__base {
        height: 135px
    }
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    position: relative
}

@media (min-width: 1024px) {
    .header__wrap {
        height: calc(100% - 40px)
    }
}

.header__column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    z-index: 1
}

.header__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: none;
    height: 40px;
    width: 100%;
    z-index: 5
}

@media (min-width: 1024px) {
    .header__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__centerColumn {
    background: #fff;
    bottom: 0;
    display: block;
    height: auto;
    max-width: 320px;
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: visibility .2s, width .2s, -webkit-transform .2s;
    transition: visibility .2s, width .2s, -webkit-transform .2s;
    transition: transform .2s, visibility .2s, width .2s;
    transition: transform .2s, visibility .2s, width .2s, -webkit-transform .2s;
    visibility: hidden;
    width: 100%;
    z-index: 5;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media (min-width: 1024px) {
    .header__centerColumn {
        bottom: auto;
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
        top: 0;
        z-index: 1
    }
}

.header__centerColumn--isOpen {
    max-width: 100%;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width: 768px) {
    .header__centerColumn--isOpen {
        max-width: 320px
    }
}

.header__leftColumn {
    max-width: 150px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 1
}

@media (min-width: 1024px) {
    .header__leftColumn {
        max-width: 200px
    }
}

.header__searchfield--isOpen .header__leftColumn {
    z-index: 3
}

.header__rightColumn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
}

@media (min-width: 1024px) {
    .header__rightColumn {
        display: none
    }
}

.header__navigationmenu,
.header__locationselector,
.header__usermenu {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {

    .header__navigationmenu,
    .header__locationselector,
    .header__usermenu {
        border-left: 0
    }
}

.header__navigationmenu {
    top: 75px;
    height: 100dvh;
}

@media (min-width: 1024px) {
    .header__navigationmenu {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-width: 100%;
        overflow: visible;
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        visibility: visible
    }
}

.header__searchfield--isOpen .header__navigationmenu {
    display: none
}

.header__locationselector,
.header__usermenu {
    overflow: inherit;
    overflow-x: inherit;
    width: 80%;
    z-index: 5
}

@media (min-width: 768px) {

    .header__locationselector,
    .header__usermenu {
        width: 320px
    }
}

@media (min-width: 1024px) {

    .header__locationselector,
    .header__usermenu {
        width: 100%
    }
}

.header__locationselector .locationselector__listLocations,
.header__usermenu .locationselector__listLocations {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

@media (min-width: 1024px) {

    .header__locationselector .locationselector__listLocations,
    .header__usermenu .locationselector__listLocations {
        bottom: 0;
        position: relative;
        top: 0;
        width: auto
    }
}

.header__usermenu {
    top: 75px;
    width: 100%
}

@media (min-width: 1024px) {
    .header__usermenu {
        top: 51px
    }
}

.header__searchfield {
    bottom: auto;
    max-width: none;
    overflow: visible;
    position: absolute;
    right: 20px;
    top: 0;
    width: calc(100% - 40px)
}

@media (min-width: 640px) {
    .header__searchfield {
        right: 60px;
        width: calc(100% - 180px)
    }
}

@media (min-width: 768px) {
    .header__searchfield {
        width: calc(83.33333% - 80px)
    }
}

@media (min-width: 1024px) {
    .header__searchfield {
        margin-left: auto;
        margin-top: 5px;
        right: 2px;
        top: 40%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: visible;
        width: calc(58.33333% - 10px)
    }
}

@media (min-width: 1280px) {
    .header__searchfield {
        right: 0;
        width: calc(50% - 10px)
    }
}

.header__searchfield--isOpen .header__searchfield {
    background: #000;
    height: 100%;
    z-index: 4
}

@media (min-width: 1024px) {
    .header__searchfield--isOpen .header__searchfield {
        height: auto
    }
}

.header__logo {
    width: 124px;
    height: 35px;
    bottom: 15px;
    position: absolute;
    left: 20px
}

@media (min-width: 1024px) {
    .header__logo {
        width: 196px;
        height: 56px
    }
}

@media (min-width: 1024px) {
    .header__logo {
        left: 0
    }
}

.header__logo img {
    margin-top: 0
}

.header__brandText {
    display: none
}

.header__overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 75px;
    z-index: 2
}

.header__overlay.show {
    -webkit-animation-name: fadeIn70;
    animation-name: fadeIn70;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: unset;
    animation-iteration-count: unset
}

@media (min-width: 1024px) {
    .header__overlay {
        top: 0
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.navteaser--noImage:hover .navteaser__link {
    background-color: #fff;
    color: #e20f0f
}

.navteaser--noImage .navteaser__link {
    background-color: #fff;
    color: #000;
    padding: 15px
}

.navteaser--noImage .navteaser__title {
    margin: 0
}

.navteaser__base {
    margin-bottom: 20px
}

.navteaser__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navteaser__row--col5 .navteaser__item {
    width: 20%
}

.navteaser__row--col4 .navteaser__item {
    width: 25%
}

.navteaser__item {
    display: none;
    margin-bottom: 40px;
    padding-right: 20px
}

@media (min-width: 1024px) {
    .navteaser__item {
        width: 178px
    }
}

@media (min-width: 1280px) {
    .navteaser__item {
        width: 229px
    }
}

.navteaser__item:nth-child(5) {
    margin-right: 0
}

@media (min-width: 1024px) {
    .navteaser__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.navigationmenu__featuredView .navteaser__item {
    margin-bottom: 0;
    height: 100%;
    padding: 0;
    width: 100%
}

.navteaser__link {
    font-size: 12px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .08px;
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

body.fontsReady .navteaser__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.navteaser__link .navteaser__title {
    background-color: #fff;
    color: #000
}

.navteaser__link:hover .navteaser__title {
    background-color: #fff;
    color: #e20f0f
}

.navteaser__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    text-transform: uppercase;
    display: inline;
    margin: 10px 0;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

body.fontsReady .navteaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navteaser__title {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 26px
    }

    body.fontsReady .navteaser__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.navteaser__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    margin: auto;
    position: absolute
}

.navteaser__pictureWrap {
    width: 100%
}

.navteaser__figureFixed {
    background-color: #fff;
    display: block;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.navteaser__figureFixed .image__renditions {
    position: absolute
}

.navteaser__icon-exclusive {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0
}

.navigationmenu__wrapper {
    padding: 0 11px 0 32px;
    position: relative
}

.navigationmenu__wrapper ::-webkit-scrollbar {
    width: 9px
}

.navigationmenu__wrapper ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(189, 189, 189, 0.6)
}

.navigationmenu__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 12px 15px 10px;
    pointer-events: none
}

.navigationmenu__title .navigationmenu__linkTitle {
    pointer-events: auto
}

.navigationmenu__title:hover .navigationmenu__arrowIcon {
    color: #e20f0f
}

.navigationmenu__title:hover .navigationmenu__titleSpan {
    background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {
    .navigationmenu__title {
        display: none
    }
}

.navigationmenu__titleSpan {
    pointer-events: none
}

.navigationmenu__link {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    color: #000;
    display: block;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 11px 60px 10px 45px;
    text-transform: uppercase;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

body.fontsReady .navigationmenu__link {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navigationmenu__link {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .navigationmenu__link {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .navigationmenu__link {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .navigationmenu__link {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link {
        color: #bdbdbd;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        padding: 0
    }
}

.navigationmenu__link:hover+.navigationmenu__arrowIcon {
    color: #e20f0f
}

.navigationmenu__link--secondLevel,
.navigationmenu__link--thirdLevel {
    color: #000;
    padding: 8px 60px 7px 32px;
    text-transform: none;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.navigationmenu__link--secondLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--secondLevel:hover .navigationmenu__linkSpan,
.navigationmenu__link--thirdLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--thirdLevel:hover .navigationmenu__linkSpan {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.navigationmenu__link--secondLevel:hover .heli__svg-icons,
.navigationmenu__link--thirdLevel:hover .heli__svg-icons {
    color: #e20f0f
}

.navigationmenu__link--firstLevel {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

body.fontsReady .navigationmenu__link--firstLevel {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navigationmenu__link--firstLevel {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .navigationmenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .navigationmenu__link--firstLevel {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .navigationmenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan {
    background-color: rgba(0, 0, 0, 0)
}

.navigationmenu__link--firstLevel:not(.hasFocus) {
    outline: none
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected,
.navigationmenu__link--firstLevel:hover {
    color: #e20f0f
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--firstLevel.navigationmenu__link-isSelected+.navigationmenu__arrowIcon {
    color: #e20f0f;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.navigationmenu__link--secondLevel {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px
}

body.fontsReady .navigationmenu__link--secondLevel {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navigationmenu__link--secondLevel {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .navigationmenu__link--secondLevel {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.navigationmenu__linkWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.navigationmenu__linkSpan,
.navigationmenu__link .heli__svg-icons,
.navigationmenu__linkWrap .heli__svg-icons {
    pointer-events: none;
    -webkit-transition: background-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, color .15s ease-in
}

.navigationmenu__linkTitle.navigationmenu__link--firstLevel {
    padding: 0 52px
}

.navigationmenu__linkTitle.navigationmenu__link--secondLevel {
    padding: 4px 52px
}

.navigationmenu__arrowIcon {
    height: 30px;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    width: 30px
}

.navigationmenu__arrowIcon--left {
    left: 24px;
    top: 32px
}

.usermenu__base--rtl .navigationmenu__arrowIcon--left,
.navigationmenu__wrap--rtl .navigationmenu__arrowIcon--left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigationmenu__arrowIcon--right {
    right: 12px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.usermenu__base--rtl .navigationmenu__arrowIcon--right,
.navigationmenu__wrap--rtl .navigationmenu__arrowIcon--right {
    left: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.navigationmenu__arrowIcon--down {
    display: none
}

@media (min-width: 1024px) {
    .navigationmenu__arrowIcon {
        display: none
    }
}

.navigationmenu__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    position: relative
}

.navigationmenu__row::before,
.navigationmenu__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.navigationmenu__row::after {
    clear: both
}

@media (min-width: 768px) {
    .navigationmenu__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.navigationmenu__header {
    display: none
}

.navigationmenu__wrap {
    margin-bottom: 15px
}

@media (min-width: 1024px) {
    .navigationmenu__wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;
        margin-right: 40px
    }
}

.navigationmenu__wrap .metanavigation__base {
    height: auto
}

@media (min-width: 1024px) {
    .navigationmenu__wrap+.metanavigation__base {
        display: none
    }
}

.navigationmenu__wrapper {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding: 0 11px 0 32px;
    position: relative
}

@media (min-width: 1024px) {
    .navigationmenu__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: wrap;

        padding: 0
    }
}

.navigationmenu__wrapper.navigationmenu__featuredView {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.navigationmenu__wrapper.navigationmenu__featuredView .navigationmenu__linkWrap {
    height: 100%
}

@media (min-width: 1024px) {
    .navigationmenu__wrapper.navigationmenu__featuredView {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.navigationmenu__wrapper ::-webkit-scrollbar {
    width: 6px
}

.navigationmenu__wrapper ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer
}

.navigationmenu__wrapper ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(189, 189, 189, 0.6)
}

@media (min-width: 1024px) {
    .navigationmenu__navteaser~.navigationmenu__wrapper {
        height: 200px
    }
}

.navigationmenu__list {
    background-color: #fff;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: opacity .235s ease-in, -webkit-transform .235s ease-in;
    transition: opacity .235s ease-in, -webkit-transform .235s ease-in;
    transition: transform .235s ease-in, opacity .235s ease-in;
    transition: transform .235s ease-in, opacity .235s ease-in, -webkit-transform .235s ease-in;
    width: 100%;
    z-index: 15
}

@media (min-width: 1024px) {
    .navigationmenu__list {
        height: 100%;
        opacity: 0;
        overflow: inherit;
        -webkit-transform: none;
        transform: none
    }
}

.navigationmenu__item--open>.navigationmenu__list--secondLevel,
.navigationmenu__item--open>.navigationmenu__list--thirdLevel {
    height: 100%;
    overflow-y: scroll;
    -webkit-transform: none;
    transform: none
}

@media (min-width: 1024px) {
    .navigationmenu__list--secondLevel {
        -webkit-box-shadow: #595959 1px 3px 10px -4px;
        box-shadow: #595959 1px 3px 10px -4px;
        height: 0;
        max-height: 0;
        padding: 28px 22px;
        top: 100%;
        visibility: hidden
    }
}

@media (min-width: 1024px) {

    .navigationmenu__list--secondLevel>.navigationmenu__wrapper,
    .navigationmenu__list--secondLevel>.navigationmenu__viewAllButton,
    .navigationmenu__list--secondLevel>.navigationmenu__navteaser,
    .navigationmenu__list--secondLevel>.navigationmenu__close-button,
    .navigationmenu__list--secondLevel .navigationmenu__featuredView-title {
        max-width: 944px;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}

@media (min-width: 1280px) {

    .navigationmenu__list--secondLevel>.navigationmenu__wrapper,
    .navigationmenu__list--secondLevel>.navigationmenu__viewAllButton,
    .navigationmenu__list--secondLevel>.navigationmenu__navteaser,
    .navigationmenu__list--secondLevel>.navigationmenu__close-button,
    .navigationmenu__list--secondLevel .navigationmenu__featuredView-title {
        max-width: 1200px
    }
}

.navigationmenu__item--open>.navigationmenu__list__listProduct .navigationmenu__list--thirdLevel {
    height: calc(100% + 109px)
}

.navigationmenu__list--thirdLevel {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    opacity: 1;
    top: -72px
}

.navigationmenu__item--open>.navigationmenu__list--thirdLevel {
    height: calc(100% + 72px)
}

@media (min-width: 1024px) {
    .navigationmenu__list--thirdLevel {
        height: auto;
        padding-top: 21px;
        position: relative;
        top: auto
    }

    .navigationmenu__list--thirdLevel .navigationmenu__wrapper>li:last-of-type {
        display: block
    }

    .navigationmenu__list--thirdLevel .navigationmenu__wrapper {
        max-height: 603px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: auto;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    }
}

.navigationmenu__listProduct .navigationmenu__list--thirdLevel {
    height: calc(100% + 109px);
    top: -109px
}

@media (min-width: 1024px) {
    .navigationmenu__listProduct .navigationmenu__list--thirdLevel {
        height: auto;
        top: auto
    }
}

.navigationmenu__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 12px 15px 10px;
    pointer-events: none
}

.navigationmenu__title .navigationmenu__linkTitle {
    pointer-events: auto
}

.navigationmenu__title:hover .navigationmenu__arrowIcon {
    color: #e20f0f
}

@media (min-width: 1024px) {
    .navigationmenu__title {
        display: none
    }
}

.navigationmenu__titleSpan {
    pointer-events: none
}

.navigationmenu__image {
    display: block;
    max-height: 35px
}

@media (min-width: 1024px) {
    .navigationmenu__image {
        padding-right: 20px
    }
}

.navigationmenu__image:hover {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.navigationmenu__brand {
    display: none
}

@media (min-width: 1024px) {
    .navigationmenu__brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px
    }
}

.navigationmenu__section {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    display: none
}

body.fontsReady .navigationmenu__section {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navigationmenu__section {
        display: block;
        margin-top: 10px;
        padding-left: 20px;
        text-align: left
    }
}

.navigationmenu__navteaser-title,
.navigationmenu__featuredView-title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 21px;
    text-transform: uppercase;
    text-transform: uppercase;
    margin-bottom: 25px
}

body.fontsReady .navigationmenu__navteaser-title,
body.fontsReady .navigationmenu__featuredView-title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .navigationmenu__navteaser-title,
    .navigationmenu__featuredView-title {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 26px
    }

    body.fontsReady .navigationmenu__navteaser-title,
    body.fontsReady .navigationmenu__featuredView-title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item>.navigationmenu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        height: auto;
        max-height: 753px;
        width: auto
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item>.navigationmenu__list--fullWidth {
        height: 753px;
        width: 944px
    }
}

@media (min-width: 1280px) {
    .navigationmenu__item>.navigationmenu__list--fullWidth {
        width: 1200px
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item-isOpen>.navigationmenu__list--secondLevel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        height: auto;
        left: 0;
        margin: 0 auto;
        /*min-height:550px;*/
        max-height: 753px;
        max-width: 1680px;
        opacity: 1;
        padding-bottom: 5px;
        position: fixed;
        right: 0;
        top: 109px;
        visibility: visible;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item-isExpandable.navigationmenu__item--firstLevel:hover::before {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .425s;
        animation-duration: .425s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: unset;
        animation-iteration-count: unset;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000;
        bottom: -10px;
        content: '';
        left: 50%;
        position: absolute;
        opacity: 0;
        z-index: 17
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item--firstLevel {
        display: inline-block;
        position: relative
    }
}

@media (min-width: 1024px) {
    .navigationmenu__item--secondLevel {
        padding: 10px;
        width: 20%
    }
}

.navigationmenu__item--secondLevel .heli__svg-icons svg {
    display: block
}

.navigationmenu__item--secondLevel .heli__svg-icons::before {
    display: none
}

.navigationmenu__item--secondLevel .navigationmenu__arrowIcon--right {
    top: 0
}

@media (min-width: 1024px) {
    .navigationmenu__featuredView--col4 .navigationmenu__item--secondLevel {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .navigationmenu__featuredView--col5 .navigationmenu__item--secondLevel {
        width: 20%
    }
}

.navigationmenu__item--thirdLevel {
    position: initial
}

@media (min-width: 1024px) {
    .navigationmenu__featuredView .navigationmenu__link {
        display: none
    }
}

.navigationmenu__link--highlighted {
    margin: 20px 0
}

@media (min-width: 1024px) {
    .navigationmenu__link--highlighted {
        margin: 0
    }
}

.navigationmenu__link--highlighted+.navigationmenu__arrowIcon {
    margin-top: 50px
}

.navigationmenu__link--highlighted::before {
    display: block;
    content: '';
    background: black;
    height: 2px;
    margin-bottom: 45px
}

@media (min-width: 1024px) {
    .navigationmenu__link--highlighted::before {
        display: none
    }
}

.navigationmenu__link--highlighted .navigationmenu__linkSpan {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    padding: 0 5px;
    -webkit-transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in, color .15s ease-in
}

@media (min-width: 1024px) {
    .navigationmenu__link--highlighted .navigationmenu__linkSpan {
        background-color: #e20f0f;
        border-color: #e20f0f
    }
}

.navigationmenu__link--highlighted:hover .navigationmenu__linkSpan {
    background-color: #fff;
    border-color: #e20f0f;
    color: #e20f0f
}

.navigationmenu__link--allItems {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigationmenu__link--allItems .heli__svg-icons {
    display: inline-block;
    height: 11px;
    right: 10px;
    width: 6px;
    margin-left: 12px
}

.navigationmenu__link--allItems.navigationmenu__link--secondLevel {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .navigationmenu__link--allItems.navigationmenu__link--secondLevel {
        display: none
    }
}

@media (min-width: 1024px) {

    .navigationmenu__link--secondLevel,
    .navigationmenu__link--thirdLevel {
        padding: 0
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link--firstLevel {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px;
        overflow: hidden;
        padding: 23px 20px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body.fontsReady .navigationmenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .navigationmenu__link--firstLevel {
        font-size: 13px;
        font-family: Arial, sans-serif;
        line-height: 18px
    }

    body.fontsReady .navigationmenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1280px) {
    .navigationmenu__link--firstLevel {
        font-size: 15px;
        font-family: Arial, sans-serif;
        line-height: 21px
    }

    body.fontsReady .navigationmenu__link--firstLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link--firstLevel-isSelected {
        color: #fff
    }
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected,
.navigationmenu__link--firstLevel:hover {
    position: relative
}

.navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
.navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan {
    background-color: rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {

    .navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
    .navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan {
        background-color: rgba(0, 0, 0, 0);
        position: relative
    }

    .navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan::before,
    .navigationmenu__link--firstLevel:hover .navigationmenu__linkSpan::before {
        content: '';
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        height: 2px;
        position: absolute;
        bottom: -15px
    }
}

@media (min-width: 1024px) {

    .navigationmenu__link--firstLevel.navigationmenu__link-isSelected .navigationmenu__linkSpan,
    .navigationmenu__link--firstLevel.navigationmenu__link-isSelected+.navigationmenu__arrowIcon {
        color: #fff
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link--secondLevel {
        font-size: 17px;
        font-family: Arial, sans-serif;
        line-height: 21px;
        text-transform: uppercase;
        margin-bottom: 3px
    }

    body.fontsReady .navigationmenu__link--secondLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .navigationmenu__link--secondLevel {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 26px
    }

    body.fontsReady .navigationmenu__link--secondLevel {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.navigationmenu__link--thirdLevel {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px
}

body.fontsReady .navigationmenu__link--thirdLevel {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .navigationmenu__link--thirdLevel {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .navigationmenu__link--thirdLevel {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link--thirdLevel {
        margin: 5px 0
    }
}

@media (min-width: 1024px) {
    .navigationmenu__link--thirdLevel.hasFocus {
        outline-offset: -4px;
        padding: 0 4px
    }
}

.navigationmenu__close-button {
    background: transparent;
    color: #000;
    cursor: pointer;
    display: none;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 7px;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in;
    width: 15px;
    z-index: 16
}

.navigationmenu__close-button .heli__svg-icon {
    height: 10px;
    width: 10px
}

@media (min-width: 1024px) {
    .navigationmenu__close-button {
        display: block
    }
}

.navigationmenu__close-button .navigationmenu__close-text {
    display: none
}

.navigationmenu__close-button:hover {
    background: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.navigationmenu__viewAllButton {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    display: none
}

@media (min-width: 1024px) {
    .navigationmenu__viewAllButton {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 15px 0
    }
}

.navigationmenu__viewAllButton-icon.heli__svg-icons {
    height: 18px;
    margin-left: 18px;
    padding: 0;
    width: 10px
}

.navigationmenu__icon-exclusive {
    display: inline-block;
    height: 16px;
    margin-right: 2px;
    width: 16px
}

.navigationmenu__navteaser,
.navigationmenu__featuredView-title {
    display: none
}

@media (min-width: 1024px) {

    .navigationmenu__navteaser,
    .navigationmenu__featuredView-title {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: block
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.navigationbar__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .navigationbar__wrap {
        width: calc(100% - 60px)
    }
}

.navigationbar__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    color: #bdbdbd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 51px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px;
    padding: 10px;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in, stroke .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in, stroke .235s ease-in;
    width: 51px
}

.navigationbar__icon:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.navigationbar__icon .heli__svg-icon {
    cursor: pointer
}

.navigationbar__icon .ic-burger-menu {
    width: 22px
}

.navigationbar__menuButton {
    margin-right: 10px
}

.navigationbar__itemLocation,
.navigationbar__menuButton {
    z-index: 1
}

@media (min-width: 1024px) {

    .navigationbar__itemLocation,
    .navigationbar__menuButton {
        display: none
    }
}

.navigationbar__locationIcon {
    height: 51px;
    width: 39px
}

.navigationbar__searchIcon {
    stroke: #bdbdbd
}

.navigationbar__searchIcon .heli__svg-icon {
    height: 22px;
    width: 22px
}

.navigationbar__searchIcon:hover {
    stroke: #fff
}

.navigationbar__iconBurger {
    padding: 5px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.metanavigation__base {
    height: 30px;
    max-width: 944px;
    width: 100%
}

@media (min-width: 1024px) {
    .metanavigation__base {
        max-width: 944px;
        margin: 0 auto;
        min-height: 29px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .metanavigation__base .container {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }
}

@media (min-width: 1280px) {
    .metanavigation__base {
        max-width: 1200px
    }
}

.metanavigation__base>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.metanavigation__base .linklist__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .metanavigation__base .linklist__base {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.metanavigation__base .linklist__item {
    margin: 0;
    padding: 15px 45px
}

@media (min-width: 1024px) {
    .metanavigation__base .linklist__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 2px 0
    }

    .metanavigation__base .linklist__item:first-child {
        margin-left: 0
    }

    .metanavigation__base .linklist__item:not(:first-child) {
        margin-left: 15px
    }
}

.metanavigation__base .link__anchor {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 23px;
    color: #000;
    -webkit-transition: background .235s ease-in, color .235s ease-in;
    transition: background .235s ease-in, color .235s ease-in
}

body.fontsReady .metanavigation__base .link__anchor {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .metanavigation__base .link__anchor {
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 17px
    }

    body.fontsReady .metanavigation__base .link__anchor {
        font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
    }
}

.metanavigation__base .link__anchor:visited {
    color: #000
}

.metanavigation__base .link__anchor:hover {
    color: #e20f0f
}

.metanavigation__base .link__anchor:hover .link__title {
    background: rgba(0, 0, 0, 0)
}

@media (min-width: 1024px) {
    .metanavigation__base .link__anchor {
        color: #bdbdbd
    }

    .metanavigation__base .link__anchor:visited {
        color: #bdbdbd
    }

    .metanavigation__base .link__anchor:hover {
        color: #fff
    }

    .metanavigation__base .link__anchor:hover .link__title {
        background: rgba(0, 0, 0, 0)
    }
}

.metanavigation__base .link__icon {
    display: none
}

.metanavigation__base .metanavigation__location {
    display: none
}

@media (min-width: 1024px) {
    .metanavigation__base .metanavigation__location {
        background-color: transparent;
        border: none;
        color: #bdbdbd;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 5px;
        position: relative
    }
}

.header__base--overlay-open:not(.header__location--isOpen):not(.header__searchfield--isOpen) .metanavigation__base .metanavigation__location {
    opacity: 0.1
}

.metanavigation__base .metanavigation__location .metanavigation__locationText {
    padding-left: 5px
}

.header__base--overlay-open:not(.header__searchfield--isOpen) .metanavigation__base .metanavigation__location {
    color: #bdbdbd
}

.metanavigation__base .metanavigation__locationIcon {
    width: 17px;
    height: 17px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.horizontalline {
    padding: 15px 0
}

@media (min-width: 1024px) {
    .horizontalline {
        padding: 50px 0
    }
}

.horizontalline__line {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 0;
    margin: 0;
    border-bottom-color: #828c96;
    border-bottom-style: solid;
    border-top-color: #828c96;
    border-top-style: solid
}

@media (min-width: 1024px) {
    .horizontalline__line {
        border-bottom-width: 2px;
        border-top-width: 2px
    }
}

@media print {
    .horizontalline {
        display: none
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.hotspot__markerWrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.hotspot__marker {
    width: 30px;
    height: 30px;
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #000;
    -webkit-transition: color .15s ease-in;
    transition: color .15s ease-in
}

.hotspot__marker:hover,
.hotspot__marker:active,
.hotspot__base--open .hotspot__marker {
    color: #e20f0f;
    z-index: 4
}

.hotspot__marker:hover::before,
.hotspot__marker:hover::after,
.hotspot__marker:active::before,
.hotspot__marker:active::after,
.hotspot__base--open .hotspot__marker::before,
.hotspot__base--open .hotspot__marker::after {
    display: block
}

.hotspot__marker--invertedHover {
    color: #e20f0f;
    -webkit-transition: color .15s ease-in;
    transition: color .15s ease-in
}

.hotspot__marker--invertedHover:hover,
.hotspot__marker--invertedHover:active,
.hotspot__base--open .hotspot__marker--invertedHover {
    color: #000
}

@media (min-width: 768px) {

    .hotspot__marker::after,
    .hotspot__marker::before {
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        border: 10px solid transparent;
        bottom: -17px;
        left: 50%;
        margin-left: -10px;
        border-bottom-color: #fff
    }

    .hotspot__marker::before {
        bottom: -15px;
        left: 50%;
        margin-left: -10px;
        border-bottom-color: #afb4b9
    }
}

@media (min-width: 768px) {

    .hotspot__marker--bottom::after,
    .hotspot__marker--bottom::before {
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        border: 10px solid transparent;
        top: -17px;
        left: 50%;
        margin-left: -10px;
        border-top-color: #fff
    }

    .hotspot__marker--bottom::before {
        top: -15px;
        left: 50%;
        margin-left: -10px;
        border-top-color: #afb4b9
    }
}

.hotspot__marker::before,
.hotspot__marker::after {
    display: none
}

.hotspot__icon {
    height: 100%
}

.hotspot__content {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    color: #000;
    width: 100%
}

.hotspot__base--open .hotspot__content {
    visibility: visible;
    height: auto;
    z-index: 3
}

@media (min-width: 768px) {
    .hotspot__content {
        min-width: 280px;
        max-width: 450px;
        border: 1px solid #afb4b9
    }
}

@media (min-width: 768px) {
    .hotspot__content {
        /*!rtl:ignore*/
        -webkit-transform: translate(-50%, 30px);
        transform: translate(-50%, 30px);
        position: absolute;
        z-index: 1
    }

    .hotspot__content--video {
        min-width: 350px
    }
}

@media (min-width: 768px) {
    .hotspot__content--bottom {
        /*!rtl:ignore*/
        -webkit-transform: translate(-50%, -100%) translate(0, -30px);
        transform: translate(-50%, -100%) translate(0, -30px)
    }
}

.hotspot__content::after {
    display: block;
    clear: both;
    content: ' '
}

.hotspot__figure {
    padding: 20px;
    width: 100%;
    float: left
}

@media (min-width: 768px) {
    .hotspot__figure {
        margin-top: 20px;
        padding: 20px;
        width: 40%
    }
}

.hotspot__description {
    margin: 20px
}

.hotspot__description.text,
.hotspot__description.text ul,
.hotspot__description.text ol {
    color: #000
}

.hotspot__description.text h4 {
    color: #000
}

.hotspot__image {
    max-width: 100%
}

.hotspot__video {
    padding: 20px 20px 10px;
    margin: 0;
    width: 100%;
    float: left
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.hotspotimage__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    padding-top: .40102em;
    padding-bottom: .20583em;
    margin-top: -.92593em;
    color: #000
}

body.fontsReady .hotspotimage__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .hotspotimage__title {
        padding-top: .40102em;
        padding-bottom: .20583em;
        margin-top: -.55556em
    }
}

@media (min-width: 768px) {
    .hotspotimage__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px;
        padding-top: .31621em;
        padding-bottom: .11621em;
        margin-top: -.48387em
    }

    body.fontsReady .hotspotimage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .hotspotimage__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px;
        padding-top: .25764em;
        padding-bottom: .06493em;
        margin-top: -.13514em
    }

    body.fontsReady .hotspotimage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .hotspotimage__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px;
        padding-top: .1761em;
        padding-bottom: 0em;
        margin-top: -.11628em;
        margin-bottom: -.02576em
    }

    body.fontsReady .hotspotimage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.hotspotimage__title .text-line {
    display: block
}

.layoutpanel .hotspotimage__title {
    color: #000
}

.hotspotimage__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: .6em;
    color: #000
}

body.fontsReady .hotspotimage__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel .hotspotimage__subtitle {
    color: #000
}

.hotspotimage__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: .55556em;
    color: #000
}

body.fontsReady .hotspotimage__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .hotspotimage__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: .5em
    }

    body.fontsReady .hotspotimage__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .hotspotimage__text {
    color: #000
}

.hotspotimage__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .hotspotimage__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .hotspotimage__customLink {
        padding: 0
    }
}

.columncontrol .hotspotimage__customLink .button {
    margin-bottom: 20px
}

.hotspotimage__base {
    margin-top: 50px;
    position: relative;
    z-index: 13
}

.layoutpanel .container .hotspotimage__base {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 640px) {
    .layoutpanel .container .hotspotimage__base {
        padding-left: 0;
        padding-right: 0
    }
}

.hotspotimage__image-wrapper {
    display: inline-block;
    margin-top: 30px;
    position: relative;
    width: 100%
}

.hotspotimage__image {
    display: block;
    height: auto;
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.image__base {
    padding-top: 35px;
    background-color: #fff;
    overflow: hidden
}

@media (min-width: 1024px) {
    .image__base {
        padding-top: 45px
    }
}

.text+.text .image__base:not(.image__base),
.buttonbox+.text .image__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .image__base:not(.image__base),
    .buttonbox+.text .image__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.image:first-child .image__base,
.layoutpanel__container>.image:first-child .image__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.image:first-child .image__base,
    .layoutpanel__container>.image:first-child .image__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.image:last-child .image__base,
.layoutpanel__container>.image:last-child .image__base,
.layoutpanel__container>.text:last-child .image__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.image:last-child .image__base,
    .layoutpanel__container>.image:last-child .image__base,
    .layoutpanel__container>.text:last-child .image__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.image:not(.text):not(.calltoaction) .image__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.image:not(.text):first-child .image__base {
    padding-top: 0
}

.columncontrol__column>.image:last-child .image__base {
    padding-bottom: 0
}

.image+.image .image__base,
.contentbox+.image .image__base,
.cmp-list+.image .image__base,
.video+.image .image__base,
.teaser+.image .image__base,
.columncontrol+.image .image__base,
.calltoaction+.image .image__base,
.download+.image .image__base,
.layoutpanel+.image .image__base,
.accordion+.image .image__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.image .image__base,
    .contentbox+.image .image__base,
    .cmp-list+.image .image__base,
    .video+.image .image__base,
    .teaser+.image .image__base,
    .columncontrol+.image .image__base,
    .calltoaction+.image .image__base,
    .download+.image .image__base,
    .layoutpanel+.image .image__base,
    .accordion+.image .image__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.image:first-child .image__base,
.image__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.image:first-child .image__base,
.layoutpanel__container>.columncontrol__base--control-white .image:first-child .image__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.image:first-child .image__base,
    .image__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.image:first-child .image__base,
    .layoutpanel__container>.columncontrol__base--control-white .image:first-child .image__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.image:last-child .image__base,
.image__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.image__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.image:last-child .image__base,
    .image__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .image__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.image:last-child .image__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.image:last-child .image__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.image:last-child .image__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.image:not(.text):not(.calltoaction) .image__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.image:not(.text):first-child .image__base {
    padding-top: 0
}

.columncontrol__column>.image:last-child .image__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .image__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .image__base {
        padding-left: 0;
        padding-right: 0
    }
}

.layoutpanel__base .image__base {
    background-color: #fff
}

.layoutpanel__base .image__base img {
    display: block
}

.image__base img {
    display: block;
    width: 100%
}

.image__renditions {
    min-height: 1px;
    height: 100%;
    width: 100%
}

.image__caption {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    margin-top: -.3125em;
    margin-bottom: -.3125em;
    color: #000;
    text-align: left
}

body.fontsReady .image__caption {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.columncontrol__base--control-transparent .image__caption {
    padding-left: 19px;
    padding-right: 19px
}

.image__caption,
.image .cmp-image {
    width: 100%
}

@media (min-width: 1024px) {

    .columncontrol__column--lt1 .image__caption .layoutpanel__base,
    .columncontrol__column--lt1 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 83.33333%
    }

    .columncontrol__column--lt1:first-child .image__caption .layoutpanel__base,
    .columncontrol__column--lt1:first-child .image .cmp-image .layoutpanel__base {
        margin-left: 16.66667%
    }

    .columncontrol__column--lt2 .image__caption .layoutpanel__base,
    .columncontrol__column--lt2 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 87.5%
    }

    .columncontrol__column--lt2:first-child .image__caption .layoutpanel__base,
    .columncontrol__column--lt2:first-child .image .cmp-image .layoutpanel__base {
        margin-left: 25%;
        width: 75%
    }

    .columncontrol__column--lt3 .image__caption .layoutpanel__base,
    .columncontrol__column--lt3 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 75%
    }

    .columncontrol__column--lt3:first-child .image__caption .layoutpanel__base,
    .columncontrol__column--lt3:first-child .image .cmp-image .layoutpanel__base {
        margin-left: 12.5%;
        width: 87.5%
    }

    .columncontrol__column--lt4 .image__caption .layoutpanel__base,
    .columncontrol__column--lt4 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5 .image__caption .layoutpanel__base,
    .columncontrol__column--lt6 .image__caption .layoutpanel__base,
    .columncontrol__column--lt5 .image .cmp-image .layoutpanel__base,
    .columncontrol__column--lt6 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5:last-child .image__caption .layoutpanel__base,
    .columncontrol__column--lt5:last-child .image .cmp-image .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt6:first-child .image__caption .layoutpanel__base,
    .columncontrol__column--lt6:first-child .image .cmp-image .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt7 .image__caption .layoutpanel__base,
    .columncontrol__column--lt7 .image .cmp-image .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }
}

@media (min-width: 640px) {

    .accordionpanel .image__caption,
    .accordionpanel .image .cmp-image {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        float: none;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {

    .accordionpanel .image__caption,
    .accordionpanel .image .cmp-image {
        margin-left: 10%;
        padding-left: 2px;
        padding-right: 2px;
        width: 80%
    }
}

@media (min-width: 640px) {

    .image__caption,
    .image .cmp-image {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .image__caption,
    .image .cmp-image {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

.columncontrol__base .image__caption,
.carousel__base .image__caption,
.columncontrol__base .image .cmp-image,
.carousel__base .image .cmp-image {
    margin-left: 0%;
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.layoutpanel__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    padding-top: .40102em;
    padding-bottom: .20583em;
    margin-top: -.92593em;
    color: #000
}

body.fontsReady .layoutpanel__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .layoutpanel__title {
        padding-top: .40102em;
        padding-bottom: .20583em;
        margin-top: -.55556em
    }
}

@media (min-width: 768px) {
    .layoutpanel__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px;
        padding-top: .31621em;
        padding-bottom: .11621em;
        margin-top: -.48387em
    }

    body.fontsReady .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .layoutpanel__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px;
        padding-top: .25764em;
        padding-bottom: .06493em;
        margin-top: -.13514em
    }

    body.fontsReady .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .layoutpanel__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px;
        padding-top: .1761em;
        padding-bottom: 0em;
        margin-top: -.11628em;
        margin-bottom: -.02576em
    }

    body.fontsReady .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.layoutpanel__title .text-line {
    display: block
}

.layoutpanel .layoutpanel__title {
    color: #000
}

.layoutpanel__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: .6em;
    color: #000
}

body.fontsReady .layoutpanel__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel .layoutpanel__subtitle {
    color: #000
}

.layoutpanel__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: 0em;
    color: #000
}

body.fontsReady .layoutpanel__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .layoutpanel__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 0em
    }

    body.fontsReady .layoutpanel__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .layoutpanel__text {
    color: #000
}

.layoutpanel__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .layoutpanel__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .layoutpanel__customLink {
        padding: 0
    }
}

.columncontrol .layoutpanel__customLink .button {
    margin-bottom: 20px
}

.layoutpanel+.layoutpanel .layoutpanel__base {
    margin-top: 30px
}

@media (min-width: 640px) {
    .layoutpanel+.layoutpanel .layoutpanel__base {
        margin-top: 40px
    }
}

@media (min-width: 1024px) {
    .layoutpanel+.layoutpanel .layoutpanel__base {
        margin-top: 50px
    }
}

.image+.layoutpanel .layoutpanel__base,
.video+.layoutpanel .layoutpanel__base,
.contentbox+.layoutpanel .layoutpanel__base,
.columncontrol+.layoutpanel .layoutpanel__base,
.teaser+.layoutpanel .layoutpanel__base,
.calltoaction+.layoutpanel .layoutpanel__base,
.hotspotimage+.layoutpanel .layoutpanel__base,
.distributorlocator+.layoutpanel .layoutpanel__base {
    margin-top: 40px
}

@media (min-width: 1024px) {

    .image+.layoutpanel .layoutpanel__base,
    .video+.layoutpanel .layoutpanel__base,
    .contentbox+.layoutpanel .layoutpanel__base,
    .columncontrol+.layoutpanel .layoutpanel__base,
    .teaser+.layoutpanel .layoutpanel__base,
    .calltoaction+.layoutpanel .layoutpanel__base,
    .hotspotimage+.layoutpanel .layoutpanel__base,
    .distributorlocator+.layoutpanel .layoutpanel__base {
        margin-top: 60px
    }
}

.buttonbox+.layoutpanel .layoutpanel__base,
.cmp-list+.layoutpanel .layoutpanel__base,
.download+.layoutpanel .layoutpanel__base,
.text+.layoutpanel .layoutpanel__base {
    margin-top: 25px
}

@media (min-width: 1024px) {

    .buttonbox+.layoutpanel .layoutpanel__base,
    .cmp-list+.layoutpanel .layoutpanel__base,
    .download+.layoutpanel .layoutpanel__base,
    .text+.layoutpanel .layoutpanel__base {
        margin-top: 45px
    }
}

.layoutpanel__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px
}

body.fontsReady .layoutpanel__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel__text-wrapper {
    margin: 20px 0;
    width: 100%
}

@media (max-width: 640px) {
    .layoutpanel__container .layoutpanel__text-wrapper.container {
        padding: 0 20px
    }
}

@media (min-width: 640px) {
    .layoutpanel__text-wrapper {
        margin: 0;
        padding: 0
    }
}

@media (min-width: 768px) {
    .layoutpanel__text-wrapper {
        width: 83.33333%
    }
}

@media (min-width: 1280px) {
    .layoutpanel__text-wrapper {
        width: 66.66667%
    }
}

.layoutpanel__title:only-child {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .layoutpanel__title:only-child {
        margin-bottom: 20px
    }
}

.layoutpanel__title+.layoutpanel__subtitle {
    margin-top: 15px
}

.layoutpanel__wrapper {
    position: relative
}

.layoutpanel__wrapper .layoutpanel__container {
    padding-top: 35px;
    padding-bottom: 50px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .layoutpanel__container {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .layoutpanel__wrapper .layoutpanel__container {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 1280px) {
    .layoutpanel__wrapper .layoutpanel__container {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.layoutpanel__wrapper--lightgrey {
    background-color: #f2f2f2
}

.layoutpanel__wrapper--hasBackgroundImage .layoutpanel__container {
    background-repeat: no-repeat;
    background-size: calc(50% - 10px) auto
}

@media (max-width: 640px) {
    .layoutpanel__wrapper--hasBackgroundImage .layoutpanel__container {
        background-image: none !important
    }
}

@media (min-width: 768px) {
    .layoutpanel__wrapper--hasBackgroundImage .layoutpanel__container {
        background-position: right 20px top !important
    }
}

@media (min-width: 1024px) {
    .layoutpanel__wrapper--hasBackgroundImage .layoutpanel__container {
        background-position: right 0 top !important
    }
}

.main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__wrapper {
    padding-top: 0
}

.main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__text-wrapper {
    margin-top: 0;
    padding-top: 15px
}

.main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    padding-top: .40102em;
    padding-bottom: .20583em;
    margin-top: .55556em
}

body.fontsReady .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        padding-top: .40102em;
        padding-bottom: .20583em;
        margin-top: .92593em
    }
}

@media (min-width: 768px) {
    .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px;
        padding-top: .31621em;
        padding-bottom: .11621em;
        margin-top: .80645em
    }

    body.fontsReady .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px;
        padding-top: .25764em;
        padding-bottom: .06493em;
        margin-top: .54054em
    }

    body.fontsReady .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px;
        padding-top: .1761em;
        padding-bottom: 0em;
        margin-top: .46512em;
        margin-bottom: -.02576em
    }

    body.fontsReady .main--inpageNavEnabled .layoutpanel:first-of-type .layoutpanel__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.link__anchor {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

body.fontsReady .link__anchor {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.link__anchor:hover,
.link__anchor:active {
    background-color: rgba(0, 0, 0, 0);
    color: #a50000
}

.link__anchor:visited {
    background-color: rgba(0, 0, 0, 0);
    color: #565555
}

.link__title {
    pointer-events: none
}

.link__icon {
    height: 25px;
    margin-right: 5px;
    width: 25px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.linklist__base {
    margin-bottom: 30px
}

.linklist__titleWrap {
    display: block;
    margin: 15px 0;
    width: 100%
}

.linklist__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0
}

body.fontsReady .linklist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .linklist__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .linklist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .linklist__title {
        display: block;
        position: static
    }
}

@media (min-width: 768px) {
    .linklist__title .heli__svg-icons {
        display: none
    }
}

.linklist__title .heli__svg-icons:last-child {
    display: none
}

.linklist__title .ic-arrow-down,
.linklist__title .ic-arrow-up {
    height: 14px;
    width: 23px
}

.linklist__title .ic-arrow-up {
    display: none
}

.linklist__title .ic-arrow-down {
    display: block
}

.linklist__item {
    margin-bottom: 5px
}

.linklist__collapsable {
    overflow: hidden;
    -webkit-transition: 0.3s height;
    transition: 0.3s height
}

.linklist__collapsable-isOpen .ic-arrow-up,
.linklist__collapsable-isOpen .heli__svg-icons:last-child {
    display: block
}

.linklist__collapsable-isOpen .ic-arrow-down,
.linklist__collapsable-isOpen .heli__svg-icons:first-child {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.locationselector__base {
    background-color: #fff;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .locationselector__base {
        min-height: 370px;
        position: absolute;
        top: 50px
    }

    .locationselector__base::before {
        border: solid transparent;
        border-color: transparent transparent #fff;
        border-width: 10px;
        bottom: 100%;
        content: ' ';
        height: 0;
        left: calc(50% + 7px);
        margin-left: -10px;
        pointer-events: none;
        position: absolute;
        width: 0
    }
}

.locationselector__base ::-webkit-scrollbar {
    width: 9px
}

.locationselector__base ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.locationselector__base ::-webkit-scrollbar-thumb {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
    cursor: pointer
}

.locationselector__base ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.locationselector__header {
    display: none
}

@media (min-width: 1024px) {
    .locationselector__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 20px 3px
    }
}

.locationselector__content {
    position: relative
}

@media (min-width: 1024px) {
    .locationselector__content {
        padding: 20px
    }
}

.locationselector__wrapper {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .locationselector__wrapper {
        margin-bottom: 50px
    }
}

.locationselector__countryLang {
    margin-bottom: 0
}

.locationselector__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .14px;
    color: #000;
    margin-bottom: 10px
}

body.fontsReady .locationselector__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .locationselector__title {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px
    }

    body.fontsReady .locationselector__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .locationselector__listLocations {
        min-height: 350px
    }
}

.locationselector__listLocations {
    padding: 20px 10px
}

@media (min-width: 1024px) {
    .locationselector__listLocations {
        margin: 21px;
        margin-top: 0;
        max-height: 350px;
        padding: 0
    }
}

@media (min-width: 768px) {
    .locationselector__redirectingNotifier {
        width: 480px
    }
}

@media (min-width: 1024px) {
    .locationselector__redirectingNotifier {
        width: 503px
    }
}

.locationselector__redirectingLink {
    color: #000;
    cursor: pointer;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    text-decoration: underline;
    -webkit-text-decoration-color: #000;
    text-decoration-color: #000;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

.locationselector__redirectingLink:hover {
    color: #e20f0f
}

.locationselector__redirectingMessage {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding: 36px 33px 26px
}

body.fontsReady .locationselector__redirectingMessage {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .locationselector__redirectingMessage {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .locationselector__redirectingMessage {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .locationselector__redirectingMessage {
        padding: 56px 60px 26px
    }
}

@media (min-width: 1024px) {
    .locationselector__redirectingMessage {
        padding: 56px 72px 44px
    }
}

.locationselector__timeIndicator {
    font-weight: bold
}

.locationselector__redirectingButtonWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 50px 40px
}

@media (min-width: 768px) {
    .locationselector__redirectingButtonWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 40px 62px;
        text-align: center
    }
}

.locationselector__redirectingButtonWrap .button {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 768px) {
    .locationselector__redirectingButtonWrap .button {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.locationselector__acceptBtn.button__primary {
    margin: 20px 0 0
}

@media (min-width: 768px) {
    .locationselector__acceptBtn.button__primary {
        margin: 0 20px 0 0
    }
}

.locationselector__closeBtn {
    margin: 0
}

.locationselector__acceptBtn,
.locationselector__closeBtn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.locationselector__item {
    margin-bottom: 10px;
    width: 100%
}

.locationselector__countryWrapper {
    display: none
}

.locationselector__link {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    color: #000;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

body.fontsReady .locationselector__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.locationselector__link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.locationselector__input {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    border-left-width: 0;
    border-radius: 0;
    color: #000;
    height: 40px;
    padding: 0 10px 0 25px
}

body.fontsReady .locationselector__input {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .locationselector__input {
        border-left-width: 1px;
        padding: 0 10px
    }
}

.globalPage__base .locationselector__input {
    border-left-width: 1px
}

.locationselector__input--isHidden {
    visibility: hidden
}

.locationselector__collapseIcon,
.locationselector__locationIcon {
    right: 20px
}

.locationselector__locationIcon {
    display: none
}

.locationselector__clearIcon {
    background: #999;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: none;
    height: 20px;
    margin: 0 10px;
    right: 0;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in;
    width: 20px
}

@media (min-width: 1024px) {
    .locationselector__clearIcon {
        right: 20px
    }
}

.locationselector__clearIcon:hover {
    color: #fff
}

.locationselector__clearIcon.dropdown__clearBtn-isVisible {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.locationselector__collapseBtn {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    display: inline;
    left: 0;
    padding: 0
}

@media (min-width: 1024px) {
    .locationselector__collapseBtn {
        display: none
    }
}

.locationselector__icon {
    height: 11px;
    width: 10px
}

.locationselector__collapseIcon {
    color: #000;
    height: 15px;
    width: 25px;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in
}

.locationselector__collapseIcon:hover {
    color: #000
}

.locationselector__currentLocation {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #e20f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

body.fontsReady .locationselector__currentLocation {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.locationselector__currentLocationLabel {
    padding-left: 12px
}

.locationselector__currentLocationIcon {
    color: #e20f0f;
    height: 17px;
    width: 17px
}

.locationselector__close {
    color: rgba(0, 0, 0, 0);
    content: '';
    cursor: pointer;
    height: 20px;
    position: relative;
    right: 0;
    top: 4px;
    -webkit-transition: background-color .235s ease-in;
    transition: background-color .235s ease-in;
    width: 20px
}

.locationselector__close::before,
.locationselector__close::after {
    background-color: #000;
    content: ' ';
    height: 20px;
    left: 8px;
    position: absolute;
    top: 0;
    width: 3px
}

.locationselector__close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.locationselector__close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.locationselector__close:hover {
    background-color: rgba(0, 0, 0, 0)
}

.locationselector__close:hover::before,
.locationselector__close:hover::after {
    background-color: #e20f0f
}

.locationselector__results .dropdown__list,
.locationselector__results .dropdown__noItems {
    border: none;
    padding: 20px 10px;
    top: 10px
}

@media (min-width: 1024px) {

    .locationselector__results .dropdown__list,
    .locationselector__results .dropdown__noItems {
        padding: 10px 0;
        top: 20px;
        margin-top: 0
    }
}

.locationselector__results .dropdown__noItems {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px
}

body.fontsReady .locationselector__results .dropdown__noItems {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.locationselector__results .dropdown__noItems-isOpen {
    top: 60px
}

@media (min-width: 1024px) {
    .locationselector__results .dropdown__noItems-isOpen {
        top: 30px
    }
}

.locationselector__results .dropdown__list {
    height: 100vh;
    max-height: none;
    overflow: auto
}

@media (min-width: 1024px) {
    .locationselector__results .dropdown__list {
        height: 370px
    }
}

.globalPage__base .locationselector__results .dropdown__list {
    border-width: 1px
}

.locationselector__results .dropdown__item {
    border: 0;
    padding: 0
}

.locationselector__results .dropdown__itemText {
    border-top: none
}

.locationselector__results .dropdown__link {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    color: #000;
    padding: 10px 16px
}

body.fontsReady .locationselector__results .dropdown__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.logo__img {
    height: 100%;
    max-height: 25px;
    display: block
}

@media (min-width: 1024px) {
    .logo__img {
        margin-top: 13px;
        max-height: 43px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.pagination__base {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000;
    margin-bottom: 20px
}

body.fontsReady .pagination__base {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .pagination__base {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .pagination__base {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.pagination__link,
.pagination__currentLink {
    padding: 10px 8px
}

.pagination__link {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000;
    text-decoration: none
}

body.fontsReady .pagination__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .pagination__link {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .pagination__link {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.pagination__link:hover {
    color: #e20f0f
}

.pagination__link:hover .heli__svg-icon {
    fill: #e20f0f
}

.pagination__link .heli__svg-icon {
    display: block;
    fill: #000;
    height: 20px;
    width: 20px
}

.pagination__text {
    display: none
}

@media (min-width: 640px) {
    .pagination__text {
        display: inline;
        visibility: visible
    }
}

.pagination__currentLink {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #e20f0f
}

body.fontsReady .pagination__currentLink {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .pagination__currentLink {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .pagination__currentLink {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.pagination__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media (min-width: 640px) {
    .pagination__list .pagination__directLinks {
        margin-left: 10px
    }
}

.pagination__listItem {
    margin: 0 2px
}

.pagination__listItem--isDisabled .pagination__link {
    cursor: default
}

.pagination__listItem--isDisabled .pagination__link:hover .heli__svg-icon {
    fill: #838383
}

.pagination__listItem--isDisabled .heli__svg-icon {
    fill: #838383
}

.pagination__listItem--isPrev .pagination__link,
.pagination__listItem--isNext .pagination__link {
    display: block
}

.pagination--isHidden {
    display: none
}

.pagination__pageNumbers {
    margin: 0 20px
}

@media (min-width: 640px) {
    .pagination__pageNumbers {
        margin: 0 50px
    }
}

.pagination__link {
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.pagination__directLinks .pagination__link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.pagination__currentLink {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.documents__wrapper {
    padding: 0 20px
}

@media (min-width: 640px) {
    .documents__wrapper {
        padding-left: 8.33333%;
        padding-right: 8.33333%
    }
}

.documents__collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-top: 40px
}

@media (min-width: 640px) {
    .documents__collection {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .documents__collection::before,
    .documents__collection::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .documents__collection::after {
        clear: both
    }
}

@media (min-width: 640px) and (min-width: 768px) {
    .documents__collection {
        margin-left: -10px;
        margin-right: -10px
    }
}

.product__base {
    margin-bottom: 50px
}

.product__base section:last-child {
    padding-bottom: 50px
}

@media (min-width: 1024px) {
    .product__hero {
        background-color: #fff;
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 200px
    }
}

.product__title-container {
    padding: 0
}

@media (min-width: 1024px) {
    .product__title-container {
        height: 100%;
        position: relative
    }
}

.product__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    color: #000;
    outline: none;
    padding: 40px 20px;
    text-transform: uppercase
}

body.fontsReady .product__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .product__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px
    }

    body.fontsReady .product__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .product__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px
    }

    body.fontsReady .product__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .product__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px
    }

    body.fontsReady .product__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .product__title {
        padding-bottom: 10px;
        padding-top: 90px
    }
}

.product__title-isSticky {
    display: none
}

.product__titleSpan {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1024px) {
    .product__titleSpan {
        max-width: 944px
    }
}

@media (min-width: 1280px) {
    .product__titleSpan {
        max-width: 1200px
    }
}

.product__subtitle {
    display: none
}

.product__wrapper.container {
    margin: 0 auto 50px;
    width: 100%
}

@media (min-width: 1024px) {
    .product__wrapper.container {
        max-width: 944px;
        width: 944px
    }
}

@media (min-width: 1280px) {
    .product__wrapper.container {
        max-width: 1200px;
        width: 1200px
    }
}

@media (min-width: 640px) {
    .product__wrapper.container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
}

@media (min-width: 1024px) {
    .product__wrapper.container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 1px
    }
}

.product__wrapperBox {
    width: 100%;
    background: #fff;
    border-bottom: 7px solid #000;
    padding-top: 25px;
    position: relative
}

.main--black .product__wrapperBox {
    border-bottom: 7px solid #000
}

.main--cerulean .product__wrapperBox {
    border-bottom: 7px solid #0085ca
}

.main--deep-pink .product__wrapperBox {
    border-bottom: 7px solid #ce0058
}

.main--dark-coral .product__wrapperBox {
    border-bottom: 7px solid #e04e39
}

.main--blood-orange .product__wrapperBox {
    border-bottom: 7px solid #fe5000
}

.main--sunflower-yellow .product__wrapperBox {
    border-bottom: 7px solid gold
}

.main--kelley-green .product__wrapperBox {
    border-bottom: 7px solid #00843d
}

.main--dark-indigo .product__wrapperBox {
    border-bottom: 7px solid #24135f
}

@media (min-width: 1024px) {
    .product__wrapperBox {
        padding-top: 60px
    }
}

.product__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.product__row::before,
.product__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.product__row::after {
    clear: both
}

@media (min-width: 768px) {
    .product__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.product__details {
    zoom: 1;
    background: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative
}

.product__details::before,
.product__details::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.product__details::after {
    clear: both
}

@media (min-width: 1024px) {
    .product__details {
        padding: 0
    }

    .product__details--withoutImage .product__description,
    .product__details--withoutImage .product__cta,
    .product__details--withoutImage .product__titleWrapper {
        width: 100%
    }
}

.product__images-container {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px
}

@media (min-width: 640px) {
    .product__images-container {
        padding-left: 4.16667%;
        padding-right: 4.16667%
    }
}

@media (min-width: 768px) {
    .product__images-container {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .product__images-container {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .product__images-container {
        padding: 0 calc(8.33333% - 10px)
    }
}

@media (min-width: 1024px) {
    .product__images-container {
        padding: 0 0 0 4.16667%
    }
}

.product__img {
    height: calc(100vw - 80px);
    width: calc(100vw - 80px)
}

@media (min-width: 640px) {
    .product__img {
        height: 506px;
        width: 506px
    }
}

@media (min-width: 768px) {
    .product__img {
        height: 480px;
        width: 480px
    }
}

@media (min-width: 1024px) {
    .product__img {
        height: auto;
        margin: 0;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .product__img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%
    }
}

.product__icons-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    margin: 20px 0 40px;
    width: 100%
}

@media (min-width: 1280px) {
    .product__icons-list {
        margin: 40px
    }
}

.product__icon-item {
    max-width: auto;
    padding: 5px
}

@media (min-width: 640px) {
    .product__icon-item {
        max-width: 33%
    }
}

@media (min-width: 768px) {
    .product__icon-item {
        max-width: 25%
    }
}

@media (min-width: 1280px) {
    .product__icon-item {
        max-width: 20%
    }
}

.product__icon-item img {
    max-width: 100%
}

.product__description {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding: 40px 28px 50px
}

@media (min-width: 768px) {
    .product__description {
        width: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .product__description {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .product__description {
        padding: 40px 38px
    }
}

@media (min-width: 768px) {
    .product__description {
        padding: 0 calc(8.33333% - 10px) 75px
    }
}

@media (min-width: 1024px) {
    .product__description {
        padding: 0 calc(4.16667%) 70px
    }
}

@media (min-width: 1280px) {
    .product__description {
        padding: 0 60px 205px 10px
    }
}

@media print {
    .product__description {
        width: 100%
    }
}

.product__descriptionTitle,
.product__benefitsTitle,
.product__read-more-title {
    margin: 50px 0 25px;
    color: #000;
    margin-top: 0;
    outline: none;
    padding-top: 0;
    text-align: left
}

@media (min-width: 640px) {

    .product__descriptionTitle,
    .product__benefitsTitle,
    .product__read-more-title {
        margin: 50px 0 35px
    }
}

@media (min-width: 768px) {

    .product__descriptionTitle,
    .product__benefitsTitle,
    .product__read-more-title {
        margin: 50px 0 40px
    }
}

.product__description>.product__descriptionTitle:first-child,
.product__description>.product__benefitsTitle:first-child,
.product__description>.product__read-more-title:first-child {
    padding-top: 0
}

.product__descriptionTitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase
}

body.fontsReady .product__descriptionTitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .product__descriptionTitle {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .product__descriptionTitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.product__benefitsTitle,
.product__read-more-title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase
}

body.fontsReady .product__benefitsTitle,
body.fontsReady .product__read-more-title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .product__benefitsTitle,
    .product__read-more-title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .product__benefitsTitle,
    body.fontsReady .product__read-more-title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.product__descriptionText,
.product__featureText {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000
}

body.fontsReady .product__descriptionText,
body.fontsReady .product__featureText {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .product__descriptionText,
    .product__featureText {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .product__descriptionText,
    body.fontsReady .product__featureText {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media print {

    .product__descriptionText,
    .product__featureText {
        font-size: 0
    }

    .product__descriptionText::after,
    .product__featureText::after {
        content: attr(data-original-html);
        display: block;
        font-size: 16px;
        margin-top: -40px
    }
}

.product__featureText {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px
}

body.fontsReady .product__featureText {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .product__featureText {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px
    }

    body.fontsReady .product__featureText {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.product__benefits {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000;
    width: 100%
}

body.fontsReady .product__benefits {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .product__benefits {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .product__benefits {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.product__descriptionText ul,
.product__benefitsList ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000;
    list-style: none;
    padding: 0;
    padding-left: 20px
}

body.fontsReady .product__descriptionText ul,
body.fontsReady .product__benefitsList ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .product__descriptionText ul,
    .product__benefitsList ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .product__descriptionText ul,
    body.fontsReady .product__benefitsList ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.product__descriptionText ul :not(:first-child),
.product__benefitsList ul :not(:first-child) {
    margin-top: 5px
}

.product__descriptionText ul>li,
.product__benefitsList ul>li {
    margin-bottom: 5px;
    text-indent: -17px
}

.product__descriptionText ul>li::before,
.product__benefitsList ul>li::before {
    content: '•';
    padding-right: 10px
}

.product__descriptionText.isHidden,
.product__benefitsList.isHidden {
    display: block
}

.product__documentsWrapper,
.product__documents,
.product__externalLinks,
.product__video {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    background: #fff
}

@media (min-width: 640px) {

    .product__documentsWrapper,
    .product__documents,
    .product__externalLinks,
    .product__video {
        padding: 0 40px
    }
}

@media (min-width: 768px) {

    .product__documentsWrapper,
    .product__documents,
    .product__externalLinks,
    .product__video {
        padding: 0 60px
    }
}

@media (min-width: 1024px) {

    .product__documentsWrapper,
    .product__documents,
    .product__externalLinks,
    .product__video {
        max-width: 944px;
        padding: 0 50px;
        width: 944px
    }
}

@media (min-width: 1280px) {

    .product__documentsWrapper,
    .product__documents,
    .product__externalLinks,
    .product__video {
        max-width: 1200px;
        width: 1200px
    }
}

@media (min-width: 1024px) {
    .product__background {
        bottom: 80px;
        display: block;
        left: 0;
        min-height: calc(100% - 80px - 60px);
        position: absolute;
        right: 0;
        top: 60px
    }
}

.product__imgtag {
    width: 100%
}

.product__parsys>:first-child {
    margin-top: 60px
}

.product__parsys>:last-child {
    margin-bottom: 60px
}

.product__documents {
    background: #f2f2f2;
    max-width: 100%;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
    width: 100%
}

@media (min-width: 640px) {
    .product__documents {
        padding: 50px 20px
    }
}

:not(.product__parsys)+.product__documents {
    padding-top: 0
}

.product__documents .product__documentsContainer {
    background: #fff;
    margin: 0 auto;
    padding: 60px 0;
    width: 100%
}

@media (min-width: 1024px) {
    .product__documents .product__documentsContainer {
        max-width: 944px
    }
}

@media (min-width: 1280px) {
    .product__documents .product__documentsContainer {
        max-width: 1200px
    }
}

.product__documents .product__section {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding: 0 20px
}

body.fontsReady .product__documents .product__section {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .product__documents .product__section {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .product__documents .product__section {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 640px) {
    .product__documents .product__section {
        padding: 0 8.33333%
    }
}

.product__externalLinks {
    display: none
}

.product__section {
    outline: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.additionaldocuments__linkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    position: relative
}

@media (min-width: 640px) {
    .additionaldocuments__linkBox {
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .additionaldocuments__linkBox {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .additionaldocuments__linkBox {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.additionaldocuments__link {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 125px;
    padding: 9px 13px 7px;
    -webkit-transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: 100%
}

@media (min-width: 640px) {
    .additionaldocuments__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 171px;
        padding: 23px 21px 21px
    }
}

@media (min-width: 768px) {
    .additionaldocuments__link {
        min-height: 202px;
        padding: 23px 27px 21px
    }
}

@media (min-width: 1024px) {
    .additionaldocuments__link {
        min-height: 200px;
        padding: 23px 23px 21px
    }
}

@media (min-width: 1280px) {
    .additionaldocuments__link {
        padding: 23px 30px 21px
    }
}

.additionaldocuments__link:hover {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

.additionaldocuments__description {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    padding-right: 50px;
    pointer-events: none;
    position: relative;
    width: 100%;
    word-break: break-word
}

body.fontsReady .additionaldocuments__description {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .additionaldocuments__description {
        padding: 0;
        text-align: center
    }
}

.additionaldocuments__text {
    display: none
}

.additionaldocuments__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 640px) {
    .additionaldocuments__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        text-align: center
    }
}

.additionaldocuments__filetype {
    display: none
}

.additionaldocuments__button {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    padding-bottom: 0
}

body.fontsReady .additionaldocuments__button {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 640px) {
    .additionaldocuments__button {
        margin-bottom: 8px
    }
}

.additionaldocuments__icon {
    height: 22px;
    width: 26px;
    stroke: #fff;
    stroke-width: 1px
}

.additionaldocuments__link:hover .additionaldocuments__icon {
    stroke: #000
}

@media (min-width: 1024px) {
    .additionaldocuments__icon {
        height: 31px;
        width: 38px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes nodeAdded {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes nodeAdded {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.safetydatasheets__base {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1
}

.safetydatasheets__box {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    width: 100%;
    background-color: #e6e7e7;
    margin-bottom: 10px;
    padding-top: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: nodeAdded;
    animation-name: nodeAdded;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    text-decoration: none
}

body.fontsReady .safetydatasheets__box {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .safetydatasheets__box {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .safetydatasheets__box {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .safetydatasheets__box {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .safetydatasheets__box {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .safetydatasheets__box {
        margin-right: 10px;
        width: calc(50% - 5px);
        height: auto;
        background-color: #e6e7e7
    }
}

.safetydatasheets__box {
    min-height: 180px
}

.safetydatasheets__box:hover {
    text-decoration: none
}

.safetydatasheets__boxHeader {
    margin-bottom: 10px
}

.safetydatasheets__boxHeader,
.safetydatasheets__boxBody {
    width: 100%
}

.safetydatasheets__boxBody {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.safetydatasheets__elementBottom {
    width: 100%;
    position: relative;
    display: block;
    padding: 7px 0;
    border-top: 1px solid #fff
}

.safetydatasheets__specSingle:hover {
    cursor: pointer;
    background-color: #bfc2c2
}

.safetydatasheets__specSingle:hover .safetydatasheets__specIcon {
    color: #e1000f
}

.safetydatasheets__segment {
    border: 1px solid #afb4b9;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 10px
}

@media (min-width: 768px) {
    .safetydatasheets__segment {
        width: 80%
    }
}

@media (min-width: 1024px) {
    .safetydatasheets__segment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        padding: 0;
        border: 0;
        width: 100%
    }
}

.safetydatasheets__title,
.safetydatasheets__subtitle {
    display: inline-block;
    color: #000
}

@media (min-width: 1024px) {

    .safetydatasheets__title,
    .safetydatasheets__subtitle {
        display: block
    }
}

.safetydatasheets__title,
.safetydatasheets__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase
}

body.fontsReady .safetydatasheets__title,
body.fontsReady .safetydatasheets__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .safetydatasheets__title,
    .safetydatasheets__subtitle {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .safetydatasheets__title,
    body.fontsReady .safetydatasheets__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.safetydatasheets__sizesWrap {
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .safetydatasheets__sizesWrap {
        overflow: visible;
        padding-left: 0;
        margin-left: 0
    }
}

.safetydatasheets__languageBox {
    margin: 10px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000
}

@media (min-width: 1024px) {
    .safetydatasheets__languageBox {
        height: 370px;
        width: calc(50% - 5px);
        border: 1px solid #afb4b9;
        float: left;
        margin: 0 10px 10px 0;
        padding: 10px
    }
}

.safetydatasheets__spec {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #5f6973;
    pointer-events: none;
    padding: 0 15px
}

body.fontsReady .safetydatasheets__spec {
    font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__spec:last-child {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px
}

body.fontsReady .safetydatasheets__spec:last-child {
    font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specArrow {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.safetydatasheets__specMultiple {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px
}

body.fontsReady .safetydatasheets__specMultiple {
    font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specMultiple:last-child {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px
}

body.fontsReady .safetydatasheets__specMultiple:last-child {
    font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specMultiple .safetydatasheets__specTitle {
    padding: 0 15px;
    color: #5f6973
}

.safetydatasheets__specTitle {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #13739f;
    pointer-events: none;
    max-width: 90%
}

body.fontsReady .safetydatasheets__specTitle {
    font-family: "MiloWebPro", Arial, sans-serif
}

.safetydatasheets__specText {
    position: relative
}

.safetydatasheets__specIcon {
    width: 30px;
    height: 30px;
    color: #5f6973
}

.safetydatasheets__size {
    pointer-events: none
}

.safetydatasheets__languageHeader {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.technicaldatasheets__linkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    position: relative
}

@media (min-width: 640px) {
    .technicaldatasheets__linkBox {
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .technicaldatasheets__linkBox {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .technicaldatasheets__linkBox {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.technicaldatasheets__base {
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 125px;
    padding: 9px 13px 7px;
    -webkit-transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    width: 100%
}

@media (min-width: 640px) {
    .technicaldatasheets__base {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 171px;
        padding: 23px 21px 21px
    }
}

@media (min-width: 768px) {
    .technicaldatasheets__base {
        min-height: 202px;
        padding: 23px 27px 21px
    }
}

@media (min-width: 1024px) {
    .technicaldatasheets__base {
        min-height: 200px;
        padding: 23px 23px 21px
    }
}

@media (min-width: 1280px) {
    .technicaldatasheets__base {
        padding: 23px 30px 21px
    }
}

.technicaldatasheets__base:hover {
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 640px) {
    .technicaldatasheets__header {
        text-align: center
    }
}

.technicaldatasheets__title,
.technicaldatasheets__subtitle {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    display: inline;
    vertical-align: top
}

body.fontsReady .technicaldatasheets__title,
body.fontsReady .technicaldatasheets__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.technicaldatasheets__name {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    pointer-events: none;
    position: relative;
    width: 100%;
    word-break: break-word
}

body.fontsReady .technicaldatasheets__name {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.technicaldatasheets__body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 640px) {
    .technicaldatasheets__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.technicaldatasheets__downloadIcon {
    height: 22px;
    width: 26px;
    stroke: #fff;
    stroke-width: 1px
}

.technicaldatasheets__base:hover .technicaldatasheets__downloadIcon {
    stroke: #000
}

@media (min-width: 1024px) {
    .technicaldatasheets__downloadIcon {
        height: 31px;
        width: 38px
    }
}

.technicaldatasheets__label {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    padding-bottom: 0
}

body.fontsReady .technicaldatasheets__label {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 640px) {
    .technicaldatasheets__label {
        margin-bottom: 8px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.buynow__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .buynow__options {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.buynow__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px;
    border: 1px solid #e6e7e7
}

@media (min-width: 768px) {
    .buynow__product {
        width: 65%
    }
}

.buynow__product .image__renditions {
    width: auto;
    margin-right: 10px
}

.buynow__productImage {
    max-height: 80px
}

@media (min-width: 768px) {
    .buynow__productImage {
        max-height: 140px
    }
}

.buynow__productTitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    margin-bottom: 10px
}

body.fontsReady .buynow__productTitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.buynow__productText {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px
}

body.fontsReady .buynow__productText {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .buynow__productText {
        font-size: 18px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 24px
    }

    body.fontsReady .buynow__productText {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.buynow__buyonline {
    margin-bottom: 20px
}

.buynow__subtitle {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px
}

body.fontsReady .buynow__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .buynow__subtitle {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .buynow__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .buynow__subtitle {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .buynow__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.buynow__resultsBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.buynow__item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .buynow__item {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin-bottom: 2%
    }
}

.buynow__itemWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #e6e7e7
}

.buynow__itemLogo {
    max-width: 50%;
    max-height: 50px
}

.buynow__itemText {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

body.fontsReady .buynow__itemText {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .buynow__itemText {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .buynow__itemText {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.buynow__buynearby {
    text-align: center
}

.buynow__buynearbyText {
    margin-bottom: 20px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.howto {
    margin-bottom: 60px
}

.howto__list {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.howto__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center
}

body.fontsReady .howto__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .howto__title {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .howto__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .howto__title {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .howto__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.howto__video {
    margin: 0 auto 65px;
    max-width: 1200px
}

.howto__item {
    padding: 20px 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 1024px) {
    .howto__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding: 15px
    }
}

@media (min-width: 1024px) {

    .howto__item.howto__item--mediaright,
    .howto__item.howto__item--medialeft {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 10px
    }
}

.howto__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    background: #313a3d
}

.howto__item--mediaright>.howto__container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width: 1024px) {
    .howto__item--mediaright>.howto__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width: 1024px) {
    .howto__item--medialeft>.howto__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.howto__content {
    padding: 30px;
    margin-bottom: 20px;
    max-width: 95%
}

@media (min-width: 1024px) {
    .howto__content {
        width: 35%
    }
}

.howto__item--mediaright .howto__content {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.howto__content-title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    padding-bottom: 8px;
    margin-bottom: 15px
}

body.fontsReady .howto__content-title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .howto__content-title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .howto__content-title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.howto__content-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 65px;
    background-color: #fff
}

.howto__content-text {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #fff
}

body.fontsReady .howto__content-text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.howto__media {
    position: relative;
    top: -20px;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
    width: 90%;
    margin-bottom: -15px
}

@media (min-width: 1024px) {
    .howto__media {
        width: 65%;
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .howto__item--mediaright .howto__media {
        right: -20px
    }
}

@media (min-width: 1024px) {
    .howto__item--medialeft .howto__media {
        left: -20px
    }
}

.howto__media .image__img {
    width: 100%;
    vertical-align: top
}

.howto__media .video__base,
.howto__media .video__player {
    margin-bottom: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.campaign {
    margin-bottom: 60px
}

.campaign__item {
    background-color: #e6e7e7;
    margin: 0 auto 50px
}

@media (min-width: 1024px) {
    .campaign__item {
        max-width: 944px
    }
}

@media (min-width: 1280px) {
    .campaign__item {
        max-width: 1200px
    }
}

.campaign__item--video {
    background: linear-gradient(transparent 20px, #e6e7e7 0)
}

@media (min-width: 768px) {
    .campaign__item--video {
        background: linear-gradient(transparent 40px, #e6e7e7 0)
    }
}

.campaign__item.campaign__withVideoAndVideo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.campaign__text {
    margin: 0 auto;
    max-width: 800px;
    padding: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .campaign__text {
        padding: 40px
    }
}

.campaign__withVideoAndVideo .campaign__text {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.campaign__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase
}

body.fontsReady .campaign__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .campaign__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px
    }

    body.fontsReady .campaign__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .campaign__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px
    }

    body.fontsReady .campaign__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .campaign__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px
    }

    body.fontsReady .campaign__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.campaign__description {
    font-size: 20px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 26px;
    margin-top: 20px
}

body.fontsReady .campaign__description {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
    .campaign__description {
        font-size: 24px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 30px
    }

    body.fontsReady .campaign__description {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.campaign .video__wrapper {
    padding: 0 20px
}

@media (min-width: 768px) {
    .campaign .video__wrapper {
        padding: 0 40px
    }
}

.campaign__withVideoAndVideo .campaign__image,
.campaign__withVideoAndVideo .video__wrapper {
    margin-bottom: 20px
}

@media (min-width: 768px) {

    .campaign__withVideoAndVideo .campaign__image,
    .campaign__withVideoAndVideo .video__wrapper {
        margin-bottom: 40px
    }
}

.campaign__withVideoAndVideo .campaign__image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 20px
}

@media (min-width: 768px) {
    .campaign__withVideoAndVideo .campaign__image {
        padding: 0 40px
    }
}

.campaign__withVideoAndVideo .video__wrapper,
.campaign__withVideoAndVideo .cookienote__placeholderRoot {
    top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 768px) {

    .campaign__withVideoAndVideo .video__wrapper,
    .campaign__withVideoAndVideo .cookienote__placeholderRoot {
        top: 0
    }
}

.campaign .image__img {
    width: 100%;
    vertical-align: top
}

.campaign .video__base,
.campaign .video__player {
    margin-bottom: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.searchresults__base {
    margin-bottom: 50px;
    padding: 40px 0 10px;
    position: relative
}

.searchresults__base strong {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px
}

body.fontsReady .searchresults__base strong {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .searchresults__base strong {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .searchresults__base strong {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.searchresults--isHidden {
    display: none
}

.searchresults__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.searchresults__row::before,
.searchresults__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.searchresults__row::after {
    clear: both
}

@media (min-width: 768px) {
    .searchresults__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.searchresults__content:first-of-type::before {
    background: rgba(0, 0, 0, 0);
    content: ' ';
    height: 206px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

.searchresults__mainTitle,
.searchresults__globaltitle {
    display: none
}

.searchresults__input {
    margin-bottom: 24px
}

.searchresults__content {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    .searchresults__content {
        width: 83.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .searchresults__content {
        width: 66.66667%;
        float: left;
        margin-left: 16.66667%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.searchresults__facets {
    margin-bottom: 0;
    position: relative
}

.searchresults__facets .searchresults__facetsWrapper {
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
    padding: 15px 0
}

@media (min-width: 640px) {
    .searchresults__facets .searchresults__facetsWrapper {
        cursor: default
    }
}

.searchresults__facets .searchresults__facetsWrapper.right-shadow::after,
.searchresults__facets .searchresults__facetsWrapper.left-shadow::before {
    content: '';
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 60px
}

.searchresults__facets .searchresults__facetsWrapper.right-shadow::after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, #fff 100%);
    right: 0
}

.searchresults__facets .searchresults__facetsWrapper.left-shadow::before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), to(#fff));
    background: linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, #fff 100%);
    left: 0
}

.searchresults__facets .searchresults__facetsList {
    display: inline-block;
    white-space: nowrap
}

.searchresults__facets .searchresults__facetsItem,
.searchresults__facets .searchresults__facetsItemLink {
    display: inline-block
}

.searchresults__facets .searchresults__facetsItemLink {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    color: #000;
    margin-left: 1px;
    margin-right: 30px;
    text-transform: uppercase
}

body.fontsReady .searchresults__facets .searchresults__facetsItemLink {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .searchresults__facets .searchresults__facetsItemLink {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px
    }

    body.fontsReady .searchresults__facets .searchresults__facetsItemLink {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.searchresults__facets .searchresults__facetsItemLink-isActive {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f
}

.searchresults__solrBoxWrapper {
    min-height: 50px
}

.searchresults__solrBoxWrapper:focus {
    outline: none
}

.searchresults__boxlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px
}

.searchresults__boxWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.searchresults__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative
}

@media (min-width: 640px) {
    .searchresults__box {
        margin-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .searchresults__box {
        margin-bottom: 60px
    }
}

.searchresults__box:not(.searchresults__box--product) {
    border-bottom: 5px solid #000
}

.searchresults__box--product {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.searchresults__box--product::before,
.searchresults__box--product::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.searchresults__box--product::after {
    clear: both
}

@media (min-width: 768px) {
    .searchresults__box--product {
        margin-left: -10px;
        margin-right: -10px
    }
}

.searchresults__box--product::after {
    border-bottom: 5px solid #000;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: calc(100% - 2 * 8px)
}

@media (min-width: 768px) {
    .searchresults__box--product::after {
        width: calc(100% - 2 * 10px)
    }
}

.searchresults__box .searchresults__categoryproductInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 66.66667%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 768px) {
    .searchresults__box .searchresults__categoryproductInfo {
        width: 70%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .searchresults__box .searchresults__categoryproductInfo {
        width: 62.5%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.searchresults__box .searchresults__categoryproductInfo .searchresults__subtitle {
    display: none
}

.searchresults__box .searchresults__categoryproductImage {
    display: none
}

@media (min-width: 640px) {
    .searchresults__box .searchresults__categoryproductImage {
        display: block;
        width: 33.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .searchresults__box .searchresults__categoryproductImage {
        width: 30%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .searchresults__box .searchresults__categoryproductImage {
        width: 37.5%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.searchresults__box .searchresults__categoryproductImage .searchresults__image {
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.searchresults__box .searchresults__categoryproductImage .image__img {
    max-width: 100%;
    position: absolute;
    top: 0
}

.searchresults__box .searchresults__categoryproductTitle,
.searchresults__box .searchresults__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 20px
}

body.fontsReady .searchresults__box .searchresults__categoryproductTitle,
body.fontsReady .searchresults__box .searchresults__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .searchresults__box .searchresults__categoryproductTitle,
    .searchresults__box .searchresults__title {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px
    }

    body.fontsReady .searchresults__box .searchresults__categoryproductTitle,
    body.fontsReady .searchresults__box .searchresults__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.searchresults__box .searchresults__title {
    color: #000;
    margin-top: 10px
}

.searchresults__box .searchresults__categoryproductTitle {
    color: #e20f0f
}

.searchresults__box .searchresults__categoryproductTitle:hover {
    color: #a50000
}

.searchresults__box .searchresults__categoryproductInfoItem,
.searchresults__box .searchresults__head,
.searchresults__box .searchresults__body {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000
}

body.fontsReady .searchresults__box .searchresults__categoryproductInfoItem,
body.fontsReady .searchresults__box .searchresults__head,
body.fontsReady .searchresults__box .searchresults__body {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .searchresults__box .searchresults__categoryproductInfoItem,
    .searchresults__box .searchresults__head,
    .searchresults__box .searchresults__body {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .searchresults__box .searchresults__categoryproductInfoItem,
    body.fontsReady .searchresults__box .searchresults__head,
    body.fontsReady .searchresults__box .searchresults__body {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.searchresults__box .searchresults__link {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    display: inline;
    text-decoration: underline;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in;
    word-break: break-all
}

body.fontsReady .searchresults__box .searchresults__link {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .searchresults__box .searchresults__link {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .searchresults__box .searchresults__link {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.searchresults__box .searchresults__link:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #a50000
}

.searchresults__box .searchresults__categoryproduct-cta {
    margin: 25px 0 0
}

@media (min-width: 768px) {
    .searchresults__box .searchresults__categoryproduct-cta {
        margin: auto 0 0
    }
}

.searchresults__box .searchresults__categoryproduct-cta .button {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e20f0f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 0 0;
    text-transform: none
}

body.fontsReady .searchresults__box .searchresults__categoryproduct-cta .button {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.searchresults__box .searchresults__categoryproduct-cta .button .heli__svg-icons,
.searchresults__box .searchresults__categoryproduct-cta .button .searchresults__download {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.searchresults__box .searchresults__categoryproduct-cta .button:hover .heli__svg-icons,
.searchresults__box .searchresults__categoryproduct-cta .button:hover .searchresults__download {
    background-color: rgba(0, 0, 0, 0);
    color: #a50000;
    stroke: #a50000
}

.searchresults__box .searchresults__categoryproduct-cta .button .heli__svg-icons {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding: 0 10px 0 0;
    stroke: #e20f0f;
    stroke-width: 2px;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.searchresults__box .searchresults__categoryproduct-cta .button .heli__svg-icon {
    height: 23px;
    width: 25px
}

.searchresults__box .searchresults__categoryproduct-cta .comparebutton__icon,
.searchresults__box .searchresults__categoryproduct-cta .comparebutton__text {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in
}

.searchresults__box .searchresults__categoryproduct-cta .comparebutton__icon:hover,
.searchresults__box .searchresults__categoryproduct-cta .comparebutton__text:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #a50000
}

.searchresults__box .searchresults__categoryproduct-cta .comparebutton__icon {
    border: 2px solid #e20f0f
}

.searchresults__total {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    color: #565555;
    margin-bottom: 20px
}

body.fontsReady .searchresults__total {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.searchresults__total--isBottom {
    color: #565555;
    max-width: none;
    text-align: center;
    width: auto
}

.searchresults__noFound,
.searchresults__errorTitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px auto;
    text-align: center
}

body.fontsReady .searchresults__noFound,
body.fontsReady .searchresults__errorTitle {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .searchresults__noFound,
    .searchresults__errorTitle {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .searchresults__noFound,
    body.fontsReady .searchresults__errorTitle {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.searchresults__noFound .button,
.searchresults__errorTitle .button {
    margin: 20px 0
}

.searchresults__noFoundTitle {
    text-align: center
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.searchfield {
    width: 100%
}

.header__searchfield--isOpen .searchfield__base {
    display: block
}

.searchfield__form {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative
}

.searchfield__input {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #000;
    display: none;
    height: 40px;
    padding: 0 75px 0 10px;
    width: 100%
}

body.fontsReady .searchfield__input {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .searchfield__input {
        padding: 0 50px 0 10px
    }
}

.searchfield__input::-webkit-input-placeholder {
    color: #565555;
    opacity: 1
}

.searchfield__input::-moz-placeholder {
    color: #565555;
    opacity: 1
}

.searchfield__input::-ms-input-placeholder {
    color: #565555;
    opacity: 1
}

.searchfield__input::placeholder {
    color: #565555;
    opacity: 1
}

.header__centerColumn--isOpen .searchfield__input {
    display: block
}

.searchresults__input .searchfield__input {
    border: 1px solid #000;
    display: block
}

.searchfield__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.searchfield__icon .heli__svg-icon {
    height: 22px;
    width: 22px
}

.searchfield__searchBtn,
.searchfield__clearBtn,
.searchfield__closeBtn {
    border: 0;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px
}

.searchresults__input .searchfield__searchBtn,
.searchresults__input .searchfield__clearBtn,
.searchresults__input .searchfield__closeBtn {
    top: 20px
}

.searchfield__searchBtn {
    background-color: rgba(0, 0, 0, 0);
    color: #bdbdbd;
    stroke: #bdbdbd;
    display: block;
    stroke-width: 2px;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, stroke .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, stroke .235s ease-in, color .235s ease-in
}

.header__centerColumn--isOpen .searchfield__searchBtn {
    background-color: #e20f0f;
    color: #fff;
    stroke: #fff
}

.header__centerColumn--isOpen .searchfield__searchBtn:hover {
    background-color: #fff;
    border: 3px solid #e20f0f;
    color: #000;
    stroke: #000
}

.searchresults__input .searchfield__searchBtn {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    stroke: #fff
}

.searchresults__input .searchfield__searchBtn:hover {
    background-color: #a50000;
    border-color: #a50000;
    color: #fff;
    stroke: #fff
}

.searchfield__searchBtn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    stroke: #fff
}

.searchfield__clearBtn,
.searchfield__closeBtn {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    height: 15px;
    margin-right: 50px;
    -webkit-transition: color .235s ease-in;
    transition: color .235s ease-in;
    width: 15px;
    z-index: 1
}

.searchfield__clearBtn:hover,
.searchfield__closeBtn:hover {
    color: #e20f0f
}

.searchfield__clearBtn {
    display: none
}

.searchresults__input .searchfield__clearBtn-isVisible {
    display: block
}

.header__centerColumn .searchfield__clearBtn {
    display: none
}

.searchfield__closeBtn {
    display: block
}

.searchresults__input .searchfield__closeBtn {
    display: none
}

.header__centerColumn:not(.header__centerColumn--isOpen) .searchfield__closeBtn {
    display: none
}

.searchfield__collapseIcon {
    display: none
}

.searchfield-isFocus {
    -webkit-box-shadow: #afb4b9 3px 2px 61px 0;
    box-shadow: #afb4b9 3px 2px 61px 0
}

.searchfield__closeSearch {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.skiplinks__base {
    position: relative;
    z-index: 26
}

.skiplinks__text,
.skiplinks__icon {
    display: inline-block;
    vertical-align: middle
}

.skiplinks__link {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    background-color: #e1000f;
    color: #fff;
    height: 29px;
    left: -9999px;
    padding: 5px 10px 5px 5px;
    position: absolute;
    top: 0
}

body.fontsReady .skiplinks__link {
    font-family: "MiloWebPro", Arial, sans-serif
}

.skiplinks__link.hasFocus {
    left: 0
}

.skiplinks__icon {
    height: 20px;
    width: 20px
}

.skiplinks__text {
    margin-top: 2px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.stage__base.stage__simple {
    margin-bottom: 25px;
    padding-bottom: 40px;
    padding-top: 35px;
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .stage__base.stage__simple {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .stage__base.stage__simple {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .stage__base.stage__simple {
        margin-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .stage__base.stage__simple {
        margin-bottom: 60px
    }
}

.stage__base.stage__general {
    margin-bottom: 50px;
    position: relative;
    z-index: 12
}

@media (min-width: 1024px) {
    .stage__base.stage__general {
        margin-bottom: 60px
    }
}

.stage__general .stage__image {
    height: calc(150vw - 90px);
    min-height: 484px;
    width: 100%;
    background-color: #999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .stage__general .stage__image {
        height: 400px;
        min-height: auto
    }
}

@media (min-width: 768px) {
    .stage__general .stage__image {
        height: 365px
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__image {
        height: 456px
    }
}

@media (min-width: 1280px) {
    .stage__general .stage__image {
        height: 600px
    }
}

@media (min-width: 640px) {
    .stage__general .stage__image {
        background-size: auto 100%
    }
}

.stage__general .stage__content-wrapper {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    width: 100%;
    position: absolute
}

@media (min-width: 640px) {
    .stage__general .stage__content-wrapper {
        top: 0
    }
}

.stage__general .stage__content-wrapper.container {
    padding: 0
}

.stage__simple .stage__textRow,
.stage__simple .stage__row {
    float: left
}

@media (min-width: 640px) {

    .stage__simple .stage__textRow,
    .stage__simple .stage__row {
        width: 83.33333%
    }
}

.stage__general .stage__content {
    max-width: 100%;
    position: relative
}

@media (min-width: 640px) {
    .stage__general .stage__content {
        max-width: 66.66667%
    }
}

@media (min-width: 768px) {
    .stage__general .stage__content {
        max-width: 66.66667%
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__content {
        max-width: 50%
    }
}

.stage__simple .stage__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.stage__general .stage__heading {
    background-color: #000;
    padding-bottom: 25px;
    width: 100%
}

@media (min-width: 640px) {
    .stage__general .stage__heading {
        background-color: transparent;
        padding-bottom: 0
    }
}

@media (min-width: 640px) {
    .stage__general .stage__heading>.stage__preTitle:first-child {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__heading>.stage__preTitle:first-child {
        margin-top: 66px
    }
}

@media (min-width: 1280px) {
    .stage__general .stage__heading>.stage__preTitle:first-child {
        margin-top: 93px
    }
}

@media (min-width: 640px) {
    .stage__general .stage__heading>:not(.stage__preTitle):first-child {
        margin-top: 90px
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__heading>:not(.stage__preTitle):first-child {
        margin-top: 108px
    }
}

@media (min-width: 1280px) {
    .stage__general .stage__heading>:not(.stage__preTitle):first-child {
        margin-top: 135px
    }
}

.stage__general .stage__heading:only-child {
    padding-bottom: 6px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .stage__general .stage__heading:only-child {
        margin-bottom: 0
    }
}

.stage__simple .stage__preTitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    padding-top: .53903em;
    padding-bottom: .63486em;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding-bottom: 0
}

body.fontsReady .stage__simple .stage__preTitle {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

.stage__general .stage__preTitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    padding-top: .53903em;
    padding-bottom: .63486em;
    padding: 16px 20px 0
}

body.fontsReady .stage__general .stage__preTitle {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .stage__general .stage__preTitle {
        margin-bottom: 3px;
        padding: 8px 20px
    }
}

.stage__simple .stage__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    padding-top: .40102em;
    padding-bottom: .20583em;
    margin-top: -.37037em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

body.fontsReady .stage__simple .stage__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .stage__simple .stage__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px;
        padding-top: .31621em;
        padding-bottom: .11621em;
        margin-top: -.32258em
    }

    body.fontsReady .stage__simple .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .stage__simple .stage__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px;
        padding-top: .25764em;
        padding-bottom: .06493em;
        margin-top: .13514em
    }

    body.fontsReady .stage__simple .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .stage__simple .stage__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px;
        padding-top: .1761em;
        padding-bottom: 0em;
        margin-top: .11628em;
        margin-bottom: -.02576em
    }

    body.fontsReady .stage__simple .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.stage__general .stage__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    padding: 8px 20px;
    position: relative;
    word-break: break-word
}

body.fontsReady .stage__general .stage__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .stage__general .stage__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px
    }

    body.fontsReady .stage__general .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px
    }

    body.fontsReady .stage__general .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .stage__general .stage__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px
    }

    body.fontsReady .stage__general .stage__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.stage__simple .stage__subtitle {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .67776em;
    padding-bottom: .49829em;
    margin-top: .52632em;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

body.fontsReady .stage__simple .stage__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1280px) {
    .stage__simple .stage__subtitle {
        padding-top: .67776em;
        padding-bottom: .49829em;
        margin-top: .78947em
    }
}

.stage__general .stage__subtitle {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    position: relative
}

body.fontsReady .stage__general .stage__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .stage__general .stage__subtitle {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 36px
    }

    body.fontsReady .stage__general .stage__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .stage__general .stage__subtitle {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 42px
    }

    body.fontsReady .stage__general .stage__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 640px) {
    .stage__general .stage__subtitle {
        padding-bottom: 0
    }
}

.stage__general .stage__subtitle p {
    padding: 0 20px 10px
}

@media (min-width: 640px) {
    .stage__general .stage__subtitle p {
        padding: 8px 20px
    }
}

.stage__additional-information {
    position: relative
}

.stage__simple .stage__additional-information {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

body.fontsReady .stage__simple .stage__additional-information {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.stage__general .stage__additional-information {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    padding-top: .59728em;
    padding-bottom: .58722em;
    padding: 8px 20px 10px
}

body.fontsReady .stage__general .stage__additional-information {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 640px) {
    .stage__general .stage__additional-information {
        padding: 10px 20px 8px;
        margin-top: 3px
    }
}

.stage__additional-information-dot {
    display: inline-block;
    position: relative
}

.stage__additional-information-dot::after {
    content: '.';
    position: absolute
}

.stage__general .stage__additional-information-dot {
    width: 17px
}

@media (min-width: 640px) {
    .stage__general .stage__additional-information-dot {
        width: 23px
    }
}

.stage__general .stage__additional-information-dot::after {
    left: 5px;
    top: -22px
}

@media (min-width: 640px) {
    .stage__general .stage__additional-information-dot::after {
        left: 8px
    }
}

.stage__simple .stage__additional-information-dot {
    width: 17px
}

.stage__simple .stage__additional-information-dot::after {
    left: 5px;
    top: -22px
}

.stage__general .stage__preTitle,
.stage__general .stage__title,
.stage__general .stage__subtitle,
.stage__general .stage__additional-information {
    background-color: #000;
    color: #fff;
    display: block
}

@media (min-width: 640px) {

    .stage__general .stage__preTitle,
    .stage__general .stage__title,
    .stage__general .stage__subtitle,
    .stage__general .stage__additional-information {
        display: table
    }
}

.stage__simple .stage__preTitle,
.stage__simple .stage__title,
.stage__simple .stage__subtitle,
.stage__simple .stage__additional-information {
    color: #000
}

.stage__general .stage__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stage__general .stage__button {
    margin: -20px 0
}

@media (min-width: 640px) {
    .stage__general .stage__button {
        margin-top: 30px
    }
}

@media (min-width: 1024px) {
    .stage__general .stage__button {
        margin-left: 0
    }
}

.stage__general .stage__button.button--hasIcon {
    padding-left: 18px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.stickycta__base {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 999
}

.stickycta__base--is-hidden {
    display: none
}

@media (min-width: 768px) {
    .stickycta__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.stickycta__inner-wrapper {
    padding: 10px 0;
    background-color: #e6e7e7;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.36);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (min-width: 768px) {
    .stickycta__inner-wrapper {
        padding: 20px 0
    }
}

.stickycta__close-button {
    margin: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

@media (min-width: 768px) {
    .stickycta__close-button {
        margin: 13px
    }
}

@media (min-width: 1024px) {
    .stickycta__close-button {
        margin-right: calc(50vw - 472px)
    }
}

@media (min-width: 1280px) {
    .stickycta__close-button {
        margin-right: calc(50vw - 600px)
    }
}

.stickycta__close-icon {
    height: 30px
}

.stickycta__close-icon svg {
    fill: #e1000f
}

@media (min-width: 768px) {
    .stickycta__close-icon svg {
        fill: #5f6973
    }
}

.stickycta__title {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    margin-bottom: 5px
}

body.fontsReady .stickycta__title {
    font-family: "MiloWebPro", Arial, sans-serif
}

.stickycta__text-wrapper {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    margin-bottom: 0
}

body.fontsReady .stickycta__text-wrapper {
    font-family: "MiloWebPro", Arial, sans-serif
}

.stickycta__text-wrapper p:not(.stickycta__title) {
    display: none
}

@media (min-width: 768px) {
    .stickycta__text-wrapper p:not(.stickycta__title) {
        display: inline
    }
}

@media (min-width: 768px) {
    .stickycta__text-wrapper {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.stickycta__button {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .stickycta__content>.stickycta__button {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 18px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding: 0;
        text-transform: none;
        width: auto;
        color: #e1000f
    }

    body.fontsReady .stickycta__content>.stickycta__button {
        font-family: "MiloWebPro", Arial, sans-serif
    }

    .stickycta__content>.stickycta__button:hover {
        background-color: transparent
    }
}

.stickycta__button>.stickycta__button-icon {
    width: 13px;
    height: 13px;
    margin-left: 8px
}

@media (min-width: 768px) {
    .stickycta__button>.stickycta__button-icon {
        display: none
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.table__container {
    width: 100%;
    border: 0;
    border-collapse: collapse
}

.table__row:nth-child(odd) {
    background-color: #e6e7e7
}

@media print {
    .table__row {
        border-bottom: 1px #e6e7e7 solid;
        page-break-inside: avoid
    }
}

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

@media (min-width: 768px) {
    .table__column {
        display: table-cell
    }
}

@media print {
    .table__column {
        display: table-cell
    }
}

.table__columnTitle {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 14px;
    padding: 20px 10px 0;
    width: 100%;
    color: #5f6973
}

body.fontsReady .table__columnTitle {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
    .table__columnTitle {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 18px
    }

    body.fontsReady .table__columnTitle {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .table__columnTitle {
        padding: 20px;
        width: 50%;
        color: #000
    }
}

@media print {
    .table__columnTitle {
        width: 50%
    }
}

.table__columnDescription {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 16px;
    padding: 0 10px 20px;
    color: #000
}

body.fontsReady .table__columnDescription {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 768px) {
    .table__columnDescription {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 18px
    }

    body.fontsReady .table__columnDescription {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 768px) {
    .table__columnDescription {
        padding: 20px;
        color: #5f6973
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.tags__base {
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tags__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    margin-right: 10px;
    color: #000
}

body.fontsReady .tags__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .tags__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .tags__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.tags__item {
    float: left
}

.tags__link {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    display: block;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    background: #e6e7e7;
    text-decoration: none;
    color: #5f6973
}

body.fontsReady .tags__link {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .tags__link {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .tags__link {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.tags__closeBtn {
    border: 0;
    padding: 0;
    margin-left: 5px;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0);
    color: #5f6973;
    cursor: pointer
}

.tags__closeBtn .heli__svg-icons {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.text {
    zoom: 1
}

.text h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .text h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .text h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em
}

body.fontsReady .text h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em
    }

    body.fontsReady .text h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .text h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em
    }

    body.fontsReady .text h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .text h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.text h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em
}

body.fontsReady .text h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em
    }

    body.fontsReady .text h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text h6 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .67776em;
    padding-bottom: .49829em
}

body.fontsReady .text h6 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.text p {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000
}

body.fontsReady .text p {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text p {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .text p {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text *+h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: .4em
}

body.fontsReady .text *+h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text *+h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em;
        margin-top: .64516em
    }

    body.fontsReady .text *+h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text *+h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em;
    margin-top: 0em
}

body.fontsReady .text *+h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text *+h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em;
        margin-top: 0em
    }

    body.fontsReady .text *+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .text *+h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em;
        margin-top: 0em
    }

    body.fontsReady .text *+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text *+h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 0em
}

body.fontsReady .text *+h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.text *+h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em;
    margin-top: 0em
}

body.fontsReady .text *+h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text *+h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em;
        margin-top: 0em
    }

    body.fontsReady .text *+h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text *+h6 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding-top: .67776em;
    padding-bottom: .49829em;
    margin-top: 0em
}

body.fontsReady .text *+h6 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.text p+h2,
.text ol+h2,
.text ul+h2 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 2em
}

body.fontsReady .text p+h2,
body.fontsReady .text ol+h2,
body.fontsReady .text ul+h2 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text p+h2,
    .text ol+h2,
    .text ul+h2 {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em;
        margin-top: 2.25806em
    }

    body.fontsReady .text p+h2,
    body.fontsReady .text ol+h2,
    body.fontsReady .text ul+h2 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text p+h3,
.text ol+h3,
.text ul+h3 {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .54434em;
    padding-bottom: .31592em;
    margin-top: 1.05263em
}

body.fontsReady .text p+h3,
body.fontsReady .text ol+h3,
body.fontsReady .text ul+h3 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text p+h3,
    .text ol+h3,
    .text ul+h3 {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px;
        padding-top: .4029em;
        padding-bottom: .1921em;
        margin-top: 1.2em
    }

    body.fontsReady .text p+h3,
    body.fontsReady .text ol+h3,
    body.fontsReady .text ul+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {

    .text p+h3,
    .text ol+h3,
    .text ul+h3 {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .35569em;
        padding-bottom: .15793em;
        margin-top: 1.03448em
    }

    body.fontsReady .text p+h3,
    body.fontsReady .text ol+h3,
    body.fontsReady .text ul+h3 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text p+h4,
.text ol+h4,
.text ul+h4 {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: 1.2em
}

body.fontsReady .text p+h4,
body.fontsReady .text ol+h4,
body.fontsReady .text ul+h4 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.text p+h5,
.text ol+h5,
.text ul+h5 {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .56397em;
    padding-bottom: .30868em;
    margin-top: 1.76471em
}

body.fontsReady .text p+h5,
body.fontsReady .text ol+h5,
body.fontsReady .text ul+h5 {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text p+h5,
    .text ol+h5,
    .text ul+h5 {
        font-size: 21px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        padding-top: .44798em;
        padding-bottom: .21179em;
        margin-top: 1.42857em
    }

    body.fontsReady .text p+h5,
    body.fontsReady .text ol+h5,
    body.fontsReady .text ul+h5 {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text p+p,
.text p+ol,
.text p+ul,
.text ol+p,
.text ol+ol,
.text ol+ul,
.text ul+p,
.text ul+ol,
.text ul+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: 0em
}

body.fontsReady .text p+p,
body.fontsReady .text p+ol,
body.fontsReady .text p+ul,
body.fontsReady .text ol+p,
body.fontsReady .text ol+ol,
body.fontsReady .text ol+ul,
body.fontsReady .text ul+p,
body.fontsReady .text ul+ol,
body.fontsReady .text ul+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text p+p,
    .text p+ol,
    .text p+ul,
    .text ol+p,
    .text ol+ol,
    .text ol+ul,
    .text ul+p,
    .text ul+ol,
    .text ul+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 0em
    }

    body.fontsReady .text p+p,
    body.fontsReady .text p+ol,
    body.fontsReady .text p+ul,
    body.fontsReady .text ol+p,
    body.fontsReady .text ol+ol,
    body.fontsReady .text ol+ul,
    body.fontsReady .text ul+p,
    body.fontsReady .text ul+ol,
    body.fontsReady .text ul+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text h2+p,
.text h2+ol,
.text h2+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: .55556em
}

body.fontsReady .text h2+p,
body.fontsReady .text h2+ol,
body.fontsReady .text h2+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text h2+p,
    .text h2+ol,
    .text h2+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 1em
    }

    body.fontsReady .text h2+p,
    body.fontsReady .text h2+ol,
    body.fontsReady .text h2+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text h3+p,
.text h3+ol,
.text h3+ul,
.text h4+p,
.text h4+ol,
.text h4+ul,
.text h5+p,
.text h5+ol,
.text h5+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: 0em
}

body.fontsReady .text h3+p,
body.fontsReady .text h3+ol,
body.fontsReady .text h3+ul,
body.fontsReady .text h4+p,
body.fontsReady .text h4+ol,
body.fontsReady .text h4+ul,
body.fontsReady .text h5+p,
body.fontsReady .text h5+ol,
body.fontsReady .text h5+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text h3+p,
    .text h3+ol,
    .text h3+ul,
    .text h4+p,
    .text h4+ol,
    .text h4+ul,
    .text h5+p,
    .text h5+ol,
    .text h5+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: 0em
    }

    body.fontsReady .text h3+p,
    body.fontsReady .text h3+ol,
    body.fontsReady .text h3+ul,
    body.fontsReady .text h4+p,
    body.fontsReady .text h4+ol,
    body.fontsReady .text h4+ul,
    body.fontsReady .text h5+p,
    body.fontsReady .text h5+ol,
    body.fontsReady .text h5+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text h6+p,
.text h6+ol,
.text h6+ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.83333em
}

body.fontsReady .text h6+p,
body.fontsReady .text h6+ol,
body.fontsReady .text h6+ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text h6+p,
    .text h6+ol,
    .text h6+ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.75em
    }

    body.fontsReady .text h6+p,
    body.fontsReady .text h6+ol,
    body.fontsReady .text h6+ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text::before,
.text::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.text::after {
    clear: both
}

.text table {
    width: 100%;
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .text table {
        margin: 0;
        table-layout: fixed
    }
}

.text table caption {
    display: none
}

@media (min-width: 1024px) {}

.text .rteTable__smallRow {
    background-color: #f2f2f2
}

.text .rteTable__smallRow--even {
    background-color: #e6e7e7
}

.text .rteTable__header,
.text th {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding: 10px 20px;
    text-align: left;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #000
}

body.fontsReady .text .rteTable__header,
body.fontsReady .text th {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text .rteTable__header,
    .text th {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .text .rteTable__header,
    body.fontsReady .text th {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text td {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding: 10px 20px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    color: #5f6973
}

body.fontsReady .text td {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .text td {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .text td {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text .rteTable__icon {
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.text .rteTable__iconCheckmark {
    padding: 2px;
    border-radius: 10px;
    color: #f2f2f2;
    background-color: #46a569
}

.text .rteTable__iconClose {
    padding: 2px;
    border-radius: 10px;
    color: #f2f2f2;
    background-color: #e1000f
}

.text__base {
    padding-top: 35px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .text__base {
        padding-top: 45px
    }
}

.text+.text .text__base:not(.image__base),
.buttonbox+.text .text__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .text__base:not(.image__base),
    .buttonbox+.text .text__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.text:first-child .text__base,
.layoutpanel__container>.text:first-child .text__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.text:first-child .text__base,
    .layoutpanel__container>.text:first-child .text__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.text:last-child .text__base,
.layoutpanel__container>.text:last-child .text__base,
.layoutpanel__container>.text:last-child .text__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.text:last-child .text__base,
    .layoutpanel__container>.text:last-child .text__base,
    .layoutpanel__container>.text:last-child .text__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.text:not(.text):not(.calltoaction) .text__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.text:not(.text):first-child .text__base {
    padding-top: 0
}

.columncontrol__column>.text:last-child .text__base {
    padding-bottom: 0
}

.text__base h2,
.text__base h3,
.text__base h4,
.text__base h5,
.text__base h6,
.text__base p,
.text__base ol,
.text__base ul {
    width: 100%
}

@media (min-width: 1024px) {

    .columncontrol__column--lt1 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt1 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt1 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt1 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt1 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt1 .text__base p .layoutpanel__base,
    .columncontrol__column--lt1 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt1 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 83.33333%
    }

    .columncontrol__column--lt1:first-child .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base p .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base ol .layoutpanel__base,
    .columncontrol__column--lt1:first-child .text__base ul .layoutpanel__base {
        margin-left: 16.66667%
    }

    .columncontrol__column--lt2 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt2 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt2 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt2 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt2 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt2 .text__base p .layoutpanel__base,
    .columncontrol__column--lt2 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt2 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 87.5%
    }

    .columncontrol__column--lt2:first-child .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base p .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base ol .layoutpanel__base,
    .columncontrol__column--lt2:first-child .text__base ul .layoutpanel__base {
        margin-left: 25%;
        width: 75%
    }

    .columncontrol__column--lt3 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt3 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt3 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt3 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt3 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt3 .text__base p .layoutpanel__base,
    .columncontrol__column--lt3 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt3 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 75%
    }

    .columncontrol__column--lt3:first-child .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base p .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base ol .layoutpanel__base,
    .columncontrol__column--lt3:first-child .text__base ul .layoutpanel__base {
        margin-left: 12.5%;
        width: 87.5%
    }

    .columncontrol__column--lt4 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt4 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt4 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt4 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt4 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt4 .text__base p .layoutpanel__base,
    .columncontrol__column--lt4 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt4 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt6 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt5 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt6 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt5 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt6 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt5 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt6 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt5 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt6 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt5 .text__base p .layoutpanel__base,
    .columncontrol__column--lt6 .text__base p .layoutpanel__base,
    .columncontrol__column--lt5 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt6 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt5 .text__base ul .layoutpanel__base,
    .columncontrol__column--lt6 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5:last-child .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base p .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base ol .layoutpanel__base,
    .columncontrol__column--lt5:last-child .text__base ul .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt6:first-child .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base p .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base ol .layoutpanel__base,
    .columncontrol__column--lt6:first-child .text__base ul .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt7 .text__base h2 .layoutpanel__base,
    .columncontrol__column--lt7 .text__base h3 .layoutpanel__base,
    .columncontrol__column--lt7 .text__base h4 .layoutpanel__base,
    .columncontrol__column--lt7 .text__base h5 .layoutpanel__base,
    .columncontrol__column--lt7 .text__base h6 .layoutpanel__base,
    .columncontrol__column--lt7 .text__base p .layoutpanel__base,
    .columncontrol__column--lt7 .text__base ol .layoutpanel__base,
    .columncontrol__column--lt7 .text__base ul .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }
}

@media (min-width: 640px) {

    .accordionpanel .text__base h2,
    .accordionpanel .text__base h3,
    .accordionpanel .text__base h4,
    .accordionpanel .text__base h5,
    .accordionpanel .text__base h6,
    .accordionpanel .text__base p,
    .accordionpanel .text__base ol,
    .accordionpanel .text__base ul {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        float: none;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {

    .accordionpanel .text__base h2,
    .accordionpanel .text__base h3,
    .accordionpanel .text__base h4,
    .accordionpanel .text__base h5,
    .accordionpanel .text__base h6,
    .accordionpanel .text__base p,
    .accordionpanel .text__base ol,
    .accordionpanel .text__base ul {
        margin-left: 10%;
        padding-left: 2px;
        padding-right: 2px;
        width: 80%
    }
}

@media (max-width: 639px) {

    .layoutpanel__base .text__base h2,
    .layoutpanel__base .text__base h3,
    .layoutpanel__base .text__base h4,
    .layoutpanel__base .text__base h5,
    .layoutpanel__base .text__base h6,
    .layoutpanel__base .text__base p,
    .layoutpanel__base .text__base ol,
    .layoutpanel__base .text__base ul {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .text__base h2,
    .layoutpanel__base .columncontrol__base .text__base h3,
    .layoutpanel__base .columncontrol__base .text__base h4,
    .layoutpanel__base .columncontrol__base .text__base h5,
    .layoutpanel__base .columncontrol__base .text__base h6,
    .layoutpanel__base .columncontrol__base .text__base p,
    .layoutpanel__base .columncontrol__base .text__base ol,
    .layoutpanel__base .columncontrol__base .text__base ul {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {

    .text__base h2,
    .text__base h3,
    .text__base h4,
    .text__base h5,
    .text__base h6,
    .text__base p,
    .text__base ol,
    .text__base ul {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .text__base h2,
    .text__base h3,
    .text__base h4,
    .text__base h5,
    .text__base h6,
    .text__base p,
    .text__base ol,
    .text__base ul {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 1024px) {

    .text__base h2,
    .text__base h3,
    .text__base h4,
    .text__base h5,
    .text__base h6,
    .text__base p,
    .text__base ol,
    .text__base ul {
        width: 66.66667%
    }
}

.buttonbox .text__base h2,
.contentbox .text__base h2,
.contactform .text__base h2,
.buttonbox .text__base h3,
.contentbox .text__base h3,
.contactform .text__base h3,
.buttonbox .text__base h4,
.contentbox .text__base h4,
.contactform .text__base h4,
.buttonbox .text__base h5,
.contentbox .text__base h5,
.contactform .text__base h5,
.buttonbox .text__base h6,
.contentbox .text__base h6,
.contactform .text__base h6,
.buttonbox .text__base p,
.contentbox .text__base p,
.contactform .text__base p,
.buttonbox .text__base ol,
.contentbox .text__base ol,
.contactform .text__base ol,
.buttonbox .text__base ul,
.contentbox .text__base ul,
.contactform .text__base ul {
    margin-left: 0%;
    padding: 0;
    margin-left: 0
}

.columncontrol__base .text__base h2,
.columncontrol__base .text__base h3,
.columncontrol__base .text__base h4,
.columncontrol__base .text__base h5,
.columncontrol__base .text__base h6,
.columncontrol__base .text__base p,
.columncontrol__base .text__base ol,
.columncontrol__base .text__base ul {
    margin-left: 0%;
    width: 100%
}

.text__base h2,
.text__base h3,
.text__base h4,
.text__base h5,
.text__base h6 {
    color: #000
}

.layoutpanel__base .text__base {
    background: #fff
}

.contentbox__base .layoutpanel__base .text__base {
    padding-top: 0
}

.text b,
.text strong {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px
}

body.fontsReady .text b,
body.fontsReady .text strong {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text b,
    .text strong {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .text b,
    body.fontsReady .text strong {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.text ul,
.text ol {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #000
}

body.fontsReady .text ul,
body.fontsReady .text ol {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .text ul,
    .text ol {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .text ul,
    body.fontsReady .text ol {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text ul>li,
.text ol>li {
    display: table;
    margin-bottom: 8px
}

.text ul>li::before,
.text ol>li::before {
    display: table-cell;
    padding-right: 10px
}

.text ol {
    counter-reset: item
}

.text ol>li {
    counter-increment: item
}

.text ol>li::before {
    content: counters(item, ".") ". "
}

.text ul>li::before {
    content: '\25CF';
    -webkit-transform: scale(0.8, 0.8) translateY(-5px);
    transform: scale(0.8, 0.8) translateY(-5px)
}

.text ul ul {
    margin-left: 36px
}

.text ul ul ul {
    margin-left: 16px
}

.text a {
    background-color: rgba(0, 0, 0, 0);
    color: #e20f0f;
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif;
    text-decoration: underline;
    -webkit-transition: background-color .375s ease-in, color .235s ease-in;
    transition: background-color .375s ease-in, color .235s ease-in
}

.text a:visited {
    color: #565555
}

.text a:hover,
.text a:active {
    background-color: rgba(0, 0, 0, 0);
    color: #a50000;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.textimage {
    zoom: 1
}

.textimage::before,
.textimage::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.textimage::after {
    clear: both
}

.layoutpanel__base .textimage {
    background: #fff
}

.textimage__base {
    padding-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

@media (min-width: 1024px) {
    .textimage__base {
        padding-top: 45px
    }
}

.text+.text .textimage__base:not(.image__base),
.buttonbox+.text .textimage__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .textimage__base:not(.image__base),
    .buttonbox+.text .textimage__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.textimage:first-child .textimage__base,
.layoutpanel__container>.textimage:first-child .textimage__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.textimage:first-child .textimage__base,
    .layoutpanel__container>.textimage:first-child .textimage__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.textimage:last-child .textimage__base,
.layoutpanel__container>.textimage:last-child .textimage__base,
.layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.textimage:last-child .textimage__base,
    .layoutpanel__container>.textimage:last-child .textimage__base,
    .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.textimage:not(.text):not(.calltoaction) .textimage__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.textimage:not(.text):first-child .textimage__base {
    padding-top: 0
}

.columncontrol__column>.textimage:last-child .textimage__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .textimage__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .textimage__base {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .textimage__base {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px;
        display: inline-block
    }

    .textimage__base::before,
    .textimage__base::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .textimage__base::after {
        clear: both
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    .textimage__base {
        margin-left: -10px;
        margin-right: -10px
    }
}

.layoutpanel__base .textimage__base {
    padding-bottom: 0
}

.textimage__text,
.textimage__image {
    width: 100%
}

@media (min-width: 640px) {

    .textimage__text,
    .textimage__image {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .textimage__text,
    .textimage__image {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 640px) {

    .accordionpanel .textimage__text,
    .accordionpanel .textimage__image {
        margin-left: 8.33333%;
        padding-left: 12px;
        padding-right: 12px;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .accordionpanel .textimage__text,
    .accordionpanel .textimage__image {
        margin-left: 10%;
        padding-left: 2px;
        padding-right: 2px;
        width: 80%
    }
}

@media (min-width: 1024px) {
    .textimage__text--isWrapped {
        padding: 0 10px
    }
}

.layoutpanel__container>:not(.accordion) .textimage__text--isWrapped {
    width: 83.33333%
}

@media (min-width: 1024px) {
    .accordionpanel .textimage__text {
        margin-left: 10%;
        width: 50%
    }

    .accordionpanel .textimage__text--isWrapped {
        padding-left: 10px;
        padding-right: 10px;
        width: 80%
    }
}

.textimage__image {
    margin-bottom: 15px;
    margin-top: 50px;
    min-height: 1px
}

@media (min-width: 1024px) {
    .textimage__image {
        margin-bottom: 10px;
        margin-top: 15px;
        width: 33.33333%
    }
}

@media (min-width: 1024px) {
    .accordionpanel .textimage__image {
        width: 30%
    }
}

.layoutpanel__base .textimage__image .container {
    padding: 0
}

@media (min-width: 640px) {
    .layoutpanel__base .textimage__image {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .layoutpanel__base .textimage__image {
        margin-top: 10px
    }
}

@media (min-width: 1024px) {
    .textimage__image.textimage__image--isWrapped {
        padding: 0;
        width: 33.33333%
    }
}

@media (min-width: 1024px) {
    .textimage__image-isLeft.textimage__image--isWrapped {
        width: 33.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        margin-left: 8.33333%;
        margin-right: 4.16667%
    }

    .accordionpanel .textimage__image-isLeft.textimage__image--isWrapped {
        width: 30%;
        float: left;
        margin-left: 10%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-right: 4%;
        margin-right: 10px
    }
}

@media (min-width: 1024px) {
    .textimage__image-isRight.textimage__image--isWrapped {
        width: 33.33333%;
        float: left;
        margin-left: 58.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        float: right;
        margin-left: 4.16667%;
        margin-right: 8.33333%
    }

    .textimage__image-isRight.textimage__image--isWrapped+.textimage__text {
        margin-left: 8.33333%;
        margin-left: 80px
    }

    .accordionpanel .textimage__image-isRight.textimage__image--isWrapped {
        width: 30%;
        float: left;
        margin-left: 60%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        float: right;
        margin-left: 4%;
        margin-right: 10%
    }
}

@media (min-width: 1280px) {
    .textimage__image-isRight.textimage__image--isWrapped+.textimage__text {
        margin-left: 8.33333%;
        margin-left: 100px
    }
}

@media (min-width: 1024px) {
    .textimage__image-isLeft:not(.textimage__image--isWrapped) {
        width: 33.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .accordionpanel .textimage__image-isLeft:not(.textimage__image--isWrapped) {
        width: 30%;
        float: left;
        margin-left: 10%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-right: 4%
    }
}

@media (min-width: 1024px) {
    .textimage__image-isLeft:not(.textimage__image--isWrapped)+.textimage__text {
        width: 45.83333%;
        float: left;
        margin-left: 45.83333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 0
    }

    .accordionpanel .textimage__image-isLeft:not(.textimage__image--isWrapped)+.textimage__text {
        width: 50%;
        float: left;
        margin-left: 40%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .textimage__image-isRight:not(.textimage__image--isWrapped) {
        width: 33.33333%;
        float: left;
        margin-left: 58.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .accordionpanel .textimage__image-isRight:not(.textimage__image--isWrapped) {
        width: 30%;
        float: left;
        margin-left: 60%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-left: 4%
    }
}

@media (min-width: 1024px) {
    .textimage__image-isRight:not(.textimage__image--isWrapped)+.textimage__text {
        width: 45.83333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-right: 0
    }

    .accordionpanel .textimage__image-isRight:not(.textimage__image--isWrapped)+.textimage__text {
        width: 50%;
        float: left;
        margin-left: 10%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .textimage__image.textimage__image--isWrapped {
        margin-bottom: 20px
    }
}

@media (min-width: 1280px) {
    .textimage__image.textimage__image--isWrapped {
        margin-bottom: 30px
    }
}

.textimage__image .image__base {
    padding-top: 0
}

.layoutpanel__base .textimage__image .image__base {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0
}

.textimage__image .image__base .image__caption {
    margin-left: 0;
    width: 100%
}

.textimage h2,
.textimage h3,
.textimage h4,
.textimage h5,
.textimage h6 {
    color: #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.teaser__base {
    padding-top: 35px;
    height: 100%;
    position: relative;
    z-index: 5
}

@media (min-width: 1024px) {
    .teaser__base {
        padding-top: 45px
    }
}

.text+.text .teaser__base:not(.image__base),
.buttonbox+.text .teaser__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .teaser__base:not(.image__base),
    .buttonbox+.text .teaser__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
.layoutpanel__container>.teaser:first-child .teaser__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
    .layoutpanel__container>.teaser:first-child .teaser__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
.layoutpanel__container>.teaser:last-child .teaser__base,
.layoutpanel__container>.text:last-child .teaser__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
    .layoutpanel__container>.teaser:last-child .teaser__base,
    .layoutpanel__container>.text:last-child .teaser__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.teaser:not(.text):not(.calltoaction) .teaser__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.teaser:not(.text):first-child .teaser__base {
    padding-top: 0
}

.columncontrol__column>.teaser:last-child .teaser__base {
    padding-bottom: 0
}

.image+.teaser .teaser__base,
.contentbox+.teaser .teaser__base,
.cmp-list+.teaser .teaser__base,
.video+.teaser .teaser__base,
.teaser+.teaser .teaser__base,
.columncontrol+.teaser .teaser__base,
.calltoaction+.teaser .teaser__base,
.download+.teaser .teaser__base,
.layoutpanel+.teaser .teaser__base,
.accordion+.teaser .teaser__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.teaser .teaser__base,
    .contentbox+.teaser .teaser__base,
    .cmp-list+.teaser .teaser__base,
    .video+.teaser .teaser__base,
    .teaser+.teaser .teaser__base,
    .columncontrol+.teaser .teaser__base,
    .calltoaction+.teaser .teaser__base,
    .download+.teaser .teaser__base,
    .layoutpanel+.teaser .teaser__base,
    .accordion+.teaser .teaser__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
.teaser__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.teaser:first-child .teaser__base,
.layoutpanel__container>.columncontrol__base--control-white .teaser:first-child .teaser__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.teaser:first-child .teaser__base,
    .teaser__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.teaser:first-child .teaser__base,
    .layoutpanel__container>.columncontrol__base--control-white .teaser:first-child .teaser__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
.teaser__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.teaser__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.teaser:last-child .teaser__base,
    .teaser__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .teaser__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.teaser:last-child .teaser__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.teaser:last-child .teaser__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.teaser:last-child .teaser__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.teaser:not(.text):not(.calltoaction) .teaser__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.teaser:not(.text):first-child .teaser__base {
    padding-top: 0
}

.columncontrol__column>.teaser:last-child .teaser__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .teaser__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .teaser__base {
        padding-left: 0;
        padding-right: 0
    }
}

.layoutpanel .teaser__base,
.columncontrol .teaser__base {
    margin: 0
}

.teaser__image {
    width: 100%;
    display: block
}

.teaser__title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    padding-top: .66338em;
    padding-bottom: .44456em
}

body.fontsReady .teaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.teaser__subtitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em
}

body.fontsReady .teaser__subtitle {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaser__title+.teaser__subtitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em;
    margin-top: -.83333em
}

body.fontsReady .teaser__title+.teaser__subtitle {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaser__description {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em
}

body.fontsReady .teaser__description {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaser__title+.teaser__description {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em;
    margin-top: -.83333em
}

body.fontsReady .teaser__title+.teaser__description {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaser__subtitle+.teaser__description {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .11px;
    padding-top: .57242em;
    padding-bottom: .56347em;
    margin-top: -.83333em
}

body.fontsReady .teaser__subtitle+.teaser__description {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaser__description ul {
    list-style: none
}

.teaser__description ul>li::before {
    padding-right: 10px;
    content: '\25A0';
    -webkit-transform: scale(0.8, 0.8) translateY(-7px);
    transform: scale(0.8, 0.8) translateY(-7px)
}

.teaser__title,
.teaser__subtitle,
.teaser__description {
    padding-left: 20px;
    padding-right: 20px
}

.teaser__title:first-child,
.teaser__subtitle:first-child,
.teaser__description:first-child {
    padding-top: 20px
}

.teaser__title:last-child,
.teaser__subtitle:last-child,
.teaser__description:last-child {
    padding-bottom: 15px
}

.teaser__button,
.teaser__buttonIcon {
    display: none
}

.teaser__wrapper {
    margin-bottom: 30px
}

.teaser__wrapper--imageOnly .teaser__base {
    overflow: hidden
}

.teaser__wrapper--imageOnly .teaser__image {
    -webkit-transition: -webkit-transform .235s ease-in;
    transition: -webkit-transform .235s ease-in;
    transition: transform .235s ease-in;
    transition: transform .235s ease-in, -webkit-transform .235s ease-in
}

.teaser__wrapper--imageOnly:hover .teaser__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.columncontrol .teaser__wrapper {
    margin-bottom: 0
}

.teaser__wrapper--imageFirst .teaser__figure,
.teaser__wrapper--imageFirst .teaser__content {
    width: 100%
}

.teaser__wrapper--imageFirst .teaser__figure {
    position: relative;
    min-height: 1px
}

.teaser__wrapper--imageFirst .teaser__figure:hover+.teaser__content {
    background: #fff;
    border-color: #000;
    color: #000
}

.teaser__wrapper--imageFirst .teaser__content {
    background-color: #000;
    border: 2px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    min-height: 110px;
    position: relative;
    -webkit-transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .375s ease-in, border-color .235s ease-in, color .235s ease-in
}

@media (min-width: 640px) {
    .teaser__wrapper--imageFirst .teaser__content {
        min-height: 114px
    }
}

@media (min-width: 768px) {
    .teaser__wrapper--imageFirst .teaser__content {
        width: 83.33333%
    }
}

.teaser__wrapper--imageFirst .teaser__content:hover {
    background-color: #fff;
    border-color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

@media (min-width: 768px) {
    .teaser__wrapper--imageFirst .teaser__figure+.teaser__content {
        margin-top: -30px
    }
}

@media (min-width: 1280px) {
    .teaser__wrapper--imageFirst .teaser__figure+.teaser__content {
        margin-top: -75px
    }
}

.teaser__exclusiveContent {
    position: relative;
    z-index: 1
}

.teaser__content>.teaser__exclusiveContent .teaser__exclusiveContent-icon {
    display: none
}

.teaser__base>.teaser__exclusiveContent .teaser__exclusiveContent-text {
    display: none
}

.teaser__exclusiveContent-icon {
    height: 50px;
    position: absolute;
    right: 0;
    top: 50px;
    width: 50px
}

.teaser__exclusiveContent-text {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    color: #e20f0f;
    display: block;
    margin-left: 20px;
    margin-top: 15px;
    text-transform: uppercase
}

body.fontsReady .teaser__exclusiveContent-text {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.pageteaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pageteaser__base {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 5px;
    position: relative;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in;
    word-break: break-word
}

@media (min-width: 1024px) {
    .pageteaser__base {
        padding-bottom: 7px
    }
}

.teaserlist__item--black .pageteaser__base::after {
    background-color: #000
}

.teaserlist__item--black:hover .pageteaser__base::after {
    background-color: #000
}

.teaserlist__item--cerulean .pageteaser__base::after {
    background-color: #0085ca
}

.teaserlist__item--cerulean:hover .pageteaser__base::after {
    background-color: #0085ca
}

.teaserlist__item--deep-pink .pageteaser__base::after {
    background-color: #ce0058
}

.teaserlist__item--deep-pink:hover .pageteaser__base::after {
    background-color: #ce0058
}

.teaserlist__item--dark-coral .pageteaser__base::after {
    background-color: #e04e39
}

.teaserlist__item--dark-coral:hover .pageteaser__base::after {
    background-color: #e04e39
}

.teaserlist__item--blood-orange .pageteaser__base::after {
    background-color: #fe5000
}

.teaserlist__item--blood-orange:hover .pageteaser__base::after {
    background-color: #fe5000
}

.teaserlist__item--sunflower-yellow .pageteaser__base::after {
    background-color: gold
}

.teaserlist__item--sunflower-yellow:hover .pageteaser__base::after {
    background-color: gold
}

.teaserlist__item--kelley-green .pageteaser__base::after {
    background-color: #00843d
}

.teaserlist__item--kelley-green:hover .pageteaser__base::after {
    background-color: #00843d
}

.teaserlist__item--dark-indigo .pageteaser__base::after {
    background-color: #24135f
}

.teaserlist__item--dark-indigo:hover .pageteaser__base::after {
    background-color: #24135f
}

.pageteaser__tile-title .pageteaser__base {
    padding-bottom: 20px
}

.pageteaser__tile-icon_title_description .pageteaser__base {
    display: block
}

.pageteaser__base::after {
    background-color: #000;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 5px;
    position: absolute;
    -webkit-transition: background-color .15s ease-in, height .15s ease-in, color .15s ease-in;
    transition: background-color .15s ease-in, height .15s ease-in, color .15s ease-in;
    width: 100%;
    z-index: 3
}

@media (min-width: 1024px) {
    .pageteaser__base::after {
        height: 7px
    }
}

.pageteaser__base:hover {
    background-color: #fff;
    color: #000
}

.pageteaser__base:hover::after {
    background-color: #000;
    height: 7px
}

@media (min-width: 1024px) {
    .pageteaser__base:hover::after {
        height: 13px
    }
}

.pageteaser__link {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px
}

@media (min-width: 1280px) {
    .pageteaser__tile-products .pageteaser__link {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {

    .pageteaser__tile-title_image_description .pageteaser__link,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__link {
        margin-bottom: 30px
    }
}

.pageteaser__readMore,
.pageteaser__meta {
    display: none
}

.pageteaser__tile-products .pageteaser__title,
.pageteaser__tile-title_image_description .pageteaser__title,
.pageteaser__tile-title_image_description_additional_information .pageteaser__title {
    font-size: 21px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: .52845em;
    padding-bottom: .32179em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 52px;
    margin: 24px 20px 44px;
    padding: 0
}

body.fontsReady .pageteaser__tile-products .pageteaser__title,
body.fontsReady .pageteaser__tile-title_image_description .pageteaser__title,
body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {

    .pageteaser__tile-products .pageteaser__title,
    .pageteaser__tile-title_image_description .pageteaser__title,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__title {
        margin: 16px 20px 24px
    }
}

@media (min-width: 768px) {

    .pageteaser__tile-products .pageteaser__title,
    .pageteaser__tile-title_image_description .pageteaser__title,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__title {
        margin: 22px 20px 45px
    }
}

@media (min-width: 1024px) {

    .pageteaser__tile-products .pageteaser__title,
    .pageteaser__tile-title_image_description .pageteaser__title,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__title {
        margin: 22px 20px 27px
    }
}

@media (min-width: 1280px) {

    .pageteaser__tile-products .pageteaser__title,
    .pageteaser__tile-title_image_description .pageteaser__title,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__title {
        margin: 22px 20px 10px
    }
}

.pageteaser__tile-title .pageteaser__title,
.pageteaser__tile-icon_title_description .pageteaser__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis
}

body.fontsReady .pageteaser__tile-title .pageteaser__title,
body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {

    .pageteaser__tile-title .pageteaser__title,
    .pageteaser__tile-icon_title_description .pageteaser__title {
        font-size: 18px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .pageteaser__tile-title .pageteaser__title,
    body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {

    .pageteaser__tile-title .pageteaser__title,
    .pageteaser__tile-icon_title_description .pageteaser__title {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .pageteaser__tile-title .pageteaser__title,
    body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {

    .pageteaser__tile-title .pageteaser__title,
    .pageteaser__tile-icon_title_description .pageteaser__title {
        max-height: 68px
    }
}

@media (min-width: 1280px) {

    .pageteaser__tile-title .pageteaser__title,
    .pageteaser__tile-icon_title_description .pageteaser__title {
        max-height: 74px
    }
}

.pageteaser__tile-title .pageteaser__title {
    margin: 20px 60px 0 20px;
    height: 56px
}

@media (min-width: 768px) {
    .pageteaser__tile-title .pageteaser__title {
        margin-bottom: 6px
    }
}

@media (min-width: 1024px) {
    .pageteaser__tile-title .pageteaser__title {
        height: 68px
    }
}

@media (min-width: 1280px) {
    .pageteaser__tile-title .pageteaser__title {
        height: 74px
    }
}

.pageteaser__tile-icon_title_description .pageteaser__title {
    margin: 5px 60px 10px 20px;
    max-height: 56px
}

@media (min-width: 768px) {
    .pageteaser__tile-icon_title_description .pageteaser__title {
        margin: 10px 60px 20px 20px
    }
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__title {
        margin-top: 20px;
        max-height: 68px
    }
}

@media (min-width: 1280px) {
    .pageteaser__tile-icon_title_description .pageteaser__title {
        max-height: 74px
    }
}

.pageteaser__tile-title .pageteaser__description,
.pageteaser__tile-products .pageteaser__description {
    display: none
}

.pageteaser__tile-title_image_description .pageteaser__description,
.pageteaser__tile-title_image_description_additional_information .pageteaser__description {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body.fontsReady .pageteaser__tile-title_image_description .pageteaser__description,
body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__description {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .pageteaser__tile-title_image_description .pageteaser__description,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__description {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .pageteaser__tile-title_image_description .pageteaser__description,
    body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__description {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

@media (min-width: 1024px) {

    .pageteaser__tile-title_image_description .pageteaser__description,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__description {
        max-height: 96px
    }
}

.pageteaser__tile-title_image_description .pageteaser__description ul,
.pageteaser__tile-title_image_description_additional_information .pageteaser__description ul {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    list-style: none
}

body.fontsReady .pageteaser__tile-title_image_description .pageteaser__description ul,
body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__description ul {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {

    .pageteaser__tile-title_image_description .pageteaser__description ul,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__description ul {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady .pageteaser__tile-title_image_description .pageteaser__description ul,
    body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__description ul {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.pageteaser__tile-title_image_description .pageteaser__description {
    margin: 20px 20px 25px
}

.pageteaser__tile-title_image_description_additional_information .pageteaser__description {
    margin: 20px 20px 15px
}

.pageteaser__tile-icon_title_description .pageteaser__description {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none
}

body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__description {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__description {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__description {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__description {
        max-height: 69px
    }
}

@media (min-width: 768px) {
    .pageteaser__tile-icon_title_description .pageteaser__description {
        display: block;
        margin: 5px 20px 50px
    }
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__description {
        display: block;
        margin: 5px 20px 60px
    }
}

@media (min-width: 1280px) {
    .pageteaser__tile-icon_title_description .pageteaser__description {
        display: block;
        margin: 5px 20px 80px
    }
}

.pageteaser__tile-icon_title_description .pageteaser__description ul {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    list-style: none
}

body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__description ul {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__description ul {
        font-size: 19px;
        font-family: Arial, sans-serif;
        line-height: 23px
    }

    body.fontsReady .pageteaser__tile-icon_title_description .pageteaser__description ul {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.pageteaser__description ul>li {
    padding-left: 20px;
    position: relative
}

.pageteaser__description ul>li::before {
    content: '\25CF';
    left: 0;
    position: absolute
}

.pageteaser__tile-title_image_description_additional_information .pageteaser__additional-information {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    padding: 0 20px 22px;
    font-size: 15px;
    margin-top: auto;
    position: relative
}

body.fontsReady .pageteaser__tile-title_image_description_additional_information .pageteaser__additional-information {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .pageteaser__tile-title_image_description_additional_information .pageteaser__additional-information {
        padding: 0 20px 30px
    }
}

.pageteaser__additional-information-dot {
    display: inline-block;
    margin-left: 17px;
    position: relative
}

.pageteaser__additional-information-dot::after {
    content: '.';
    left: -11px;
    position: absolute;
    top: -19px
}

.pageteaser__tile-title .pageteaser__figure,
.pageteaser__tile-title .pageteaser__figureBottom {
    display: none
}

.pageteaser__tile-products .pageteaser__figure,
.pageteaser__tile-products .pageteaser__figureBottom {
    height: 100%
}

.pageteaser__tile-products .pageteaser__figure,
.pageteaser__tile-title_image_description .pageteaser__figure,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figure,
.pageteaser__tile-products .pageteaser__figureBottom,
.pageteaser__tile-title_image_description .pageteaser__figureBottom,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figureBottom {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 0;
    max-height: 0;
    margin: auto;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    width: 100%
}

.pageteaser__tile-products .pageteaser__figure .image__renditions,
.pageteaser__tile-title_image_description .pageteaser__figure .image__renditions,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figure .image__renditions,
.pageteaser__tile-products .pageteaser__figureBottom .image__renditions,
.pageteaser__tile-title_image_description .pageteaser__figureBottom .image__renditions,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figureBottom .image__renditions {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.pageteaser__tile-title_image_description .pageteaser__figure .image__renditions,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figure .image__renditions,
.pageteaser__tile-title_image_description .pageteaser__figureBottom .image__renditions,
.pageteaser__tile-title_image_description_additional_information .pageteaser__figureBottom .image__renditions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageteaser picture {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pageteaser__image {
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0
}

.pageteaser__pictureWrap {
    height: 100%;
    width: 100%
}

.pageteaser__tile-icon_title_description .pageteaser__icon {
    margin: 20px 0 0 22px
}

.pageteaser__tile-title .pageteaser__arrow,
.pageteaser__tile-icon_title_description .pageteaser__arrow {
    bottom: 20px;
    position: absolute;
    right: 20px
}

@media (min-width: 1024px) {

    .pageteaser__tile-title .pageteaser__arrow,
    .pageteaser__tile-icon_title_description .pageteaser__arrow {
        bottom: 30px
    }
}

.pageteaser__tile-title .pageteaser__arrowIcon {
    height: 33px;
    width: 18px
}

.pageteaser__tile-icon_title_description .pageteaser__arrowIcon {
    height: 22px;
    width: 12px
}

@media (min-width: 1024px) {
    .pageteaser__tile-icon_title_description .pageteaser__arrowIcon {
        height: 33px;
        width: 18px
    }
}

.pageteaser__exclusiveContent {
    position: relative;
    z-index: 4
}

.pageteaser__exclusiveContent~.pageteaser__text .pageteaser__title {
    margin: 0 45px 20px 20px
}

@media (min-width: 1024px) {
    .pageteaser__exclusiveContent~.pageteaser__text .pageteaser__title {
        margin-right: 60px
    }
}

.pageteaser__exclusiveContent-icon {
    position: absolute
}

.pageteaser__tile-products .pageteaser__exclusiveContent-icon,
.pageteaser__tile-title_image_description .pageteaser__exclusiveContent-icon,
.pageteaser__tile-title_image_description_additional_information .pageteaser__exclusiveContent-icon {
    height: 30px;
    right: 0;
    top: 15px;
    width: 30px
}

@media (min-width: 768px) {

    .pageteaser__tile-products .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__exclusiveContent-icon {
        height: 35px;
        width: 35px
    }
}

@media (min-width: 1024px) {

    .pageteaser__tile-products .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__exclusiveContent-icon {
        height: 40px;
        top: 22px;
        width: 40px
    }
}

@media (min-width: 1280px) {

    .pageteaser__tile-products .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description .pageteaser__exclusiveContent-icon,
    .pageteaser__tile-title_image_description_additional_information .pageteaser__exclusiveContent-icon {
        height: 50px;
        top: 27px;
        width: 50px
    }
}

.pageteaser__tile-title .pageteaser__exclusiveContent-icon {
    height: 30px;
    right: 0;
    top: 0;
    width: 30px
}

@media (min-width: 1280px) {
    .pageteaser__tile-title .pageteaser__exclusiveContent-icon {
        height: 40px;
        width: 40px
    }
}

.pageteaser__tile-icon_title_description .pageteaser__exclusiveContent-icon {
    height: 40px;
    right: 0;
    top: -20px;
    width: 40px
}

@media (min-width: 640px) {
    .pageteaser__tile-icon_title_description .pageteaser__exclusiveContent-icon {
        top: 0
    }
}

@media (min-width: 1280px) {
    .pageteaser__tile-icon_title_description .pageteaser__exclusiveContent-icon {
        height: 50px;
        width: 50px
    }
}

.pageteaser__exclusiveContent-text {
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    letter-spacing: .09px;
    color: #e20f0f;
    display: block;
    margin: 10px 0 5px 20px;
    text-transform: uppercase
}

body.fontsReady .pageteaser__exclusiveContent-text {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.pageteaser__tile-title .pageteaser__exclusiveContent-text {
    display: none
}

.teaserlist {
    position: relative;
    z-index: 7
}

.teaserlist__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .teaserlist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .teaserlist__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .teaserlist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.teaserlist__title .text-line {
    display: block
}

.layoutpanel .teaserlist__title {
    color: #000
}

.teaserlist__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .teaserlist__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel .teaserlist__subtitle {
    color: #000
}

.teaserlist__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000
}

body.fontsReady .teaserlist__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .teaserlist__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .teaserlist__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .teaserlist__text {
    color: #000
}

.teaserlist__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .teaserlist__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .teaserlist__customLink {
        padding: 0
    }
}

.columncontrol .teaserlist__customLink .button {
    margin-bottom: 20px
}

.layoutpanel .teaserlist {
    background-color: rgba(0, 0, 0, 0)
}

.teaserlist__base {
    padding-top: 35px
}

@media (min-width: 1024px) {
    .teaserlist__base {
        padding-top: 45px
    }
}

.text+.text .teaserlist__base:not(.image__base),
.buttonbox+.text .teaserlist__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .teaserlist__base:not(.image__base),
    .buttonbox+.text .teaserlist__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.cmp-list .teaserlist:first-child .teaserlist__base,
.layoutpanel__container>.cmp-list .teaserlist:first-child .teaserlist__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.cmp-list .teaserlist:first-child .teaserlist__base,
    .layoutpanel__container>.cmp-list .teaserlist:first-child .teaserlist__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.cmp-list .teaserlist:last-child .teaserlist__base,
.layoutpanel__container>.cmp-list .teaserlist:last-child .teaserlist__base,
.layoutpanel__container>.text:last-child .teaserlist__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.cmp-list .teaserlist:last-child .teaserlist__base,
    .layoutpanel__container>.cmp-list .teaserlist:last-child .teaserlist__base,
    .layoutpanel__container>.text:last-child .teaserlist__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.cmp-list .teaserlist:not(.text):not(.calltoaction) .teaserlist__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.cmp-list .teaserlist:not(.text):first-child .teaserlist__base {
    padding-top: 0
}

.columncontrol__column>.cmp-list .teaserlist:last-child .teaserlist__base {
    padding-bottom: 0
}

.image+.cmp-list .teaserlist .teaserlist__base,
.contentbox+.cmp-list .teaserlist .teaserlist__base,
.cmp-list+.cmp-list .teaserlist .teaserlist__base,
.video+.cmp-list .teaserlist .teaserlist__base,
.teaser+.cmp-list .teaserlist .teaserlist__base,
.columncontrol+.cmp-list .teaserlist .teaserlist__base,
.calltoaction+.cmp-list .teaserlist .teaserlist__base,
.download+.cmp-list .teaserlist .teaserlist__base,
.layoutpanel+.cmp-list .teaserlist .teaserlist__base,
.accordion+.cmp-list .teaserlist .teaserlist__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.cmp-list .teaserlist .teaserlist__base,
    .contentbox+.cmp-list .teaserlist .teaserlist__base,
    .cmp-list+.cmp-list .teaserlist .teaserlist__base,
    .video+.cmp-list .teaserlist .teaserlist__base,
    .teaser+.cmp-list .teaserlist .teaserlist__base,
    .columncontrol+.cmp-list .teaserlist .teaserlist__base,
    .calltoaction+.cmp-list .teaserlist .teaserlist__base,
    .download+.cmp-list .teaserlist .teaserlist__base,
    .layoutpanel+.cmp-list .teaserlist .teaserlist__base,
    .accordion+.cmp-list .teaserlist .teaserlist__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.cmp-list .teaserlist:first-child .teaserlist__base,
.teaserlist__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.cmp-list .teaserlist:first-child .teaserlist__base,
.layoutpanel__container>.columncontrol__base--control-white .cmp-list .teaserlist:first-child .teaserlist__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.cmp-list .teaserlist:first-child .teaserlist__base,
    .teaserlist__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.cmp-list .teaserlist:first-child .teaserlist__base,
    .layoutpanel__container>.columncontrol__base--control-white .cmp-list .teaserlist:first-child .teaserlist__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.cmp-list .teaserlist:last-child .teaserlist__base,
.teaserlist__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.teaserlist__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.cmp-list .teaserlist:last-child .teaserlist__base,
    .teaserlist__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .teaserlist__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.cmp-list .teaserlist:last-child .teaserlist__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.cmp-list .teaserlist:last-child .teaserlist__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.cmp-list .teaserlist:last-child .teaserlist__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.cmp-list .teaserlist:not(.text):not(.calltoaction) .teaserlist__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.cmp-list .teaserlist:not(.text):first-child .teaserlist__base {
    padding-top: 0
}

.columncontrol__column>.cmp-list .teaserlist:last-child .teaserlist__base {
    padding-bottom: 0
}

.layoutpanel .teaserlist__base {
    margin: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel .teaserlist__base {
        margin: 0
    }
}

.teaserlist__text-wrapper {
    margin-bottom: 30px
}

.teaserlist__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em
}

body.fontsReady .teaserlist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .teaserlist__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .teaserlist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.teaserlist__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.27778em
}

body.fontsReady .teaserlist__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .teaserlist__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.25em
    }

    body.fontsReady .teaserlist__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.teaserlist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.teaserlist__list-products .teaserlist__item,
.teaserlist__list-news .teaserlist__item {
    border-width: 1px 0 0
}

.teaserlist__list-products .teaserlist__item:last-child,
.teaserlist__list-news .teaserlist__item:last-child {
    border-width: 1px 0
}

.teaserlist__list {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.teaserlist__list::before,
.teaserlist__list::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.teaserlist__list::after {
    clear: both
}

@media (min-width: 768px) {
    .teaserlist__list {
        margin-left: -10px;
        margin-right: -10px
    }
}

.teaserlist__list--col2 .teaserlist__item,
.teaserlist__list--col3 .teaserlist__item,
.teaserlist__list--col4 .teaserlist__item {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 640px) {

    .teaserlist__list--col2 .teaserlist__item,
    .teaserlist__list--col3 .teaserlist__item,
    .teaserlist__list--col4 .teaserlist__item {
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {

    .teaserlist__list--col2 .teaserlist__item,
    .teaserlist__list--col3 .teaserlist__item,
    .teaserlist__list--col4 .teaserlist__item {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .teaserlist__list--col2 .teaserlist__item {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .teaserlist__list--col3 .teaserlist__item {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {

    .teaserlist__tile-title_image_description .teaserlist__list--col3 .teaserlist__item,
    .teaserlist__tile-title_image_description_additional_information .teaserlist__list--col3 .teaserlist__item {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {

    .teaserlist__tile-title_image_description .teaserlist__list--col3 .teaserlist__item,
    .teaserlist__tile-title_image_description_additional_information .teaserlist__list--col3 .teaserlist__item {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .teaserlist__list--col4 .teaserlist__item {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .teaserlist__list--col4 .teaserlist__item {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.teaserlist__item {
    background-color: rgba(0, 0, 0, 0)
}

.teaserlist__errorBox {
    margin: 0;
    width: 100%
}

.teaserlist .loading__base {
    display: none
}

.teaserlist__loadMore {
    margin-bottom: 0
}

.teaserlist__loadMoreWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.teaserlist__loadMoreWrap::before,
.teaserlist__loadMoreWrap::after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teaserlist__loadMoreWrap-isHidden {
    display: none
}

.teaserlist__loadMoreError {
    text-align: center
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.teaserfilter__base {
    position: relative;
    margin-bottom: 40px
}

.teaserfilter__content {
    -webkit-transition: min-height 0.3s;
    transition: min-height 0.3s;
    overflow: hidden;
    position: relative;
    min-height: 0
}

@media (min-width: 768px) {
    .teaserfilter__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: start
    }
}

.teaserfilter__itemList {
    min-height: 0;
    position: relative;
    visibility: visible
}

.teaserfilter__title {
    display: none
}

.teaserfilter__list--selected {
    display: none
}

.teaserfilter__item {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    position: relative
}

.teaserfilter__item .checkbox__base {
    max-width: 100%;
    margin: 0
}

.teaserfilter__item .checkbox__base--regular {
    max-width: 100%
}

.teaserfilter__item .checkbox__icon--regular {
    display: none
}

.teaserfilter__item .checkbox__label {
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    letter-spacing: .2px;
    width: auto;
    padding: 5px 10px
}

body.fontsReady .teaserfilter__item .checkbox__label {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

.teaserfilter__item .checkbox__input~.checkbox__label {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    border: 1px solid #000
}

.teaserfilter__item .checkbox__input:checked~.checkbox__label {
    background-color: #000;
    color: #fff;
    border-color: #000;
    -webkit-transition: background-color .375s ease-in, color .235s ease-in, border-color .375s ease-in;
    transition: background-color .375s ease-in, color .235s ease-in, border-color .375s ease-in
}

.teaserfilter__item:hover {
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2)
}

.teaserfilter__item:hover .checkbox__label {
    background-color: #000;
    color: #fff;
    border-color: #000
}

.teaserfilter__removeIcon {
    pointer-events: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.slidingpageteaser {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.slidingpageteaser.slidingpageteaser__layout--products,
.slidingpageteaser.slidingpageteaser__layout--news {
    border: 1px solid #afb4b9
}

.slidingpageteaser.slidingpageteaser__layout--news {
    min-height: 300px
}

.slidingpageteaser__base {
    pointer-events: none;
    position: relative;
    word-break: break-word
}

.slidingpageteaser__layout--products .slidingpageteaser__base,
.slidingpageteaser__layout--imageOnly .slidingpageteaser__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    width: 100%
}

.slidingpageteaser__layout--news .slidingpageteaser__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.slidingpageteaser--noImage .slidingpageteaser__base {
    background-color: #313a3d;
    height: 100%
}

.slidingpageteaser--noImage .slidingpageteaser__base:hover {
    background-color: #5f6973
}

.slidingpageteaser__layout--news .slidingpageteaser__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 20px
}

.slidingpageteaser__layout--news.slidingpageteaser--noImage .slidingpageteaser__exclusiveContent+.slidingpageteaser__wrapper {
    padding-top: 75px
}

.slidingpageteaser__link {
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    width: 100%;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s
}

.slidingpageteaser__link:hover .slidingpageteaser__title {
    color: #e1000f;
    text-decoration: underline
}

.slidingpageteaser__link:hover .slidingpageteaser__linkLabel {
    text-decoration: underline
}

.slidingpageteaser__layout--products .slidingpageteaser__link:hover,
.slidingpageteaser__layout--news .slidingpageteaser__link:hover,
.slidingpageteaser__layout--imageOnly .slidingpageteaser__link:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3)
}

.slidingpageteaser__linkLabel {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.slidingpageteaser__layout--imageOnly .slidingpageteaser__linkLabel {
    text-align: center
}

.slidingpageteaser__layout--products .slidingpageteaser__linkLabel,
.slidingpageteaser__layout--news .slidingpageteaser__linkLabel {
    text-align: right
}

.slidingpageteaser__linkLabel::before {
    content: '>';
    display: inline-block;
    margin-right: 3px
}

.slidingpageteaser__layout--products .slidingpageteaser__linkLabel,
.slidingpageteaser__layout--news .slidingpageteaser__linkLabel,
.slidingpageteaser__layout--imageOnly .slidingpageteaser__linkLabel {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #e1000f
}

body.fontsReady .slidingpageteaser__layout--products .slidingpageteaser__linkLabel,
body.fontsReady .slidingpageteaser__layout--news .slidingpageteaser__linkLabel,
body.fontsReady .slidingpageteaser__layout--imageOnly .slidingpageteaser__linkLabel {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {

    .slidingpageteaser__layout--products .slidingpageteaser__linkLabel,
    .slidingpageteaser__layout--news .slidingpageteaser__linkLabel,
    .slidingpageteaser__layout--imageOnly .slidingpageteaser__linkLabel {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .slidingpageteaser__layout--products .slidingpageteaser__linkLabel,
    body.fontsReady .slidingpageteaser__layout--news .slidingpageteaser__linkLabel,
    body.fontsReady .slidingpageteaser__layout--imageOnly .slidingpageteaser__linkLabel {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.slidingpageteaser--noImage .slidingpageteaser__linkLabel {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #fff
}

body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__linkLabel {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .slidingpageteaser--noImage .slidingpageteaser__linkLabel {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__linkLabel {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

:lang(th) .slidingpageteaser__linkLabel {
    padding-top: 5px
}

.slidingpageteaser__readMore {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slidingpageteaser__meta {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #5f6973
}

body.fontsReady .slidingpageteaser__meta {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .slidingpageteaser__meta {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .slidingpageteaser__meta {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.slidingpageteaser--noImage .slidingpageteaser__meta {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 18px;
    color: #fff
}

body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__meta {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .slidingpageteaser--noImage .slidingpageteaser__meta {
        font-size: 14px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 20px
    }

    body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__meta {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

.slidingpageteaser__layout--products .slidingpageteaser__text,
.slidingpageteaser__layout--news .slidingpageteaser__text,
.slidingpageteaser__layout--imageOnly .slidingpageteaser__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.slidingpageteaser__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 99px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    margin-bottom: 10px;
    margin-top: 5px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

body.fontsReady .slidingpageteaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.slidingpageteaser--noImage .slidingpageteaser__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .slidingpageteaser--noImage .slidingpageteaser__title {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .slidingpageteaser--noImage .slidingpageteaser__title {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .slidingpageteaser--noImage .slidingpageteaser__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .slidingpageteaser--noImage .slidingpageteaser__title {
        max-height: 102px
    }
}

@media (min-width: 1280px) {
    .slidingpageteaser--noImage .slidingpageteaser__title {
        max-height: 111px
    }
}

.slidingpageteaser--noImage:hover .slidingpageteaser__title {
    color: #fff
}

:lang(th) .slidingpageteaser__title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px
}

.slidingpageteaser__description {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    margin-bottom: 10px
}

body.fontsReady .slidingpageteaser__description {
    font-family: "MiloWebPro", Arial, sans-serif
}

@media (min-width: 1280px) {
    .slidingpageteaser__description {
        font-size: 16px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        line-height: 22px
    }

    body.fontsReady .slidingpageteaser__description {
        font-family: "MiloWebPro", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .slidingpageteaser__description {
        max-height: 66px
    }
}

.slidingpageteaser--noImage .slidingpageteaser__description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    max-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

@media (min-width: 1280px) {
    .slidingpageteaser--noImage .slidingpageteaser__description {
        max-height: 176px
    }
}

.slidingpageteaser__pictureWrap {
    height: 100%;
    width: 100%
}

.slidingpageteaser__figureBottom {
    overflow: hidden
}

.slidingpageteaser__figureBottomImg {
    max-height: 300px;
    max-width: 100%
}

.slidingpageteaser__figureFixed {
    display: block;
    overflow: hidden;
    padding-bottom: 66.66%;
    position: relative;
    width: 100%
}

.slidingpageteaser__figureFixed .image__renditions {
    position: absolute
}

.slidingpageteaser__figureLeftImg,
.slidingpageteaser__figureFixedImg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.slidingpageteaser__exclusiveContent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.slidingpageteaser__layout--news .slidingpageteaser__exclusiveContent {
    background-color: #fff;
    left: 20px;
    padding: 4px 8px;
    position: absolute;
    top: 20px;
    z-index: 4
}

.slidingpageteaser__exclusiveContent-icon {
    height: 28px;
    margin-right: 10px;
    width: 22px;
    color: #e1000f
}

.slidingpageteaser__exclusiveContent-text {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 16px;
    color: #e1000f
}

body.fontsReady .slidingpageteaser__exclusiveContent-text {
    font-family: "MiloWebPro", Arial, sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.slidingteaserlist {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
    z-index: 7
}

.slidingteaserlist__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .slidingteaserlist__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .slidingteaserlist__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .slidingteaserlist__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.slidingteaserlist__title .text-line {
    display: block
}

.layoutpanel .slidingteaserlist__title {
    color: #000
}

.slidingteaserlist__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .slidingteaserlist__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

.layoutpanel .slidingteaserlist__subtitle {
    color: #000
}

.slidingteaserlist__text {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000
}

body.fontsReady .slidingteaserlist__text {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .slidingteaserlist__text {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .slidingteaserlist__text {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.layoutpanel .slidingteaserlist__text {
    color: #000
}

.slidingteaserlist__customLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.layoutpanel__wrapper .slidingteaserlist__customLink {
    margin-bottom: 60px;
    margin-top: 0;
    padding: 0 20px
}

@media (min-width: 640px) {
    .layoutpanel__wrapper .slidingteaserlist__customLink {
        padding: 0
    }
}

.columncontrol .slidingteaserlist__customLink .button {
    margin-bottom: 20px
}

.slidingteaserlist__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 17px 0
}

.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__title,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__title,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__title,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__title,
.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__subtitle,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__subtitle,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__subtitle,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper .slidingteaserlist__subtitle,
.layoutpanel__wrapper--black .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper p,
.layoutpanel__wrapper--darkgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper p,
.layoutpanel__wrapper--mediumgrey .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper p,
.layoutpanel__wrapper--regularBlue .layoutpanel__container>:not(.columncontrol) .slidingteaserlist__text-wrapper p {
    color: #fff
}

.slidingteaserlist__title,
.slidingteaserlist__subtitle {
    text-align: center
}

.tns-horizontal.tns-subpixel>.slidingteaserlist__item.tns-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slidingteaserlist__pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #828c96;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 640px) {
    .slidingteaserlist__pagination {
        display: none
    }
}

.slidingteaserlist__counter {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase
}

body.fontsReady .slidingteaserlist__counter {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .slidingteaserlist__counter {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .slidingteaserlist__counter {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .slidingteaserlist__counter {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .slidingteaserlist__counter {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.slidingteaserlist__counter-element {
    color: #000
}

.slidingteaserlist__counter-sign {
    display: inline-block
}

.slidingteaserlist__counter-sign .heli__svg-icons {
    height: 15px;
    width: 9px
}

.slidingteaserlist__counter-all {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    line-height: 24px
}

body.fontsReady .slidingteaserlist__counter-all {
    font-family: "MiloWebPro", Arial, sans-serif
}

.slidingteaserlist__pagination-icon {
    color: #828c96;
    height: 16px;
    width: 16px
}

.slidingteaserlist__button-previous,
.slidingteaserlist__button-next {
    cursor: pointer;
    padding: 15px
}

.slidingteaserlist__button-next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    right: 0
}

.slidingteaserlist .tns-ovh {
    padding-left: 5px;
    padding-right: 5px
}

.slidingteaserlist .tns-nav {
    text-align: center
}

.slidingteaserlist .tns-nav button {
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #828c96;
    height: 17px;
    margin: 0 5px;
    -webkit-transition: 0.2s border-color, 0.2s background-color;
    transition: 0.2s border-color, 0.2s background-color;
    width: 17px
}

.slidingteaserlist .tns-nav button.tns-nav-active,
.slidingteaserlist .tns-nav button:hover {
    background-color: #828c96;
    border-color: #828c96
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.title__base--center {
    text-align: center
}

.title__base--left {
    text-align: left
}

.title__base--right {
    text-align: right
}

.title__title {
    font-size: 27px;
    font-family: Arial, sans-serif;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: #000
}

body.fontsReady .title__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .title__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 40px
    }

    body.fontsReady .title__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1024px) {
    .title__title {
        font-size: 37px;
        font-family: Arial, sans-serif;
        line-height: 46px
    }

    body.fontsReady .title__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .title__title {
        font-size: 43px;
        font-family: Arial, sans-serif;
        line-height: 56px
    }

    body.fontsReady .title__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.title__subtitle {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 32px;
    color: #000
}

body.fontsReady .title__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .title__subtitle {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .title__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .title__subtitle {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .title__subtitle {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.tagpage__base .title__base {
    padding-top: 50px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.columncontrol__base .video+.text .text__base {
    padding-top: 5px
}

.video__base {
    padding-top: 35px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 3
}

@media (min-width: 1024px) {
    .video__base {
        padding-top: 45px
    }
}

.text+.text .video__base:not(.image__base),
.buttonbox+.text .video__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .video__base:not(.image__base),
    .buttonbox+.text .video__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.video:first-child .video__base,
.layoutpanel__container>.video:first-child .video__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.video:first-child .video__base,
    .layoutpanel__container>.video:first-child .video__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.video:last-child .video__base,
.layoutpanel__container>.video:last-child .video__base,
.layoutpanel__container>.text:last-child .video__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.video:last-child .video__base,
    .layoutpanel__container>.video:last-child .video__base,
    .layoutpanel__container>.text:last-child .video__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.video:not(.text):not(.calltoaction) .video__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.video:not(.text):first-child .video__base {
    padding-top: 0
}

.columncontrol__column>.video:last-child .video__base {
    padding-bottom: 0
}

.image+.video .video__base,
.contentbox+.video .video__base,
.cmp-list+.video .video__base,
.video+.video .video__base,
.teaser+.video .video__base,
.columncontrol+.video .video__base,
.calltoaction+.video .video__base,
.download+.video .video__base,
.layoutpanel+.video .video__base,
.accordion+.video .video__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.video .video__base,
    .contentbox+.video .video__base,
    .cmp-list+.video .video__base,
    .video+.video .video__base,
    .teaser+.video .video__base,
    .columncontrol+.video .video__base,
    .calltoaction+.video .video__base,
    .download+.video .video__base,
    .layoutpanel+.video .video__base,
    .accordion+.video .video__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.video:first-child .video__base,
.video__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.video:first-child .video__base,
.layoutpanel__container>.columncontrol__base--control-white .video:first-child .video__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.video:first-child .video__base,
    .video__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.video:first-child .video__base,
    .layoutpanel__container>.columncontrol__base--control-white .video:first-child .video__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.video:last-child .video__base,
.video__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.video__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.video:last-child .video__base,
    .video__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .video__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.video:last-child .video__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.video:last-child .video__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.video:last-child .video__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.video:not(.text):not(.calltoaction) .video__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.video:not(.text):first-child .video__base {
    padding-top: 0
}

.columncontrol__column>.video:last-child .video__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .video__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .video__base {
        padding-left: 0;
        padding-right: 0
    }
}

.layoutpanel__wrapper--full .video__fullWidth .video__base {
    margin-bottom: 0
}

.layoutpanel__wrapper--full .video__base {
    margin-bottom: 20px
}

.columncontrol__base .video__base {
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 0;
    padding-bottom: 0
}

.video__headlines-wrapper,
.video__wrapper {
    width: 100%
}

@media (min-width: 1024px) {

    .columncontrol__column--lt1 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt1 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 83.33333%
    }

    .columncontrol__column--lt1:first-child .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt1:first-child .video__wrapper .layoutpanel__base {
        margin-left: 16.66667%
    }

    .columncontrol__column--lt2 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt2 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 87.5%
    }

    .columncontrol__column--lt2:first-child .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt2:first-child .video__wrapper .layoutpanel__base {
        margin-left: 25%;
        width: 75%
    }

    .columncontrol__column--lt3 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt3 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 75%
    }

    .columncontrol__column--lt3:first-child .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt3:first-child .video__wrapper .layoutpanel__base {
        margin-left: 12.5%;
        width: 87.5%
    }

    .columncontrol__column--lt4 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt4 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt6 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt5 .video__wrapper .layoutpanel__base,
    .columncontrol__column--lt6 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }

    .columncontrol__column--lt5:last-child .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt5:last-child .video__wrapper .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt6:first-child .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt6:first-child .video__wrapper .layoutpanel__base {
        width: 100%
    }

    .columncontrol__column--lt7 .video__headlines-wrapper .layoutpanel__base,
    .columncontrol__column--lt7 .video__wrapper .layoutpanel__base {
        margin-left: 0;
        width: 100%
    }
}

@media (min-width: 640px) {

    .accordionpanel .video__headlines-wrapper,
    .accordionpanel .video__wrapper {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        float: none;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {

    .accordionpanel .video__headlines-wrapper,
    .accordionpanel .video__wrapper {
        margin-left: 10%;
        padding-left: 2px;
        padding-right: 2px;
        width: 80%
    }
}

@media (min-width: 640px) {

    .video__headlines-wrapper,
    .video__wrapper {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

@media (min-width: 768px) {

    .video__headlines-wrapper,
    .video__wrapper {
        margin-left: 8.33333%;
        width: 83.33333%
    }
}

.columncontrol__base .video__headlines-wrapper,
.columncontrol__base .video__wrapper {
    margin-left: 0%;
    width: 100%
}

@media (min-width: 768px) {

    .columncontrol__base .video__headlines-wrapper,
    .columncontrol__base .video__wrapper {
        width: 100%
    }
}

.video__headlines-wrapper {
    max-width: 622px
}

@media (min-width: 1280px) {
    .video__headlines-wrapper {
        max-width: 794px
    }
}

.video__fullWidth .video__headlines-wrapper {
    margin: 0 10px
}

.video__wrapper {
    position: relative
}

.video__wrapper--movingImage.video__wrapper--is-loading,
.video__wrapper--youtube.video__wrapper--is-loading {
    padding-top: 56.25%
}

.video__wrapper--youtube {
    padding-top: 56.25%
}

.video__wrapper--youtube .video__player {
    left: 0;
    position: absolute;
    top: 0
}

.layoutpanel__base .video__headlines-wrapper~.video__wrapper {
    padding-top: 0
}

.layoutpanel__base .video__headlines-wrapper~.video__wrapper--youtube {
    padding-top: 56.25%
}

.layoutpanel__wrapper--full .video__fullWidth {
    margin: 0
}

.video__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding-top: .4198em;
    padding-bottom: .2152em;
    color: #000
}

body.fontsReady .video__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .video__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px;
        padding-top: .3571em;
        padding-bottom: .1721em
    }

    body.fontsReady .video__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.video__subtitle {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    color: #000;
    margin-bottom: 10px
}

body.fontsReady .video__subtitle {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .video__subtitle {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em
    }

    body.fontsReady .video__subtitle {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.video__player {
    min-height: 1px;
    -webkit-transition: opacity .235s ease-in;
    transition: opacity .235s ease-in;
    width: 100%
}

.video__wrapper.video__wrapper--is-loading .video__player {
    height: 0;
    opacity: 0
}

.video__player--hiddenControls .mi-player-generator {
    display: none
}

.video__player--hiddenControls .mi-control-elements {
    display: none
}

.video__player--hiddenControls .bmpui-ui-uicontainer .bmpui-ui-hugeplaybacktogglebutton {
    pointer-events: none
}

.video__player--hiddenControls .bmpui-ui-controlbar {
    display: none
}

.video__player .mi-player-generator {
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 640px) {
    .video__player .mi-player-generator {
        height: 40px;
        width: 40px
    }
}

@media (min-width: 1024px) {
    .video__player .mi-player-generator {
        height: 50px;
        width: 50px
    }
}

.video__player .mi-player-generator .mi-icon--white svg {
    fill: #000
}

.video__player .mi-player-generator:hover {
    background-color: #000;
    border: 1px solid #fff;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.video__player .mi-player-generator:hover .mi-icon--white svg {
    fill: #fff
}

.video__player .mi-player-generator .mi-icon--white svg {
    fill: #000
}

.video__player .mi-player-generator .mi-icon--white svg :hover {
    fill: #fff
}

.video__player .mi-player-generator .s7videoplayer,
.video__player .mi-player-generator .mi-player,
.video__player .mi-player-generator .mi-content,
.video__player .mi-player-generator .bmpui-ui-uicontainer,
.video__player .mi-player-generator .bitmovinplayer-container {
    background-color: transparent
}

.video .mi-big-play {
    padding: 0
}

.video .mi-icon--white svg {
    padding: 5px 13px 21px 0
}

@media (min-width: 640px) {
    .video .mi-icon--white svg {
        padding: 6px 2px 13px 0
    }
}

@media (min-width: 1024px) {
    .video .mi-icon--white svg {
        padding: 10px 0 6px 8px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.video .s7videoviewer.s7touchinput .s7controlbar {
    height: 36px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton {
    background-size: 336px;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='up'] {
    background-position: -28px -1204px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='over'] {
    background-position: 0 -1204px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='down'] {
    background-position: -28px -1176px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][state='disabled'] {
    background-position: 0 -1176px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='up'] {
    background-position: -28px -1260px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='over'] {
    background-position: 0 -1260px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='down'] {
    background-position: -28px -1232px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='true'][replay='true'][state='disabled'] {
    background-position: 0 -1232px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='up'] {
    background-position: -28px -1148px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='over'] {
    background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='down'] {
    background-position: -28px -1120px
}

.video .s7videoviewer.s7touchinput .s7playpausebutton[selected='false'][state='disabled'] {
    background-position: 0 -1120px
}

.video .s7videoviewer.s7mouseinput .s7playpausebutton[selected='true'][state='down'] {
    background-position: -28px -1176px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton {
    background-size: 112px;
    top: 4px;
    right: 5px;
    width: 28px;
    height: 28px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='up'] {
    background-position: -84px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='over'] {
    background-position: -56px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='down'] {
    background-position: -28px -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='true'][state='disabled'] {
    background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='up'] {
    background-position: -84px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='over'] {
    background-position: -56px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='down'] {
    background-position: -28px -1120px
}

.video .s7videoviewer.s7touchinput .s7fullscreenbutton[selected='false'][state='disabled'] {
    background-position: 0 -1120px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton {
    background-size: 112px;
    top: 4px;
    right: 68px;
    width: 28px;
    height: 28px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='up'] {
    background-position: -84px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='over'] {
    background-position: -56px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='down'] {
    background-position: -28px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='true'][state='disabled'] {
    background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='up'] {
    background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='over'] {
    background-position: -56px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='down'] {
    background-position: -28px -560px
}

.video .s7videoviewer.s7touchinput .s7closedcaptionbutton[selected='false'][state='disabled'] {
    background-position: 0 -560px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber {
    top: 14px;
    left: 40px;
    width: 340px;
    height: 8px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7videotime {
    height: 35px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7knob {
    left: -3px;
    background-position: 0 -389px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation {
    width: 5px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation[state='default'] {
    background-position: -28px -389px
}

.video .s7videoviewer.s7touchinput .s7videoscrubber .s7navigation[state='over'] {
    background-position: -33px -389px
}

.video .s7videoviewer.s7touchinput .s7videotime {
    top: 8px;
    right: 98px;
    font-size: 10px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume {
    background-size: 120px;
    top: 4px;
    right: 35px;
    width: 30px;
    height: 28px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume {
    width: 30px;
    height: 83px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume .s7track {
    left: 11px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7verticalvolume .s7knob {
    left: 8px;
    width: 14px;
    height: 8px;
    background-position: -24px -1176px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton {
    background-size: 120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='up'] {
    background-position: -90px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='over'] {
    background-position: -60px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='down'] {
    background-position: -30px -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='true'][state='disabled'] {
    background-position: 0 -1148px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='up'] {
    background-position: -90px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='over'] {
    background-position: -60px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='down'] {
    background-position: -30px -1120px
}

.video .s7videoviewer.s7touchinput .s7mutablevolume .s7mutebutton[selected='false'][state='disabled'] {
    background-position: 0 -1120px
}

html {
    font-size: 16px;
    direction: ltr
}

body {
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #000;
    background-color: #fff;
    text-align: left
}

body.fontsReady {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

body.noScroll {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.heli__svg-icon {
    fill: currentColor;
    width: 100%;
    height: 100%;
    color: inherit
}

*:focus {
    outline-color: #4d90fe
}

.hasFocus {
    outline: 3px solid #4d90fe
}

.isHidden {
    display: none
}

.isInvisible {
    visibility: hidden
}

.visuallyHidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    pointer-events: none;
    margin: -1px
}

a:not(.hasFocus),
button:not(.hasFocus) {
    outline: none
}

a {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    color: #e20f0f;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none
}

body.fontsReady a {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    a {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px
    }

    body.fontsReady a {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.text a {
    text-decoration: underline
}

input::-ms-clear {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.layoutpanel__base .contentbox {
    background-color: #fff
}

.contentbox__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.contentbox__row::before,
.contentbox__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.contentbox__row::after {
    clear: both
}

@media (min-width: 768px) {
    .contentbox__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.layoutpanel__base .contentbox__row {
    margin: 0
}

@media (min-width: 640px) {
    .layoutpanel__base .contentbox__row {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px
    }

    .layoutpanel__base .contentbox__row::before,
    .layoutpanel__base .contentbox__row::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .layoutpanel__base .contentbox__row::after {
        clear: both
    }
}

@media (min-width: 640px) and (min-width: 768px) {
    .layoutpanel__base .contentbox__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.contentbox__base {
    zoom: 1;
    padding-top: 35px;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

.contentbox__base::before,
.contentbox__base::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.contentbox__base::after {
    clear: both
}

@media (min-width: 1024px) {
    .contentbox__base {
        padding-top: 45px
    }
}

.text+.text .contentbox__base:not(.image__base),
.buttonbox+.text .contentbox__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .contentbox__base:not(.image__base),
    .buttonbox+.text .contentbox__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.contentbox:first-child .contentbox__base,
.layoutpanel__container>.contentbox:first-child .contentbox__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.contentbox:first-child .contentbox__base,
    .layoutpanel__container>.contentbox:first-child .contentbox__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.contentbox:last-child .contentbox__base,
.layoutpanel__container>.contentbox:last-child .contentbox__base,
.layoutpanel__container>.text:last-child .contentbox__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.contentbox:last-child .contentbox__base,
    .layoutpanel__container>.contentbox:last-child .contentbox__base,
    .layoutpanel__container>.text:last-child .contentbox__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.contentbox:not(.text):not(.calltoaction) .contentbox__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.contentbox:not(.text):first-child .contentbox__base {
    padding-top: 0
}

.columncontrol__column>.contentbox:last-child .contentbox__base {
    padding-bottom: 0
}

.image+.contentbox .contentbox__base,
.contentbox+.contentbox .contentbox__base,
.cmp-list+.contentbox .contentbox__base,
.video+.contentbox .contentbox__base,
.teaser+.contentbox .contentbox__base,
.columncontrol+.contentbox .contentbox__base,
.calltoaction+.contentbox .contentbox__base,
.download+.contentbox .contentbox__base,
.layoutpanel+.contentbox .contentbox__base,
.accordion+.contentbox .contentbox__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.contentbox .contentbox__base,
    .contentbox+.contentbox .contentbox__base,
    .cmp-list+.contentbox .contentbox__base,
    .video+.contentbox .contentbox__base,
    .teaser+.contentbox .contentbox__base,
    .columncontrol+.contentbox .contentbox__base,
    .calltoaction+.contentbox .contentbox__base,
    .download+.contentbox .contentbox__base,
    .layoutpanel+.contentbox .contentbox__base,
    .accordion+.contentbox .contentbox__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.contentbox:first-child .contentbox__base,
.contentbox__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.contentbox:first-child .contentbox__base,
.layoutpanel__container>.columncontrol__base--control-white .contentbox:first-child .contentbox__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.contentbox:first-child .contentbox__base,
    .contentbox__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.contentbox:first-child .contentbox__base,
    .layoutpanel__container>.columncontrol__base--control-white .contentbox:first-child .contentbox__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.contentbox:last-child .contentbox__base,
.contentbox__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.contentbox__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.contentbox:last-child .contentbox__base,
    .contentbox__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .contentbox__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.contentbox:last-child .contentbox__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.contentbox:last-child .contentbox__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.contentbox:last-child .contentbox__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.contentbox:not(.text):not(.calltoaction) .contentbox__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.contentbox:not(.text):first-child .contentbox__base {
    padding-top: 0
}

.columncontrol__column>.contentbox:last-child .contentbox__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .contentbox__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .contentbox__base {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {
    .contentbox__base {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .contentbox__base {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .contentbox__base {
        width: 66.66667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .contentbox__base {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

.contentbox__wrapper {
    border: 2px solid #000;
    position: relative
}

.layoutpanel__base .contentbox__wrapper .container {
    padding: 0
}

.contentbox__icon {
    background-color: #fff;
    border-radius: 0;
    height: 40px;
    width: 28px;
    left: 15px;
    position: absolute;
    top: -26px
}

@media (min-width: 640px) {
    .contentbox__icon {
        left: 30px
    }
}

.layoutpanel__base .contentbox__icon {
    background-color: #fff
}

.contentbox__icon .heli__svg-icon {
    top: 0;
    position: relative;
    fill: #000;
    height: 40px
}

.layoutpanel__base .contentbox .text:first-child {
    padding-top: 0
}

.contentbox .text__base {
    margin: 0;
    padding: 40px 25px
}

@media (min-width: 640px) {
    .contentbox .text__base {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 768px) {
    .contentbox .text__base {
        padding-right: 22px
    }
}

@media (min-width: 1024px) {
    .contentbox .text__base {
        padding-top: 50px;
        padding-right: 40px
    }
}

@media (min-width: 1280px) {
    .contentbox .text__base {
        padding-right: 60px
    }
}

.layoutpanel__base .contentbox .text__base:first-child {
    padding-top: 45px
}

.contentbox .text__base h2,
.contentbox .text__base h3,
.contentbox .text__base h4,
.contentbox .text__base h5,
.contentbox .text__base h6 {
    text-transform: none
}

.contentbox .text__base h2:last-of-type,
.contentbox .text__base h3:last-of-type,
.contentbox .text__base h4:last-of-type,
.contentbox .text__base h5:last-of-type,
.contentbox .text__base h6:last-of-type {
    margin-bottom: 5px
}

.contentbox .text__base h2:first-child,
.contentbox .text__base h3:first-child,
.contentbox .text__base h4:first-child,
.contentbox .text__base h5:first-child,
.contentbox .text__base h6:first-child,
.contentbox .text__base p:first-child {
    padding-top: 0
}

.layoutpanel__base .contentbox .text__base h2:first-child,
.layoutpanel__base .contentbox .text__base h3:first-child,
.layoutpanel__base .contentbox .text__base h4:first-child,
.layoutpanel__base .contentbox .text__base h5:first-child,
.layoutpanel__base .contentbox .text__base h6:first-child,
.layoutpanel__base .contentbox .text__base p:first-child {
    padding-top: 0
}

.contentbox .text__base h2,
.contentbox .text__base h3,
.contentbox .text__base h4,
.contentbox .text__base h5,
.contentbox .text__base h6,
.contentbox .text__base p,
.contentbox .text__base ol,
.contentbox .text__base ul {
    width: 100%
}

.layoutpanel__base .contentbox .text__base h2,
.layoutpanel__base .contentbox .text__base h3,
.layoutpanel__base .contentbox .text__base h4,
.layoutpanel__base .contentbox .text__base h5,
.layoutpanel__base .contentbox .text__base h6,
.layoutpanel__base .contentbox .text__base p,
.layoutpanel__base .contentbox .text__base ol,
.layoutpanel__base .contentbox .text__base ul {
    margin-left: 0;
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.layoutpanel__base .buttonbox {
    background-color: #fff
}

.buttonbox__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.buttonbox__row::before,
.buttonbox__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.buttonbox__row::after {
    clear: both
}

@media (min-width: 768px) {
    .buttonbox__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.layoutpanel__base .buttonbox__row {
    margin: 0
}

@media (min-width: 640px) {
    .layoutpanel__base .buttonbox__row {
        zoom: 1;
        margin-left: -8px;
        margin-right: -8px
    }

    .layoutpanel__base .buttonbox__row::before,
    .layoutpanel__base .buttonbox__row::after {
        content: '';
        display: block;
        height: 0;
        overflow: hidden
    }

    .layoutpanel__base .buttonbox__row::after {
        clear: both
    }
}

@media (min-width: 640px) and (min-width: 768px) {
    .layoutpanel__base .buttonbox__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.buttonbox__base {
    padding-top: 35px;
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 15px
}

@media (min-width: 1024px) {
    .buttonbox__base {
        padding-top: 45px
    }
}

.text+.text .buttonbox__base:not(.image__base),
.buttonbox+.text .buttonbox__base {
    padding-top: 20px
}

@media (min-width: 1024px) {

    .text+.text .buttonbox__base:not(.image__base),
    .buttonbox+.text .buttonbox__base {
        padding-top: 30px
    }
}

.accordionpanel__content-wrapper>.buttonbox:first-child .buttonbox__base,
.layoutpanel__container>.buttonbox:first-child .buttonbox__base {
    padding-top: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.buttonbox:first-child .buttonbox__base,
    .layoutpanel__container>.buttonbox:first-child .buttonbox__base {
        padding-top: 55px
    }
}

.accordionpanel__content-wrapper>.buttonbox:last-child .buttonbox__base,
.layoutpanel__container>.buttonbox:last-child .buttonbox__base,
.layoutpanel__container>.text:last-child .buttonbox__base {
    padding-bottom: 35px
}

@media (min-width: 768px) {

    .accordionpanel__content-wrapper>.buttonbox:last-child .buttonbox__base,
    .layoutpanel__container>.buttonbox:last-child .buttonbox__base,
    .layoutpanel__container>.text:last-child .buttonbox__base {
        padding-bottom: 55px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.buttonbox:not(.text):not(.calltoaction) .buttonbox__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.buttonbox:not(.text):first-child .buttonbox__base {
    padding-top: 0
}

.columncontrol__column>.buttonbox:last-child .buttonbox__base {
    padding-bottom: 0
}

.image+.buttonbox .buttonbox__base,
.contentbox+.buttonbox .buttonbox__base,
.cmp-list+.buttonbox .buttonbox__base,
.video+.buttonbox .buttonbox__base,
.teaser+.buttonbox .buttonbox__base,
.columncontrol+.buttonbox .buttonbox__base,
.calltoaction+.buttonbox .buttonbox__base,
.download+.buttonbox .buttonbox__base,
.layoutpanel+.buttonbox .buttonbox__base,
.accordion+.buttonbox .buttonbox__base {
    padding-top: 50px
}

@media (min-width: 1024px) {

    .image+.buttonbox .buttonbox__base,
    .contentbox+.buttonbox .buttonbox__base,
    .cmp-list+.buttonbox .buttonbox__base,
    .video+.buttonbox .buttonbox__base,
    .teaser+.buttonbox .buttonbox__base,
    .columncontrol+.buttonbox .buttonbox__base,
    .calltoaction+.buttonbox .buttonbox__base,
    .download+.buttonbox .buttonbox__base,
    .layoutpanel+.buttonbox .buttonbox__base,
    .accordion+.buttonbox .buttonbox__base {
        padding-top: 60px
    }
}

.accordionpanel__content-wrapper>.buttonbox:first-child .buttonbox__base,
.buttonbox__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
.layoutpanel__container>.buttonbox:first-child .buttonbox__base,
.layoutpanel__container>.columncontrol__base--control-white .buttonbox:first-child .buttonbox__base {
    padding-top: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.buttonbox:first-child .buttonbox__base,
    .buttonbox__base .accordionpanel__content-wrapper>.text:first-child .textimage__base,
    .layoutpanel__container>.buttonbox:first-child .buttonbox__base,
    .layoutpanel__container>.columncontrol__base--control-white .buttonbox:first-child .buttonbox__base {
        padding-top: 15px
    }
}

.accordionpanel__content-wrapper>.buttonbox:last-child .buttonbox__base,
.buttonbox__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
.buttonbox__base .layoutpanel__container>.text:last-child .textimage__base {
    padding-bottom: 10px
}

@media (min-width: 640px) {

    .accordionpanel__content-wrapper>.buttonbox:last-child .buttonbox__base,
    .buttonbox__base .accordionpanel__content-wrapper>.text:last-child .textimage__base,
    .buttonbox__base .layoutpanel__container>.text:last-child .textimage__base {
        padding-bottom: 15px
    }
}

.layoutpanel__container>.buttonbox:last-child .buttonbox__base {
    padding-bottom: 40px
}

@media (min-width: 768px) {
    .layoutpanel__container>.buttonbox:last-child .buttonbox__base {
        padding-bottom: 90px
    }
}

@media (min-width: 1024px) {
    .layoutpanel__container>.buttonbox:last-child .buttonbox__base {
        padding-bottom: 80px
    }
}

.layoutpanel .columncontrol__base--control-transparent .columncontrol__column>.buttonbox:not(.text):not(.calltoaction) .buttonbox__base {
    padding-top: 0;
    padding-bottom: 0
}

.columncontrol__column>.buttonbox:not(.text):first-child .buttonbox__base {
    padding-top: 0
}

.columncontrol__column>.buttonbox:last-child .buttonbox__base {
    padding-bottom: 0
}

@media (max-width: 639px) {
    .layoutpanel__base .buttonbox__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .buttonbox__base {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 640px) {
    .buttonbox__base {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .buttonbox__base {
        margin-left: 8.33333%;
        width: 83.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .buttonbox__base {
        width: 66.66667%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .buttonbox__base {
        width: 50%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

.buttonbox__wrapper {
    background-color: #000;
    border: 2px solid #000;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.52);
    color: #fff;
    -webkit-transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in
}

.buttonbox__wrapper .buttonbox__anchor {
    color: #fff;
    -webkit-transition: color .15s ease-in;
    transition: color .15s ease-in
}

.buttonbox__wrapper .heli__svg-icon {
    fill: #fff;
    -webkit-transition: fill .15s ease-in;
    transition: fill .15s ease-in
}

.buttonbox__wrapper .contentbox__title {
    color: #fff
}

.buttonbox__wrapper:hover {
    background-color: #fff;
    border: 2px solid #fff
}

.buttonbox__wrapper:hover .buttonbox__anchor {
    color: #000
}

.buttonbox__wrapper:hover .heli__svg-icon {
    fill: #000
}

.buttonbox__wrapper:hover .buttonbox__title {
    color: #000
}

.buttonbox__content {
    padding: 13px 17px 80px 12px;
    width: 100%
}

@media (min-width: 640px) {
    .buttonbox__content {
        padding: 13px 27px 80px;
        padding-right: 74px
    }
}

@media (min-width: 1280px) {
    .buttonbox__content {
        padding-right: 80px
    }
}

.buttonbox__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    padding-top: .4198em;
    padding-bottom: .2152em;
    margin-top: .2em
}

body.fontsReady .buttonbox__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 768px) {
    .buttonbox__title {
        padding-top: .4198em;
        padding-bottom: .2152em;
        margin-top: .4em
    }
}

.buttonbox__anchor {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.buttonbox__anchor p:not(.buttonbox__title) {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: .55556em
}

body.fontsReady .buttonbox__anchor p:not(.buttonbox__title) {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .buttonbox__anchor p:not(.buttonbox__title) {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: .5em
    }

    body.fontsReady .buttonbox__anchor p:not(.buttonbox__title) {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.buttonbox__anchor .buttonbox__title+p:not(.buttonbox__title) {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 27px;
    letter-spacing: .11px;
    padding-top: .46208em;
    padding-bottom: .45158em;
    margin-top: -.27778em
}

body.fontsReady .buttonbox__anchor .buttonbox__title+p:not(.buttonbox__title) {
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
}

@media (min-width: 1024px) {
    .buttonbox__anchor .buttonbox__title+p:not(.buttonbox__title) {
        font-size: 20px;
        font-family: Arial, sans-serif;
        line-height: 32px;
        letter-spacing: .13px;
        padding-top: .3291em;
        padding-bottom: .3179em;
        margin-top: -.25em
    }

    body.fontsReady .buttonbox__anchor .buttonbox__title+p:not(.buttonbox__title) {
        font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif
    }
}

.buttonbox__icon {
    bottom: 17px;
    height: 33px;
    position: absolute;
    right: 15px;
    width: 18px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.icon__base {
    height: 51px;
    width: 54px;
    fill: #000
}

.icon__base--noIcon {
    display: none
}

.icon__base .heli__svg-icons {
    height: 100%;
    max-height: 51px;
    max-width: 54px;
    width: 100%
}

.columncontrol__base .icon {
    margin: 20px 20px 15px;
    padding-top: 20px
}

@media (min-width: 768px) {
    .columncontrol__base .icon {
        padding: 0
    }
}

.columncontrol__base .icon+.text .text__base {
    margin-top: 0;
    padding-top: 0
}

.stepbystep__base {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-top: 10px
}

.stepbystep__base::before,
.stepbystep__base::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.stepbystep__base::after {
    clear: both
}

@media (min-width: 768px) {
    .stepbystep__base {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width: 639px) {
    .layoutpanel__base .stepbystep__base {
        padding-left: 20px;
        padding-right: 20px
    }

    .layoutpanel__base .columncontrol__base .stepbystep__base {
        padding-left: 0;
        padding-right: 0
    }
}

.element {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 20px
}

@media (min-width: 640px) {
    .element {
        width: 50%;
        float: left;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .element {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .element {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1280px) {
    .element {
        margin-bottom: 41px
    }
}

.element__container {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 24px 15px 30px
}

@media (min-width: 640px) {
    .element__container {
        padding: 24px 20px 40px
    }
}

@media (min-width: 768px) {
    .element__container {
        padding: 32px 20px 27px
    }
}

.element__title {
    font-size: 19px;
    font-family: Arial, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: inline-block;
    overflow: hidden;
    text-transform: uppercase;
    width: 100%
}

body.fontsReady .element__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .element__title {
        font-size: 25px;
        font-family: Arial, sans-serif;
        line-height: 34px
    }

    body.fontsReady .element__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

@media (min-width: 1280px) {
    .element__title {
        font-size: 29px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .element__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.element__title::after {
    -webkit-box-shadow: -100vw 100vw 0 100vw #000;
    box-shadow: -100vw 100vw 0 100vw #000;
    content: '';
    display: inline-block;
    height: 4px;
    vertical-align: -50%
}

.element__text {
    padding-right: 42px;
    margin: 23px 0 26px
}

@media (min-width: 768px) {
    .element__text {
        margin: 33px 0 26px
    }
}

@media (min-width: 1024px) {
    .element__text {
        margin: 28px 0 17px
    }
}

@media (min-width: 1280px) {
    .element__text {
        margin: 37px 0 15px
    }
}

.element__text ol {
    list-style: decimal inside
}

.element__text ul {
    list-style: disc inside
}

.element__image {
    display: block;
    height: 0;
    margin: auto auto 0;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    width: 100%
}

.element__image .image__renditions {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.element__image .image__img {
    max-width: 100%
}

.element__video {
    margin-top: auto
}

.element__video .video__base {
    padding: 0
}

.element__video .video__wrapper {
    margin: 0;
    width: 100%
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeIn70 {
    from {
        opacity: 0
    }

    to {
        opacity: 0.7
    }
}

.fadeIn70 {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.slide__row {
    zoom: 1;
    margin-left: -8px;
    margin-right: -8px
}

.slide__row::before,
.slide__row::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden
}

.slide__row::after {
    clear: both
}

@media (min-width: 768px) {
    .slide__row {
        margin-left: -10px;
        margin-right: -10px
    }
}

.slide__base {
    height: calc(150vw - 90px);
    min-height: 484px;
    width: 100%;
    background-color: #999;
    position: relative
}

@media (min-width: 640px) {
    .slide__base {
        height: 400px;
        min-height: auto
    }
}

@media (min-width: 768px) {
    .slide__base {
        height: 365px
    }
}

@media (min-width: 1024px) {
    .slide__base {
        height: 456px
    }
}

@media (min-width: 1280px) {
    .slide__base {
        height: 600px
    }
}

@media (min-width: 640px) {
    .slide__base {
        margin-bottom: auto
    }
}

@media (min-width: 768px) {
    .slide__base {
        min-height: 100%
    }
}

.slide__image {
    height: calc(150vw - 90px);
    min-height: 484px;
    width: 100%;
    background-color: #999;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

@media (min-width: 640px) {
    .slide__image {
        height: 400px;
        min-height: auto
    }
}

@media (min-width: 768px) {
    .slide__image {
        height: 365px
    }
}

@media (min-width: 1024px) {
    .slide__image {
        height: 456px
    }
}

@media (min-width: 1280px) {
    .slide__image {
        height: 600px
    }
}

.slide__content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

@media (min-width: 640px) {
    .slide__content-wrapper {
        bottom: auto;
        top: 0
    }
}

.slide__content {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px
}

@media (min-width: 640px) {
    .slide__content {
        width: 66.66667%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .slide__content {
        width: 58.33333%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1024px) {
    .slide__content {
        width: 50%;
        float: left;
        margin-left: 8.33333%;
        margin-right: -100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 640px) {
    .slide__heading>.slide__pre-title:first-child {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .slide__heading>.slide__pre-title:first-child {
        margin-top: 66px
    }
}

@media (min-width: 1280px) {
    .slide__heading>.slide__pre-title:first-child {
        margin-top: 93px
    }
}

@media (min-width: 640px) {
    .slide__heading>:not(.slide__pre-title):first-child {
        margin-top: 90px
    }
}

@media (min-width: 1024px) {
    .slide__heading>:not(.slide__pre-title):first-child {
        margin-top: 108px
    }
}

@media (min-width: 1280px) {
    .slide__heading>:not(.slide__pre-title):first-child {
        margin-top: 135px
    }
}

.slide__heading:only-child {
    margin-bottom: 20px
}

.slide__heading:only-child .slide__subtitle {
    padding: 8px 14px
}

.slide__pre-title {
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 23px;
    padding-top: .53903em;
    padding-bottom: .63486em;
    padding: 16px 20px 0
}

body.fontsReady .slide__pre-title {
    font-family: "FuturaMedium", "OpenSansSemiBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .slide__pre-title {
        margin-bottom: 3px;
        padding: 8px 20px
    }
}

.slide__title {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    text-transform: uppercase;
    padding: 8px 20px;
    position: relative;
    word-break: break-word
}

body.fontsReady .slide__title {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 1024px) {
    .slide__title {
        font-size: 31px;
        font-family: Arial, sans-serif;
        line-height: 37px
    }

    body.fontsReady .slide__title {
        font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
    }
}

.slide__subtitle {
    font-size: 25px;
    font-family: Arial, sans-serif;
    line-height: 33px;
    position: relative;
    padding: 0 20px 40px
}

body.fontsReady .slide__subtitle {
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif
}

@media (min-width: 640px) {
    .slide__subtitle {
        padding: 8px 20px
    }
}

.slide__pre-title,
.slide__title,
.slide__subtitle {
    background-color: #000;
    color: #fff;
    display: block
}

@media (min-width: 640px) {

    .slide__pre-title,
    .slide__title,
    .slide__subtitle {
        display: table
    }
}

.slide__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slide__button {
    margin: -16px 0
}

@media (min-width: 640px) {
    .slide__button {
        margin-top: 30px
    }
}

@media (min-width: 1024px) {
    .slide__button {
        margin-left: 0
    }
}

.slide__button.button--hasIcon {
    padding-left: 18px
}


/* forms */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

.form-box {
    width: 100%;
    margin: 0 auto;
    background-color: #F2F2F2;
    padding: 60px;
}

.form-box * {
    font-family: 'Open Sans', sans-serif;
}

.form-box a {
    color: #0285C9;
    position: relative;
}

.form-row-item.required>label:after {
    content: ' *';
    color: #F00;
    font-weight: bold;
}

.form-underline:after {
    background: #0285C9;
    content: "";
    left: 0;
    bottom: 3px;
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
}

.form-box-head {
    max-width: 1200px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 12px 15px;
    margin: 0 auto;
}

.form-box-head.red {
    background-color: #e20f0f;
}

.form-box-content {
    max-width: 1200px;
    background-color: #fff;
    padding: 40px;
    margin: 0 auto;
}

.form-login-box {
    width: 344px;
    margin: 0 auto;
    max-width: 100%;
}

.form-row-item {
    margin-bottom: 16px;
}

.form-row-item label {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    display: block;
}

.form-row-item input,
.form-row-item select {
    height: 48px;
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 13px 16px;
    font-size: 16px;
}

.form-row-item textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 13px 16px;
    font-size: 16px;
}

.form-row-button {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 11px 15px 10px 15px;
    text-align: center;
    cursor: pointer;
}

.form-row-button[disabled] {
    background: #8d8d8d;
    cursor: default;
}

.form-row-button.full {
    width: 100%;
}

.form-row-button.max300 {
    width: 343px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.form-row-item-right {
    text-align: right;
}

.form-row-button.max300right {
    width: 343px;
    max-width: 100%;
    display: inline;
    margin-top: 24px;
}

.form-login-box .form-row-button {
    margin-top: 8px;
}

.form-register-box .form-row-button {
    margin-top: 32px;
}

.form-row-reg-link {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.form-row-reg-link a {
    font-size: 14px;
    line-height: 20px;
    color: #0285C9;
}

.form-register-box {
    width: 825px;
    max-width: 100%;
    margin: 0 auto;
}

.form-row-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}

.form-row-title.form-row-title-left {
    text-align: left;
}

.form-register-content {
    margin-top: 32px;
}

.form-row-check-item {
    margin-bottom: 16px;
}

.form-row-check-item label {
    display: block;
    padding-left: 22px;
    position: relative;
    cursor: pointer;
}

.form-row-check-item label:before {
    display: block;
    content: "";
    border: 2px solid #CCCCCC;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 2px;
}

.form-row-check-item input:checked+label:before {
    border-color: #000;
}

.form-row-check-item input:checked+label:after {
    background: url('data:image/svg+xml,<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4.5 21.6 7.5 6.1" style="enable-background:new -4.5 21.6 7.5 6.1;" xml:space="preserve"><polygon points="-1.8,27.6 -4.5,25 -3.1,23.6 -1.8,24.8 1.5,21.6 2.9,23 -1.8,27.6 "/></svg>') no-repeat;
    display: block;
    content: "";
    width: 9px;
    height: 7px;
    position: absolute;
    top: 7.5px;
    left: 2.5px;
}

.form-row-check-item label:hover:before {
    border-color: #000;
}

.form-row-check-item label:hover:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: 4px;
    background: #000;
}

.form-row-groups {
    margin-top: 40px;
}

.form-row-group {
    display: flex;
}

.form-row-group-title {
    width: 347px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.form-row-group-content {
    width: calc(100% - 347px);
}

.form-row-row {
    margin-left: -15px;
    margin-right: -15px;
}

.form-box .open_file {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 11px 19px;
}

.form-box #edrpou_file+label,
.form-box #support_file+label {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-top: 2px;
}

.form-box .error-input {
    border-color: #e20f0f;
}

.form-row-content-item {
    display: none;
}

.form-row-content-item.active {
    display: block;
}

.form-row-menu {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 18px;
}

.form-row-menu.active {
    font-weight: 700;
}

.form-row-info {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #757575;
}

.success-message {
    padding: 15px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin: 16px 0;
    border: 1px solid #16933d;
    color: #16933d;
    text-align: center;
}

#support_file+label {
    display: inline-block;
    margin-left: 10px;
}

.form-row-disabled {
    height: 48px;
    width: 100%;
    background: #F2F2F2;
    padding: 15px 16px 12px 16px;
    font-size: 16px;
}

#account-form .form-row-groups {
    margin-top: 0;
}

.form-box #select-menu {
    display: none;
}

#select-menu select {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.form-box input:focus,
.form-box select:focus,
.form-box textarea:focus {
    outline: 0;
}

.form-row-item .form-row-check-item label,
.form-row-item.form-row-check-item label {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 22px;
}

@media (max-width:1279px) {
    .form-box {
        padding: 40px;
    }

    .form-box-content {
        padding: 32px 24px;
    }
}

@media (max-width:1023px) {
    .form-box {
        padding: 30px 8px;
    }

    .form-box-content {
        padding: 32px 8px;
    }

    .form-row-group {
        flex-direction: column;
    }

    .form-row-group-title,
    .form-row-group-content {
        width: 100%;
    }

    .form-row-button.max300right {
        width: 100%;
    }

    .form-box #select-menu {
        display: block;
    }

    .form-row-menu {
        display: none;
    }

    .form-box .open_file {
        width: 100%;
    }

    #support_file+label {
        margin-left: 0;
    }

    .form-row-item label {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 20px;
    }

    .form-row-title {
        font-size: 18px;
        line-height: 24px;
    }

    .form-register-content {
        margin-top: 24px;
    }

    .form-row-check-item {
        margin-bottom: 24px;
    }

    .form-row-item {
        margin-bottom: 18px;
    }
}

/* end forms */



#tns1>.tns-item {
    width: calc(100%);
    transition-duration: 0.3s;
    animation-duration: 0.3s;
}

.d_filter_title {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 15px;
}

.product-variants {
    padding-bottom: 50px;
    background: #f2f2f2;
}

.product-variants-box {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
}

#productStock .of_select_left {
    padding: 15px 25px;
    float: none;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}


#productStock input {
    width: 100%;
}

#productStock .of_select_left>div {
    width: 100%;
}

#productStock .of_select_left:nth-child(4n) {
    border-right: 0;
}

#productStock .object_filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ecedee;
    border-left: 1px solid #ecedee;
    border-right: 1px solid #ecedee;
}

.of_select_button {
    background: #fff;
    border-top: 1px solid #ecedee;
    border-left: 1px solid #ecedee;
    border-right: 1px solid #ecedee;
    text-align: right;
    padding: 15px 25px;
}

.of_select_button button {
    cursor: pointer;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0;
}

.nav-tabs:after,
.form-group:after {
    content: '';
    clear: both;
    display: block;
}

.nav-tabs {
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav>li {
    position: relative;
    display: block;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #000;
    cursor: default;
    background-color: #f2f2f2;
    border: 1px solid #000;
    font-weight: 700;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    color: #000;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.tab-pane.active {
    display: block;
}

.form-container {
    width: 100%;
    margin: 0 -15px 0 -15px;
}

.form-group {
    margin: 0 0 15px 0;
}

.form-group *[class*="col"] {
    padding: 0 15px;
    float: left;
}

.col-sm-2 {
    width: 16.66666667%;
}

.col-sm-10 {
    width: 83.33333333%;
}

.col-sm-5 {
    width: 41.66666667%;
}

.control-label {
    display: block;
    text-align: right;
}

.tab-content,
.tab-content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control {
    padding: 11.5px;
    width: 100%;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    padding: 0 10px;
    text-shadow: 1px 1px #fff;
}

.radio input[type="radio"] {
    margin-top: 4px;
}

.btn-primary {
    border: 1px solid #CCCCCC;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}

.btn-primary:hover {
    background: #000;
    color: #fff;
}

.btn-primary[disabled] {
    border: 1px solid #ccc;
    background: #ccc;
    color: #919191;
}

.login-box {
    width: 300px;
    margin: 0 auto;
}

.error-warning {
    color: #e20f0f;
    border: 2px solid #e20f0f;
    padding: 10px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.error-text {
    color: #e20f0f;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.error-input {
    border: 1px solid #e20f0f;
}

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

legend {
    font-size: 20px;
    padding: 7px 0px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: inherit;
    color: #000;
    border: 0;
    border-bottom: 1px solid #000;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px;
}

.form_label label {
    line-height: 20px;
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.login-box .control-label {
    text-align: left;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}

.radiotop label input {
    margin-top: 0;
}

.nobr {
    white-space: nowrap;
}

.nobr a {
    display: inline-block;
}

.navigationbar__userIcon {
    height: 51px;
    width: 33px;
}

.card-widget {
    padding-bottom: 25px;
    margin-bottom: 45px;
    border-bottom: 1px solid #000;
    margin-top: 45px;
}

.card-header {
    padding: 0 15px;
    font-size: 20px;
    font-weight: 700;
}

.sort_icon {
    display: inline-block;
    height: 32px;
    padding: 0 10px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    position: relative;
    top: 2px;
}

.stg_content h1 {
    font-size: 30px;
    line-height: 38px;
}

.stg_content h2 {
    font-size: 28px;
    line-height: 36px;
}

.stg_content h3 {
    font-size: 26px;
    line-height: 34px;
}

.stg_content h4 {
    font-size: 24px;
    line-height: 32px;
}

.stg_content h5 {
    font-size: 22px;
    line-height: 30px;
}

.stg_content h6 {
    font-size: 20px;
    line-height: 28px;
}

.stg_content pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
}

.stg_content blockquote {
    padding: 10px 8px 10px 20px;
    border-left-width: 5px;
    font-style: italic;
    border-style: solid;
    border-color: #ccc;
    margin-left: 15px;
    margin-bottom: 15px;
}


.pagination__link .heli__svg-icon {
    position: relative;
    top: 5px;
}

.pagination_box .pagination li:first-child {
    margin-right: 20px !important;
}

.pagination_box .pagination li:last-child {
    margin-left: 20px !important;
}

.pa_mobile {
    display: none;
}

@media(max-width:639px) {
    .pa_mobile {
        display: block;
    }

    .pa_desktop {
        display: none;
    }
}

.sort_icon:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6);
}

.sort_icon:before {
    content: '';
    display: inline-block;
    background: url(../img/sort.svg) 0 0 no-repeat;
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

a h4.pageteaser__title {
    color: #000;
}

.stg_content ul,
.stg_content ol {
    margin: 10px 0 15px 20px;
}

.stg_content ul li {
    list-style: circle;
}

.stg_content ol li {
    list-style: auto;
}

.btn-read {
    font-size: 14px;
    line-height: 19px;
    font-family: "OpenSansBold" !important;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    padding: 9px 42px;
    margin-left: 20px;
    margin-bottom: 19px;
    display: inline-block;
}

.reparieren {
    width: 40px;
    height: 40px;
    background: #fff url(../img/fix.svg) center center no-repeat;
    border-radius: 40px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 10;
}


.pagination__currentLink {
    background: #000;
    color: #fff;
    font-family: "OpenSansBold" !important;
    width: 43px;
    padding: 0;
    line-height: 39px;
}

.btn-read:hover {
    background: #fff;
    color: #000;
}

.select_box3+.d_filter_title {
    margin-top: 15px;
}

.landing_box {
    padding: 30px 0;
    background: #fff;
}

.text-center {
    text-align: center;
}

.no-a-margin a {
    margin-bottom: 0;
}

.home_pageteaser__title {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 16px 16px 0 16px;
    height: 44px;
    padding-right: 15px;
    font-family: "OpenSansBold";
}

.shadow_box .stg_content p {
    font-size: 18px !important;
    line-height: 24px !important;
}

@media(max-width:767px) {
    .teaserlist__base_home {
        padding: 0 15px;
    }
}

@media(max-width:1023px) {

    .col-sm-2,
    .col-sm-5,
    .col-sm-10 {
        width: 100%;
        float: none;
    }

    .control-label {
        text-align: left;
    }

    .open_file {
        margin-top: 15px;
    }

    .form-container .buttons,
    .form-container .nav-tabs {
        padding: 0 15px;
    }

    #productStock .of_select_left {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(min-width:1200px) {
    .teaserlist__base_home .teaserlist__list--col3 .teaserlist__item {
        width: 25%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.no-a-margin .pageteaser__tile-title .pageteaser__arrow {
    bottom: 39px;
}

@media(max-width:767px) {
    .no-a-margin .pageteaser__tile-title .pageteaser__arrow {
        bottom: 31px;
    }
}

.layoutpanel__base_home .layoutpanel__title {
    margin-bottom: 34px;
}

.no-a-margin .pageteaser__tile-title .pageteaser__arrowIcon {
    height: 17px;
    width: 10px;
}

.use_padding {
    padding-left: 30px;
    padding-right: 30px;
}

.row {}

.row img,
.image img {
    width: 100%;
    max-width: 100%;
}

.row:after {
    content: '';
    display: block;
    clear: both;
}

.col-sm-6 {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.landing_form {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.landing_form h4 {
    text-align: center;
    margin-bottom: 15px;
}

.landing_form label {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.landing_form input,
.landing_form select {
    border: 1px solid #e7e7e7;
    background: #fff;
    font-family: proxima_nova, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    color: #333;
}

.landing_form .landing_field {
    margin-bottom: 15px;
}

.form_send {
    background: #d22d25;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 1px;
    padding: 20px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.icons .icon {
    display: inline-block;
}

.l_hr {
    margin: 0 60px 30px 60px;
    border-top: 1px dashed #cecece;
}

.object_padding {
    padding: 20px;
}

.bg_white {
    background: #fff;
}

.width_100 {
    width: 100%;
}

.stg_content {
    width: 100%;
    background: #fff;
    padding: 20px;
    line-height: 20px;
}

.stg_content * {
    line-height: 20px;
    font-size: 1em;
}

.stg_content p {
    margin: 0 0 15px;

}

.shadow_box {
    -webkit-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.49);
    box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.49);
}

.home_buttons {
    margin-top: 25px;
}

.button_link {
    display: block;
    margin-top: 15px;
    color: #58b9da;
    font-size: 16px;
    margin-bottom: 12px;
}

.btn-black {
    background: #000;
    color: #fff;
    font-weight: 700;
    padding: 15px 15px;
    display: inline-block;
    margin-right: 20px;
    width: 285px;
    height: 60px;
    text-align: center;
    line-height: 28px !important;
    font-size: 20px !important;
    border: 1px solid #000;
    margin-bottom: 15px;
    font-family: "OpenSansBold";
}

.control_set_padding .columncontrol__base {
    margin-top: 0 !important;
}

.control_set_padding {
    padding-top: 60px;
    padding-bottom: 60px;
}


@media(max-width:767px) {
    .shadow_box * {
        text-align: center;
    }

    .btn-black {
        display: block;
        margin: 0 auto 20px auto;
    }

    .home_buttons {
        text-align: center;
    }
}

.btn-black:hover {
    background: #fff;
    color: #000;
}


.object-properties .item ul {
    padding-left: 20px;
    margin-top: 3px;
}

.object-properties .item li {
    list-style-type: circle;
    color: #000;
}

.object_image {
    margin-bottom: 15px;
}

.object_image img {
    width: 100%;
    max-width: 100%;
}

.object-properties .item {
    margin-bottom: 20px;
    padding-left: 35px;
    color: #848484;
    position: relative;
}

.object-properties .item div {
    color: #000;
    margin-top: 3px;
}

.object-properties .item:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 23px;
    background-image: url(https://ceresit.ua/assets/fae8c61a/css/../img/object-icons.png);
    background-repeat: no-repeat;
}

.object-properties .item.job-sort:before {
    background-position: 0 0;
    height: 20px;
}

.object-properties .item.total-square:before {
    background-position: 0 -60px;
    height: 17px;
    top: 5px;
}

.object-properties .item.usage:before {
    background-position: 0 -137px;
    height: 22px;
}

.object-properties .item.region:before {
    background-position: 0 -321px;
    height: 15px;
}

.object-properties .item.description:before {
    background-position: 0 -378px;
    height: 18px;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.object_filter {
    background: #fff;
    width: 100%;
}

.object_filter_city {
    background: #fff;
    padding: 20px;
    margin-top: 15px;
    display: inline-block;
}

.object_filter .of_button {
    float: left;
    text-decoration: none;
    text-align: center;
    line-height: 100px;
    padding: 0 25px;
    border-top: 2px solid #fff;
}

.object_filter .of_button:hover {
    color: #e20f0f;
}

.object_filter .of_button.active {
    border-top: 2px solid #e20f0f;
    color: #e20f0f;
}

.object_filter .of_text {
    float: right;
    text-align: center;
    line-height: 100px;
    padding: 0 25px;
}

.of_select {
    float: right;
    line-height: 100px;
    padding: 0 25px;
}

.of_select_left {
    float: left;
    padding: 35px 25px;
    border-right: 1px solid #ecedee;
}

.of_select_left .title {
    font-size: 13px;
    margin-bottom: 2px;
    color: #626061;
}

.ceresit_checks {
    padding-left: 40px;
    position: relative;
    background: #fff;
    height: 100%;
}

.ceresit_check_single {
    background: #000;
    color: #fff;
    border: 2px solid #000;
    -webkit-transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, border-color .235s ease-in, color .235s ease-in;
}

.ceresit_check_single .teaserlist__item--black .pageteaser__base::after {
    display: none;
}

.teaserlist__item--black .pageteaser__base.ccc:after {
    display: none;
}

.pageteaser__base.ccc {
    padding-bottom: 0 !important;
}

.ceresit_check_single:hover {
    background: #fff;
    color: #000;
}

.ceresit_check_single.ceresit_check:hover label:before {
    border: 2px solid #000;
}

.ceresit_check_single.ceresit_check label:before {
    border: 2px solid #fff;
}

.ceresit_checks.ceresit_check .pageteaser__title {
    margin-bottom: 0;
    height: auto;
}

.hidden {
    display: none;
}

.select_all {
    padding: 35px 25px;
    float: left;
}

.document_selector button {
    outline: 0;
    float: left;
    padding: 35px 25px;
    cursor: pointer;
    background: #e20f0f;
    color: #fff;
    font-size: 18px;
}

.metanavigation__locationText a {
    color: #bdbdbd;
    text-transform: uppercase;
    font-size: 16px;
}

.metanavigation__locationText a:hover {
    color: #fff;
}

.metanavigation__locationText a.active {
    color: #e20f0f;
}

.document_selector button[disabled] {
    cursor: default;
    background: #e1e1e1;
    color: #8a8a8a;
}

.ceresit_check .fly_checkbox.doc_check label {
    position: absolute;
}

.ceresit_check .fly_checkbox.doc_check label {
    top: 27px;
    left: 20px;
}

.ceresit_check.fly_checkbox.doc_check_all label {
    position: relative;
    top: -4px;
}

.ceresit_check.fly_checkbox.doc_check_all label+div {
    margin-left: 40px;
}

.ceresit_check label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #000;
}

.ceresit_check input[type="checkbox"]:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #e20f0f;
}

.document_selector {
    background: #fff;
    margin: 0 10px 20px 10px;
    -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);

}

.master_photo {
    float: right;
    margin: 0 0 15px 15px;
}

#outlets-block,
#masters-block,
#map,
#map_outlet {
    width: 100%;
    height: 600px;
}

.bubble-content {
    background: #fff;
    padding: 10px 30px;
    text-align: left;
    font: 16px 'Proxima Nova Regular', sans-serif;
}

.bubble-content h4 {
    margin: 0 0 15px;
    height: auto;
    overflow: auto;
    font-weight: normal;
    font-size: 24px;
}

.bubble-content a {
    color: #e20f0f;
}

.bubble-content a:hover {
    text-decoration: underline;
}

.bubble-content .place {
    color: #8a8a8a;
    margin: 0 0 5px;
}

.bubble-content .link {
    margin: 0 0 10px;
}

.bubble-content .tel {
    height: 60px;
    overflow: hidden;
}

#more-fancy-link span {
    padding: 0 13px 0 0;
}

#more-fancy-link {
    display: block;
    height: 50px;
    color: #e20f0f;
    padding: 0 0 0 30px;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    line-height: 51px;
    transition: all .25s;
}

.master_item .master_title {
    font-size: 15px;
    color: #6a6a6a;
    margin: 0 0 5px;
}

.master_item .master_content,
.master_item .master_content a {
    font-size: 18px;
    line-height: 20px;
}

.master_item {
    margin-bottom: 20px;
}

.contact {
    padding: 25px;
    display: flex;
}

.contact .image {
    padding-right: 20px;
}

.contact .contact_phone {
    margin-bottom: 5px;
}

.contact h4.pageteaser__title {
    margin: 0;
    line-height: 50px;
    height: auto;
}

.contact_item {
    margin-bottom: 20px;
}

.object_padding h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}

.contact_item .contact_title {
    color: #848484;
    margin-bottom: 5px;
}

.contact_item .contact_text {
    font-size: 16px;
    line-height: 20px;
}

.pagination_box {
    text-align: center;
}

.pagination_box .pagination {
    display: inline-block;
}

.pagination_box .pagination li {
    display: inline-block;
}

.pagination_box .pagination li span,
.pagination_box .pagination li a {
    display: inline-block;
}

.pagination_box .pagination li:first-child {
    margin-right: 50px;
}

.pagination_box .pagination li:last-child {
    margin-left: 50px;
}

.heli__svg-icon {
    position: relative;
    top: -1px;
}

body {
    overflow-x: hidden;
}

.clearfix {
    content: '';
    display: block;
    clear: both;
}

.locationselector__listLocations .langs {
    margin-top: 15px;
}

.locationselector__listLocations .langs a {
    display: block;
    padding: 10px 0;
    color: #000;
    border-bottom: 1px solid #eee;
}

.locationselector__listLocations .langs a.active {
    color: #e20f0f;
}

.teaserlist__list--col12 .teaserlist__item {
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.stg_row {
    display: flex;
}

.event_content {
    padding: 20px 20px 20px 20px;
}

.palette_content {
    padding: 15px;
}

.palette_content:first-child {
    border-right: 1px solid #eee;
}

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

.stg_col_3 {
    width: 30%;
}

.stg_col_9 {
    width: 70%;
}

#docs .doc_type_box a h4.pageteaser__title {
    color: #fff;
}

#docs .doc_type_box a:hover h4.pageteaser__title {
    color: #000;
}

.event_params {
    margin-bottom: 30px;
    line-height: 22px;
}

.event_params>div {
    display: inline-block;
    margin-right: 15px;
    line-height: 16px;
    font-size: 14px;
    position: relative;
    padding-left: 18px;
}

.event_params>div i {
    color: #e20f0f;
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 0;
}

.event_params>div.time i {
    font-size: 16px;
    top: 0px;
}

.event_params>div.place i {
    font-size: 16px;
    top: 0px;
}

.event_title {
    font-size: 20px;
    line-height: 24px;
    margin: 15px 0;
    font-family: "FuturaBold", "OpenSansBold", Arial, sans-serif;
}

.dflexTable {
    display: flex;
}

.dflexTable a {
    margin-right: 5px;
}

.dflexTable a svg {
    width: 15px;
}

.palette {
    display: none;
    max-width: 800px;
}

.palette .items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px;
}

.palette .item {
    width: 72px;
    margin-right: 5px;
}

.palette .item img {
    width: 76px;
    height: 76px;
    border: 3px solid #fff;
    transition: all .25s;
    cursor: pointer;
}

.palette .item .img:hover img {
    border-color: #ecedee;
}

.palette .item .name {
    font: 13px/14px 'Proxima Nova Regular', sans-serif;
    height: 28px;
    overflow: hidden;
    padding: 0 3px;
}

.palette .big_img img {
    width: 100%;
    max-width: 400px;
}

.palette .palette_title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}

.palette .pal_price {
    color: #e20f0f;
    margin-bottom: 15px;
}

.palette .subtext {
    opacity: .4;
    filter: alpha(opacity=40);
    font-size: 14px;
    color: #333;
    margin: 0 0 30px;
}

.palette .bi_name {
    margin-top: 5px;
}

.open_palette {
    display: block;
    padding-left: 50px;
    position: relative;
}

.open_palette:before {
    content: '';
    display: block;
    background: url('../img/palitra.png') 0 0 no-repeat;
    width: 42px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
}

.fancybox-container .fancybox-content {
    padding: 20px 10px 10px 10px;
}

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

#facts table,
table#products-list {
    text-align: center;
    margin: 15px 0;
}

#facts table td,
#facts table th,
table#products-list td,
table#products-list th {
    padding: 10px;
}

.hot_line {
    padding: 25px;
}

.hot_line>div {
    font-weight: bold;
    color: #e20f0f;
    font-size: 26px;
    line-height: 30px;
}

.master_image {
    float: left;
    width: 50%;
    padding: 15px;
}

.master_image:nth-child(2n) {
    padding-right: 0;
}

.master_image:nth-child(2n-1) {
    padding-left: 0;
}

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

#factories .row {
    width: 100%;
    margin: 0 -15px;
}

#factories .row .cell {
    float: left;
    width: 30%;
    height: 315px;
    padding: 0 1px 0 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .25s;
}

#factories .row .cell.wide {
    width: 70%;
}

#factories .row .cell .data {
    position: absolute;
    bottom: 0;
    right: 1px;
    width: 100%;
    background: #383b3f;
    padding: 20px 20px 0;
    height: 90px;
    z-index: 10;
    transition: all .25s;
}

#factories .row .cell .data .name {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 18px;
}

#factories .row .cell .data p {
    font-size: 14px;
    color: #898989;
    line-height: 18px;
}

#factories .row .cell .data .info {
    display: none;
}

#factories .row .cell:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

#factories .row .cell:hover:before {
    opacity: 1;
}

#factories .row .cell:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .25s;
}

#factories .row .cell:hover .info {
    display: block;
}

#factories .row .cell:hover .data .address {
    display: none;
}

#factories .row .cell img {
    width: 100%;
}

#factories .row .cell:hover .data {
    height: 115px;
}

#products-list td div {
    margin-top: 25px;
}

#factories .title {
    font-size: 24px;
    margin: 70px 0 35px;
    text-align: center;
}

#products-list tr:nth-last-of-type(1) td {
    vertical-align: top;
}

#products-list td {
    text-align: center;
    vertical-align: bottom;
    width: 25%;
    padding: 0 20px 55px;
}

#factories .content-col .circle {
    border-radius: 125px;
    margin: 5px 10px 0 0;
}

#factories .content-col .circle-side {
    width: 460px;
}

#factories .content-col {
    padding: 50px 65px;
}

.right {
    float: right;
}

.left {
    float: left;
}

#factories h2 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    margin: 0 0 50px;
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif;
}

#factories .content-col .left h2 {
    text-align: left;
}

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

#facts table td {
    padding-bottom: 30px;
}

#chief h2 {
    color: #e8514a;
    line-height: 30px;
}

.of_checkbox {
    float: left;
    width: 20%;
    padding: 35px 25px;
    border-right: 1px solid #ecedee;
    height: 100%;
}

.of_checkbox:last-child {
    border: 0;
}

.border_filter {
    border-top: 1px solid #ecedee;
}

.of_checkbox label {
    display: block;
    position: relative;
}

.of_checkbox .check {
    position: absolute;
    top: 0;
    left: 0;
}

.of_checkbox .text {
    display: inline-block;
    padding-left: 55px;
    position: relative;
}

.of_checkbox .text img {
    width: 25px;
    position: absolute;
    top: -3px;
    left: 25px;
}

#home-slider * {
    outline: 0;
}

#home-slider {
    display: none;
}

#home-slider.slick-initialized {
    display: block;
}

#home-slider img {
    width: 100%;
    height: auto;
}

table#products-list th {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
    font-weight: normal;
    font-size: 24px;
}

table#products-list td,
table#info_table td {
    vertical-align: top;
}

.p_im {
    height: 76px;
}

p.p_style {
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #ecedee;
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
}

p.p_style a {
    font-size: 14px;
}

.p_im1 {
    height: 70px;
}

a.more-link {
    font: 15px/1 'Proxima Nova Regular', sans-serif;
    color: #e20f0f;
    transition: all .25s;
    text-decoration: none
}

a.more-link:visited {
    color: #e20f0f;
}

#chief h2 {
    text-align: left;
    padding-top: 0;
}

#chief h5 {
    text-transform: none;
    font-weight: normal;
    font-family: "FuturaBook", "OpenSansRegular", Arial, sans-serif;
}

.slick-slide img:last-child {
    display: none;
}

.u_title_doc {
    padding: 30px 0 20px 0;
    font-size: 24px;
}

.document_selector button#doc_search {
    float: right;
    width: 200px;
}

.fly_search {
    width: calc(100% - 200px);
    padding: 30px 25px;
}

.fly_search input {
    height: 31px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
}

.fly_search input:focus {
    outline: 0;
}

.register_button {
    border: 1px solid #e20f0f;
    padding: 10px;
}

.date_publish {
    margin: 0 20px 18px;
    font-size: 14px;
    line-height: 19px;
}

.stg_text_button {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.stg_text_button2 {
    width: 300px;
    max-width: 100%;
    text-align: center;
    display: inline-block;
}

.stg_text_button a,
.stg_text_button2 a {
    text-decoration: none;
}

.pageteaser__tile-title_image_description.stg_text_button .pageteaser__link,
.pageteaser__tile-title_image_description.stg_text_button2 .pageteaser__link {
    text-align: center;
    color: #000;
    margin-bottom: 0;
    display: inline;
}

.pageteaser__tile-title_image_description.stg_text_button .pageteaser__title,
.pageteaser__tile-title_image_description.stg_text_button2 .pageteaser__title {
    height: auto;
}

.product_price {
    font-size: 20px;
    margin-top: 30px;
    display: block;
    width: 100%;
}

.product_price span {
    color: #e20f0f;
    font-weight: bold;
}

.product_button {
    display: block;
    margin-top: 50px;
    width: 100%;
    margin-bottom: 30px
}

.product_button+.product_button {
    margin-top: 0;
}

.product_line {
    display: table;
    width: 100%;
}

.product_line_item {
    display: table-row;

}

.product_line_item.product_line_heading {
    font-weight: bold;
}


.product_line_item>div {
    padding: 5px;
    display: table-cell;
    border-top: 1px solid #000;
}

.product_line_item .buttons {
    text-align: right;
}

.dealrButton {
    display: inline-block;
    padding: 10px;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    line-height: 18px;
}

.dealrButton:hover {
    background: #000;
    color: #fff;
}

.product_line_item .tname {
    display: none;
    font-weight: bold;
}


.product_line_item.product_line_heading>div {
    border-top: 0;
    padding-bottom: 15px;
}

.product-variants .product_line {
    border: 1px solid #ECEBEF;
}

.product-variants .product_line_item>div {
    min-height: 90px;
    padding: 19px;
    border-top: 1px solid #ECEBEF;
}

.product-variants .product_line_item.product_line_heading>div {
    min-height: 59px;
    border-top: 0;
}

.product-variants .product_line_item>div:first-child,
.product-variants .product_line_item.product_line_heading>div:first-child {
    padding-left: 48px;
}

.product-variants .product_line_item>div:last-child,
.product-variants .product_line_item.product_line_heading>div:last-child {
    padding-right: 48px;
}

.product-variants .dealrButton {
    border: 1px solid #CCCCCC;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

.product-variants .product_line_item:not(.product_line_heading):hover {
    -webkit-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.1);
}

@media(max-width:1023px) {
    .product_line {
        display: blokc;
    }

    .product_line_item {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #000;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .product_line_item.product_line_heading {
        display: none;
    }

    .product-variants .product_line_item>div,
    .product-variants .product_line_item>div:first-child,
    .product-variants .product_line_item.product_line_heading>div:first-child {
        padding: 19px;
        min-height: 10px;
    }

    .product_line_item>div {
        border: 0;
        padding: 0 0 10px 0;
    }

    .product_line_item .buttons {
        text-align: left;
        padding-bottom: 0;
    }

    .product_line_item:last-child {
        border-bottom: 0;
    }

    .product_line_item .tname {
        display: inline;
    }

    .product-variants-box {
        padding: 20px;
    }

    .product-variants .product_line {
        border: 0;
    }
}

.ceresit_image {
    display: none;
}

.ceresit_image.active {
    display: block;
}

.ceresit_packages li {
    display: inline-block;
    border: 2px solid #f2f2f2;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 5px;
    padding: 10px;
    margin-right: 5px;
}

.ceresit_packages li.active,
.ceresit_packages li:hover {
    border-color: #e20f0f;
}

.ceresit_images {
    position: relative;
}

.ceresit_images .controls>div {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 63.335 63.335' style='enable-background:new 0 0 63.335 63.335;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M17.815,62.816c0.383,0.348,0.864,0.519,1.343,0.519c0.545,0,1.087-0.222,1.482-0.657l27.939-30.822 c0.443-0.49,0.594-1.141,0.471-1.742c0.053-0.602-0.159-1.22-0.641-1.656L17.587,0.518c-0.818-0.742-2.083-0.679-2.825,0.139 s-0.68,2.083,0.139,2.824l29.643,26.87l-26.868,29.64C16.935,60.81,16.997,62.074,17.815,62.816z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.ceresit_images .controls>div.left {
    transform: rotate(180deg);
    left: 15px;
}

.ceresit_images .controls>div.right {
    right: 15px;
}

.palettes>div {
    display: none;
}

.palettes>div.active {
    display: block;
}

.stickynav__base * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  not supported by any browser */
}

.divs {
    width: 100%;
}

.person-table {
    width: 100%;
}

.person-table .person-table-item {
    display: flex;
    margin-bottom: 10px;
}

.person-table .person-table-item>div:first-child {
    padding-right: 10px;
    font-weight: bold;
    white-space: nowrap;
}

.pageteaser.contact-button h4 {
    height: auto !important;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin: 15px;
}

.contact-buttons {
    display: flex;
    margin-top: 25px;
}

.contact-buttons article:first-child {
    margin-right: 15px;
}

.autosearch {
    position: relative;
}

.autosearch .fly_items {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    font: 14px/18px Arial, sans-serif;
    position: absolute;
    top: 100%;
    z-index: 1010;
}

.autosearch .fly_items div {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231F20;
    cursor: pointer;
}

.autosearch .fly_items div:hover {
    color: #fff;
    background: #e20f0f;
}

.autosearch input {
    height: 32px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    padding: 0 10px;
    text-shadow: 1px 1px #fff;
}

.autosearch input:focus {
    outline: 0;
}

.form-box input[readonly] {
    background: #f3f3f3;
    color: #a9a9a9;
}

.select_box_container {
    margin: 0 -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select_box3 {
    padding: 0 15px;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom: 15px;
}

.select_box3>div {
    cursor: pointer;
}

.dhide {
    display: none;
}

.d_single_download a {
    display: block;
    height: 100%;
}

.doc_svg {
    width: 30px;
    height: 30px;
    position: relative;
    top: 26px;
    left: -22px;
}

.d_single_download .pageteaser__title {
    margin: 0 20px 25px;
}

.document_selector label:before,
.document_selector label:after {
    cursor: pointer;
}

.d_loader {
    background: rgb(255 255 255 / 55%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.d_loader.active {
    display: block !important;
}

.d_loader>div {
    width: 125px;
    height: 125px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#floatingCirclesG {
    position: relative;
    width: 125px;
    height: 125px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: rgb(255, 255, 255);
    height: 22px;
    width: 22px;
    border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#frotateG_01 {
    left: 0;
    top: 51px;
    animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    -moz-animation-delay: 0.45s;
}

#frotateG_02 {
    left: 15px;
    top: 15px;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#frotateG_03 {
    left: 51px;
    top: 0;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#frotateG_04 {
    right: 15px;
    top: 15px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#frotateG_05 {
    right: 0;
    top: 51px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#frotateG_06 {
    right: 15px;
    bottom: 15px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#frotateG_07 {
    left: 51px;
    bottom: 0;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#frotateG_08 {
    left: 15px;
    bottom: 15px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.vi-n-text .text ul>li,
.vi-n-text .text ol>li,
body.fontsReady .vi-n-text .text strong {
    font-size: 16px;
    line-height: 30px;
}

.vi-n-text .text p,
body.fontsReady .vi-n-text .text p {
    line-height: 30px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
}

body.fontsReady .vi-n-text .text a {
    line-height: 30px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    letter-spacing: 0;
}


.pcartForm {
    text-align: left;
}

.product_button form.pageteaser.pcartForm .product-qty-input {
    text-align: center;
    outline: none;
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 18px;
    padding: 12px 0 10px 0;
    border-radius: 0;
    width: 50px;
}

.product_button form.pageteaser.pcartForm .product-qty-btn {
    float: left;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 20px;
    width: 45px;
    height: 45px;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    background: #000;
    color: #fff;
    float: left;
    top: 0;
    border: 1px solid #000;
    box-shadow: none;
}

.product_button form.pageteaser.pcartForm .qty {
    float: left;
    margin: 0;
}

.product_button form.pageteaser.pcartForm .product-qty-btn:hover {
    background: #fff;
    color: #000;
}

.product-qty-btn {
    border: 1px solid #000;
    border-radius: 4px;
    width: 36px;
    height: 35px;
    cursor: pointer;
    margin-left: 10px;
}

input.product-qty-input[type="number"],
input.product-qty-input[type="number"]:hover,
input.product-qty-input[type="number"]:focus,
input.product-qty-input[type="number"]::-webkit-outer-spin-button,
input.product-qty-input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: textfield;
}

.product_qtw_text {
    margin-bottom: 10px;
    font-size: 20px;
}

.product_button form.pageteaser .add-to-cart {
    float: left;
}

.qty-box .product-qty-btn {
    background: #000;
    color: #fff;
    float: left;
}

.qty-box .product-qty-btn:hover {
    background: #fff;
    color: #000;
}

.qty-box .form-control2 {
    width: 100%;
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    font: 14px / 32px Arial, sans-serif;
    color: #000;
    padding: 0 10px;
    margin: 0;
    text-shadow: none;
    float: left;
    text-align: center;
    padding-top: 1px;
}

.qty-box input.form-control2[type="number"],
.qty-box input.form-control2[type="number"]:hover,
.qty-box input.form-control2[type="number"]:focus,
.qty-box input.form-control2[type="number"]::-webkit-outer-spin-button,
.qty-box input.form-control2[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: textfield;
}

.qty-box input.form-control2:active,
.qty-box input.form-control2:focus {
    outline: none;
}

.isCartPage table.table.table-bordered thead th {
    background: #000;
    color: #fff;
}

.isCartPage table.table.table-bordered,
.isCartPage table.table.table-bordered thead th,
.isCartPage table.table.table-bordered thead td {
    border: 1px solid #000;
}

.isCartPage table.table.table-bordered tbody tr {
    border-bottom: 1px solid #000;
}

.isCartPage .client-data .cd-col {
    border: 1px solid #000;
}

.isCartPage .client-data .cd-col .title {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.isCartPage .qty-box {
    position: relative;
    top: 6px;
    height: 32px;
    display: inline-block;
}

.isCartPage table.table.table-bordered tbody tr td a,
.isCartPage table.table.table-bordered tbody tr td a:hover {
    color: #e20f0f;
}

.form-box a {
    color: #e20f0f;
}

.account-internal table.table.table-bordered thead th {
    padding: 15px 10px;
    font-weight: 600;
    background: #000;
    color: #fff;
}

.filter-data .form-control,
.search .form-control {
    border-radius: 0;
    border: 1px solid #000;
    min-width: 200px;
}

.table-responsive .form-control,
.end-all-deliveries .form-control,
.export .form-control,
.form-row-content-item .filter-data .dates form .list-filter-btn,
.orderEdit .form-control {
    border-radius: 0;
    border: 1px solid #000;
    box-shadow: none;
}

.form-box .pagination_box a {
    color: #000;
}

table a.sort {
    position: relative;
    color: #fff;
    padding-right: 10px;
    display: inline-block;
}

table a.sort:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    right: 0;
}

table a.sort.sort_asc:after {
    content: '↑';
}

table a.sort.sort_desc:after {
    content: '↓';
}

.catBoxList {
    width: 25%;
    float: left;
    padding: 15px;
}

.catBoxCont {
    margin: 0 -15px;
}

.catBoxList a {
    display: block;
    -webkit-transition: background-color .235s ease-in, color .235s ease-in;
    transition: background-color .235s ease-in, color .235s ease-in;
    webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    min-height: 95px;
}

.tab-head-links,
.export {
    text-align: right;
}

.noEditProduct input,
.noEditProduct textarea,
.noEditProduct select {
    border-radius: 0;
    box-shadow: none;
    color: #000 !important;
}

.form-row-content-item .filter-data .dates {
    margin-top: 15px;
}

.pageteaser__base.black_border .add-to-cart-area {
    margin-top: 15px;
}

.event_params .type-color {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    background: #e20f0f;
    color: #fff;
    padding: 3px 7px;
    margin-right: 15px;
    position: relative;
}

@keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: rgb(0, 0, 0);
    }

    100% {
        background-color: rgb(255, 255, 255);
    }
}

@media(max-width:1279px) {
    #factories .row .cell.wide {
        width: 100%;
    }

    #factories .row .cell {
        width: 100%;
    }

    #factories .row {
        margin: 0;
    }

    .pageteaser.contact-button h4 {
        font-size: 12px;
    }

    .text__base {
        min-height: auto !important;
    }
}

@media(max-width:1199px) {
    .of_checkbox {
        width: 50%;
        height: 90px;
        border-bottom: 1px solid #ecedee;
    }

    .of_select_left {
        width: 50%;
    }

    .pageteaser.contact-button h4 {
        font-size: 10px;
    }
}

@media(max-width:916px) {
    #complect {
        text-align: center;
    }

    #factories .content-col .circle {
        float: none;
    }

    #factories .content-col .circle-side {
        width: 100%;
    }

    #factories .content-col .left h2 {
        text-align: center;
    }
}

@media(max-width:767px) {
    .catBoxList {
        width: 50%;
    }

    .form-row-content-item .filter-data .search,
    .form-row-content-item .filter-data .dates,
    .form-row-content-item .filter-data .dates form {
        width: 100%;
    }

    .form-row-content-item .filter-data .dates form label {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 15px;
        display: block;
    }

    .form-row-content-item .filter-data .dates form .list-filter-btn {
        margin-top: 15px;
        float: right;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .filter-data .form-control,
    .search .form-control {
        min-width: auto;
    }

    .form-row-content-item .filter-data .dates form {
        display: block !important;
    }

    .filterDates label {
        margin-top: 15px;
    }

    .filter-data .form-control,
    .search .form-control {
        width: 100%;
        max-width: 100% !important;
    }

    .col-sm-6 {
        width: 100%;
    }

    .landing_form {
        padding: 15px;
    }

    .use_padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .l_hr {
        margin: 0 16px 30px 15px;
    }

    .object_filter .of_button {
        width: 50%;
    }

    table#info_table td,
    table#products-list td {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .slick-slide img:last-child {
        display: block;
    }

    .slick-slide img:first-child {
        display: none;
    }

    .pageteaser.contact-button h4 {
        font-size: 14px;
    }

    .select_box3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .eventlist {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .eventlist .stg_col_3,
    .eventlist .stg_col_9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .isCartPage .client-data .cd-col {
        width: 100%;
        margin-bottom: 30px;
    }

    .cartFormProduct {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .cartProductTable {
        position: relative;
    }

    .cartProductTable,
    .cartProductTable tbody,
    .cartProductTable tr,
    .cartProductTable td {
        display: block;
        width: 100%;
    }

    .cartProductTable thead {
        display: none;
    }

    .isCartPage span.hidden {
        display: inline-block;
    }

    .isCartPage div.hidden {
        display: block;
    }

    .remove-cart-item {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .pcartName {
        padding-right: 35px !important;
    }

    .client-account-events h4 a {
        margin: 10px 0;
    }
}

@media(max-width:500px) {
    .of_checkbox {
        width: 100%;
        height: auto;
        border-right: 0;
    }

    .of_select_left {
        width: 100%;
        border-top: 1px solid #ecedee;
    }

    .select_box3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #productStock .of_select_left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .catBoxList {
        width: 100%;
    }
}

body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.heli__svg-icon.ic-search {
    fill: #bdbdbd;
}

@media (max-width: 590px) {
    .layoutpanel .teaserlist__base {
        margin-left: 15px;
        margin-right: 15px;
    }

    .fly_search {
        padding: 10px;
        width: calc(100% - 160px);
    }

    .document_selector button#doc_search,
    .document_selector button {
        padding: 15px;
    }

    .document_selector button#doc_search {
        width: 160px;
    }

    .of_select--object .jqselect,
    .of_select--object,
    .object_filter--object {
        width: 100%;
    }

    .of_select--object .jqselect+.jqselect {
        margin-top: 10px;
    }
}